Worldpedia:Main Page/styles.css: Difference between revisions
media screen |
and move the rest of the colors to @media screen |
||
| Line 1: | Line 1: | ||
/* {{pp|small=yes}} */ | /* {{pp|small=yes}} */ | ||
.mp-box { | .mp-box { | ||
border: 1px solid #aaa; /* all | border: 1px solid #aaa; /* all colors overriden on specific elements in @media screen */ | ||
padding: 0 0.5em 0.5em; | padding: 0 0.5em 0.5em; | ||
margin-top: 4px; | margin-top: 4px; | ||
| Line 8: | Line 8: | ||
.mp-h2, | .mp-h2, | ||
body.skin-timeless .mp-h2 { /* Timeless needs a higher specificity */ | body.skin-timeless .mp-h2 { /* Timeless needs a higher specificity */ | ||
border: 1px solid #aaa; /* all | border: 1px solid #aaa; /* all colors overriden on specific elements in @media screen */ | ||
margin: 0.5em 0; | margin: 0.5em 0; | ||
padding: 0.2em 0.4em; | padding: 0.2em 0.4em; | ||
| Line 19: | Line 19: | ||
font-size: 85%; | font-size: 85%; | ||
font-weight: normal; | font-weight: normal; | ||
} | } | ||
| Line 57: | Line 52: | ||
display: block; | display: block; | ||
clear: both; | clear: both; | ||
} | } | ||
| Line 149: | Line 89: | ||
} | } | ||
@media screen { | @media screen { | ||
#mp-topbanner { | |||
background-color: #f9f9f9; | |||
border-color: #ddd; | |||
} | |||
#mp-banner { | |||
background-color: #fffaf5; | |||
border-color: #f2e0ce; | |||
} | |||
#mp-left { | |||
background-color: #f5fffa; | |||
border-color: #cef2e0; | |||
} | |||
#mp-left .mp-h2 { | |||
background-color: #cef2e0; | |||
border-color: #a3bfb1; | |||
} | |||
#mp-right { | |||
background-color: #f5faff; | |||
border-color: #cedff2; | |||
} | |||
#mp-right .mp-h2 { | |||
background-color: #cedff2; | |||
border-color: #a3b0bf; | |||
} | |||
#mp-middle { | |||
background-color: #fff5fa; | |||
border-color: #f2cedd; | |||
} | |||
#mp-middle .mp-h2 { | |||
background-color: #f2cedd; | |||
border-color: #bfa3af; | |||
} | |||
#mp-lower { | |||
background-color: #faf5ff; | |||
border-color: #ddcef2; | |||
} | |||
#mp-lower .mp-h2 { | |||
background-color: #ddcef2; | |||
border-color: #afa3bf; | |||
} | |||
#mp-bottom { | |||
/* no background */ | |||
border-color: #e2e2e2; | |||
} | |||
#mp-bottom .mp-h2 { | |||
background-color: #eee; | |||
border-color: #ddd; | |||
} | |||
/* night mode */ | |||
html.skin-theme-clientpref-night #mp-topbanner { | html.skin-theme-clientpref-night #mp-topbanner { | ||
background-color: #171a1d; | background-color: #171a1d; | ||