/* -------------------------------------------------------------- Site Specific Stylesheet Highdown School 2010-01-35 Author: Jack Howell - www.e4education.co.uk -------------------------------------------------------------- */ @import url(reset.css); /* Global Reset */ @import url(default.css); /* Sets sensible default styles */ .login-overlay {z-index:10;} .login-shadow {z-index:11;} .login-panel {z-index:12;} /* Site specific styling -------------------------------------------------- */ #backgroundrpt {background: url(../images/design/background_rpt_inner.png) repeat-x top;} #background {background: url(../images/design/background_inner.jpg) no-repeat top;} #container {margin: 0 auto; width: 960px; background: url(../images/design/background_inner.jpg) top no-repeat; text-align: left;} #header {display: block; width: 960px; height: 200px; color: #FFF; position: relative;} #header h1, #header h2 {display: none;} #header a:hover {text-decoration: underline; color: #FF0000;} #accessibilityLinks {display: inline; font-size: 90%; float: right; width: 460px; height: 33px; padding: 17px 0 0 0; margin: 0; text-align: right; color: #333;} #accessibilityLinks li {display: inline; padding: 0; margin: 0 0 .6em;} #accessibilityLinks li a {padding: 0 10px; height: 30px; text-decoration: none; color: #333;} a.addFav {width: 170px; float: right; text-align: center; color: #fff; padding: 17px 0; margin: 0; font-size: 120%;} #thumbnails {position: absolute; width: 438px; height: 68px; top: 71px; right: 23px; background: url(../images/design/header_thumbnails.jpg) no-repeat;} #slideshow {display: block; float: left; width: 960px; height: 235px;} /* ------------------ start menu classes for standard menus ----------------- */ #menu {display: block; position: absolute; top: 140px; left: 0; width: 960px; height: 40px; margin: 20px 0 0 0;} #menu ul {margin: 0; padding: 0; width: 960px;} #menu li {display: inline; margin: 0; padding: 0; list-style: none;} #menu li a {display: inline; float: left; padding: 10px 10px; height: 20px; margin: 0 9px;} #menu li a:hover {background: #FFF; color: #000;} /* ------------------ ^^ end menu classes for standard menus ^^ ----------------- */ #main {width: 960px; clear: both;} #contentWrapper {float: right; width: 960px; display: inline; margin: 0; position: relative;} #subnavWrapper {float: left; display: inline; padding: 15px 0 0 0; margin: 0; width: 240px;} #subnavWrapper ul {margin: 0; padding: 0;} #subnavWrapper li {display: block; margin: 0; padding: 0; list-style: none;} #subnavWrapper li a {float: left; padding: 5px 10px 5px 30px; width: 180px; margin: 0 0 5px 0; display: block; background: url(../images/design/subarrow_off.png) left 50% no-repeat; color: #333; text-decoration: none;} #subnavWrapper li a:hover {color: #666;} #subnavWrapper li.selected a {background: url(../images/design/subarrow_on.png) left 50% no-repeat;} #subnavWrapper li ul li a {padding-left: 10px; width: 160px; margin-left: 15px; background: none; border-left: 5px solid #ccc; color: #666;} #subnavWrapper li.selected ul li a {background: none;} #subnavWrapper li ul li ul li a {padding-left: 10px; width: 160px; margin-left: 30px; background: none; border-left: 5px solid #eee; color: #666;} #breadcrumbs {float: right; padding: 0; margin: 20px 0 0 0; width: 960px; font-size: 95%; color: #999;} #breadcrumbs ul {margin: 0; padding: 0; list-style: none; float: left; width: 500px; display: inline;} #breadcrumbs p {float: left; display: inline; margin: 0;} #breadcrumbs li {display: inline; margin: 0; padding: 0;} #breadcrumbs li a {text-decoration: none; padding: 0 10px; color: #999;} #breadcrumbs .last .arrow {display: none;} #dateTime {float: right; width: 110px; margin: 0; text-align: right; color: #666; } #content {float: right; display: inline; width: 710px; padding: 0; margin: 0 10px 0 0;} #content .e4eVideo {padding: 5px;} .forcer {float: left; width: 0; height: 250px;} iframe#embed {height: 600px;} #newsFeeds {margin: 30px 10px 0px; font-size: 90%;} #newsFeeds li {list-style: none;} #newsFeeds li a {font-size: 110%;} #newsFeeds img {margin: 0px 10px 0px 0px; padding: 0;} #footerrpt {clear: both; width: 100%; height: 160px; background: url(../images/design/footer_rpt.png) repeat-x top;} #footer {width: 960px; height: 50px; padding: 110px 0 0 0; margin: 0 auto; background: url(../images/design/footer_1.png) no-repeat center top; font-size: 80%; color: #FFF; text-align: center;} #footer a {color: #FFF;} /* Required for the editor in the backend. Make sure background images etc are removed in this attrubute... */ #editor {margin: 0; padding: 0; width: 495px; min-height: 590px; background-image: none; background-color: #fff; border: 5px solid #898989; text-align: left; color: 000;} #editor #mainContent, #editor #subContent {border-right: 1px solid #cacaca; min-height: 590px; } #mainContent {float: left; margin: 0; width: 400px;} #mainContent.twoColumns {width: 400px;} #mainContent.even {width: 300px;} #subContent {float: right; margin: 0; width: 200px;} #subContent.even {width: 300px;} /* icons and styles for file attachments -------------------------------------------------- */ ul.fileAttachmentList {min-height: 40px; padding: 0 0 20px 0; margin: 0;} ul.fileAttachmentList li {list-style-type: none; height: 35px; padding-left: 40px; padding-top: 20px; margin-bottom: -10px; background-position: left; background-repeat: no-repeat; } ul.podcastList li {height: auto !important; } ul.podcastList li.attachmentDownload_mp3 {background-position: top left;} ul.fileAttachmentList li.attachmentDownload_doc {background-image: url(../images/icons/doc.gif) !important;} ul.fileAttachmentList li.attachmentDownload_mp3 {background-image: url(../images/icons/mp3.gif) !important;} ul.fileAttachmentList li.attachmentDownload_pdf {background-image: url(../images/icons/pdf.gif) !important;} ul.fileAttachmentList li.attachmentDownload_pub {background-image: url(../images/icons/pub.gif) !important;} ul.fileAttachmentList li.attachmentDownload_zip {background-image: url(../images/icons/zip.gif) !important;} ul.fileAttachmentList li.attachmentDownload_jpg {background-image: url(../images/icons/jpg.gif) !important;} ul.fileAttachmentList li.attachmentDownload_jpeg {background-image: url(../images/icons/jpeg.gif) !important;} ul.fileAttachmentList li.attachmentDownload_gif {background-image: url(../images/icons/gif.gif) !important;} ul.fileAttachmentList li.attachmentDownload_xls {background-image: url(../images/icons/xls.gif) !important;} ul.fileAttachmentList li.attachmentDownload_ppt {background-image: url(../images/icons/ppt.gif) !important;} ul.fileAttachmentList li.attachmentDownload_rar {background-image: url(../images/icons/rar.gif) !important;} ul.fileAttachmentList li.attachmentDownload_rtf {background-image: url(../images/icons/rtf.gif) !important;} ul.fileAttachmentList li.attachmentDownload_txt {background-image: url(../images/icons/txt.gif) !important;} ul.fileAttachmentList li.attachmentDownload_csv {background-image: url(../images/icons/csv.gif) !important;} ul.fileAttachmentList li.attachmentDownload_png {background-image: url(../images/icons/png.gif) !important;} /* Pagination - change border colours if necessary -------------------------------------------------- */ div#pagination {margin-top: 3px; height: 50px;} div#pagination .count {display: inline; float: left; padding: 5px;} div#pagination .pages {display: inline; float: right; padding: 5px;} div.pagination {display: inline; float: right; margin: 3px; padding: 3px;} div.pagination a, .Rows a {margin: 2px; padding: 2px 5px 2px 5px; border: 1px solid #0c1a27; text-decoration: none;} div.pagination a:hover, div.pagination a:active, .Rows a:hover, .Rows a:active {border: 1px solid #999; color: #999;} div.pagination span.current {margin: 2px; padding: 2px 5px 2px 5px; background: #26537a; border: 1px solid #0c1a27; font-weight: bold; color: #FFF;} div.pagination span.disabled {margin: 2px; padding: 2px 5px 2px 5px; border: 1px solid #EEE; color: #DDD;}