MediaWiki:Common.css
Jump to navigation
Jump to search
Note: After publishing, 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: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */
/* NOTE: ALL OF THIS CSS IS PLACED HERE AS A WORK-AROUND; IN THE FUTURE, IT MAY NEED TO BE SPLIT BACK INTO ORIGINALLY INDICATED PAGES. */
/* {{pp|small=yes}} */
/* Module:Documentation/styles.css */
.documentation,
.documentation-metadata {
border: 1px solid #a2a9b1;
background-color: #ecfcf4;
clear: both;
}
.documentation {
margin: 1em 0 0 0;
padding: 1em;
}
.documentation-metadata {
margin: 0.2em 0; /* same margin left-right as .documentation */
font-style: italic;
padding: 0.4em 1em; /* same padding left-right as .documentation */
}
.documentation-startbox {
padding-bottom: 3px;
border-bottom: 1px solid #aaa;
margin-bottom: 1ex;
}
.documentation-heading {
font-weight: bold;
font-size: 125%;
}
.documentation-clear { /* Don't want things to stick out where they shouldn't. */
clear: both;
}
.documentation-toolbar {
font-style: normal;
font-size: 85%;
}
/* {{pp|small=yes}} */
/* LGBTdb:Main Page/styles.css */
#mp-topbanner {
box-sizing: border-box;
border-color: #ddd;
background-color: #f9f9f9;
}
.mp-bordered,
.mp-h2,
body.skin-timeless .mp-h2 { /* Timeless needs a higher specificity */
border-width: 1px;
border-style: solid;
}
#mp-topbanner,
.mp-h2,
#mp-left {
color: #000;
}
#mp-welcomecount {
margin: 0.4em;
text-align: center;
}
#mp-welcome {
font-size: 162%;
padding: 0.1em;
}
#mp-welcome h1 {
font-size: inherit;
font-family: inherit;
display: inline;
border: none;
}
#mp-welcome h1::after { /* Timeless bottom border */
content: none;
}
#mp-free {
font-size: 95%;
}
#articlecount {
font-size: 85%;
}
#mp-banner {
margin-top: 4px;
padding: 0.5em;
background-color: #fffaf5;
border-color: #f2e0ce;
}
.mp-h2,
body.skin-timeless .mp-h2 { /* Timeless needs a higher specificity */
margin: 0.5em;
padding: 0.2em 0.4em;
font-size: 120%;
font-weight: bold;
font-family: inherit;
}
h2.mp-h2::after { /* Remove borders in Timeless */
border: none;
}
.mp-later {
font-size: 85%;
font-weight: normal;
}
#mp-upper {
width: 100%;
margin-top: 4px;
margin-bottom: 0;
border-spacing: 0;
border-collapse: separate;
}
#mp-upper .mid-table {
border-color: transparent;
}
#mp-left {
width: 55%;
border-color: #cef2e0;
background: #f5fffa;
}
#mp-right {
width: 45%;
border-color: #cedff2;
background: #f5faff;
}
#mp-left,
#mp-right {
padding: 0;
vertical-align: top;
}
#mp-left .mp-h2 {
background: #cef2e0;
border-color: #a3bfb1;
}
#mp-right .mp-h2 {
background: #cedff2;
border-color: #a3b0bf;
}
#mp-tfa,
#mp-dyk,
#mp-itn,
#mp-otd,
#mp-other-lower > div {
padding: 0.1em 0.6em;
}
#mp-dyk-h2,
#mp-otd-h2 {
clear: both;
}
#mp-middle {
margin-top: 4px;
border-color: #f2cedd;
background: #fff5fa;
}
#mp-middle,
#mp-lower,
#mp-other-lower {
overflow: auto;
}
#mp-tfl-h2 {
background: #f2cedd;
border-color: #bfa3af;
}
#mp-tfl {
padding: 0.3em 0.7em;
}
#mp-lower {
margin-top: 4px;
border-color: #ddcef2;
background: #faf5ff;
}
#mp-tfp-h2 {
background: #ddcef2;
border-color: #afa3bf;
}
#mp-tfp {
margin: 0.1em 0.4em 0.6em;
}
#mp-other-lower {
padding: 0;
border-color: #e2e2e2;
margin-top: 4px;
}
#mp-dyk,
#mp-otd,
#mp-other-lower {
padding-bottom: 0.5em;
}
#mp-other-lower .mp-h2 {
background: #eee;
border-color: #ddd;
color: #222;
}
@media (max-width: 875px) {
body.skin--responsive table,
body.skin--responsive tr,
body.skin--responsive td,
body.skin--responsive tbody {
display: block !important;
width: 100% !important;
box-sizing: border-box;
}
body.skin--responsive #mp-tfp tr:first-child td:first-child a {
text-align: center;
display: table;
margin: 0 auto;
}
}
/* https://phabricator.wikimedia.org/T293232 - Minerva doesn't have this style. */
div.hlist.inline ul,
div.hlist.inline li,
div.hlist.inline {
display: inline;
}
/* {{pp|small=y}} */
/* Module:Message box/ombox.css */
.ombox {
margin: 4px 0;
border-collapse: collapse;
border: 1px solid #a2a9b1; /* Default "notice" gray */
background-color: #f8f9fa;
box-sizing: border-box;
}
/* For the "small=yes" option. */
.ombox.mbox-small {
font-size: 88%;
line-height: 1.25em;
}
.ombox-speedy {
border: 2px solid #b32424; /* Red */
background-color: #fee7e6; /* Pink */
}
.ombox-delete {
border: 2px solid #b32424; /* Red */
}
.ombox-content {
border: 1px solid #f28500; /* Orange */
}
.ombox-style {
border: 1px solid #fc3; /* Yellow */
}
.ombox-move {
border: 1px solid #9932cc; /* Purple */
}
.ombox-protection {
border: 2px solid #a2a9b1; /* Gray-gold */
}
.ombox .mbox-text {
border: none;
/* @noflip */
padding: 0.25em 0.9em;
width: 100%;
}
.ombox .mbox-image {
border: none;
/* @noflip */
padding: 2px 0 2px 0.9em;
text-align: center;
}
.ombox .mbox-imageright {
border: none;
/* @noflip */
padding: 2px 0.9em 2px 0;
text-align: center;
}
/* An empty narrow cell */
.ombox .mbox-empty-cell {
border: none;
padding: 0;
width: 1px;
}
.ombox .mbox-invalid-type {
text-align: center;
}
@media (min-width: 720px) {
.ombox {
margin: 4px 10%;
}
.ombox.mbox-small {
/* @noflip */
clear: right;
/* @noflip */
float: right;
/* @noflip */
margin: 4px 0 4px 1em;
width: 238px;
}
}
/* {{pp|small=y}} */
/* Module:Navbox/styles.css */
.navbox {
box-sizing: border-box;
border: 1px solid #a2a9b1;
width: 100%;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */
}
.navbox .navbox {
margin-top: 0; /* No top margin for nested navboxes */
}
.navbox + .navbox, /* TODO: remove first line after transclusions have updated */
.navbox + .navbox-styles + .navbox {
margin-top: -1px; /* Single pixel border between adjacent navboxes */
}
.navbox-inner,
.navbox-subgroup {
width: 100%;
}
.navbox-group,
.navbox-title,
.navbox-abovebelow {
padding: 0.25em 1em;
line-height: 1.5em;
text-align: center;
}
.navbox-group {
white-space: nowrap;
/* @noflip */
text-align: right;
}
.navbox,
.navbox-subgroup {
background-color: #fdfdfd;
}
.navbox-list {
line-height: 1.5em;
border-color: #fdfdfd; /* Must match background color */
}
.navbox-list-with-group {
text-align: left;
border-left-width: 2px;
border-left-style: solid;
}
/* cell spacing for navbox cells */
/* Borders above 2nd, 3rd, etc. rows */
/* TODO: figure out how to replace tr as structure;
* with div structure it should be just a matter of first-child */
tr + tr > .navbox-abovebelow,
tr + tr > .navbox-group,
tr + tr > .navbox-image,
tr + tr > .navbox-list {
border-top: 2px solid #fdfdfd; /* Must match background color */
}
.navbox-title {
background-color: #ccf; /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
background-color: #ddf; /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
background-color: #e6e6ff; /* Level 3 color */
}
.navbox-even {
background-color: #f7f7f7;
}
.navbox-odd {
background-color: transparent;
}
/* TODO: figure out how to remove reliance on td as structure */
.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;
}
.navbox .navbar {
display: block;
font-size: 100%;
}
.navbox-title .navbar {
/* @noflip */
float: left;
/* @noflip */
text-align: left;
/* @noflip */
margin-right: 0.5em;
}
/* {{pp|small=y}} */
/* Module:Hatnote/styles.css */
.hatnote {
font-style: italic;
}
/* Limit structure CSS to divs because of [[Module:Hatnote inline]] */
div.hatnote {
/* @noflip */
padding-left: 1.6em;
margin-bottom: 0.5em;
}
.hatnote i {
font-style: normal;
}
/* The templatestyles element inserts a link element before hatnotes.
* TODO: Remove link if/when WMF resolves T200206 */
.hatnote + link + .hatnote {
margin-top: -0.5em;
}