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 */
/* Custom Infobox */
.portable-infobox {
width: 450px;
}
.portable-infobox .pi-group:first-of-type {
display: flex;
justify-content: space-around;
align-items: center;
}
.pi-image-thumbnail {
width: 150px;
}
.portable-infobox .pi-title {
text-align: center;
}
.portable-infobox.pi-type-hero {
width: 600px;
margin: auto;
float: none;
}
.portable-infobox.pi-type-hero .pi-image-thumbnail {
width:auto;
height:auto;
max-height:200px;
max-width:90%;
display: flex;
margin: auto;
float: none;
}
.portable-infobox.type-hero .pi-data-value {
vertical-align:middle;
}
.pi-horizontal-group .pi-header {
width: 100%;
box-sizing: border-box;
}
.pi-horizontal-group {
white-space: normal;
display: table;
}
/* End of Custom Infobox */
/* Custom Tooltip */
.main-tooltip {
border: none;
padding: 2px;
background-color: var(--theme-page-background-color);
color: var(--theme-page-text-color);
}
/* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */
.has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents {
display: none;
}
.mw-wiki-logo {
background-size: contain;
}
.tooltips-init-complete {
cursor: help;
}
/* End of Custom Tooltip */
/* Table header fix */
.wikitable tr th {
background-clip: padding-box;
}
.filterMenu {
color: white;
}
/* End of Table header fix */
/* Commented out: reverting dark mode changes. These should be used as a separate theme.
@media (prefers-color-scheme: dark) {
body {
background-color: #1e1e1e;
}
a {
color:#eac39e;
text-decoration:none;
transition: color .3s;
}
a:hover {
color: #fcf6f1;
}
a:visited {
color: #eac39e;
}
.mw-page-title-namespace {
color: #eac39e;
}
.mw-page-title-separator {
color: #eac39e;
}
.mw-page-title-main {
color: #eac39e;
}
.mw-parser-output a.external {
color: #eac39e;
}
.mw-headline {
color: #eac39e;
}
label {
color: #eac39e;
}
ul {
list-style: disc;
}
.toctogglelabel {
color: #eac39e;
}
.wikitable {
background-color: #1e1e1e;
border-color: #a2a9b1;
}
.wikitable tr th {
background-color: #404040;
}
.wikitable {
color:white;
}
.mw-body, #mw-head {
background-color: #1e1e1e;
color: #fcf6f1;
}
.mw-body pre {
background-color: #404040;
color: #e6e6e6;
}
.toc {
background-color: #1e1e1e;
}
.toc .toctitle h2 {
color: white;
}
h2 {
color: white;
}
.portable-infobox {
background-color: #1e1e1e;
}
.portable-infobox .pi-secondary-background {
background-color:#404040;
color: white;
}
#mw-panel .mw-list-item a {
color: #eac39a;
transition: color .3s;
}
#mw-panel .mw-list-item a:hover {
color: #fcf6f1;
}
.selected.mw-list-item {
background: #1e1e1e;
}
.selected.mw-list-item a {
color: #eac39a;
transition: color .3s;
}
.selected.mw-list-item a:hover {
color: #fcf6f1;
}
.selected.mw-list-item a:visited {
color: #eac39a;
}
.vector-menu-tabs-legacy li {
background-image: none;
}
.vector-menu-tabs-legacy li.mw-list-item a {
color: #eac39a;
transition: color .3s;
}
.vector-menu-tabs-legacy li a:hover {
color: #fcf6f1;
}
.vector-menu-heading-label {
color: #fcf6f1;
}
.tabber__tab[aria-selected="true"] {
color: #eac39a;
transition: color .3s;
}
.tabber__tab[aria-selected="true"]:hover {
color: #fcf6f1;
}
li.gallerybox div.thumb {
background-color: #1e1e1e;
}
.catlinks {
background-color: #1e1e1e;
}
.filetoc {
background-color: #1e1e1e;
}
}
*/