From 9636d4a6767f49384d5c386bc3f1142c88b90613 Mon Sep 17 00:00:00 2001 From: Alvin Li Date: Tue, 13 Aug 2013 14:13:24 +0800 Subject: cloned from 'bitbucket', 2013/08/13 --- .../stylesheets/sass/layouts/content-layout.css | 86 +++++++ .../stylesheets/sass/layouts/fixed-width-rtl.css | 178 ++++++++++++++ .../stylesheets/sass/layouts/fixed-width.css | 174 ++++++++++++++ .../sass/layouts/responsive-sidebars-rtl.css | 267 +++++++++++++++++++++ .../sass/layouts/responsive-sidebars.css | 263 ++++++++++++++++++++ 5 files changed, 968 insertions(+) create mode 100644 97suifangqa/staticfiles/stylesheets/sass/layouts/content-layout.css create mode 100644 97suifangqa/staticfiles/stylesheets/sass/layouts/fixed-width-rtl.css create mode 100644 97suifangqa/staticfiles/stylesheets/sass/layouts/fixed-width.css create mode 100644 97suifangqa/staticfiles/stylesheets/sass/layouts/responsive-sidebars-rtl.css create mode 100644 97suifangqa/staticfiles/stylesheets/sass/layouts/responsive-sidebars.css (limited to '97suifangqa/staticfiles/stylesheets/sass/layouts') diff --git a/97suifangqa/staticfiles/stylesheets/sass/layouts/content-layout.css b/97suifangqa/staticfiles/stylesheets/sass/layouts/content-layout.css new file mode 100644 index 0000000..4c33442 --- /dev/null +++ b/97suifangqa/staticfiles/stylesheets/sass/layouts/content-layout.css @@ -0,0 +1,86 @@ +@charset "UTF-8"; +/** + * @file + * Internal layouts used in #content + * + * @author 赵迤晨 (Zhao Yichen) + */ +/* line 52, ../../../../sass/sass-extensions/zen-grids/stylesheets/zen/_grids.scss */ +.three-columns:before, .three-columns:after { + content: ""; + display: table; +} +/* line 56, ../../../../sass/sass-extensions/zen-grids/stylesheets/zen/_grids.scss */ +.three-columns:after { + clear: both; +} +/* line 22, ../../../../sass/sass/layouts/content-layout.scss */ +.three-columns .column-first { + float: left; + width: 33.33333%; + margin-left: 0%; + margin-right: -33.33333%; + padding-left: 5px; + padding-right: 5px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; +} +/* line 25, ../../../../sass/sass/layouts/content-layout.scss */ +.three-columns .column-second { + float: left; + width: 33.33333%; + margin-left: 33.33333%; + margin-right: -66.66667%; + padding-left: 5px; + padding-right: 5px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; +} +/* line 28, ../../../../sass/sass/layouts/content-layout.scss */ +.three-columns .column-third { + float: left; + width: 33.33333%; + margin-left: 66.66667%; + margin-right: -100%; + padding-left: 5px; + padding-right: 5px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; +} +/* line 31, ../../../../sass/sass/layouts/content-layout.scss */ +.three-columns .column-main.right { + float: left; + width: 66.66667%; + margin-left: 33.33333%; + margin-right: -100%; + padding-left: 5px; + padding-right: 5px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; +} +/* line 34, ../../../../sass/sass/layouts/content-layout.scss */ +.three-columns .column-main.left { + float: left; + width: 66.66667%; + margin-left: 0%; + margin-right: -66.66667%; + padding-left: 5px; + padding-right: 5px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; +} diff --git a/97suifangqa/staticfiles/stylesheets/sass/layouts/fixed-width-rtl.css b/97suifangqa/staticfiles/stylesheets/sass/layouts/fixed-width-rtl.css new file mode 100644 index 0000000..fd054c2 --- /dev/null +++ b/97suifangqa/staticfiles/stylesheets/sass/layouts/fixed-width-rtl.css @@ -0,0 +1,178 @@ +/** + * @file + * RTL companion for the fixed-width.css file. + */ +/** + * @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: right; + width: 360px; + margin-right: 100px; + margin-left: -500px; +} +/* line 99, ../../../../sass/sass/layouts/fixed-width.scss */ +.sidebar-first .region-sidebar-first { + /* Span 1 column, starting in 1st column from left. */ + float: right; + width: 60px; + margin-right: 0px; + margin-left: -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: right; + width: 360px; + margin-right: 0px; + margin-left: -400px; +} +/* line 113, ../../../../sass/sass/layouts/fixed-width.scss */ +.sidebar-second .region-sidebar-second { + /* Span 1 column, starting in 5th column from left. */ + float: right; + width: 60px; + margin-right: 400px; + margin-left: -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: right; + width: 660px; + margin-right: 300px; + margin-left: -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: right; + width: 260px; + margin-right: 0px; + margin-left: -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: right; + width: 260px; + margin-right: 1000px; + margin-left: -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: right; + width: 630px; + margin-right: 430px; + margin-left: -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: right; + width: 390px; + margin-right: 0px; + margin-left: -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; +} diff --git a/97suifangqa/staticfiles/stylesheets/sass/layouts/fixed-width.css b/97suifangqa/staticfiles/stylesheets/sass/layouts/fixed-width.css new file mode 100644 index 0000000..dbe26f9 --- /dev/null +++ b/97suifangqa/staticfiles/stylesheets/sass/layouts/fixed-width.css @@ -0,0 +1,174 @@ +/** + * @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: 300px; + 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: 260px; + 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: 1000px; + 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; +} diff --git a/97suifangqa/staticfiles/stylesheets/sass/layouts/responsive-sidebars-rtl.css b/97suifangqa/staticfiles/stylesheets/sass/layouts/responsive-sidebars-rtl.css new file mode 100644 index 0000000..e7082eb --- /dev/null +++ b/97suifangqa/staticfiles/stylesheets/sass/layouts/responsive-sidebars-rtl.css @@ -0,0 +1,267 @@ +/** + * @file + * RTL companion for the responsive-sidebars.css file. + */ +/** + * @file + * Positioning for responsive 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/responsive-sidebars.scss */ +#page, +.region-bottom { + /* For screen sizes larger than 1200px, prevent excessively long lines of text + by setting a max-width. */ + margin-left: auto; + margin-right: auto; + max-width: 1200px; +} + +/* + * Apply the shared properties of grid items in a single, efficient ruleset. + */ +/* line 62, ../../../../sass/sass/layouts/responsive-sidebars.scss */ +#header, +#content, +#navigation, +.region-sidebar-first, +.region-sidebar-second, +#footer { + padding-left: 10px; + padding-right: 10px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + 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 + */ +@media all and (min-width: 480px) { + /* line 81, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + #main { + padding-top: 3em; + /* Move all the children of #main down to make room. */ + position: relative; + } + + /* line 85, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + #navigation { + position: absolute; + top: 0; + /* Move the navbar up inside #main's padding. */ + height: 3em; + width: 100%; + } +} +@media all and (min-width: 480px) and (max-width: 959px) { + /* + * Use 3 grid columns for smaller screens. + */ + /* + * The layout when there is only one sidebar, the left one. + */ + /* line 104, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + .sidebar-first #content { + /* Span 2 columns, starting in 2nd column from left. */ + float: right; + width: 66.66667%; + margin-right: 33.33333%; + margin-left: -100%; + } + /* line 108, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + .sidebar-first .region-sidebar-first { + /* Span 1 column, starting in 1st column from left. */ + float: right; + width: 33.33333%; + margin-right: 0%; + margin-left: -33.33333%; + } + + /* + * The layout when there is only one sidebar, the right one. + */ + /* line 118, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + .sidebar-second #content { + /* Span 2 columns, starting in 1st column from left. */ + float: right; + width: 66.66667%; + margin-right: 0%; + margin-left: -66.66667%; + } + /* line 122, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + .sidebar-second .region-sidebar-second { + /* Span 1 column, starting in 3rd column from left. */ + float: right; + width: 33.33333%; + margin-right: 66.66667%; + margin-left: -100%; + } + + /* + * The layout when there are two sidebars. + */ + /* line 132, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + .two-sidebars #content { + /* Span 2 columns, starting in 2nd column from left. */ + float: right; + width: 66.66667%; + margin-right: 33.33333%; + margin-left: -100%; + } + /* line 136, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + .two-sidebars .region-sidebar-first { + /* Span 1 column, starting in 1st column from left. */ + float: right; + width: 33.33333%; + margin-right: 0%; + margin-left: -33.33333%; + } + /* line 140, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + .two-sidebars .region-sidebar-second { + /* Start a new row and span all 3 columns. */ + float: right; + width: 100%; + margin-right: 0%; + margin-left: -100%; + padding-left: 0; + padding-right: 0; + clear: right; + } + /* line 145, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + .two-sidebars .region-sidebar-second .block { + padding-left: 10px; + padding-right: 10px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + } + /* line 148, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + .two-sidebars .region-sidebar-second .block:nth-child(3n+1) { + /* Span 1 column, starting in the 1st column from left. */ + float: right; + width: 33.33333%; + margin-right: 0%; + margin-left: -33.33333%; + clear: right; + } + /* line 152, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + .two-sidebars .region-sidebar-second .block:nth-child(3n+2) { + /* Span 1 column, starting in the 2nd column from left. */ + float: right; + width: 33.33333%; + margin-right: 33.33333%; + margin-left: -66.66667%; + } + /* line 155, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + .two-sidebars .region-sidebar-second .block:nth-child(3n) { + /* Span 1 column, starting in the 3rd column from left. */ + float: right; + width: 33.33333%; + margin-right: 66.66667%; + margin-left: -100%; + } +} +@media all and (min-width: 960px) { + /* + * Use 5 grid columns for larger screens. + */ + /* + * The layout when there is only one sidebar, the left one. + */ + /* line 173, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + .sidebar-first #content { + /* Span 4 columns, starting in 2nd column from left. */ + float: right; + width: 80%; + margin-right: 20%; + margin-left: -100%; + } + /* line 177, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + .sidebar-first .region-sidebar-first { + /* Span 1 column, starting in 1st column from left. */ + float: right; + width: 20%; + margin-right: 0%; + margin-left: -20%; + } + + /* + * The layout when there is only one sidebar, the right one. + */ + /* line 187, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + .sidebar-second #content { + /* Span 4 columns, starting in 1st column from left. */ + float: right; + width: 80%; + margin-right: 0%; + margin-left: -80%; + } + /* line 191, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + .sidebar-second .region-sidebar-second { + /* Span 1 column, starting in 5th column from left. */ + float: right; + width: 20%; + margin-right: 80%; + margin-left: -100%; + } + + /* + * The layout when there are two sidebars. + */ + /* line 201, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + .two-sidebars #content { + /* Span 3 columns, starting in 2nd column from left. */ + float: right; + width: 60%; + margin-right: 20%; + margin-left: -80%; + } + /* line 205, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + .two-sidebars .region-sidebar-first { + /* Span 1 column, starting in 1st column from left. */ + float: right; + width: 20%; + margin-right: 0%; + margin-left: -20%; + } + /* line 209, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + .two-sidebars .region-sidebar-second { + /* Span 1 column, starting in 5th column from left. */ + float: right; + width: 20%; + margin-right: 80%; + margin-left: -100%; + } +} diff --git a/97suifangqa/staticfiles/stylesheets/sass/layouts/responsive-sidebars.css b/97suifangqa/staticfiles/stylesheets/sass/layouts/responsive-sidebars.css new file mode 100644 index 0000000..ed0fac3 --- /dev/null +++ b/97suifangqa/staticfiles/stylesheets/sass/layouts/responsive-sidebars.css @@ -0,0 +1,263 @@ +/** + * @file + * Positioning for responsive 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/responsive-sidebars.scss */ +#page, +.region-bottom { + /* For screen sizes larger than 1200px, prevent excessively long lines of text + by setting a max-width. */ + margin-left: auto; + margin-right: auto; + max-width: 1200px; +} + +/* + * Apply the shared properties of grid items in a single, efficient ruleset. + */ +/* line 62, ../../../../sass/sass/layouts/responsive-sidebars.scss */ +#header, +#content, +#navigation, +.region-sidebar-first, +.region-sidebar-second, +#footer { + padding-left: 10px; + padding-right: 10px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + 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 + */ +@media all and (min-width: 480px) { + /* line 81, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + #main { + padding-top: 3em; + /* Move all the children of #main down to make room. */ + position: relative; + } + + /* line 85, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + #navigation { + position: absolute; + top: 0; + /* Move the navbar up inside #main's padding. */ + height: 3em; + width: 100%; + } +} +@media all and (min-width: 480px) and (max-width: 959px) { + /* + * Use 3 grid columns for smaller screens. + */ + /* + * The layout when there is only one sidebar, the left one. + */ + /* line 104, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + .sidebar-first #content { + /* Span 2 columns, starting in 2nd column from left. */ + float: left; + width: 66.66667%; + margin-left: 33.33333%; + margin-right: -100%; + } + /* line 108, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + .sidebar-first .region-sidebar-first { + /* Span 1 column, starting in 1st column from left. */ + float: left; + width: 33.33333%; + margin-left: 0%; + margin-right: -33.33333%; + } + + /* + * The layout when there is only one sidebar, the right one. + */ + /* line 118, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + .sidebar-second #content { + /* Span 2 columns, starting in 1st column from left. */ + float: left; + width: 66.66667%; + margin-left: 0%; + margin-right: -66.66667%; + } + /* line 122, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + .sidebar-second .region-sidebar-second { + /* Span 1 column, starting in 3rd column from left. */ + float: left; + width: 33.33333%; + margin-left: 66.66667%; + margin-right: -100%; + } + + /* + * The layout when there are two sidebars. + */ + /* line 132, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + .two-sidebars #content { + /* Span 2 columns, starting in 2nd column from left. */ + float: left; + width: 66.66667%; + margin-left: 33.33333%; + margin-right: -100%; + } + /* line 136, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + .two-sidebars .region-sidebar-first { + /* Span 1 column, starting in 1st column from left. */ + float: left; + width: 33.33333%; + margin-left: 0%; + margin-right: -33.33333%; + } + /* line 140, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + .two-sidebars .region-sidebar-second { + /* Start a new row and span all 3 columns. */ + float: left; + width: 100%; + margin-left: 0%; + margin-right: -100%; + padding-left: 0; + padding-right: 0; + clear: left; + } + /* line 145, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + .two-sidebars .region-sidebar-second .block { + padding-left: 10px; + padding-right: 10px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + } + /* line 148, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + .two-sidebars .region-sidebar-second .block:nth-child(3n+1) { + /* Span 1 column, starting in the 1st column from left. */ + float: left; + width: 33.33333%; + margin-left: 0%; + margin-right: -33.33333%; + clear: left; + } + /* line 152, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + .two-sidebars .region-sidebar-second .block:nth-child(3n+2) { + /* Span 1 column, starting in the 2nd column from left. */ + float: left; + width: 33.33333%; + margin-left: 33.33333%; + margin-right: -66.66667%; + } + /* line 155, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + .two-sidebars .region-sidebar-second .block:nth-child(3n) { + /* Span 1 column, starting in the 3rd column from left. */ + float: left; + width: 33.33333%; + margin-left: 66.66667%; + margin-right: -100%; + } +} +@media all and (min-width: 960px) { + /* + * Use 5 grid columns for larger screens. + */ + /* + * The layout when there is only one sidebar, the left one. + */ + /* line 173, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + .sidebar-first #content { + /* Span 4 columns, starting in 2nd column from left. */ + float: left; + width: 80%; + margin-left: 20%; + margin-right: -100%; + } + /* line 177, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + .sidebar-first .region-sidebar-first { + /* Span 1 column, starting in 1st column from left. */ + float: left; + width: 20%; + margin-left: 0%; + margin-right: -20%; + } + + /* + * The layout when there is only one sidebar, the right one. + */ + /* line 187, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + .sidebar-second #content { + /* Span 4 columns, starting in 1st column from left. */ + float: left; + width: 80%; + margin-left: 0%; + margin-right: -80%; + } + /* line 191, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + .sidebar-second .region-sidebar-second { + /* Span 1 column, starting in 5th column from left. */ + float: left; + width: 20%; + margin-left: 80%; + margin-right: -100%; + } + + /* + * The layout when there are two sidebars. + */ + /* line 201, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + .two-sidebars #content { + /* Span 3 columns, starting in 2nd column from left. */ + float: left; + width: 60%; + margin-left: 20%; + margin-right: -80%; + } + /* line 205, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + .two-sidebars .region-sidebar-first { + /* Span 1 column, starting in 1st column from left. */ + float: left; + width: 20%; + margin-left: 0%; + margin-right: -20%; + } + /* line 209, ../../../../sass/sass/layouts/responsive-sidebars.scss */ + .two-sidebars .region-sidebar-second { + /* Span 1 column, starting in 5th column from left. */ + float: left; + width: 20%; + margin-left: 80%; + margin-right: -100%; + } +} -- cgit v1.2.2