17,230
edits
Want an adless experience? Log in or Create an account.
footer color
(add ZD colors) |
(footer color) |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 6: | Line 6: | ||
background-image: none; | background-image: none; | ||
} | } | ||
#globalWrapper { | div#globalWrapper { | ||
background-image: none; | background-image: none; | ||
} | } | ||
/* Beige foreground */ | /* Beige foreground */ | ||
#content, #sidebar .portlet, #sidebar .pBody, #p-cactions li a, #p-cactions li > a { | #content, #sidebar .portlet, #sidebar .pBody, #p-cactions li a, #p-cactions li.selected > a, #footer { | ||
background-color: #FBF0D4; | background-color: #FBF0D4; | ||
} | } | ||
| Line 18: | Line 18: | ||
div#p-personal a { | div#p-personal a { | ||
color: #ffffff; | color: #ffffff; | ||
} | |||
/* Main Page Columns */ | |||
.row { | |||
position: relative; | |||
margin: 0 -8px; | |||
border-radius: 0; | |||
box-sizing: border-box; | |||
display: flex; | |||
flex-wrap: wrap; | |||
align-items: stretch; | |||
} | |||
.row > * { | |||
display: block; | |||
float: left; | |||
box-sizing: border-box; | |||
padding: 1%; | |||
width: 100%; | |||
} | |||
.row > h2 { border-bottom: 1px solid #B2B2B2; } | |||
.row .row { margin: 0; } | |||
.row > .xs-1 { width: 8.33333333333%; } | |||
.row > .xs-2 { width: 16.66666666667%; } | |||
.row > .xs-3 { width: 25%; } | |||
.row > .xs-4 { width: 33.33333333333%; } | |||
.row > .xs-5 { width: 41.66666666667%; } | |||
.row > .xs-6 { width: 50%; } | |||
.row > .xs-7 { width: 58.33333333333%; } | |||
.row > .xs-8 { width: 66.66666666667%; } | |||
.row > .xs-9 { width: 75%; } | |||
.row > .xs-10 { width: 83.33333333333%; } | |||
.row > .xs-11 { width: 91.66666666667%; } | |||
@media (min-width: 475px ) { | |||
.row > .sm-1 { width: 8.33333333333%; } | |||
.row > .sm-2 { width: 16.66666666667%; } | |||
.row > .sm-3 { width: 25%; } | |||
.row > .sm-4 { width: 33.33333333333%; } | |||
.row > .sm-5 { width: 41.66666666667%; } | |||
.row > .sm-6 { width: 50%; } | |||
.row > .sm-7 { width: 58.33333333333%; } | |||
.row > .sm-8 { width: 66.66666666667%; } | |||
.row > .sm-9 { width: 75%; } | |||
.row > .sm-10 { width: 83.33333333333%; } | |||
.row > .sm-11 { width: 91.66666666667%; } | |||
} | |||
@media (min-width: 730px ) { | |||
.row { margin: 0 -12px; } | |||
.row > .md-1 { width: 8.33333333333%; } | |||
.row > .md-2 { width: 16.66666666667%; } | |||
.row > .md-3 { width: 25%; } | |||
.row > .md-4 { width: 33.33333333333%; } | |||
.row > .md-5 { width: 41.66666666667%; } | |||
.row > .md-6 { width: 50%; } | |||
.row > .md-7 { width: 58.33333333333%; } | |||
.row > .md-8 { width: 66.66666666667%; } | |||
.row > .md-9 { width: 75%; } | |||
.row > .md-10 { width: 83.33333333333%; } | |||
.row > .md-11 { width: 91.66666666667%; } | |||
} | |||
@media (min-width: 1201px ) { | |||
.row { | |||
margin: 0 auto; | |||
} | |||
} | } | ||