diff options
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/css/alaveteli-org.css | 3 | ||||
| -rw-r--r-- | assets/css/global.css | 102 | ||||
| -rw-r--r-- | assets/sass/alaveteli-org.scss | 1 |
3 files changed, 105 insertions, 1 deletions
diff --git a/assets/css/alaveteli-org.css b/assets/css/alaveteli-org.css index 7110cd6ad..881598918 100644 --- a/assets/css/alaveteli-org.css +++ b/assets/css/alaveteli-org.css @@ -394,6 +394,9 @@ h3 { .features__item--messaging { background-position: 3em center; } } +.get-started { + border-bottom: 1px solid rgba(255, 255, 255, 0.1); } + @media (min-width: 30em) { .get-started__grid-unit { width: 48.5%; diff --git a/assets/css/global.css b/assets/css/global.css index 117c0b845..4b6565a8c 100644 --- a/assets/css/global.css +++ b/assets/css/global.css @@ -349,7 +349,7 @@ table { margin: 0 auto; position: relative; } -.unstyled-list, .unstyled, .breadcrumb, .sidebar ul, .list-of-blog-posts, .definitions { +.unstyled-list, .unstyled, .site-footer ul, .breadcrumb, .sidebar ul, .list-of-blog-posts, .definitions { margin-left: 0; padding-left: 0; list-style: none outside none; } @@ -1081,3 +1081,103 @@ table.table td { clear: both; padding-top: 0.666em; margin-left: 0em; } + +.site-footer { + width: 100%; + clear: left; + background: #333333; + padding: 32px 0; + /** + * For IE 6/7 only + * Include this rule to trigger hasLayout and contain floats. + */ } + .site-footer:before, .site-footer:after { + content: " "; + /* 1 */ + display: table; + /* 2 */ } + .site-footer:after { + clear: both; } + .site-footer { + *zoom: 1; } + .site-footer .column { + /* Use for multi-column grids where all columns are equal width, it gives them equal spacing */ + float: left; + padding-left: 1.5%; + padding-right: 1.5%; + width: 50%; } + .site-footer .column:nth-child(odd), .site-footer .column:first-child { + padding-left: 0; } + .site-footer .column:nth-child(even), .site-footer .column:last-child { + padding-right: 0; } + @media (min-width: 30em) { + .site-footer .column { + /* Use for grids where the columns are different widths */ + float: left; + padding-left: 3%; + width: 25%; } + .site-footer .column:first-child { + padding-left: 0; } } + @media (min-width: 56.88889em) { + .site-footer .column { + /* Use for grids where the columns are different widths */ + float: left; + padding-left: 3%; + width: 20%; } + .site-footer .column:first-child { + padding-left: 0; } } + .site-footer .column:last-child h3 { + margin-top: 1em; } + @media (min-width: 30em) { + .site-footer .column:last-child h3 { + margin-top: 0; } } + .site-footer .central { + float: right; } + @media (min-width: 30em) { + .site-footer .central { + /* Use for grids where the columns are different widths */ + float: left; + padding-left: 3%; + width: 50%; } + .site-footer .central ul { + -webkit-column-count: 1; + -moz-column-count: 1; + -o-column-count: 1; + column-count: 1; } + .site-footer .central:first-child { + padding-left: 0; } } + @media (min-width: 40em) { + .site-footer .central { + /* Use for grids where the columns are different widths */ + float: left; + padding-left: 3%; + width: 50%; } + .site-footer .central ul { + -webkit-column-count: 2; + -moz-column-count: 2; + -o-column-count: 2; + column-count: 2; } + .site-footer .central:first-child { + padding-left: 0; } } + @media (min-width: 56.88889em) { + .site-footer .central { + /* Use for grids where the columns are different widths */ + float: left; + padding-left: 3%; + width: 60%; } + .site-footer .central ul { + -webkit-column-count: 3; + -moz-column-count: 3; + -o-column-count: 3; + column-count: 3; } + .site-footer .central:first-child { + padding-left: 0; } } + .site-footer h3 { + font-size: 1em; + font-weight: normal; + margin-bottom: 0; + color: #888; } + .site-footer ul { + margin: 0; } + .site-footer a { + color: #eeeeee; } diff --git a/assets/sass/alaveteli-org.scss b/assets/sass/alaveteli-org.scss index e33f15251..f8a3da8c3 100644 --- a/assets/sass/alaveteli-org.scss +++ b/assets/sass/alaveteli-org.scss @@ -478,6 +478,7 @@ h3 { .get-started { @extend %dark-section; @extend %full-width-section; + border-bottom: 1px solid rgba(255,255,255,0.1); } .get-started__grid-unit { |