/** fixed.css **/ /* @group Centre Page */ #page-wrapper { margin-left: auto; margin-right: auto; width: 1020px; background: #FFFFFF; /*final colour*/ /*background: pink;*/ } #page { margin-left: auto; margin-right: auto; width: 1000px; background: #FFFFFF; /*final colour*/ /*background: orangered;*/ } .region-bottom { margin-left: auto; margin-right: auto; width: 1000px; /*background-color: pink;*/ } /* @end */ /* @group Modifications */ body { background: #FFFFFF; /*final colour*/ /*background: limegreen;*/ } /* @end */ /* @group Shared Structure Properties */ #header, #content, #navigation, .region-sidebar-first, .region-sidebar-second, #footer { /*padding-left: 10px;*/ /*padding-right: 10px;*/ /*border-left: 0 !important;*/ /*border-right: 0 !important;*/ word-wrap: break-word; /**behavior: url("/path/to/boxsizing.htc");*/ _display: inline; _overflow: hidden; _overflow-y: visible; } /* @end */ /* @group Structure Containers */ #header, #main, #footer { *position: relative; *zoom: 1; margin: 0; padding: 0; } #header:before, #header:after, #main:before, #main:after, #footer:before, #footer:after { content: ""; display: table; } #header:after, #main:after, #footer:after { clear: both; } #header { height: 180px; /*final height*/ /*height: 190px;*/ /*background: limegreen;*/ } /*#navigation { width: 1000px; height: 100px; background-color: limegreen; margin: 0; padding: 0; background-color: #EEEEEE; }*/ .region-navigation { } .navigation { /*background-color: magenta;*/ float: left; clear: both; margin: 0; padding: 0; } #main { position: relative; margin: 0; padding: 0 0 20px; /*background-color: palegoldenrod;*/ } #section { width: 1000px; margin: 0; padding: 0 0 15px; /*background-color: rosybrown;*/ } .content-gradient { float: left; width: 98%; min-height: 300px; margin: 0 0 0 15px; padding: 0 20px 0 10px; /*gradient*/ background: -moz-linear-gradient(top, rgba(233,230,227,1) 0%, rgba(255,255,255,0) 300px); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(233,230,227,1)), color-stop(300px,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(233,230,227,1) 0%,rgba(255,255,255,0) 300px); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(233,230,227,1) 0%,rgba(255,255,255,0) 300px); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(233,230,227,1) 0%,rgba(255,255,255,0) 300px); /* IE10+ */ background: linear-gradient(to bottom, rgba(233,230,227,1) 0%,rgba(255,255,255,0) 300px); } .no-sidebars #content .content-gradient { /*background: pink;*/ width: 97%; margin: 0 15px; padding: 0 20px 0 10px; } .region-view-content-above { /*background: lime;*/ margin: 0 10px; padding: 0; } .region-view-content { /*background: lime;*/ margin: 0 10px; padding: 0; } #footer { /*background: pink;*/ /*min-height: 800px;*/ margin: 0; padding: 0 0 20px; } .region-outreach { /*background: lime;*/ clear: both; width: 1000px; margin: 0; padding: 0; overflow: hidden; } .front .region-outreach { /*background: khaki;*/ clear: both; width: 1000px; margin: 0; padding: 0 0 20px; overflow: hidden; } /* @end */ /* @group Sidebar Layouts */ /* @group No Sidebars */ .no-sidebars #content { float: left; width: 1000px; /*background-color: aqua;*/ } /* @end */ /* @group 1-Sidebar - Left */ /*.sidebar-first #content { float: left; width: 764px; margin-left: 196px; margin-right: -980px; }*/ /*.sidebar-first .region-sidebar-first { float: left; width: 176px; margin-left: 0px; margin-right: -196px; }*/ /* @end */ /* @group 1-Sidebar - Right */ .sidebar-second #content { /*background-color: yellow;*/ float: left; width: 710px; margin-left: 0px; margin-right: -710px; padding: 0 0 10px; } .sidebar-second .region-sidebar-second { /*background-color: violet;*/ float: left; width: 290px; margin-left: 710px; margin-right: -1000px; padding: 0 0 10px 10px; } /* @end */ /* @group 2-Sidebars - Left and Right */ .two-sidebars #content { float: left; width: 568px; margin-left: 196px; margin-right: -784px; } .two-sidebars .region-sidebar-first { float: left; width: 176px; margin-left: 0px; margin-right: -196px; } .two-sidebars .region-sidebar-second { float: left; width: 176px; margin-left: 784px; margin-right: -980px; } /* @end */ /* @end */