MediaWiki:Common.css: Difference between revisions
From Zed Wiki
No edit summary |
No edit summary |
||
| (34 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
@import url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.6.0/css/fontawesome.min.css"); | |||
@import url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.6.0/css/solid.min.css"); | |||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
.field_Image img { | |||
max-width: 50px; | |||
} | |||
.mw-wiki-logo { | .mw-wiki-logo { | ||
background-size: contain; | background-size: contain; | ||
| Line 21: | Line 28: | ||
--bs-link-color-rgb: 11,117,143; | --bs-link-color-rgb: 11,117,143; | ||
--bs-body-color: #ccc; | --bs-body-color: #ccc; | ||
} | |||
figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'] { | |||
border: 0; | |||
background: #1a1c1f; | |||
margin: 0; | |||
} | |||
figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element, figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element { | |||
border: 1px solid #000000; | |||
background: #000000; | |||
} | |||
figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption { | |||
border: 1px solid #000000; | |||
border-top: 0; | |||
background-color: #1a1c1f; | |||
} | } | ||
| Line 50: | Line 73: | ||
color: #f0f0f0; | color: #f0f0f0; | ||
} | } | ||
a, a:active, #content a:not(.new):visited, #siteNotice a:not(.new):visited { | |||
#content a:not(.new):visited, #siteNotice a:not(.new):visited { | |||
color: #11b6de; | color: #11b6de; | ||
} | } | ||
| Line 89: | Line 111: | ||
background: #090a0b !important; | background: #090a0b !important; | ||
border: 1px solid #000; | border: 1px solid #000; | ||
text-align: left; | text-align: left; | ||
white-space: nowrap; | white-space: nowrap; | ||
| Line 97: | Line 118: | ||
font-size: 11px; | font-size: 11px; | ||
} | } | ||
table.wikitable th { | |||
background: #090a0b !important; | |||
border: 1px solid #000; | |||
text-align: left; | |||
white-space: nowrap; | |||
color: #fffc; | |||
text-transform: uppercase; | |||
letter-spacing: .05em; | |||
font-size: 11px; | |||
} | |||
table.wikitable thead tr th { | |||
padding: 8px 12px; | |||
} | |||
table.cargoTable thead tr th { | table.cargoTable thead tr th { | ||
padding: 8px 12px; | padding: 8px 12px; | ||
} | |||
table.wikitable .field_Image { | |||
width: 0; | |||
} | |||
table.wikitable tbody td { | |||
vertical-align: middle; | |||
border-color: #000; | |||
padding: 3px 10px; | |||
color: #fffc; | |||
} | |||
table.wikitable tr { | |||
background: #1a1c1f !important; | |||
} | } | ||
| Line 125: | Line 173: | ||
padding: 4px; | padding: 4px; | ||
margin: 2px auto; | margin: 2px auto; | ||
} | |||
.toc, .toccolours { | |||
margin-left: 30px !important; | |||
} | |||
.toctogglelabel { | |||
outline: none !important; | |||
} | } | ||
Latest revision as of 17:30, 22 August 2025
@import url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.6.0/css/fontawesome.min.css");
@import url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.6.0/css/solid.min.css");
/* CSS placed here will be applied to all skins */
.field_Image img {
max-width: 50px;
}
.mw-wiki-logo {
background-size: contain;
}
#p-logo a {
padding-top: 1em;
}
h2 {
color: #11b6de;
}
h3 {
color: #11b6de;
}
#footer {
display: none;
}
:root {
--bs-link-color-rgb: 11,117,143;
--bs-body-color: #ccc;
}
figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'] {
border: 0;
background: #1a1c1f;
margin: 0;
}
figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element, figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element {
border: 1px solid #000000;
background: #000000;
}
figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption {
border: 1px solid #000000;
border-top: 0;
background-color: #1a1c1f;
}
aside, #user-tools {
display: none;
}
#mw-main-container {
background-color: unset;
}
aside a:not(.disabled) {
color: #ccc;
}
.toctogglelabel {
color: #ccc;
outline: none;
}
.tocnumber {
color: #ccc;
}
.toc, .toccolours {
border: 1px solid #000000;
background-color: #1a1c1f;
margin-left: 10px;
}
#mw-navigation a:not(.disabled) {
color: #f0f0f0;
}
a, a:active, #content a:not(.new):visited, #siteNotice a:not(.new):visited {
color: #11b6de;
}
#mw-navigation a:not(.disabled):hover {
color: #999999;
}
#p-navigation-label {
display: none !important;
}
#p-navigation .mw-portlet-body {
margin-top: 1em;
}
@media screen and (max-width: 767px) {
#mw-navigation nav {
border-bottom: 1px solid #444444;
}
}
@media screen and (min-width: 766px) {
#mw-navigation {
border-right: 1px solid #444444;
max-width: 212px;
}
}
h1, h2 {
border-bottom: 1px solid #444;
}
a.dropdown-item:visited, .mw-portlet-body a.new {
color: #ccc;
}
table.cargoTable {
width: -webkit-fill-available;
}
table.cargoTable thead tr {
width: 100%;
background: #090a0b !important;
border: 1px solid #000;
text-align: left;
white-space: nowrap;
color: #fffc;
text-transform: uppercase;
letter-spacing: .05em;
font-size: 11px;
}
table.wikitable th {
background: #090a0b !important;
border: 1px solid #000;
text-align: left;
white-space: nowrap;
color: #fffc;
text-transform: uppercase;
letter-spacing: .05em;
font-size: 11px;
}
table.wikitable thead tr th {
padding: 8px 12px;
}
table.cargoTable thead tr th {
padding: 8px 12px;
}
table.wikitable .field_Image {
width: 0;
}
table.wikitable tbody td {
vertical-align: middle;
border-color: #000;
padding: 3px 10px;
color: #fffc;
}
table.wikitable tr {
background: #1a1c1f !important;
}
table.cargoTable tbody td {
vertical-align: middle;
border-color: #000;
padding: 3px 10px;
}
table.cargoTable tr {
background: #1a1c1f !important;
}
table.cargoTable .field_Image {
width: 0;
}
.zc-item-img {
position: relative;
vertical-align: middle;
display: block;
font-size: 50px;
height: 1em;
width: 1em;
background: linear-gradient(#151619, #070708);
color: #ccc;
border-radius: 6px;
padding: 4px;
margin: 2px auto;
}
.toc, .toccolours {
margin-left: 30px !important;
}
.toctogglelabel {
outline: none !important;
}