MediaWiki:Common.css
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)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* CSS placed here will be applied to all skins */
div.mainpage-top-wrapper {
width: 100%;
display: inline-block;
margin: 0px;
padding: 0px;
}
div.mainpage-series-wrapper {
width: 70%;
float:left;
margin: 0px;
}
div.mainpage-sidebar-wrapper {
width: 30%;
margin-left: 70%;
}
div.mainpage-series {
border: 1px solid #a2a9b1;
text-align: center;
width: 100%;
margin-bottom: 0.5em;
display: inline-block;
border-radius: 5px;
}
div.mainpage-sidebar {
border: 1px solid #a2a9b1;
text-align: left;
display: inline-block;
width: calc(100% - 0.5em);
margin-left: 0.5em;
margin-bottom: 0.5em;
padding-left 0.5em;
margin-top: 0px;
border-radius: 5px;
}
div.mainpage-series-title {
font-size: 1.5em;
padding: 8px;
border-radius: 5px;
}
div.sidebar-title {
padding: 0.25em;
border-radius: 5px;
}
ul.mainpage-series {
text-align: center;
}
ul.mainpage-series > li {
display: inline;
}
ul.mainpage-sidebar {
list-style: none;
}
li > ul.mainpage-sidebar {
}
li:nth-child(odd) > ul.mainpage-sidebar {
background: lightpink;
}
a.cat-series {
color:white;
}
.cat-ll {
background: #ff1493;
font-weight: bold;
color: white;
}
.cat-llss {
color: white;
background: #00bfff;
font-weight: bold;
}
.cat-lln {
color: white;
background: #fcc800;
font-weight: bold;
}
.cat-llst {
color: white;
background: #9932cc;
font-weight: bold;
}
.cat-llll {
color: white;
background: #ffc0cb;
font-weight: bold;
}
.cat-llsim {
color: white;
background: #d70035;
font-weight: bold;
}
.cat-gny {
color: white;
background: #008b8b;
font-weight: bold;
}
.cat-llbb {
color: white;
background: #008bc3;
font-weight: bold;
}
/*
* This is the CSS common to all desktop skins on en.Wikipedia.
* Styling inside .mw-parser-output should generally use TemplateStyles.
*/
/*
* BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;
* SEE [[MediaWiki talk:Common.css/to do]]
* CSS is separated by component (which is why media queries are not joined)
*/
/* Infoboxes */
.infobox {
border: 1px solid #a2a9b1;
color: black;
padding: 0.2em;
font-size: 88%;
line-height: 1.5em;
border-spacing: 3px;
}
@media screen {
.infobox {
background-color: #f8f9fa;
}
}
@media (max-width: 640px) {
.infobox {
width: 100%;
}
.infobox .nowrap {
white-space: normal;
}
}
@media (min-width: 640px) {
.infobox {
/* @noflip */
margin: 0.5em 0 0.5em 1em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
width: 22em;
}
}
.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
vertical-align: top;
}
.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
/* @noflip */
text-align: left;
}
/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
font-size: 125%;
font-weight: bold;
text-align: center;
}
.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
padding: 0.2em;
}
/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
text-align: center;
}
/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
/* @noflip */
text-align: right;
}
/* Normal font styling for wikitable row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row],
.wikitable.plainrowheaders th[scope=rowgroup] {
font-weight: normal;
/* @noflip */
text-align: left;
}
/* Remove underlines from certain links */
.nounderlines a,
.IPA a:link,
.IPA a:visited {
text-decoration: none !important;
}
/* Prevent line breaks in silly places where desired (nowrap)
and links when we don't want them to (nowraplinks a) */
.nowrap,
.nowraplinks a {
white-space: nowrap;
}
/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
white-space: normal;
}
/* texhtml class for inline math (based on generic times-serif class) */
/* remove spans when this is TemplateStyled */
span.texhtml {
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
font-size: 118%;
line-height: 1;
/* Force tabular and lining display for texhtml */
font-variant-numeric: lining-nums tabular-nums;
font-kerning: none;
}
span.texhtml span.texhtml {
font-size: 100%;
}
@media (min-width: 640px) {
span.texhtml {
white-space: nowrap;
}
}
/* Prevent flags in tables from collapsing: Fix for T116318
* TODO: Remove when [[phab:T368469]] merges [[phab:T367463]] for the other skins
*/
@media (max-width: 640px) {
.flagicon a > img,
.flagicon noscript > img {
max-width: none !important;
}
}
@media screen {
.nochecker .gallerybox .thumb img {
background-image: none;
}
}
/*Tabber*/
.tabber .wds-tabs__wrapper .wds-tabs {
padding: 3px 0 0;
}
.tabber .wds-tabs > .wds-tabs__tab {
box-shadow: none;
}
.tabber .wds-tabs > .wds-tabs__tab:not(:last-child) {
margin-right: 2px;
}
.tabber .wds-tabs .wds-tabs__tab-label {
height: auto;
margin: 0;
line-height: 1.2;
}
.tabber .wds-tabs__tab a {
background: #014604;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border: 2px solid black;
color: white !important;
font-size: 16px;
font-weight: normal;
padding: 3px 0.5em;
}
.tabber .wds-tabs__tab.wds-is-current a {
cursor: default;
font-weight: bold;
}
.tabber .wds-tab__content {
border: 2px solid grey;
}
/*Tabber end*/
/*
* Put anything you mean to be a sitewide addition above the TemplateStyles
* comment above.
*/