MediaWiki:Common.css
Jump to navigation
Jump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* 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
}