MediaWiki:Common.css: Difference between revisions
Appearance
Created page with "→* This is the CSS common to all desktop skins on en.Wikipedia. * Styling inside .mw-parser-output should generally use TemplateStyles.: →Reset italic styling set by user agent: cite, dfn { font-style: inherit; } →Straight quote marks for <q>: q { quotes: '"' '"' "'" "'"; } →Avoid collision of blockquote with floating elements by swapping margin and padding: blockquote { overflow: hidden; margin: 1em 0; padding: 0 40px; } /* Consistent size for..." |
No edit summary |
||
(8 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* | |||
Custom changes (OWOTWiki) | |||
*/ | |||
.mwImageSizeContainer img { | |||
width: 100% !important; | |||
height: auto !important; | |||
} | |||
.mw-ui-button.mw-ui-constructive { | |||
background-color: #008b6d; | |||
border-color: #008b6d; | |||
color: white; | |||
} | |||
.mw-ui-button.mw-ui-constructive:not(:disabled):hover { | |||
background-color: #00a481; | |||
border-color: #00a481; | |||
color: white; | |||
} | |||
.mw-ui-button.mw-ui-constructive:not(:disabled):active,.mw-ui-button.mw-ui-constructive:not(:disabled).is-on { | |||
background-color: #007259; | |||
border-color: #007259; | |||
color: white; | |||
box-shadow: none | |||
} | |||
/* Imported from wikipedia */ | |||
.navbox { | |||
border: 1px solid #a2a9b1; | |||
width: 100%; | |||
box-sizing: border-box; | |||
margin: auto; | |||
clear: both; | |||
font-size: 88%; | |||
text-align: center; | |||
padding: 1px | |||
} | |||
.navbox-inner,.navbox-subgroup { | |||
width: 100% | |||
} | |||
.navbox-group,.navbox-title,.navbox-abovebelow { | |||
padding: 0.25em 1em; | |||
line-height: 1.5em; | |||
text-align: center | |||
} | |||
th.navbox-group { | |||
white-space: nowrap; | |||
text-align: right | |||
} | |||
.navbox,.navbox-subgroup { | |||
background: #fdfdfd | |||
} | |||
.navbox-list { | |||
line-height: 1.8em; | |||
border-color: #fdfdfd | |||
} | |||
.navbox th,.navbox-title { | |||
background: #ccccff | |||
} | |||
.navbox-abovebelow,th.navbox-group,.navbox-subgroup .navbox-title { | |||
background: #ddddff | |||
} | |||
.navbox-subgroup .navbox-group,.navbox-subgroup .navbox-abovebelow { | |||
background: #e6e6ff | |||
} | |||
.navbox-even { | |||
background: #f7f7f7 | |||
} | |||
.navbox-odd { | |||
background: transparent | |||
} | |||
table.navbox + table.navbox { | |||
margin-top: -1px | |||
} | |||
.navbox .hlist td dl,.navbox .hlist td ol,.navbox .hlist td ul,.navbox td.hlist dl,.navbox td.hlist ol,.navbox td.hlist ul { | |||
padding: 0.125em 0 | |||
} | |||
ol + table.navbox,ul + table.navbox { | |||
margin-top: 0.5em | |||
} | |||
.navbar { | |||
display: inline; | |||
font-size: 88%; | |||
font-weight: normal | |||
} | |||
.navbar ul { | |||
display: inline; | |||
white-space: nowrap | |||
} | |||
.navbar li { | |||
word-spacing: -0.125em | |||
} | |||
.navbar.mini li span { | |||
font-variant: small-caps | |||
} | |||
.infobox .navbar { | |||
font-size: 100% | |||
} | |||
.navbox .navbar { | |||
display: block; | |||
font-size: 100% | |||
} | |||
.navbox-title .navbar { | |||
float: left; | |||
text-align: left; | |||
margin-right: 0.5em; | |||
width: 6em | |||
} | |||
/* Imported from an archive of wikipedia */ | |||
.navbox-title { | |||
background-color: #ccf | |||
} | |||
.navbox-abovebelow,.navbox-group,.navbox-subgroup .navbox-title { | |||
background-color: #ddf | |||
} | |||
.navbox-subgroup .navbox-group,.navbox-subgroup .navbox-abovebelow { | |||
background-color: #e6e6ff | |||
} | |||
.navbox-even { | |||
background-color: #f7f7f7 | |||
} | |||
.navbox-odd { | |||
background-color: transparent | |||
} | |||
/* | |||
Main page boxes | |||
*/ | |||
.mwBoxRow { | |||
display: flex; | |||
} | |||
.mwBoxPanel { | |||
border-spacing: 8px; | |||
border: 1px solid; | |||
background: #F5F4FF; | |||
vertical-align: top; | |||
color: #000000; | |||
margin: 5px; | |||
padding: 8px; | |||
} | |||
.mwBoxHeader { | |||
font-family: Verdana; | |||
margin: 0; | |||
background: #E0DCFF; | |||
font-size: 120%; | |||
font-weight: bold; | |||
border: 1px solid #B8B5CF; | |||
text-align: left; | |||
color: #000000; | |||
padding: 0.2em 0.4em; | |||
} | |||
@media all and (max-width: 850px) { | |||
.mwBoxRow { | |||
flex-direction: column; | |||
} | |||
.mwBoxPanel { | |||
width: auto !important; | |||
} | |||
} | |||
/* | /* | ||
* This is the CSS common to all desktop skins on en.Wikipedia. | * This is the CSS common to all desktop skins on en.Wikipedia. |