MediaWiki:Mobile.css: Difference between revisions
attempting to import data
imported>Kittymmeow (attempting to import data) |
imported>Kittymmeow (attempting to import data) |
||
Line 4: | Line 4: | ||
There will still be a 'white flash' as the default (light) mobile css initially loads. To avoid this, you should first enable the Gadgets extension, then add [[gphelp:MediaWiki:Gadget-darkmobile]] to your wiki and rename this css file to MediaWiki:Gadget-darkmobile.css | There will still be a 'white flash' as the default (light) mobile css initially loads. To avoid this, you should first enable the Gadgets extension, then add [[gphelp:MediaWiki:Gadget-darkmobile]] to your wiki and rename this css file to MediaWiki:Gadget-darkmobile.css | ||
**********/ | **********/ | ||
:root { | :root { | ||
--body-background-color: #ccc; | --body-background-color: #ccc; | ||
--body-background-image: url( | --body-background-image: url("/media/5/5d/Mobile_background.jpg"); | ||
--body-background-attachment: fixed; | --body-background-attachment: fixed; | ||
--body-background-size: 100%; | --body-background-size: 100%; | ||
--body-background-position: top center; | --body-background-position: top center; | ||
--body-background-repeat: no-repeat; | --body-background-repeat: no-repeat; | ||
--body-color: #fff; | --body-color: #fff; | ||
--body-secondary-color: #ccc; | --body-secondary-color: #ccc; | ||
--content-background: rgba(0,0,0,0.7); | --content-background: rgba(0,0,0,0.7); | ||
--header-background: #222; | --header-background: #222; | ||
--footer-background: #222; | --footer-background: #222; | ||
--interface-border: #000; | --interface-border: #000; | ||
--search-background: #222; | --search-background: #222; | ||
--link-color: #2675d6; | --link-color: #2675d6; | ||
--link-redlink-color: #ba3430; | --link-redlink-color: #ba3430; | ||
--navigation-selected: #01fcfa; | --navigation-selected: #01fcfa; | ||
--navigation-link-background: #2a353d; | --navigation-link-background: #2a353d; | ||
--last-modified-background: #444; | --last-modified-background: #444; | ||
--invert-icons: 1; | --invert-icons: 1; | ||
--fpbox-background: rgba(0,0,0, 0.4); | --fpbox-background: rgba(0,0,0, 0.4); | ||
--fpbox-border: 0; | --fpbox-border: 0; | ||
--fpheading-background: #2a353d; | --fpheading-background: #2a353d; | ||
--fpheading-border: 1px solid #000; | --fpheading-border: 1px solid #000; | ||
--fpheading-color: #dbe0e3; | --fpheading-color: #dbe0e3; | ||
--fpheading-font: 'Arial'; | --fpheading-font: 'Arial'; | ||
--fplink-background: rgba(0,0,0, 0.2); | --fplink-background: rgba(0,0,0, 0.2); | ||
--fplink-border: 1px solid #000; | --fplink-border: 1px solid #000; | ||
--fplink-fullwidth-background: rgba(0,0,0, 0.3); | --fplink-fullwidth-background: rgba(0,0,0, 0.3); | ||
--infobox-border: 1px solid #2a353d; | --infobox-border: 1px solid #2a353d; | ||
--infobox-details-background: #708992; | --infobox-details-background: #708992; | ||
--infobox-details-color: #fff; | --infobox-details-color: #fff; | ||
--infobox-header-background: #2a353d; | --infobox-header-background: #2a353d; | ||
--infobox-header-color: #fff; | --infobox-header-color: #fff; | ||
--infobox-label-background: rgba(100,100,100,0.4); | --infobox-label-background: rgba(100,100,100,0.4); | ||
--infobox-label-color: #000; | --infobox-label-color: #000; | ||
--navbox-alt-background: rgba(100,100,100, 0.5); | --navbox-alt-background: rgba(100,100,100, 0.5); | ||
--navbox-background: rgba(100,100,100, 0.3); | --navbox-background: rgba(100,100,100, 0.3); | ||
--navbox-border: #303030; | --navbox-border: #303030; | ||
--navbox-color: #000; | --navbox-color: #000; | ||
--navbox-secondary-background: rgba(100,100,100, 0.8); | --navbox-secondary-background: rgba(100,100,100, 0.8); | ||
--wikitable-alt-background: rgba(100,100,100, 0.6); | --wikitable-alt-background: rgba(100,100,100, 0.6); | ||
--wikitable-background: rgba(100,100,100, 0.2); | --wikitable-background: rgba(100,100,100, 0.2); | ||
--wikitable-border: 1px solid #2a353d; | --wikitable-border: 1px solid #2a353d; | ||
--wikitable-border-spacing: 0; | --wikitable-border-spacing: 0; | ||
--wikitable-header-background: #708992; | --wikitable-header-background: #708992; | ||
--wikitable-header-color: #000; | --wikitable-header-color: #000; | ||
--code-background: rgba(100,100,100, 0.4); | --code-background: rgba(100,100,100, 0.4); | ||
--code-color: #fff; | --code-color: #fff; | ||
--doc-background: rgba(0, 0, 0, 0.1); | --doc-background: rgba(0, 0, 0, 0.1); | ||
--doc-border: #303030; | --doc-border: #303030; | ||
--ambox-background: rgba(120,120,120,0.3); | --ambox-background: rgba(120,120,120,0.3); | ||
--ambox-blue: #1e90ff; | --ambox-blue: #1e90ff; | ||
--ambox-gray: #bbbbaa; | --ambox-gray: #bbbbaa; | ||
--ambox-green: #228b22; | --ambox-green: #228b22; | ||
--ambox-orange: #f28500; | --ambox-orange: #f28500; | ||
--ambox-purple: #9932cc; | --ambox-purple: #9932cc; | ||
--ambox-red: #b22222; | --ambox-red: #b22222; | ||
--ambox-yellow: #f4c430; | --ambox-yellow: #f4c430; | ||
} | } | ||
/*** mobile-specific style classes ***/ | /*** mobile-specific style classes ***/ | ||
.nomobile { | .nomobile { | ||
display: none; | display: none; | ||
} | } | ||
.mobileleft { | .mobileleft { | ||
text-align: left; | text-align: left; | ||
} | } | ||
.mobilecenter { | .mobilecenter { | ||
text-align: center; | text-align: center; | ||
} | } | ||
.mobileright { | .mobileright { | ||
text-align: right; | text-align: right; | ||
} | } | ||
Line 145: | Line 144: | ||
a:not([href]), | a:not([href]), | ||
body { | body { | ||
color: var(--body-color); | color: var(--body-color); | ||
} | } | ||
Line 168: | Line 167: | ||
.skin-minerva .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, | .skin-minerva .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, | ||
.skin-minerva nav ul li a:visited { | .skin-minerva nav ul li a:visited { | ||
color: var(--body-secondary-color); | color: var(--body-secondary-color); | ||
} | } | ||
Line 179: | Line 178: | ||
a.extiw, | a.extiw, | ||
a:visited { | a:visited { | ||
color: var(--link-color); | color: var(--link-color); | ||
} | } | ||
a.new { | a.new { | ||
color: var(--link-redlink-color); | color: var(--link-redlink-color); | ||
} | } | ||
Line 193: | Line 192: | ||
samp, | samp, | ||
tt { | tt { | ||
font-family: monospace; | font-family: monospace; | ||
font-size: 110%; | font-size: 110%; | ||
color: var(--code-color); | color: var(--code-color); | ||
} | } | ||
.mw-highlight { | .mw-highlight { | ||
background: transparent; | background: transparent; | ||
} | } | ||
Line 206: | Line 205: | ||
pre, | pre, | ||
pre.mw-code { | pre.mw-code { | ||
background: var(--code-background); | background: var(--code-background); | ||
border-color: var(--code-color); | border-color: var(--code-color); | ||
} | } | ||
.mw-code a, | .mw-code a, | ||
code a { | code a { | ||
color: var(--code-color); | color: var(--code-color); | ||
text-decoration: underline double; | text-decoration: underline double; | ||
} | } | ||
Line 229: | Line 228: | ||
.skin-minerva .search-overlay .search-content, | .skin-minerva .search-overlay .search-content, | ||
.skin-minerva .search-overlay .search-feedback { | .skin-minerva .search-overlay .search-feedback { | ||
background-color: var(--header-background); | background-color: var(--header-background); | ||
} | } | ||
Line 235: | Line 234: | ||
.skin-minerva .overlay-footer-container, | .skin-minerva .overlay-footer-container, | ||
.skin-minerva nav { | .skin-minerva nav { | ||
background-color: var(--footer-background); | background-color: var(--footer-background); | ||
} | } | ||
Line 257: | Line 256: | ||
.skin-minerva.ns-special .content-header, | .skin-minerva.ns-special .content-header, | ||
h2 { | h2 { | ||
border-color: var(--interface-border); | border-color: var(--interface-border); | ||
} | } | ||
.skin-minerva .search-overlay, | .skin-minerva .search-overlay, | ||
.skin-minerva.search-overlay { | .skin-minerva.search-overlay { | ||
background: var(--search-background); | background: var(--search-background); | ||
} | } | ||
Line 270: | Line 269: | ||
.skin-minerva.secondary-navigation-enabled, | .skin-minerva.secondary-navigation-enabled, | ||
body { | body { | ||
background-color: var(--body-background-color); | background-color: var(--body-background-color); | ||
background-image: var(--body-background-image); | background-image: var(--body-background-image); | ||
background-size: var(--body-background-size); | background-size: var(--body-background-size); | ||
background-attachment: var(--body-background-attachment); | background-attachment: var(--body-background-attachment); | ||
background-position: var(--body-background-position); | background-position: var(--body-background-position); | ||
background-repeat: var(--body-background-repeat); | background-repeat: var(--body-background-repeat); | ||
} | } | ||
Line 283: | Line 282: | ||
.skin-minerva.ns-special #content form, | .skin-minerva.ns-special #content form, | ||
.skin-minerva.ns-special .pre-content { | .skin-minerva.ns-special .pre-content { | ||
background: var(--content-background); | background: var(--content-background); | ||
} | } | ||
/*** basics ***/ | /*** basics ***/ | ||
.center { | .center { | ||
text-align: center; | text-align: center; | ||
} | } | ||
Line 295: | Line 294: | ||
.skin-minerva .pre-content h1, | .skin-minerva .pre-content h1, | ||
body { | body { | ||
font-family: sans-serif; | font-family: sans-serif; | ||
} | } | ||
/*** header and footer ***/ | /*** header and footer ***/ | ||
.header { | .header { | ||
border-width: 1px 0; | border-width: 1px 0; | ||
border-style: solid; | border-style: solid; | ||
} | } | ||
.header-container.header-chrome { | .header-container.header-chrome { | ||
box-shadow: 0 1px 1px rgba(100,100,100,0.2); | box-shadow: 0 1px 1px rgba(100,100,100,0.2); | ||
} | } | ||
@supports (position:sticky) { | @supports (position:sticky) { | ||
.header-container.header-chrome { | .header-container.header-chrome { | ||
position: sticky; | position: sticky; | ||
top: 0; | top: 0; | ||
z-index: 1000; | z-index: 1000; | ||
} | } | ||
.overlay-enabled .header-container.header-chrome { | .overlay-enabled .header-container.header-chrome { | ||
position: static; | position: static; | ||
} | } | ||
.navigation-enabled .header-container.header-chrome { | .navigation-enabled .header-container.header-chrome { | ||
z-index: 0; | z-index: 0; | ||
} | } | ||
} | } | ||
.skin-minerva .globalNotice { | .skin-minerva .globalNotice { | ||
overflow: hidden; | overflow: hidden; | ||
padding: 0 0.5em 0.25em; | padding: 0 0.5em 0.25em; | ||
} | } | ||
.skin-minerva .notification-count { | .skin-minerva .notification-count { | ||
background: transparent; | background: transparent; | ||
} | } | ||
Line 338: | Line 337: | ||
.skin-minerva .mw-echo-ui-notificationItemWidget, | .skin-minerva .mw-echo-ui-notificationItemWidget, | ||
.skin-minerva .mw-echo-ui-notificationItemWidget:last-child { | .skin-minerva .mw-echo-ui-notificationItemWidget:last-child { | ||
background: rgba(0,0,0,0.1); | background: rgba(0,0,0,0.1); | ||
} | } | ||
.skin-minerva .mw-echo-ui-notificationItemWidget-unread { | .skin-minerva .mw-echo-ui-notificationItemWidget-unread { | ||
background: rgba(0,0,0,0.3); | background: rgba(0,0,0,0.3); | ||
} | } | ||
.skin-minerva .mw-echo-ui-notificationItemWidget:hover { | .skin-minerva .mw-echo-ui-notificationItemWidget:hover { | ||
background: rgba(0,0,0,0.2); | background: rgba(0,0,0,0.2); | ||
} | } | ||
.skin-minerva .mw-echo-ui-notificationItemWidget-unread:hover { | .skin-minerva .mw-echo-ui-notificationItemWidget-unread:hover { | ||
background: rgba(0,0,0,0.4); | background: rgba(0,0,0,0.4); | ||
} | } | ||
Line 357: | Line 356: | ||
.skin-minerva .site-link-list li .watch-this-article, | .skin-minerva .site-link-list li .watch-this-article, | ||
.skin-minerva .topic-title-list li .watch-this-article { | .skin-minerva .topic-title-list li .watch-this-article { | ||
top: 50%; | top: 50%; | ||
margin-top: -0.75em; | margin-top: -0.75em; | ||
} | } | ||
/*** navigation ***/ | /*** navigation ***/ | ||
.skin-minerva.navigation-enabled .transparent-shield { | .skin-minerva.navigation-enabled .transparent-shield { | ||
background: rgba(50,50,50,0.9); | background: rgba(50,50,50,0.9); | ||
} | } | ||
.skin-minerva nav ul li { | .skin-minerva nav ul li { | ||
background: var(--navigation-link-background); | background: var(--navigation-link-background); | ||
width: 100%; | width: 100%; | ||
} | } | ||
.skin-minerva nav ul li a:hover { | .skin-minerva nav ul li a:hover { | ||
box-shadow: inset 4px 0 0 0 var(--navigation-selected); | box-shadow: inset 4px 0 0 0 var(--navigation-selected); | ||
} | } | ||
/*** last-modified bar ***/ | /*** last-modified bar ***/ | ||
.skin-minerva footer .last-modified-bar { | .skin-minerva footer .last-modified-bar { | ||
background-color: var(--last-modified-background); | background-color: var(--last-modified-background); | ||
} | } | ||
/* recently changed page last-modified bar*/ | /* recently changed page last-modified bar*/ | ||
.skin-minerva footer .last-modified-bar.active { | .skin-minerva footer .last-modified-bar.active { | ||
background: #00af89; | background: #00af89; | ||
} | } | ||
/*** page history and diffs ***/ | /*** page history and diffs ***/ | ||
.skin-minerva .minoredit { | .skin-minerva .minoredit { | ||
color: #808080; | color: #808080; | ||
} | } | ||
.skin-minerva #mw-mf-diffview #mw-mf-userinfo { | .skin-minerva #mw-mf-diffview #mw-mf-userinfo { | ||
z-index: 100; | z-index: 100; | ||
box-shadow: 0 -1px 3px rgba(0,0,0,0.6); | box-shadow: 0 -1px 3px rgba(0,0,0,0.6); | ||
opacity: 0.95; | opacity: 0.95; | ||
} | } | ||
/*** editor ***/ | /*** editor ***/ | ||
.skin-minerva .editor-overlay-ve { | .skin-minerva .editor-overlay-ve { | ||
color: #000; | color: #000; | ||
} | } | ||
.skin-minerva .editor-overlay .wikitext-editor { | .skin-minerva .editor-overlay .wikitext-editor { | ||
background: rgba(0,0,0,0.1); | background: rgba(0,0,0,0.1); | ||
} | } | ||
/* ------- Template:Doc ------- */ | /* ------- Template:Doc ------- */ | ||
.doc, | .doc, | ||
.doc-footer { | .doc-footer { | ||
background: var(--doc-background); | background: var(--doc-background); | ||
border: var(--doc-border); | border: var(--doc-border); | ||
margin: 0 auto 1em; | margin: 0 auto 1em; | ||
border-radius: 1em; | border-radius: 1em; | ||
padding: 1em; | padding: 1em; | ||
} | } | ||
.doc-footer { | .doc-footer { | ||
margin-bottom: 0; | margin-bottom: 0; | ||
} | } | ||
.doc-header { | .doc-header { | ||
padding-bottom: 3px; | padding-bottom: 3px; | ||
border-bottom: var(--doc-border); | border-bottom: var(--doc-border); | ||
margin-bottom: 1ex; | margin-bottom: 1ex; | ||
} | } | ||
/********** | /********** | ||
Line 428: | Line 427: | ||
/*** mobile front page collapse ***/ | /*** mobile front page collapse ***/ | ||
.fpbox.mobilecollapsible .fpbox-heading a.togglecollapse { | .fpbox.mobilecollapsible .fpbox-heading a.togglecollapse { | ||
display: block; | display: block; | ||
padding: 0 0 0 15px; | padding: 0 0 0 15px; | ||
} | } | ||
.fpbox.mobilecollapsible .fpbox-heading a.togglecollapse:active, | .fpbox.mobilecollapsible .fpbox-heading a.togglecollapse:active, | ||
.fpbox.mobilecollapsible .fpbox-heading a.togglecollapse:hover { | .fpbox.mobilecollapsible .fpbox-heading a.togglecollapse:hover { | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
.fpbox.mobilecollapsible.collapsed .fpbox-heading { | .fpbox.mobilecollapsible.collapsed .fpbox-heading { | ||
border: none; | border: none; | ||
margin-bottom: 0; | margin-bottom: 0; | ||
} | } | ||
.fpbox.mobilecollapsible .fpbox-heading a { | .fpbox.mobilecollapsible .fpbox-heading a { | ||
position: relative; | position: relative; | ||
} | } | ||
.fpbox.mobilecollapsible .fpbox-heading a:before { | .fpbox.mobilecollapsible .fpbox-heading a:before { | ||
content: ''; | content: ''; | ||
width: 12px; | width: 12px; | ||
height: 12px; | height: 12px; | ||
background-image: url("/skins/Vector/images/arrow-down.png"); | background-image: url("/skins/Vector/images/arrow-down.png"); | ||
background-image: linear-gradient(transparent,transparent),url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath d=%22M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5%22 fill=%22%23222%22/%3E %3C/svg%3E'); | background-image: linear-gradient(transparent,transparent),url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath d=%22M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5%22 fill=%22%23222%22/%3E %3C/svg%3E'); | ||
position: absolute; | position: absolute; | ||
left: 0; | left: 0; | ||
top: 50%; | top: 50%; | ||
margin-top: -6px; | margin-top: -6px; | ||
} | } | ||
.fpbox.mobilecollapsible.collapsed .fpbox-heading a:before { | .fpbox.mobilecollapsible.collapsed .fpbox-heading a:before { | ||
transform: rotate(-90deg); | transform: rotate(-90deg); | ||
} | } | ||
.fpbox.mobilecollapsible.collapsed .body { | .fpbox.mobilecollapsible.collapsed .body { | ||
display: none; | display: none; | ||
} | } | ||
/* ------- navboxes ------- */ | /* ------- navboxes ------- */ | ||
table.navbox { | table.navbox { | ||
border: var(--navbox-border); | border: var(--navbox-border); | ||
clear: both; | clear: both; | ||
font-size: 88%; | font-size: 88%; | ||
margin: auto; | margin: auto; | ||
padding: 1px; | padding: 1px; | ||
text-align: center; | text-align: center; | ||
width: 100%; | width: 100%; | ||
display: table !important; | display: table !important; | ||
} | } | ||
/** Border between adjacent navboxes **/ | /** Border between adjacent navboxes **/ | ||
table.navbox+table.navbox { | table.navbox+table.navbox { | ||
margin-top: -1px; | margin-top: -1px; | ||
} | } | ||
Line 486: | Line 485: | ||
.navbox-title, | .navbox-title, | ||
table.navbox th { | table.navbox th { | ||
padding-left: 1em; | padding-left: 1em; | ||
padding-right: 1em; | padding-right: 1em; | ||
} | } | ||
.navbox-group { | .navbox-group { | ||
font-weight: bold; | font-weight: bold; | ||
white-space: nowrap; | white-space: nowrap; | ||
} | } | ||
/** Base background **/ | /** Base background **/ | ||
.navbox, | .navbox, | ||
.navbox-subgroup { | .navbox-subgroup { | ||
background: var(--navbox-background); | background: var(--navbox-background); | ||
} | } | ||
.navbox-list { | .navbox-list { | ||
border-color: var(--navbox-background); | border-color: var(--navbox-background); | ||
} | } | ||
/** Level 1 & 2 styling **/ | /** Level 1 & 2 styling **/ | ||
Line 508: | Line 507: | ||
.navbox-title, | .navbox-title, | ||
table.navbox th { | table.navbox th { | ||
background: var(--navbox-secondary-background); | background: var(--navbox-secondary-background); | ||
color: var(--navbox-color); | color: var(--navbox-color); | ||
} | } | ||
/** Level 3 styling **/ | /** Level 3 styling **/ | ||
.navbox-subgroup .navbox-abovebelow, | .navbox-subgroup .navbox-abovebelow, | ||
.navbox-subgroup .navbox-group { | .navbox-subgroup .navbox-group { | ||
background: var(--navbox-background); | background: var(--navbox-background); | ||
color: var(--navbox-color); | color: var(--navbox-color); | ||
} | } | ||
/** row striping **/ | /** row striping **/ | ||
.navbox-even { | .navbox-even { | ||
background: var(--navbox-alt-background); | background: var(--navbox-alt-background); | ||
color: var(--navbox-color); | color: var(--navbox-color); | ||
} | } | ||
.navbox-odd { | .navbox-odd { | ||
background: transparent; | background: transparent; | ||
} | } | ||
/** collapsible navboxes **/ | /** collapsible navboxes **/ | ||
.collapseButton { | .collapseButton { | ||
font-weight: normal; | font-weight: normal; | ||
width: auto; | width: auto; | ||
} | } | ||
.navbox .collapseButton { | .navbox .collapseButton { | ||
width: 6em; | width: 6em; | ||
} | } | ||
.navbar { | .navbar { | ||
font-size: 88%; | font-size: 88%; | ||
font-weight: normal; | font-weight: normal; | ||
} | } | ||
.navbox .navbar { | .navbox .navbar { | ||
font-size: 100%; | font-size: 100%; | ||
} | } | ||
table.collapsed tr.collapsible { | table.collapsed tr.collapsible { | ||
display: none; | display: none; | ||
} | } | ||
/*** amboxes ***/ | /*** amboxes ***/ | ||
/* ------- Amboxes ------- */ | /* ------- Amboxes ------- */ | ||
.ambox { | .ambox { | ||
background-color: var(--ambox-background); | background-color: var(--ambox-background); | ||
border-width: 0 0 0 10px; | border-width: 0 0 0 10px; | ||
border-style: solid; | border-style: solid; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
font-size: 95%; | font-size: 95%; | ||
margin: 0 auto 2px; | margin: 0 auto 2px; | ||
width: 80%; | width: 80%; | ||
} | } | ||
.ambox.ambox-tiny { | .ambox.ambox-tiny { | ||
font-size: 90%; | font-size: 90%; | ||
margin: 2px 0; | margin: 2px 0; | ||
width: auto; | width: auto; | ||
} | } | ||
.ambox + .ambox { | .ambox + .ambox { | ||
margin-top: -2px; | margin-top: -2px; | ||
} | } | ||
.ambox-text { | .ambox-text { | ||
padding: 0.25em 0.5em; | padding: 0.25em 0.5em; | ||
} | } | ||
.ambox-image { | .ambox-image { | ||
padding: 2px 0 2px 0.5em; | padding: 2px 0 2px 0.5em; | ||
text-align: center; | text-align: center; | ||
width: 60px; | width: 60px; | ||
} | } | ||
.ambox-tiny .ambox-image { | .ambox-tiny .ambox-image { | ||
padding: 2px 0.5em; | padding: 2px 0.5em; | ||
text-align: left; | text-align: left; | ||
width: auto; | width: auto; | ||
} | } | ||
/* Ambox colors */ | /* Ambox colors */ | ||
.ambox-gray { | .ambox-gray { | ||
border-left-color: var(--ambox-gray); | border-left-color: var(--ambox-gray); | ||
} | } | ||
.ambox-blue { | .ambox-blue { | ||
border-left-color: var(--ambox-blue); | border-left-color: var(--ambox-blue); | ||
} | } | ||
.ambox-red { | .ambox-red { | ||
border-left-color: var(--ambox-red); | border-left-color: var(--ambox-red); | ||
} | } | ||
.ambox-orange { | .ambox-orange { | ||
border-left-color: var(--ambox-orange); | border-left-color: var(--ambox-orange); | ||
} | } | ||
.ambox-yellow { | .ambox-yellow { | ||
border-left-color: var(--ambox-yellow); | border-left-color: var(--ambox-yellow); | ||
} | } | ||
.ambox-purple { | .ambox-purple { | ||
border-left-color: var(--ambox-purple); | border-left-color: var(--ambox-purple); | ||
} | } | ||
.ambox-green { | .ambox-green { | ||
border-left-color: var(--ambox-green); | border-left-color: var(--ambox-green); | ||
} | } | ||
/* Ambox small text */ | /* Ambox small text */ | ||
.amsmalltext { | .amsmalltext { | ||
font-size: smaller; | font-size: smaller; | ||
margin-left: 0.8em; | margin-left: 0.8em; | ||
margin-top: 0.5em; | margin-top: 0.5em; | ||
} | } | ||
/** for 'edit this page' and 'discussion' link in template:cleanup etc **/ | /** for 'edit this page' and 'discussion' link in template:cleanup etc **/ | ||
.pagetab { | .pagetab { | ||
border: 1px solid var(--body-color); | border: 1px solid var(--body-color); | ||
padding: 0.25ex 1ex; | padding: 0.25ex 1ex; | ||
font-size: 95%; | font-size: 95%; | ||
} | } | ||
/* copyright images tweak */ | /* copyright images tweak */ | ||
.copyright-icon { | .copyright-icon { | ||
background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22200%22 height=%22200%22%3E%3Cpath d=%22M100 200C44.772 200 0 155.228 0 100S44.772 0 100 0s100 44.772 100 100-44.772 100-100 100zm0-179.115c-43.694 0-79.115 35.421-79.115 79.115 0 43.694 35.421 79.115 79.115 79.115 43.694 0 79.115-35.421 79.115-79.115 0-43.694-35.421-79.115-79.115-79.115zm0 108.599c20.627 0 27.518-18.427 27.518-18.427h26.536s-7.847 43.734-54.054 43.734c-30.532 0-55.283-24.751-55.283-55.282 0-30.532 24.751-55.283 55.283-55.283 45.365 0 53.317 41.769 53.317 41.769h-26.781S118.966 69.533 100 69.533c-16.555 0-29.975 13.421-29.975 29.976s13.42 29.975 29.975 29.975z%22/%3E%3C/svg%3E%0A"); | background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22200%22 height=%22200%22%3E%3Cpath d=%22M100 200C44.772 200 0 155.228 0 100S44.772 0 100 0s100 44.772 100 100-44.772 100-100 100zm0-179.115c-43.694 0-79.115 35.421-79.115 79.115 0 43.694 35.421 79.115 79.115 79.115 43.694 0 79.115-35.421 79.115-79.115 0-43.694-35.421-79.115-79.115-79.115zm0 108.599c20.627 0 27.518-18.427 27.518-18.427h26.536s-7.847 43.734-54.054 43.734c-30.532 0-55.283-24.751-55.283-55.282 0-30.532 24.751-55.283 55.283-55.283 45.365 0 53.317 41.769 53.317 41.769h-26.781S118.966 69.533 100 69.533c-16.555 0-29.975 13.421-29.975 29.976s13.42 29.975 29.975 29.975z%22/%3E%3C/svg%3E%0A"); | ||
background-size: 100%; | background-size: 100%; | ||
width: 32px; | width: 32px; | ||
height: 32px; | height: 32px; | ||
filter:invert(var(--invert-icons,0)); | filter:invert(var(--invert-icons,0)); | ||
} | } | ||
/* ------- tables ------- */ | /* ------- tables ------- */ | ||
table.wikitable { | table.wikitable { | ||
border-collapse: var(--wikitable-border-collapse); | border-collapse: var(--wikitable-border-collapse); | ||
border-spacing: var(--wikitable-border-spacing); | border-spacing: var(--wikitable-border-spacing); | ||
background: transparent; | background: transparent; | ||
border: var(--wikitable-border); | border: var(--wikitable-border); | ||
} | } | ||
Line 645: | Line 644: | ||
.mediawiki table.wikitable > * > tr > th, | .mediawiki table.wikitable > * > tr > th, | ||
.mediawiki table.wikitable > tr > th { | .mediawiki table.wikitable > tr > th { | ||
border: var(--wikitable-border); | border: var(--wikitable-border); | ||
} | } | ||
.mediawiki table.wikitable > * > tr > th, | .mediawiki table.wikitable > * > tr > th, | ||
.mediawiki table.wikitable > tr > th { | .mediawiki table.wikitable > tr > th { | ||
background: var(--wikitable-header-background); | background: var(--wikitable-header-background); | ||
color: var(--wikitable-header-color); | color: var(--wikitable-header-color); | ||
text-align: center; | text-align: center; | ||
} | } | ||
.mediawiki table.wikitable > * > tr > td { | .mediawiki table.wikitable > * > tr > td { | ||
background: var(--wikitable-background); | background: var(--wikitable-background); | ||
padding: 0.2em 0.4em; | padding: 0.2em 0.4em; | ||
} | } | ||
.mediawiki table.jquery-tablesorter th.headerSort { | .mediawiki table.jquery-tablesorter th.headerSort { | ||
background-image: none!important; | background-image: none!important; | ||
padding-right: 1.4em; | padding-right: 1.4em; | ||
} | } | ||
.mediawiki table.jquery-tablesorter th.headerSort:after { | .mediawiki table.jquery-tablesorter th.headerSort:after { | ||
content: '\f0dc'; | content: '\f0dc'; | ||
font-family: 'FontAwesome'; | font-family: 'FontAwesome'; | ||
display: inline-block; | display: inline-block; | ||
width: 1em; | width: 1em; | ||
margin-right: -1em; | margin-right: -1em; | ||
text-align: right; | text-align: right; | ||
} | } | ||
.mediawiki table.jquery-tablesorter th.headerSortUp:after { | .mediawiki table.jquery-tablesorter th.headerSortUp:after { | ||
content: '\f0de'; | content: '\f0de'; | ||
} | } | ||
.mediawiki table.jquery-tablesorter th.headerSortDown:after { | .mediawiki table.jquery-tablesorter th.headerSortDown:after { | ||
content: '\f0dd'; | content: '\f0dd'; | ||
} | } | ||
.mediawiki table.jquery-tablesorter th.unsortable, | .mediawiki table.jquery-tablesorter th.unsortable, | ||
.mediawiki th.header-bg.th.unsortable { | .mediawiki th.header-bg.th.unsortable { | ||
background: var(--wikitable-header-background); | background: var(--wikitable-header-background); | ||
} | } | ||
/** Cargo tables **/ | /** Cargo tables **/ | ||
.mediawiki table.cargoTable { | .mediawiki table.cargoTable { | ||
border-collapse: collapse; | border-collapse: collapse; | ||
color: var(--body-color); | color: var(--body-color); | ||
background: transparent; | background: transparent; | ||
} | } | ||
.mediawiki table.cargoTable td.even, | .mediawiki table.cargoTable td.even, | ||
.mediawiki table.cargoTable td.odd { | .mediawiki table.cargoTable td.odd { | ||
background: transparent; | background: transparent; | ||
} | } | ||
.cargoTable tr:nth-child(even) { | .cargoTable tr:nth-child(even) { | ||
background: var(--wikitable-alt-background); | background: var(--wikitable-alt-background); | ||
} | } | ||
.mediawiki table.cargoTable > * > tr > th, | .mediawiki table.cargoTable > * > tr > th, | ||
.mediawiki table.cargoTable > tr > th { | .mediawiki table.cargoTable > tr > th { | ||
background: var(--wikitable-header-background); | background: var(--wikitable-header-background); | ||
color: var(--wikitable-header-color); | color: var(--wikitable-header-color); | ||
text-align: center; | text-align: center; | ||
font-variant: small-caps; | font-variant: small-caps; | ||
border: var(--wikitable-border); | border: var(--wikitable-border); | ||
} | } | ||
.mediawiki table.cargoTable > * > tr > td { | .mediawiki table.cargoTable > * > tr > td { | ||
border: var(--wikitable-border); | border: var(--wikitable-border); | ||
padding: 0.2em 0.4em; | padding: 0.2em 0.4em; | ||
color: var(--body-color); | color: var(--body-color); | ||
} | } | ||
/** Dynamic Tables **/ | /** Dynamic Tables **/ | ||
table.cargoDynamicTable { | table.cargoDynamicTable { | ||
margin-top: 1em; | margin-top: 1em; | ||
border: 0 solid transparent; | border: 0 solid transparent; | ||
} | } | ||
Line 726: | Line 725: | ||
table.dataTable thead td, | table.dataTable thead td, | ||
table.dataTable thead th { | table.dataTable thead th { | ||
background: var(--wikitable-header-background)!important; | background: var(--wikitable-header-background)!important; | ||
border: var(--wikitable-border)!important; | border: var(--wikitable-border)!important; | ||
} | } | ||
table.dataTable tbody tr { | table.dataTable tbody tr { | ||
color: var(--body-color); | color: var(--body-color); | ||
background: transparent; | background: transparent; | ||
} | } | ||
Line 739: | Line 738: | ||
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1, | table.dataTable.order-column.stripe tbody tr.odd > .sorting_1, | ||
table.dataTable.stripe tbody tr.odd { | table.dataTable.stripe tbody tr.odd { | ||
background: transparent; | background: transparent; | ||
text-align: center; | text-align: center; | ||
} | } | ||
Line 747: | Line 746: | ||
table.dataTable.order-column.stripe tbody tr.even > .sorting_1, | table.dataTable.order-column.stripe tbody tr.even > .sorting_1, | ||
table.dataTable.stripe tbody tr.even { | table.dataTable.stripe tbody tr.even { | ||
background: var(--wikitable-alt-background); | background: var(--wikitable-alt-background); | ||
text-align: center; | text-align: center; | ||
} | } | ||
table.dataTable.display tbody tr:hover, | table.dataTable.display tbody tr:hover, | ||
table.dataTable.hover tbody tr:hover { | table.dataTable.hover tbody tr:hover { | ||
background: var(--wikitable-header-background); | background: var(--wikitable-header-background); | ||
} | } | ||
Line 761: | Line 760: | ||
.dataTables_wrapper .dataTables_paginate, | .dataTables_wrapper .dataTables_paginate, | ||
.dataTables_wrapper .dataTables_processing { | .dataTables_wrapper .dataTables_processing { | ||
color: var(--wikitable-header-color); | color: var(--wikitable-header-color); | ||
padding: 0.5em 0; | padding: 0.5em 0; | ||
} | } | ||
.dataTables_wrapper .dataTables_paginate .paginate_button { | .dataTables_wrapper .dataTables_paginate .paginate_button { | ||
color: var(--link-color)!important; | color: var(--link-color)!important; | ||
} | } | ||
.dataTables_wrapper .dataTables_paginate .paginate_button:hover { | .dataTables_wrapper .dataTables_paginate .paginate_button:hover { | ||
background: var(--wikitable-header-background); | background: var(--wikitable-header-background); | ||
} | } | ||
.dataTables_wrapper .dataTables_paginate .paginate_button.current, | .dataTables_wrapper .dataTables_paginate .paginate_button.current, | ||
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { | .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { | ||
color: var(--body-color) !important; | color: var(--body-color) !important; | ||
background: var(--wikitable-header-background); | background: var(--wikitable-header-background); | ||
border: var(--wikitable-border); | border: var(--wikitable-border); | ||
} | } | ||
/** Tablepager **/ | /** Tablepager **/ | ||
.mediawiki .TablePager th { | .mediawiki .TablePager th { | ||
background: var(--wikitable-header-background); | background: var(--wikitable-header-background); | ||
color: var(--wikitable-header-color); | color: var(--wikitable-header-color); | ||
border: var(--wikitable-border); | border: var(--wikitable-border); | ||
padding: 0 0.15em; | padding: 0 0.15em; | ||
} | } | ||
.mediawiki .TablePager td { | .mediawiki .TablePager td { | ||
background: var(--wikitable-background); | background: var(--wikitable-background); | ||
border: var(--wikitable-border); | border: var(--wikitable-border); | ||
color: var(--body-color); | color: var(--body-color); | ||
} | } | ||
.mediawiki .TablePager tr:hover td { | .mediawiki .TablePager tr:hover td { | ||
background: var(--wikitable-header-background)!important; | background: var(--wikitable-header-background)!important; | ||
color: var(--wikitable-header-color); | color: var(--wikitable-header-color); | ||
} | } | ||
/*** front page styles ***/ | /*** front page styles ***/ | ||
.fpmain { | .fpmain { | ||
width: 100%; | width: 100%; | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
/* ------- front page boxes **/ | /* ------- front page boxes **/ | ||
.fpbox { | .fpbox { | ||
background: var(--fpbox-background); | background: var(--fpbox-background); | ||
color: var(--body-color); | color: var(--body-color); | ||
margin: 5px; | margin: 5px; | ||
padding: 0.75em; | padding: 0.75em; | ||
overflow: auto; | overflow: auto; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
border: var(--fpbox-border); | border: var(--fpbox-border); | ||
width: calc(100% - 2px); | width: calc(100% - 2px); | ||
} | } | ||
.fpbox-heading { | .fpbox-heading { | ||
border-bottom: var(--fpheading-border); | border-bottom: var(--fpheading-border); | ||
background: var(--fpheading-background); | background: var(--fpheading-background); | ||
text-align: center; | text-align: center; | ||
color: var(--fpheading-color); | color: var(--fpheading-color); | ||
font-family: var(--fpheading-font), sans-serif; | font-family: var(--fpheading-font), sans-serif; | ||
font-size: 132%; | font-size: 132%; | ||
margin: 0 0 0.5em; | margin: 0 0 0.5em; | ||
padding: 0.25em; | padding: 0.25em; | ||
letter-spacing: 1px; | letter-spacing: 1px; | ||
} | } | ||
.fpbox-body { | .fpbox-body { | ||
margin: 5px; | margin: 5px; | ||
} | } | ||
.fpbox-plain { | .fpbox-plain { | ||
background: transparent; | background: transparent; | ||
border: 0; | border: 0; | ||
box-shadow: none; | box-shadow: none; | ||
} | } | ||
.fpbox-mainheading { | .fpbox-mainheading { | ||
font-size: 150%; | font-size: 150%; | ||
} | } | ||
.fpbox-subheading { | .fpbox-subheading { | ||
font-size: 120%; | font-size: 120%; | ||
border: 0; | border: 0; | ||
text-align: center; | text-align: center; | ||
} | } | ||
.linkslabel { | .linkslabel { | ||
margin: 15px 5px 5px; | margin: 15px 5px 5px; | ||
padding: 0 0 5px; | padding: 0 0 5px; | ||
border-bottom: 2px solid #505050; | border-bottom: 2px solid #505050; | ||
} | } | ||
/* ------- Template:FP links ------- */ | /* ------- Template:FP links ------- */ | ||
.fplinks { | .fplinks { | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
justify-content: space-evenly; | justify-content: space-evenly; | ||
align-items: stretch; | align-items: stretch; | ||
text-align: center; | text-align: center; | ||
} | } | ||
.fplink-outer { | .fplink-outer { | ||
padding: 5px; | padding: 5px; | ||
flex-basis: calc(25% - 10px); | flex-basis: calc(25% - 10px); | ||
width: calc(25% - 15px); | width: calc(25% - 15px); | ||
min-width: 115px; | min-width: 115px; | ||
display: inline-block; | display: inline-block; | ||
vertical-align: middle; | vertical-align: middle; | ||
} | } | ||
.fplink-wide { | .fplink-wide { | ||
flex-basis: calc(33% - 10px); | flex-basis: calc(33% - 10px); | ||
width: calc(33% - 15px); | width: calc(33% - 15px); | ||
} | } | ||
.fplink-fullwidth { | .fplink-fullwidth { | ||
flex-basis: 100%; | flex-basis: 100%; | ||
width: calc(100% - 15px); | width: calc(100% - 15px); | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
.fplink { | .fplink { | ||
background: var(--fplink-background); | background: var(--fplink-background); | ||
border: var(--fplink-border); | border: var(--fplink-border); | ||
padding: 0.5em; | padding: 0.5em; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
display: table; | display: table; | ||
} | } | ||
.fplink-fullwidth .fplink { | .fplink-fullwidth .fplink { | ||
background: var(--fplink-fullwidth-background); | background: var(--fplink-fullwidth-background); | ||
} | } | ||
.fplink-plain { | .fplink-plain { | ||
background: transparent; | background: transparent; | ||
border-radius: 0; | border-radius: 0; | ||
border: 0; | border: 0; | ||
box-shadow: none; | box-shadow: none; | ||
} | } | ||
.fplink-inner { | .fplink-inner { | ||
display: table-row; | display: table-row; | ||
} | } | ||
.fplink a { | .fplink a { | ||
display: table-cell; | display: table-cell; | ||
vertical-align: middle; | vertical-align: middle; | ||
} | } | ||
.fplink img { | .fplink img { | ||
max-width: 150px; | max-width: 150px; | ||
width: 100%; | width: 100%; | ||
height: auto; | height: auto; | ||
} | } | ||
/** Miscellaneous front page fixes **/ | /** Miscellaneous front page fixes **/ | ||
.fpbox .embedvideowrap { | .fpbox .embedvideowrap { | ||
width: 100%!important; | width: 100%!important; | ||
max-width: 480px; | max-width: 480px; | ||
margin: 0 auto; | margin: 0 auto; | ||
} | } | ||
.fpbox .embedvideowrap iframe { | .fpbox .embedvideowrap iframe { | ||
width: 100%!important; | width: 100%!important; | ||
} | } | ||
.fpbox .slideboxlightshow { | .fpbox .slideboxlightshow { | ||
max-width: 100%; | max-width: 100%; | ||
margin: 0 auto; | margin: 0 auto; | ||
} | } | ||
.fpbox .slideboxlightshow a, | .fpbox .slideboxlightshow a, | ||
.fpbox .slideboxlightshow img { | .fpbox .slideboxlightshow img { | ||
max-width: 100%!important; | max-width: 100%!important; | ||
} | } | ||
/*** infoboxes ***/ | /*** infoboxes ***/ | ||
.infoboxtable { | .infoboxtable { | ||
max-width: 300px; | max-width: 300px; | ||
float: none; | float: none; | ||
border: var(--infobox-border); | border: var(--infobox-border); | ||
padding: 0.25em; | padding: 0.25em; | ||
display: table !important; | display: table !important; | ||
border-collapse: separate; | border-collapse: separate; | ||
} | } | ||
.infoboxname { | .infoboxname { | ||
color: var(--infobox-header-color); | color: var(--infobox-header-color); | ||
padding: 5px; | padding: 5px; | ||
background: var(--infobox-header-background); | background: var(--infobox-header-background); | ||
} | } | ||
.infoboxdetails { | .infoboxdetails { | ||
color: var(--infobox-details-color); | color: var(--infobox-details-color); | ||
padding: 5px; | padding: 5px; | ||
background: var(--infobox-details-background); | background: var(--infobox-details-background); | ||
} | } | ||
.infoboxtable div { | .infoboxtable div { | ||
color: var(--infobox-label-color); | color: var(--infobox-label-color); | ||
background: var(--infobox-label-background); | background: var(--infobox-label-background); | ||
text-align: right; | text-align: right; | ||
font-weight: bold; | font-weight: bold; | ||
padding: 1px 5px; | padding: 1px 5px; | ||
} | } | ||
Line 972: | Line 971: | ||
.oo-ui-iconElement-icon, | .oo-ui-iconElement-icon, | ||
.skin-minerva .copyright-icon { | .skin-minerva .copyright-icon { | ||
filter:invert(var(--invert-icons,0)); | filter:invert(var(--invert-icons,0)); | ||
} | } | ||
Line 978: | Line 977: | ||
.mw-echo-ui-toggleReadCircleButtonWidget-circle, | .mw-echo-ui-toggleReadCircleButtonWidget-circle, | ||
.mw-ui-icon:before { | .mw-ui-icon:before { | ||
filter:brightness(calc(2 * var(--invert-icons,0))); | filter:brightness(calc(2 * var(--invert-icons,0))); | ||
} | } | ||
Line 985: | Line 984: | ||
.mw-mf-user:before, | .mw-mf-user:before, | ||
.search-overlay .clear:before { | .search-overlay .clear:before { | ||
filter:none; | filter:none; | ||
} | } |