Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
(Created page with "→CSS placed here will be applied to all skins: →Default styling for HTML elements: dfn { font-style: inherit; →Reset default styling for <dfn>: } q { quo...") |
|||
(20 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | /* | + | /* Responsive main page frames */ |
− | + | .mp-frame { | |
− | + | width:32%; | |
− | + | float:left; | |
− | + | min-width:240px; | |
− | + | padding:.3em; | |
− | |||
− | |||
− | |||
} | } | ||
− | + | @media only screen and (max-width: 950px) { | |
− | + | .mp-frame { | |
− | + | width:48%; | |
− | + | } | |
} | } | ||
− | + | @media only screen and (max-width: 710px) { | |
− | + | .mp-frame { | |
− | + | width:98%; | |
− | + | } | |
} | } | ||
− | /* | + | /* Hatnotes for See also template */ |
− | |||
− | |||
− | |||
− | + | div.hatnote { | |
− | + | padding-left:1.6em; | |
− | + | margin-bottom:0.5em; | |
} | } | ||
− | + | .hatnote { | |
− | + | font-style:italic | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/* Infobox template style */ | /* Infobox template style */ | ||
Line 396: | Line 71: | ||
.infobox.bordered .borderless th { | .infobox.bordered .borderless th { | ||
border: 0; | border: 0; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Line 426: | Line 87: | ||
/* @noflip */ | /* @noflip */ | ||
border-right: 1px solid #aaa; | border-right: 1px solid #aaa; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Line 473: | Line 96: | ||
} | } | ||
− | /* | + | /* Prevent line breaks in silly places: |
− | . | + | 1) Where desired |
− | . | + | 2) Links when we don't want them to |
− | . | + | 3) Bold "links" to the page itself |
− | + | 4) Ref tags with group names <ref group="Note"> --> "[Note 1]" */ | |
− | + | .nowrap, | |
+ | .nowraplinks a, | ||
+ | .nowraplinks .selflink, | ||
+ | sup.reference a { | ||
+ | white-space: nowrap; | ||
} | } | ||
− | /* | + | /* But allow wrapping where desired: */ |
− | . | + | .wrap, |
− | + | .wraplinks a { | |
− | + | white-space: normal; | |
− | |||
− | |||
− | |||
} | } | ||
− | /* | + | /* For template documentation */ |
− | + | .template-documentation { | |
− | + | clear: both; | |
− | + | margin: 1em 0 0 0; | |
− | + | border: 1px solid #aaa; | |
− | background- | + | background-color: #ecfcf4; |
− | padding | + | padding: 1em; |
} | } | ||
− | /* | + | /* Display tabs with 4 spaces, see [[Phabricator:59824]] and [[Phabricator:59825]] */ |
− | + | div.mw-geshi div, | |
− | + | div.mw-geshi div pre, | |
+ | span.mw-geshi, | ||
+ | pre.source-css, | ||
+ | pre.source-javascript, | ||
+ | pre.source-lua { | ||
+ | -moz-tab-size: 4; | ||
+ | -o-tab-size: 4; | ||
+ | tab-size: 4; | ||
} | } | ||
− | /* | + | /* Fix small font size of GeSHi in Firefox. */ |
− | div. | + | div.mw-geshi div, |
− | + | div.mw-geshi div pre, | |
− | + | span.mw-geshi, | |
− | + | pre.source-css, | |
− | + | pre.source-javascript { | |
− | + | font-family: monospace, "Courier New" !important; | |
− | + | font-size:1.0em; | |
− | div. | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | /* | + | /* Fix unbulleted/plain lists */ |
− | + | .plainlist ul { | |
− | + | list-style: none none; | |
− | + | margin:0; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | /* | + | /* Message Boxes */ |
− | . | + | th.mbox-text,td.mbox-text { |
− | + | border:none; | |
− | + | padding:0.25em 0.9em; | |
− | + | width:100% | |
− | |||
− | |||
− | |||
− | . | ||
− | |||
− | |||
− | |||
} | } | ||
− | . | + | td.mbox-image { |
− | + | border:none; | |
− | + | padding:2px 0 2px 0.9em; | |
− | + | text-align:center | |
} | } | ||
− | . | + | td.mbox-imageright { |
− | + | border:none; | |
− | + | padding:2px 0.9em 2px 0; | |
− | + | text-align:center | |
} | } | ||
− | + | td.mbox-empty-cell { | |
− | .mbox- | + | border:none; |
− | + | padding:0px; | |
− | + | width:1px | |
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
table.ambox { | table.ambox { | ||
− | + | margin:0px 10%; | |
− | + | border:1px solid #aaa; | |
− | + | border-left:10px solid #1e90ff; | |
− | + | background:#fbfbfb | |
− | |||
} | } | ||
− | table.ambox + table.ambox { | + | table.ambox + table.ambox { |
− | + | margin-top:-1px | |
} | } | ||
− | .ambox th.mbox-text, | + | .ambox th.mbox-text,.ambox td.mbox-text { |
− | .ambox td.mbox-text { | + | padding:0.25em 0.5em |
− | |||
} | } | ||
− | .ambox td.mbox-image { | + | .ambox td.mbox-image { |
− | + | padding:2px 0 2px 0.5em | |
− | |||
} | } | ||
− | .ambox td.mbox-imageright { | + | .ambox td.mbox-imageright { |
− | + | padding:2px 0.5em 2px 0 | |
− | |||
} | } | ||
− | |||
table.ambox-notice { | table.ambox-notice { | ||
− | + | border-left:10px solid #1e90ff | |
− | |||
} | } | ||
table.ambox-speedy { | table.ambox-speedy { | ||
− | + | border-left:10px solid #b22222; | |
− | + | background:#fee | |
− | |||
} | } | ||
table.ambox-delete { | table.ambox-delete { | ||
− | + | border-left:10px solid #b22222 | |
− | |||
} | } | ||
table.ambox-content { | table.ambox-content { | ||
− | + | border-left:10px solid #f28500 | |
− | |||
} | } | ||
table.ambox-style { | table.ambox-style { | ||
− | + | border-left:10px solid #f4c430 | |
− | |||
} | } | ||
table.ambox-move { | table.ambox-move { | ||
− | + | border-left:10px solid #9932cc | |
− | |||
} | } | ||
table.ambox-protection { | table.ambox-protection { | ||
− | + | border-left:10px solid #bba | |
− | |||
} | } | ||
− | |||
− | |||
table.imbox { | table.imbox { | ||
− | + | margin:4px 10%; | |
− | + | border-collapse:collapse; | |
− | + | border:3px solid #1e90ff; | |
− | + | background:#fbfbfb | |
} | } | ||
− | .imbox .mbox-text .imbox { | + | .imbox .mbox-text .imbox { |
− | + | margin:0 -0.5em; | |
− | + | display:block | |
} | } | ||
− | .mbox-inside .imbox { | + | .mbox-inside .imbox { |
− | + | margin:4px | |
} | } | ||
− | |||
table.imbox-notice { | table.imbox-notice { | ||
− | + | border:3px solid #1e90ff | |
} | } | ||
table.imbox-speedy { | table.imbox-speedy { | ||
− | + | border:3px solid #b22222; | |
− | + | background:#fee | |
} | } | ||
table.imbox-delete { | table.imbox-delete { | ||
− | + | border:3px solid #b22222 | |
} | } | ||
table.imbox-content { | table.imbox-content { | ||
− | + | border:3px solid #f28500 | |
} | } | ||
table.imbox-style { | table.imbox-style { | ||
− | + | border:3px solid #f4c430 | |
} | } | ||
table.imbox-move { | table.imbox-move { | ||
− | + | border:3px solid #9932cc | |
} | } | ||
table.imbox-protection { | table.imbox-protection { | ||
− | + | border:3px solid #bba | |
} | } | ||
table.imbox-license { | table.imbox-license { | ||
− | + | border:3px solid #88a; | |
− | + | background:#f7f8ff | |
} | } | ||
table.imbox-featured { | table.imbox-featured { | ||
− | + | border:3px solid #cba135 | |
} | } | ||
− | |||
− | |||
table.cmbox { | table.cmbox { | ||
− | + | margin:3px 10%; | |
− | + | border-collapse:collapse; | |
− | + | border:1px solid #aaa; | |
− | + | background:#DFE8FF | |
} | } | ||
− | |||
table.cmbox-notice { | table.cmbox-notice { | ||
− | + | background:#D8E8FF | |
} | } | ||
table.cmbox-speedy { | table.cmbox-speedy { | ||
− | + | margin-top:4px; | |
− | + | margin-bottom:4px; | |
− | + | border:4px solid #b22222; | |
− | + | background:#FFDBDB | |
} | } | ||
table.cmbox-delete { | table.cmbox-delete { | ||
− | + | background:#FFDBDB | |
} | } | ||
table.cmbox-content { | table.cmbox-content { | ||
− | + | background:#FFE7CE | |
} | } | ||
table.cmbox-style { | table.cmbox-style { | ||
− | + | background:#FFF9DB | |
} | } | ||
table.cmbox-move { | table.cmbox-move { | ||
− | + | background:#E4D8FF | |
} | } | ||
table.cmbox-protection { | table.cmbox-protection { | ||
− | + | background:#EFEFE1 | |
} | } | ||
− | |||
− | |||
table.ombox { | table.ombox { | ||
− | + | margin:4px 10%; | |
− | + | border-collapse:collapse; | |
− | + | border:1px solid #aaa; | |
− | + | background:#f9f9f9 | |
} | } | ||
− | |||
table.ombox-notice { | table.ombox-notice { | ||
− | + | border:1px solid #aaa | |
} | } | ||
table.ombox-speedy { | table.ombox-speedy { | ||
− | + | border:2px solid #b22222; | |
− | + | background:#fee | |
} | } | ||
table.ombox-delete { | table.ombox-delete { | ||
− | + | border:2px solid #b22222 | |
} | } | ||
table.ombox-content { | table.ombox-content { | ||
− | + | border:1px solid #f28500 | |
} | } | ||
table.ombox-style { | table.ombox-style { | ||
− | + | border:1px solid #f4c430 | |
} | } | ||
table.ombox-move { | table.ombox-move { | ||
− | + | border:1px solid #9932cc | |
} | } | ||
table.ombox-protection { | table.ombox-protection { | ||
− | + | border:2px solid #bba | |
} | } | ||
− | |||
− | |||
table.tmbox { | table.tmbox { | ||
− | + | margin:4px 10%; | |
− | + | border-collapse:collapse; | |
− | + | border:1px solid #c0c090; | |
− | + | background:#f8eaba | |
} | } | ||
− | .mediawiki .mbox-inside .tmbox { | + | .mediawiki .mbox-inside .tmbox { |
− | + | margin:2px 0; | |
− | + | width:100% | |
} | } | ||
− | .mbox-inside .tmbox.mbox-small { | + | .mbox-inside .tmbox.mbox-small { |
− | + | line-height:1.5em; | |
− | + | font-size:100% | |
} | } | ||
− | |||
table.tmbox-speedy { | table.tmbox-speedy { | ||
− | + | border:2px solid #b22222; | |
− | + | background:#fee | |
} | } | ||
table.tmbox-delete { | table.tmbox-delete { | ||
− | + | border:2px solid #b22222 | |
} | } | ||
table.tmbox-content { | table.tmbox-content { | ||
− | + | border:2px solid #f28500 | |
} | } | ||
table.tmbox-style { | table.tmbox-style { | ||
− | + | border:2px solid #f4c430 | |
} | } | ||
table.tmbox-move { | table.tmbox-move { | ||
− | + | border:2px solid #9932cc | |
} | } | ||
− | table.tmbox-protection, | + | table.tmbox-protection,table.tmbox-notice { |
− | table.tmbox-notice { | + | border:1px solid #c0c090 |
− | |||
} | } | ||
− | |||
− | |||
table.dmbox { | table.dmbox { | ||
− | + | clear:both; | |
− | + | margin:0.9em 1em; | |
− | + | border-top:1px solid #ccc; | |
− | + | border-bottom:1px solid #ccc; | |
− | + | background:transparent | |
} | } | ||
− | |||
− | |||
table.fmbox { | table.fmbox { | ||
− | + | clear:both; | |
− | + | margin:0.2em 0; | |
− | + | width:100%; | |
− | + | border:1px solid #aaa; | |
− | + | background:#f9f9f9 | |
} | } | ||
table.fmbox-system { | table.fmbox-system { | ||
− | + | background:#f9f9f9 | |
} | } | ||
table.fmbox-warning { | table.fmbox-warning { | ||
− | + | border:1px solid #bb7070; | |
− | + | background:#ffdbdb | |
} | } | ||
table.fmbox-editnotice { | table.fmbox-editnotice { | ||
− | + | background:transparent | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } |
Latest revision as of 10:18, 31 March 2017
/* CSS placed here will be applied to all skins */
/* Responsive main page frames */
.mp-frame {
width:32%;
float:left;
min-width:240px;
padding:.3em;
}
@media only screen and (max-width: 950px) {
.mp-frame {
width:48%;
}
}
@media only screen and (max-width: 710px) {
.mp-frame {
width:98%;
}
}
/* Hatnotes for See also template */
div.hatnote {
padding-left:1.6em;
margin-bottom:0.5em;
}
.hatnote {
font-style:italic
}
/* Infobox template style */
.infobox {
border: 1px solid #aaa;
border-spacing: 3px;
background-color: #f9f9f9;
color: black;
/* @noflip */
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
/* @noflip */
text-align: left;
font-size: 88%;
line-height: 1.5em;
}
.infobox caption {
font-size: 125%;
font-weight: bold;
padding: 0.2em;
}
.infobox td,
.infobox th {
vertical-align: top;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #aaa;
/* @noflip */
border-right: 1px solid #aaa;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
/* @noflip */
border-right: 1px solid #aaa;
}
/* Normal font styling for table row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row] {
font-weight: normal;
/* @noflip */
text-align: left;
}
/* Prevent line breaks in silly places:
1) Where desired
2) Links when we don't want them to
3) Bold "links" to the page itself
4) Ref tags with group names <ref group="Note"> --> "[Note 1]" */
.nowrap,
.nowraplinks a,
.nowraplinks .selflink,
sup.reference a {
white-space: nowrap;
}
/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
white-space: normal;
}
/* For template documentation */
.template-documentation {
clear: both;
margin: 1em 0 0 0;
border: 1px solid #aaa;
background-color: #ecfcf4;
padding: 1em;
}
/* Display tabs with 4 spaces, see [[Phabricator:59824]] and [[Phabricator:59825]] */
div.mw-geshi div,
div.mw-geshi div pre,
span.mw-geshi,
pre.source-css,
pre.source-javascript,
pre.source-lua {
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
}
/* Fix small font size of GeSHi in Firefox. */
div.mw-geshi div,
div.mw-geshi div pre,
span.mw-geshi,
pre.source-css,
pre.source-javascript {
font-family: monospace, "Courier New" !important;
font-size:1.0em;
}
/* Fix unbulleted/plain lists */
.plainlist ul {
list-style: none none;
margin:0;
}
/* Message Boxes */
th.mbox-text,td.mbox-text {
border:none;
padding:0.25em 0.9em;
width:100%
}
td.mbox-image {
border:none;
padding:2px 0 2px 0.9em;
text-align:center
}
td.mbox-imageright {
border:none;
padding:2px 0.9em 2px 0;
text-align:center
}
td.mbox-empty-cell {
border:none;
padding:0px;
width:1px
}
table.ambox {
margin:0px 10%;
border:1px solid #aaa;
border-left:10px solid #1e90ff;
background:#fbfbfb
}
table.ambox + table.ambox {
margin-top:-1px
}
.ambox th.mbox-text,.ambox td.mbox-text {
padding:0.25em 0.5em
}
.ambox td.mbox-image {
padding:2px 0 2px 0.5em
}
.ambox td.mbox-imageright {
padding:2px 0.5em 2px 0
}
table.ambox-notice {
border-left:10px solid #1e90ff
}
table.ambox-speedy {
border-left:10px solid #b22222;
background:#fee
}
table.ambox-delete {
border-left:10px solid #b22222
}
table.ambox-content {
border-left:10px solid #f28500
}
table.ambox-style {
border-left:10px solid #f4c430
}
table.ambox-move {
border-left:10px solid #9932cc
}
table.ambox-protection {
border-left:10px solid #bba
}
table.imbox {
margin:4px 10%;
border-collapse:collapse;
border:3px solid #1e90ff;
background:#fbfbfb
}
.imbox .mbox-text .imbox {
margin:0 -0.5em;
display:block
}
.mbox-inside .imbox {
margin:4px
}
table.imbox-notice {
border:3px solid #1e90ff
}
table.imbox-speedy {
border:3px solid #b22222;
background:#fee
}
table.imbox-delete {
border:3px solid #b22222
}
table.imbox-content {
border:3px solid #f28500
}
table.imbox-style {
border:3px solid #f4c430
}
table.imbox-move {
border:3px solid #9932cc
}
table.imbox-protection {
border:3px solid #bba
}
table.imbox-license {
border:3px solid #88a;
background:#f7f8ff
}
table.imbox-featured {
border:3px solid #cba135
}
table.cmbox {
margin:3px 10%;
border-collapse:collapse;
border:1px solid #aaa;
background:#DFE8FF
}
table.cmbox-notice {
background:#D8E8FF
}
table.cmbox-speedy {
margin-top:4px;
margin-bottom:4px;
border:4px solid #b22222;
background:#FFDBDB
}
table.cmbox-delete {
background:#FFDBDB
}
table.cmbox-content {
background:#FFE7CE
}
table.cmbox-style {
background:#FFF9DB
}
table.cmbox-move {
background:#E4D8FF
}
table.cmbox-protection {
background:#EFEFE1
}
table.ombox {
margin:4px 10%;
border-collapse:collapse;
border:1px solid #aaa;
background:#f9f9f9
}
table.ombox-notice {
border:1px solid #aaa
}
table.ombox-speedy {
border:2px solid #b22222;
background:#fee
}
table.ombox-delete {
border:2px solid #b22222
}
table.ombox-content {
border:1px solid #f28500
}
table.ombox-style {
border:1px solid #f4c430
}
table.ombox-move {
border:1px solid #9932cc
}
table.ombox-protection {
border:2px solid #bba
}
table.tmbox {
margin:4px 10%;
border-collapse:collapse;
border:1px solid #c0c090;
background:#f8eaba
}
.mediawiki .mbox-inside .tmbox {
margin:2px 0;
width:100%
}
.mbox-inside .tmbox.mbox-small {
line-height:1.5em;
font-size:100%
}
table.tmbox-speedy {
border:2px solid #b22222;
background:#fee
}
table.tmbox-delete {
border:2px solid #b22222
}
table.tmbox-content {
border:2px solid #f28500
}
table.tmbox-style {
border:2px solid #f4c430
}
table.tmbox-move {
border:2px solid #9932cc
}
table.tmbox-protection,table.tmbox-notice {
border:1px solid #c0c090
}
table.dmbox {
clear:both;
margin:0.9em 1em;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
background:transparent
}
table.fmbox {
clear:both;
margin:0.2em 0;
width:100%;
border:1px solid #aaa;
background:#f9f9f9
}
table.fmbox-system {
background:#f9f9f9
}
table.fmbox-warning {
border:1px solid #bb7070;
background:#ffdbdb
}
table.fmbox-editnotice {
background:transparent
}