/** * @file * Positioning for a fixed-width, desktop-centric layout. * * Define CSS classes to create a table-free, 3-column, 2-column, or single * column layout depending on whether blocks are enabled in the left or right * columns. * * This layout uses the Zen Grids plugin for Compass: http://zengrids.com */ /* * Center the page. */ /* line 44, ../../../../sass/sass/layouts/fixed-width.scss */ #page, .region-bottom { /* If you want to make the page a fixed width and centered in the viewport, * this is the standards-compliant way to do that. */ width: 1300px; } /* * Apply the shared properties of grid items in a single, efficient ruleset. */ /* line 62, ../../../../sass/sass/layouts/fixed-width.scss */ #header, .content, #navigation, .region-sidebar-first, .region-sidebar-second, #footer { padding-left: 20px; padding-right: 20px; border: 0 !important; word-wrap: break-word; } /* * Containers for grid items and flow items. */ /* line 52, ../../../../sass/sass-extensions/zen-grids/stylesheets/zen/_grids.scss */ #header:before, #header:after, #main:before, #main:after, #footer:before, #footer:after { content: ""; display: table; } /* line 56, ../../../../sass/sass-extensions/zen-grids/stylesheets/zen/_grids.scss */ #header:after, #main:after, #footer:after { clear: both; } /* * Navigation bar */ /* line 80, ../../../../sass/sass/layouts/fixed-width.scss */ #main { position: relative; } /* line 83, ../../../../sass/sass/layouts/fixed-width.scss */ #navigation { position: absolute; top: 0; /* Move the navbar up inside #main's padding. */ height: 3em; width: 1260px; } /* * The layout when there is only one sidebar, the left one. */ /* line 95, ../../../../sass/sass/layouts/fixed-width.scss */ .sidebar-first .content { /* Span 4 columns, starting in 2nd column from left. */ float: left; width: 360px; margin-left: 100px; margin-right: -500px; } /* line 99, ../../../../sass/sass/layouts/fixed-width.scss */ .sidebar-first .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */ float: left; width: 60px; margin-left: 0px; margin-right: -100px; } /* * The layout when there is only one sidebar, the right one. */ /* line 109, ../../../../sass/sass/layouts/fixed-width.scss */ .sidebar-second .content { /* Span 4 columns, starting in 1st column from left. */ float: left; width: 360px; margin-left: 0px; margin-right: -400px; } /* line 113, ../../../../sass/sass/layouts/fixed-width.scss */ .sidebar-second .region-sidebar-second { /* Span 1 column, starting in 5th column from left. */ float: left; width: 60px; margin-left: 400px; margin-right: -500px; } /* * The layout when there are two sidebars. */ /* line 124, ../../../../sass/sass/layouts/fixed-width.scss */ .blog.two-sidebars .content, .two-sidebars .content { /* Span 3 columns, starting in 2nd column from left. */ float: left; width: 660px; margin-left: 350px; margin-right: -1000px; } /* line 128, ../../../../sass/sass/layouts/fixed-width.scss */ .blog.two-sidebars .region-sidebar-first, .two-sidebars .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */ float: left; width: 290px; margin-left: 0px; margin-right: -300px; } /* line 132, ../../../../sass/sass/layouts/fixed-width.scss */ .blog.two-sidebars .region-sidebar-second, .two-sidebars .region-sidebar-second { /* Span 1 column, starting in 5th column from left. */ float: left; width: 260px; margin-left: 1060px; margin-right: -1300px; } /* line 139, ../../../../sass/sass/layouts/fixed-width.scss */ .picture-base.sidebar-first #page, .picture-base.sidebar-first .region-bottom { width: 1200px; } /* line 143, ../../../../sass/sass/layouts/fixed-width.scss */ .picture-base.sidebar-first .content { float: left; width: 630px; margin-left: 430px; margin-right: -1230px; padding-left: 85px; padding-right: 85px; border: 0 !important; word-wrap: break-word; } /* line 147, ../../../../sass/sass/layouts/fixed-width.scss */ .picture-base.sidebar-first .region-sidebar-first { float: left; width: 390px; margin-left: 0px; margin-right: -430px; } /* line 153, ../../../../sass/sass/layouts/fixed-width.scss */ .blog.blog-index #page, .blog.blog-index .region-bottom { width: 550px; margin-left: auto; margin-right: auto; }