MediaWiki:Common.css
Jump to navigation
Jump to search
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.
@font-face {
font-family: Share Tech;
src: url(https://fonts.googleapis.com/css2?family=Share+Tech&display=swap);
}
body {
background-color: #0E061E !important;
font-family: 'Share Tech', sans-serif;
font-size: 100%;
}
a {
font-size: 100% !important;
color: #55F5FA !important;
}
a.external {
font-size: 100% !important;
color: #55F5FA !important;
}
dt {
font-weight: 300;
margin-bottom: 0.1em;
color: #FFC536;
}
.mw-body{
background-color: #0E061E !important;
font-size: 100%;
font-family: 'Share Tech', sans-serif !important;
margin-top: -1px;
border: 1px solid #0E061E;
border-right-width: 0;
}
h1{
font-family: 'Share Tech', sans-serif !important;
font-size: 2em !important;
color: #FFFFFF !important;
margin-top: 1em;
border-bottom: 1px solid #EBC9FF;
text-transform: uppercase;
}
h2{
font-size: 1.5em !important;
color: #EBC9FF !important;
font-family: 'Share Tech', sans-serif !important;
border-bottom: none;
text-transform: uppercase;
}
h3{
font-size: 1.25em !important;
color: #A2AECC !important;
font-family: 'Share Tech', sans-serif !important;
border-bottom: none;
text-transform: uppercase;
}
h4{
font-size: 1em !important;
color: #A2AECC !important;
font-family: 'Share Tech', sans-serif !important;
border-bottom: none;
text-transform: uppercase;
}
div{
font-size: 1em !important;
color: #8D79BE !important;
background-color: #0E061E !important;
font-family: 'Share Tech', sans-serif !important;
}
.tocnumber {
color: #FFC536 !important;
padding-left: 0;
padding-right: 0.5em;
}
.toctogglelabel {
color: #55F5FA !important;
}
.vector-menu-tabs li
{
font-size: 1em !important;
color: #8D79BE !important;
background-color: #0E061E !important;
background: none;
}
.vector-menu-tabs li a {
background-position: right bottom;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
float: left;
height: 2em;
position: relative;
padding-top: 1.25em;
padding-left: 1em;
padding-right: 1em;
font-size: 1em;
cursor: pointer;
}
.mw-footer li {
color: #657b9e !important;
margin: 0;
padding: 0.75em 0;
font-size: 1em !important;
}
.portal .body li, .vector-menu-portal .body li {
margin: 0;
padding: 0.25em 0;
font-size: 1em;
line-height: 1.125em;
}
ul li::marker {
display: list-item;
content: "-";
color: teal;
font-weight: bold;
}
.oo-ui-buttonElement-button{
font-size: 1em !important;
color: #A79EF1 !important;
background-color: #4D1BA6 !important;
min-height: 1.5em !important;
}
.oo-ui-buttonElement > .oo-ui-buttonElement-button {
position: relative;
border-width: 0px;
border-radius: 2px;
font-weight: bold;
text-decoration: none;
padding-top: 0em !important;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
font-size: 1em !important;
color: #E0436A !important;
background-color: #4D1BA6 !important;
align-items: center;
}
#simpleSearch:hover #searchInput {
border-color: #A79EF1 !important;
color: #8D79BE !important;
}
#searchInput {
border-color: #8D79BE !important;
background-color: #0E061E !important;
font-family: 'Share Tech', sans-serif;
font-size: 100%;
color: #EBC9FF !important;
}
.oo-ui-checkboxInputWidget [type='checkbox'] + span {
background-color: #0E061E;
background-size: 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
left: 0;
width: 1.42857143em;
height: 1.42857143em;
border-color: #ffffff;
border-style: solid;
border-radius: 4px;
border-width: 0;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span{
background-color: #ffffff;
border-color: #ffffff;
}
.mw-plusminus-pos {
color: #00E58C !important;
}
.mw-plusminus-neg {
color: #E0436A !important;
}
.oo-ui-tagMultiselectWidget-handle {
border: solid;
margin-bottom: 1em;
}
.wikitable {
background-color: #0E061E;
font-size: 1em !important;
color: #8D79BE !important;
margin: 1em 0;
border: 1px solid #EBC9FF;
border-collapse: collapse;
}
pre, .mw-code {
color: #FFFFFF !important;
background-color: #0e061e !important;
border: 1px solid #a79ef1 !important;
padding: 1em;
white-space: pre-wrap;
overflow-x: hidden;
word-wrap: break-word;
}
.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button {
padding-top: 6px;
padding-bottom: 0px;
}
/* Infobox template style */
.infobox {
border: 1px solid #a2a9b1;
border-spacing: 3px;
background-color: #f8f9fa;
color: black;
/* @noflip */
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
font-size: 88%;
line-height: 1.5em;
width: 22em;
}
/* not strictly certain these styles are necessary
* just replicating the module faithfully
*/
.infobox-subbox {
padding: 0;
border: none;
margin: -3px;
width: auto;
min-width: 100%;
font-size: 100%;
clear: none;
float: none;
background-color: transparent;
}
.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element declaration when both a) infobox3cols is migrated and
* b) when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
vertical-align: top;
}
.infobox-label,
.infobox-data,
/* Remove element declaration when both a) infobox3cols is migrated and
* b) when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
/* @noflip */
text-align: left;
}
/* remove .infobox when th, td above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element declaration when both a) infobox3cols is migrated and
* b) 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 declaration when both a) infobox3cols is migrated and
* b) when every .infobox thing is using the standard module/templates */
.infobox caption {
padding: 0.2em;
}
/* remove .infobox when th, td 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 th, td above are removed */
.infobox .infobox-navbar {
/* @noflip */
text-align: right;
}
.infobox.bordered {
border-collapse: collapse;
}
/* TODO split definitions to appropriate class names when live from HTML element */
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #a2a9b1;
}
/* TODO split definitions to appropriate class names when live from HTML element */
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
/* styles for bordered infobox with merged rows */
/* TODO split definitions to appropriate class names when live from HTML element */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #a2a9b1;
/* @noflip */
border-right: 1px solid #a2a9b1;
}
/* TODO split definitions to appropriate class names when live from HTML element */
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
/* @noflip */
border-right: 1px solid #a2a9b1;
}
/* Styles for geography infoboxes, eg countries,
country subdivisions, cities, etc. */
.infobox.geography {
border-collapse: collapse;
line-height: 1.2em;
font-size: 90%;
}
/* TODO split definitions to appropriate class names when live from HTML element */
.infobox.geography td,
.infobox.geography th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.4em 0.6em;
}
/* TODO split definitions to appropriate class names when live from HTML element */
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.2em 0.6em;
}
/* TODO split definitions to appropriate class names when live from HTML element */
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
border: 0;
padding: 0 0.6em 0.2em 0.6em;
}
/* TODO split definitions to appropriate class names when live from HTML element */
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
border-top: 0;
border-bottom: 1px solid #a2a9b1;
padding: 0 0.6em 0.4em 0.6em;
}
/* TODO split definitions to appropriate class names when live from HTML element */
.infobox.geography .maptable td,
.infobox.geography .maptable th {
border: 0;
padding: 0;
}
/* Normal font styling for wikitable row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row] {
font-weight: normal;
/* @noflip */
text-align: left;
}
/* Lists in wikitable data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
/* @noflip */
text-align: left;
}
/* ...unless they also use the hlist class */
.toc.hlist ul,
#toc.hlist ul,
.wikitable.hlist td ul,
.wikitable.hlist td ol,
.wikitable.hlist td dl {
text-align: inherit;
}