MediaWiki:Common.css: Difference between revisions
From jugglingpatterns
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ |
/* CSS placed here will be applied to all skins */ |
||
@media screen { |
|||
/* Selection highlight */ |
|||
::selection { color: #90FF90; background: #008000; } |
|||
/* Color buttons, drop downs, and input boxes */ |
|||
fieldset { |
|||
border-color: #004000; |
|||
} |
|||
legend { |
|||
border: 1px solid #004000; /* @theme */ |
|||
} |
|||
input[type="number"], |
|||
input[type="text"], |
|||
input:not([type]), |
|||
select { |
|||
background-color: #004000; |
|||
border-color: #008000; |
|||
color: #00dd00; |
|||
} |
|||
button, |
|||
input[type="button"], |
|||
input[type="reset"], |
|||
input[type="submit"] { |
|||
cursor: pointer; |
|||
} |
|||
/* Color background */ |
|||
body, div#globalWrapper { |
|||
background-color: #000000; |
|||
background-image: none /* Monobook background */; |
|||
color: #00dd00; |
|||
} |
|||
#mw-page-base{ |
|||
background:none /* Vector background */; |
|||
} |
|||
#content, .mw-body { |
|||
background-color: #000000; |
|||
color : #00dd00; |
|||
border-color : #008000; |
|||
} |
|||
.ns-0 #content { |
|||
background : #000000; |
|||
} |
|||
@media screen and (min-width: 768px) { |
|||
/* Color the links */ |
|||
.banner-container, .header, .page-header-bar, .overlay-header, .content, .overlay-content, .content-unstyled, .pre-content, .post-content, #mw-content-text > form, #mw-mf-page-center .pointer-overlay { |
|||
a { color: #7070FF; } |
|||
width: 100%; |
|||
a:visited { color: #9090D0; } |
|||
max-width: 90%; |
|||
a:active, a.new { color: #FF4040; } |
|||
} |
|||
a.interwiki, a.external { color: #5386DB; } |
|||
.page-heading { |
|||
a.interwiki:visited, a.external:visited { color: #5386DB; } |
|||
width: calc(100% - 330px); |
|||
a.stub { color: #974253; } |
|||
} |
|||
.thumbimage { |
|||
border-top-right-radius: 20px !important; |
|||
border-bottom-right-radius: 0px !important; |
|||
border-top-left-radius: 20px !important; |
|||
border-bottom-left-radius: 0px !important; |
|||
box-shadow: none !important; |
|||
} |
|||
.overlay .header-container.header-chrome { |
|||
top: 0 !important; |
|||
z-index: 2; |
|||
border: 0; |
|||
padding: 0 !important; |
|||
margin: 0 !important; |
|||
left: 0; |
|||
width: 100% !important; |
|||
right: inherit; |
|||
border-radius: 0px !important; |
|||
} |
|||
.header-container.header-chrome:hover { |
|||
width: 340px !important; |
|||
margin: 15px !important; |
|||
border-top-left-radius: 20px !important; |
|||
border-top-right-radius: 20px !important; |
|||
border-bottom-right-radius: 20px !important; |
|||
border-bottom-left-radius: 20px !important; |
|||
padding-top: 5px !important; |
|||
padding-bottom: 5px !important; |
|||
} |
|||
.header-chrome:hover .branding-box img { |
|||
width: 116px !important; |
|||
opacity: 1 !important; |
|||
} |
|||
.overlay.search-overlay .overlay-content { |
|||
max-width: 90%; |
|||
} |
|||
.overlay .header-container.header-chrome:hover { |
|||
width: 100% !important; |
|||
margin: 0px !important; |
|||
border-top-left-radius: 0px !important; |
|||
border-top-right-radius: 0px !important; |
|||
border-bottom-right-radius: 0px !important; |
|||
border-bottom-left-radius: 0px !important; |
|||
padding-top: 0px !important; |
|||
padding-bottom: 0px !important; |
|||
} |
|||
.header-container.header-chrome { |
|||
background: var(--menu-background); |
|||
/* |
|||
-webkit-backdrop-filter: blur(20px); |
|||
backdrop-filter: blur(20px); |
|||
*/ |
|||
position: fixed !important; |
|||
top: 0 !important; |
|||
z-index: 2; |
|||
padding-top: 5px; |
|||
width: 340px; |
|||
padding-bottom: 5px; |
|||
margin: 15px; |
|||
border: 0; |
|||
border-radius: 20px; |
|||
right: 0; |
|||
box-shadow: 3px 3px 6px rgba(0,0,0,0.20) !important; |
|||
} |
|||
.header-chrome.overlay-header-container + .overlay-content { |
|||
padding-top: 0; |
|||
margin-top: 3.375em !important; |
|||
} |
|||
.thumbimage { |
|||
border-top-right-radius: 20px; |
|||
border-top-left-radius: 20px; |
|||
} |
|||
.thumb { |
|||
box-shadow: 3px 3px 6px rgba(0,0,0,0.2); |
|||
border-radius: 20px; |
|||
} |
|||
.content figcaption, .content .thumbcaption { |
|||
padding-left: 15px !important; |
|||
padding-right: 15px !important; |
|||
padding-bottom: 15px !important; |
|||
box-sizing: border-box; |
|||
padding-top: 10px !important; |
|||
color: var(--caption); |
|||
} |
|||
.page-actions-menu__list-item > a { |
|||
font-weight: 400; |
|||
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text","Helvetica Neue",sans-serif; |
|||
color: var(--grey-text-color); |
|||
} |
|||
#main-menu-input:checked .mw-body { |
|||
transform: translate(-300px, 0) !important; |
|||
transition: transform 250ms ease-in-out; |
|||
} |
|||
.toggle-list__checkbox .mw-body { |
|||
/* De-Color user signature links (black-on-black) */ |
|||
transform: translate(-300px, 0) !important; |
|||
a:not([class]) font, a:not([class]) span, a:not([class]) bold { |
|||
transition: transform 250ms ease-in-out; |
|||
background-color:inherit!important; |
|||
} |
|||
color:inherit!important; |
|||
} |
} |
||
@media screen and (min-width: 1025px) { |
|||
/* Color user links */ |
|||
.pre-content h1 { |
|||
/* |
|||
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text","Helvetica Neue",sans-serif; |
|||
a[title^="User"], |
|||
font-weight: 900; |
|||
a[title^="Special:Contributions/"] { |
|||
font-size: 3em; |
|||
background-color:#010!important; |
|||
color: var(--text-color); |
|||
} |
|||
}/*-*/ |
|||
.mw-body-content .external { |
|||
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMBAMAAACkW0HUAAAAFVBMVEUAAAAAAAAAZv8AZswAL14hZIUwYI+U+klIAAAAAXRSTlMAQObYZgAAADxJREFUCNdjgAMmJSUFIBUmKAiimAKBFLOxkSOIElQRCQRSQo5OakBKJEWZlQEo6CTMAKIEwZSxsTHcJAD6JwXY6XjSLgAAAABJRU5ErkJggg==); |
|||
} |
} |
||
.header .search-box { |
|||
display: none; |
|||
/* Headings */ |
|||
h1, #bodyContent h1, |
|||
h2, #bodyContent h2, |
|||
h3, #bodyContent h3, |
|||
h4, #bodyContent h4, |
|||
h5, #bodyContent h5, |
|||
h6, #bodyContent h6 { |
|||
color: #00dd00; |
|||
border-color:#008000; |
|||
} |
} |
||
#mw-mf-page-left ul.hlist li a { |
|||
color: var(--link-color); |
|||
/* Color Table of Contents */ |
|||
#toc, .toc, .mw-warning, .toccolours, body.skin-monobook .toccolours { |
|||
background-color: #002000; |
|||
border-color: #008000; |
|||
} |
} |
||
.overlay-header-container, .overlay-footer-container { |
|||
background: var(--translucent-background); |
|||
/* Images */ |
|||
.mw-body img { |
|||
border: 2px solid #008000; |
|||
background-color: #000000; |
|||
} |
} |
||
.content table.infobox { |
|||
background-color: #fff; |
|||
/* Fix background of Tex images, which are black on transparent. */ |
|||
border: none; |
|||
.mw-body img.mwe-math-fallback-image-inline { |
|||
background-color: #fff; |
|||
filter:invert(100%) hue-rotate(180deg); |
|||
border:none; |
|||
} |
} |
||
#mw-mf-page-left { |
|||
right: 0; |
|||
hr { |
|||
top: 0; |
|||
color: #004000; |
|||
left: inherit; |
|||
background-color: #004000; |
|||
background: var(--translucent-background); |
|||
-webkit-transform: translate(100%,0); |
|||
-moz-transform: translate(100%,0); |
|||
-ms-transform: translate(100%,0); |
|||
transform: translate(100%,0); |
|||
} |
} |
||
#main-menu-input:checked ~ .main-menu-mask { |
|||
opacity: 1; |
|||
/* Color explanations with tool tips */ |
|||
abbr, acronym, .explain { |
|||
border-color: #004000; |
|||
color: White; |
|||
background-color: #002000; |
|||
} |
} |
||
.mw-searchresults-has-iw .iw-resultset { |
|||
background: var(--infobox-background); |
|||
/* Color code snippets */ |
|||
code { |
|||
background-color: #00AA00; |
|||
color: Black; |
|||
border-color: #00AA00; |
|||
font-weight:bolder;/*XXX: Increase contrast*/ |
|||
} |
} |
||
#main-menu-input:checked ~ body { |
|||
overflow: hidden !important; |
|||
/* Color code blocks */ |
|||
pre, .mw-code { |
|||
border-style:dashed; |
|||
border-color:#00AA00; |
|||
color: White; |
|||
background-color: #002000; |
|||
} |
} |
||
.main-menu-mask { |
|||
background: rgba(0,0,0,0.2); |
|||
/* Color highlighted ref [[MediaWiki:Common.css]] */ |
|||
-webkit-backdrop-filter: blur(10px); |
|||
body.action-info .mw-body-content :target, |
|||
backdrop-filter: blur(10px); |
|||
body.mediawiki .citation:target { |
|||
background-color: rgba(0, 127, 255, 0.133); |
|||
} |
} |
||
/* Dark Mode */ |
|||
html, body, #content, .mw-body, #mw-mf-page-center { |
|||
/* Table background colors */ |
|||
background: var(--body-background); |
|||
table { |
|||
color: var(--text-color); |
|||
background-color: #000000!important; |
|||
color: #00dd00!important; |
|||
} |
} |
||
.toggle-list__list { |
|||
table th { |
|||
background: var(--translucent-background); |
|||
-webkit-backdrop-filter: blur(20px); |
|||
color: #00dd00!important; |
|||
backdrop-filter: blur(20px); |
|||
} |
} |
||
.toggle-list-item:hover { |
|||
table td { |
|||
background: var(--body-background); |
|||
color: #00dd00!important; |
|||
} |
} |
||
.toggle-list-item__label { |
|||
color: var(--text-color); |
|||
table tr { |
|||
background-color: #000000!important; |
|||
color: #00dd00!important; |
|||
} |
} |
||
#mw-usercssyoucanpreview { |
|||
background: #fff; |
|||
/* Tabular tables */ |
|||
table.wikitable { |
|||
border-color: #004000 !important; |
|||
color: #00dd00!important; |
|||
} |
} |
||
.mw-highlight { |
|||
table.wikitable th, table.wikitable td { |
|||
background: var(--translucent-background); |
|||
border-color: #004000 !important; |
|||
border-radius: 20px; |
|||
border: 0; |
|||
} |
} |
||
.wikitable, table { |
|||
color: #000; |
|||
background: #fff; |
|||
} |
} |
||
.page-summary h2, .page-summary h3, .overlay.search-overlay li.page-summary .wikidata-description { |
|||
table.wikitable td { |
|||
color: var(--text-color); |
|||
} |
} |
||
.unicode, .haudio { |
|||
filter: var(--filter); |
|||
/* JQuery sort arrows */ |
|||
table.jquery-tablesorter th.headerSort { |
|||
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAJCAYAAADdA2d2AAAAPUlEQVR4AWMgCtxlkAPiA0CsREgpCQaC4X8gfggymJoG/sc0mHIDMQ2mE6DcpfQNU/rHPsJgBWg6VSBGOQB5WklTTHq/UAAAAABJRU5ErkJggg==); |
|||
} |
} |
||
.branding-box img { |
|||
table.jquery-tablesorter th.headerSortUp { |
|||
filter: var(--filter); |
|||
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAECAYAAABhnXSoAAAAKklEQVR4AWMgCtxlkAPiA0CsREgpCQaC4X8gfggymJoG/kczmHIDSTEYACAWJKqhXDSPAAAAAElFTkSuQmCC); |
|||
} |
} |
||
.header .branding-box { |
|||
table.jquery-tablesorter th.headerSortDown { |
|||
width: 0px; |
|||
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAECAYAAABhnXSoAAAALUlEQVR4AWPACe4yyAExCP7Hgh8CsRID6QBhMD4DKTQY00BKDVYA4gNgmggAAHjLJKrpYfWaAAAAAElFTkSuQmCC); |
|||
transition: 100ms ease-in-out; |
|||
} |
} |
||
.header .branding-box h1 img, .header .branding-box a img { |
|||
transition: 250ms ease-in-out; |
|||
/* thumbnails */ |
|||
.ns-0 * #content div.thumb { |
|||
border-color: #000000; |
|||
} |
} |
||
.mw-ui-icon-element, .mw-ui-icon-before:before { |
|||
/* thumbnails */ |
|||
filter: var(--filter); |
|||
div.thumb { |
|||
margin-bottom: .5em; |
|||
border-style: solid; |
|||
border-color: #002000; |
|||
} |
} |
||
.client-js .toc { |
|||
div.thumb div { |
|||
background-color: var(--body-background); |
|||
border-width: 1px; |
|||
border-radius: 20px; |
|||
border-color: #002000; |
|||
background-color: #004000; |
|||
} |
} |
||
#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read { |
|||
div.thumb div a img { |
|||
opacity: 1; |
|||
/* Transparent PNGs assume light color backgrounds :-( */ |
|||
filter: var(--filter); |
|||
background-color:#103010; |
|||
/* TODO: Use film grain texture, so lines are more noticeable */ |
|||
border: 1px solid #002000; |
|||
} |
} |
||
.minerva__tab-container .minerva__tab:visited, .minerva__tab-container .minerva__tab:hover, .minerva__tab-container .minerva__tab:active, .minerva__tab-container .minerva__tab.new, .minerva__tab-container .minerva__tab.new:visited, .minerva__tab-container .minerva__tab.new:active, .minerva__tab-container .minerva__tab.new:hover { |
|||
div.thumb div a img:hover { |
|||
color: var(--text-color); |
|||
/* Increase brightness on hover */ |
|||
background-color:#EEE; |
|||
} |
} |
||
#mw-mf-page-left ul li a { |
|||
div.thumb div div.thumbcaption { |
|||
color: var(--text-color); |
|||
border: none; |
|||
padding: .3em 0 .1em 0; |
|||
} |
} |
||
.content figure .thumbinner, .content .thumb .thumbinner { |
|||
border-radius: 20px; |
|||
figure[typeof~='mw:File/Thumb'], |
|||
border: none; |
|||
figure[typeof~='mw:File/Frame'] { |
|||
background: var(--infobox-background); |
|||
box-shadow: 3px 3px 6px rgba(0,0,0,0.2); |
|||
border: 2px solid #002000; |
|||
border-bottom: 0; |
|||
} |
} |
||
.overlay { |
|||
figure[typeof~='mw:File/Thumb'] > figcaption, |
|||
background: var(--translucent-background); |
|||
figure[typeof~='mw:File/Frame'] > figcaption { |
|||
-webkit-backdrop-filter: blur(20px); |
|||
background-color: #004000; |
|||
backdrop-filter: blur(20px); |
|||
border: 2px solid #002000; |
|||
border-top: 0; |
|||
padding: 1px 3px 4px 3px; |
|||
} |
} |
||
.hatnote { |
|||
background: var(--translucent-background); |
|||
figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element, |
|||
color: var(--caption); |
|||
figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element, |
|||
border-radius: 10px; |
|||
li.gallerybox .mw-file-element { |
|||
background-color: #103010; |
|||
border: 1px solid #002000; |
|||
} |
} |
||
a { |
|||
figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element:hover, |
|||
color: var(--link-color); |
|||
figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element:hover, |
|||
li.gallerybox .mw-file-element { |
|||
background-color: #EEE; |
|||
} |
} |
||
a:visited { |
|||
color: var(--visited-link-color); |
|||
/* galleries */ |
|||
table.gallery { |
|||
border: 1px solid #002000; |
|||
background-color: #004000; |
|||
} |
} |
||
.infobox a, .wikitable a, table a { |
|||
table.gallery td { |
|||
color: #3366cc; |
|||
border: solid 2px white; |
|||
} |
} |
||
.infobox a:visited, .wikitable a:visited, table a:visited { |
|||
color: #6b4ba1; |
|||
li.gallerybox div.thumb, body.mediawiki #content .gallerybox div.thumb { |
|||
background-color: #004000; |
|||
border: 2px solid #002000; |
|||
} |
|||
li.gallerybox div.thumb div { |
|||
background-color: transparent; |
|||
border: 0; |
|||
} |
|||
/* Color category box */ |
|||
.catlinks { |
|||
border-color:#800080; |
|||
background-color:#000000; |
|||
color: #00FFFF; |
|||
} |
|||
/* ################################# |
|||
* Interface Pages |
|||
* ################################# |
|||
*/ |
|||
.mw-ui-input:focus { |
|||
border-color: lime; |
|||
box-shadow: inset 0 0 0 1px lime; |
|||
} |
|||
.postedit, /* untested */ |
|||
.mw-notification { /* top right bubble */ |
|||
background-color:#004000; |
|||
background-color:rgba(0, 64, 0, 0.93); |
|||
border-color:#008000; |
|||
} |
|||
/* |
|||
** Diff rendering |
|||
*/ |
|||
table.diff, td.diff-otitle, td.diff-ntitle { |
|||
background-color: #000000; |
|||
} |
|||
td.diff-addedline { |
|||
color: #00a000; |
|||
background-color: #004000; |
|||
} |
} |
||
.infobox img { |
|||
td.diff-deletedline { |
|||
border-top-right-radius: 0 !important; |
|||
color: #00a000; |
|||
border-top-left-radius: 0 !important; |
|||
background-color: #004000; |
|||
border-bottom-left-radius: 0 !important; |
|||
border-bottom-right-radius: 0 !important; |
|||
} |
} |
||
.infobox .thumb { |
|||
td.diff-context { |
|||
border-top-right-radius: 0 !important; |
|||
background-color: #000000; |
|||
border-top-left-radius: 0 !important; |
|||
color: #008000; |
|||
border-bottom-left-radius: 0 !important; |
|||
border-bottom-right-radius: 0 !important; |
|||
} |
} |
||
.infobox .thumbimage { |
|||
.diffchange { |
|||
border-top-right-radius: 0 !important; |
|||
color: #00ff00; |
|||
border-top-left-radius: 0 !important; |
|||
border-bottom-left-radius: 0 !important; |
|||
border-bottom-right-radius: 0 !important; |
|||
} |
} |
||
:root { |
|||
td.diff-deletedline .diffchange { |
|||
--translucent-background: rgba(234, 236, 240, 0.8); |
|||
background-color:#403618; |
|||
--infobox-background: rgba(255, 255, 255, 1); |
|||
--menu-background: rgba(234, 236, 240, 0.96); |
|||
--hatnote-background: rgba(234, 236, 240, 0.8); |
|||
--body-background: #ffffff; |
|||
--text-color: #000000; |
|||
--link-color: #3366cc; |
|||
--visited-link-color: #6b4ba1; |
|||
--filter: none; |
|||
--caption: #54595d; |
|||
--image-border: none; |
|||
} |
} |
||
@media (prefers-color-scheme: dark) { |
|||
td.diff-addedline .diffchange { |
|||
:root { |
|||
background-color:#273948; |
|||
--translucent-background: rgba(75, 75, 75, 0.8); |
|||
--infobox-background: rgba(75, 75, 75, 0.8); |
|||
--menu-background: rgba(75, 75, 75, 0.96); |
|||
--hatnote-background: rgba(75, 75, 75, 0.5); |
|||
--body-background: #000; |
|||
--text-color: #fff; |
|||
--link-color: #9eb6e7; |
|||
--visited-link-color: #c0b0da; |
|||
--filter: brightness(0) invert(1); |
|||
--caption: #fff; |
|||
--image-border: 2px solid #fff; |
|||
} |
|||
} |
} |
||
/* Banner */ |
|||
/* Color the edit interface */ |
|||
#searchInput { |
|||
.wikiEditor-ui { |
|||
border-radius: 10px; |
|||
background-color: #002000; |
|||
} |
} |
||
@media screen and (min-width: 720px) { |
|||
.wikiEditor-ui-toolbar, |
|||
.wikiEditor-ui-toolbar .sections .section { |
|||
background-image: none; |
|||
background-color: inherit; |
|||
} |
} |
||
.search-overlay { |
|||
.tool-button.tool-active, .tool.tool-active.oo-ui-buttonElement-frameless.oo-ui-iconElement { |
|||
z-index: 3; |
|||
background-color: inherit; |
|||
} |
} |
||
#mw-mf-page-left ul { |
|||
.wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited { |
|||
padding-bottom: 0px; |
|||
color: inherit; |
|||
padding-top: 22px; |
|||
} |
} |
||
#mw-mf-page-left { |
|||
textarea { |
|||
z-index: 4; |
|||
background-color: #001000; |
|||
color: #90FF90; |
|||
} |
} |
||
#mw-mf-page-left ul li a { |
|||
.editOptions { |
|||
color: var(--text-color); |
|||
border-color: #008000; |
|||
color: #ccc; |
|||
} |
} |
||
#mw-mf-page-left ul li { |
|||
div#editpage-specialchars a { |
|||
background: transparent; |
|||
border: none; |
|||
} |
} |
||
.overlay.search-overlay.visible { |
|||
.mw-editform-legacy input#wpSummary { |
|||
overflow: scroll; |
|||
background-color: #000000; |
|||
color: #90ff90; |
|||
} |
} |
||
.overlay.search-overlay .results, .overlay.search-overlay .search-feedback { |
|||
background: transparent; |
|||
/* Visual Editor */ |
|||
box-shadow: none; |
|||
.oo-ui-toolbar-bar, |
|||
.oo-ui-popupWidget-popup, |
|||
.oo-ui-popupToolGroup-active.oo-ui-widget-enabled, |
|||
.oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title, |
|||
.oo-ui-popupToolGroup .oo-ui-toolGroup-tools { |
|||
background-color:#002000; |
|||
background-image:none; |
|||
color:white; |
|||
} |
} |
||
.overlay.search-overlay li.page-summary { |
|||
.oo-ui-iconElement-icon { |
|||
margin-bottom: 20px; |
|||
filter: invert(100%); /* Can't style data URI SVGs */ |
|||
margin-top: 10px; |
|||
border: 0; |
|||
box-shadow: 3px 3px 6px rgba(0,0,0,0.20); |
|||
border-radius: 20px; |
|||
} |
} |
||
.page-list, .topic-title-list, .site-link-list { |
|||
.oo-ui-windowManager-modal > .oo-ui-dialog { |
|||
overflow: visible; |
|||
background-color: rgba(0, 0, 0, 0.5); |
|||
} |
} |
||
.list-thumb.list-thumb-y { |
|||
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { |
|||
border-top-left-radius: 20px; |
|||
background-color:black; |
|||
border-bottom-left-radius: 20px; |
|||
} |
} |
||
.overlay.search-overlay .search-content { |
|||
.oo-ui-textInputWidget input, |
|||
border-bottom: 0; |
|||
.oo-ui-textInputWidget textarea { |
|||
background-color: #001000; |
|||
color: #90FF90; |
|||
} |
} |
||
.overlay.search-overlay { |
|||
.oo-ui-tagItemWidget { |
|||
background: var(--translucent-background); |
|||
-webkit-backdrop-filter: blur(20px); |
|||
background-image: linear-gradient(to bottom,#222 0,#000 100%); |
|||
backdrop-filter: blur(20px); |
|||
color: #eee; |
|||
} |
} |
||
.header-container.header-chrome { |
|||
.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { |
|||
background: var(--menu-background); |
|||
position: fixed; |
|||
background-image: linear-gradient(to bottom, #222 0, #000 100%); |
|||
top: 0; |
|||
right: 0; |
|||
z-index: 2; |
|||
box-sizing: border-box; |
|||
border: 0; |
|||
height: 65px; |
|||
box-shadow: 3px 3px 6px rgba(0,0,0,0.20) !important; |
|||
transition: all 250ms ease-in-out; |
|||
} |
} |
||
/* Targeting Safari for Backdrop Filter and Font size bug*/ |
|||
.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus { |
|||
@media not all and (min-resolution:.001dpcm) { |
|||
/*border-color: #ace;*/ |
|||
@media { |
|||
/*box-shadow: 0 0 2px 2px #ace;*/ |
|||
.header-container.header-chrome { |
|||
background: var(--translucent-background) !important; |
|||
-webkit-backdrop-filter: blur(20px); |
|||
backdrop-filter: blur(20px); |
|||
} |
|||
@media screen and (min-width: 768px) { |
|||
body, p { |
|||
font-size: 1.1em !important; |
|||
} |
|||
.pre-content h1 { |
|||
font-size: 3em; |
|||
} |
|||
} |
|||
} |
|||
} |
} |
||
@media screen and (max-width: 767px) { |
|||
#mw-mf-viewport { |
|||
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { |
|||
padding-top: 60px; |
|||
background-color: #070; |
|||
} |
|||
background-image: linear-gradient(to bottom, #090 0, #030 100%); |
|||
.header-container.header-chrome { |
|||
width: 100%; |
|||
} |
|||
.content figcaption, .content .thumbcaption { |
|||
color: var(--text-color); |
|||
padding: 15px !important; |
|||
} |
|||
.notifications-overlay.navigation-drawer { |
|||
top: 53px; |
|||
} |
|||
} |
} |
||
.header-chrome.overlay-header-container + .overlay-content { |
|||
.oo-ui-buttonElement > .oo-ui-buttonElement-button { |
|||
padding-top: 0; |
|||
color:#ccc; |
|||
margin-top: 3.375em; |
|||
} |
} |
||
.overlay-content { |
|||
.oo-ui-pendingElement-pending { |
|||
z-index: 1; |
|||
/* http://en.wikipedia.org/w/resources/lib/oojs-ui/themes/apex/images/textures/pending.gif */ |
|||
filter:invert(1); |
|||
} |
} |
||
.page-actions-menu { |
|||
border-top: 0; |
|||
/* Color history interface */ |
|||
border-bottom: 0; |
|||
#pagehistory li { |
|||
border: 1px solid #002000; |
|||
} |
} |
||
/* Fonts */ |
|||
#pagehistory li.selected { |
|||
.pre-content h1 { |
|||
background-color: #004000; |
|||
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text","Helvetica Neue",sans-serif; |
|||
border: 1px solid #002000; |
|||
font-weight: 900; |
|||
color: var(--text-color); |
|||
font-size: 2em; |
|||
} |
} |
||
@media screen and (min-width: 769px) { |
|||
span.autocomment { color: #008000; } |
|||
.thumbinner img { |
|||
width: calc(100% + 2px); |
|||
/* Special:Search */ |
|||
} |
|||
.mw-search-profile-tabs, |
|||
#mw-searchoptions { |
|||
background-color: #002000; |
|||
border-color: #008000; |
|||
} |
} |
||
h2 .mw-headline { |
|||
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text","Helvetica Neue",sans-serif; |
|||
/* Color the file description */ |
|||
font-weight: 800; |
|||
#filetoc { |
|||
font-size: 1.5em; |
|||
background-color: #002000; |
|||
color: var(--text-color); |
|||
} |
} |
||
h3 .mw-headline{ |
|||
.filehistory a img, #file img:hover { |
|||
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text","Helvetica Neue",sans-serif; |
|||
/* Green checker board */ |
|||
font-weight: 600; |
|||
background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAAAQABVHvbKAAAAEUlEQVQI12P4z8CAFWEX/Q8Afr8P8erzE9cAAAAASUVORK5CYII="); |
|||
font-size: 25px; |
|||
color: var(--text-color); |
|||
} |
} |
||
h4 .mw-headline{ |
|||
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text","Helvetica Neue",sans-serif; |
|||
font-weight: 500; |
|||
font-size: 18px; |
|||
/* ################################# |
|||
color: var(--text-color); |
|||
* Interface |
|||
* ################################# |
|||
*/ |
|||
/* Colors the tabs across the top of the page */ |
|||
#p-cactions { |
|||
background-color: #000000; |
|||
} |
} |
||
body, p { |
|||
#p-cactions li { |
|||
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text","Helvetica Neue",sans-serif; |
|||
background-color: #000000; |
|||
font-weight: 300; |
|||
border-color: #008000; |
|||
} |
} |
||
/* Visual Tweaks */ |
|||
#p-cactions li.selected, |
|||
footer .last-modified-bar, .minerva-footer, footer > .post-content > h2 { |
|||
#p-cactions li.new { |
|||
border-bottom: none; |
|||
background-color: #000000; |
|||
border-top: none; |
|||
} |
} |
||
.overlay.media-viewer .cancel { |
|||
#p-cactions li a { |
|||
top: 60px; |
|||
background-color: #000000 !important; |
|||
color : #7070FF; |
|||
} |
} |
||
#p-cactions li.selected a { |
|||
background-color:#000000 !important/*HACK?*/; |
|||
} |
|||
/* Vector Tabs */ |
|||
.vector-menu-tabs, .vector-menu-tabs span { /* left and right tab breaks */ |
|||
/* https://en.wikipedia.org/w/skins/Vector/images/tab-break.png */ |
|||
background-image:none; |
|||
} |
|||
.vector-menu-tabs { border-left:1px solid black; } |
|||
.vector-menu-tabs span { border-right:1px solid black; } |
|||
.vector-menu-tabs ul li { |
|||
/* https://en.wikipedia.org/w/skins/Vector/images/tab-normal-fade.png */ |
|||
background-image: linear-gradient(#000000,#004000); |
|||
border-bottom:1px solid #008000; |
|||
} |
|||
.vector-menu-tabs li.selected { |
|||
/* https://en.wikipedia.org/w/skins/Vector/images/tab-current-fade.png */ |
|||
background: #000000; |
|||
border-bottom-color:transparent; |
|||
} |
|||
.vector-menu-tabs span a { |
|||
color:#7070FF; |
|||
} |
|||
.vector-menu-tabs li.selected a, |
|||
.vector-menu-tabs li.selected a:visited { |
|||
color:#00DD00; |
|||
} |
|||
/* Vector watch icon -- XXX contrast issues */ |
|||
#ca-watch.icon a { |
|||
filter:invert(1) hue-rotate(80deg); |
|||
} |
|||
#ca-unwatch.icon a { |
|||
filter:hue-rotate(280deg); |
|||
} |
|||
/* Vector drop down menus */ |
|||
.vector-menu-dropdown h3 span { |
|||
color:#cccccc; |
|||
} |
|||
.vector-menu ul { |
|||
background-color: #000000; |
|||
border-color: #a2a9b1; |
|||
} |
|||
.vector-menu li a { |
|||
color:#7070FF; |
|||
} |
|||
/* User links (preferences, contribs) */ |
|||
#p-personal ul { |
|||
color: #FFFF00; |
|||
background: none; |
|||
} |
|||
#p-personal li a { |
|||
color: #FFFF00; |
|||
} |
|||
#p-personal li a:hover { |
|||
color: #FFFF00; |
|||
background-color: #636300; |
|||
} |
|||
/* Bad specificity in originals */ |
|||
#pt-mytalk a.mw-echo-alert, |
|||
#pt-mytalk a.mw-echo-alert:hover { |
|||
color: #222; |
|||
} |
|||
/* Use vector person icon by your username */ |
|||
body.skin-monobook li#pt-userpage { background-image: url(/w/skins/Vector/images/user-icon.png); } |
|||
/* Use black logo */ |
|||
#p-logo { |
|||
background-color: transparent; |
|||
} |
|||
.mw-wiki-logo:not([href="/wiki/MediaWiki"]):not([href^="/wiki/Wikidata:"]):not([href^="/wiki/Wiktionary:"]) { |
|||
/* [[File:WikiGreen.png]] CC-BY-SA */ |
|||
background-image: url(//upload.wikimedia.org/wikipedia/commons/6/6e/WikiGreen.png); |
|||
} |
|||
/* Color side portlets */ |
|||
.portlet { |
|||
background: #004000; |
|||
color: #00dd00; |
|||
} |
|||
.portlet h3, |
|||
div#mw-panel div.portal h3 { |
|||
color:#00dd00; |
|||
} |
|||
.pBody { |
|||
background: #000000; |
|||
color: #00dd00; |
|||
} |
|||
div#mw-panel nav.portal div.vector-menu-content ul li a { |
|||
color:#7070FF; |
|||
} |
|||
div#mw-panel nav.portal div.vector-menu-content ul li a:visited { |
|||
color:#9090D0; |
|||
} |
|||
/* Color main search box - Monobook */ |
|||
input#searchInput { |
|||
/*border: 1px inset; theme/vector conflict */ |
|||
color: #00dd00; |
|||
background : #000000; |
|||
} |
|||
input.searchButton { |
|||
background : #000000; |
|||
border: 2px solid; |
|||
border-color: #00FFFF #008080 #008080 #00FFFF; |
|||
color : #00dd00; |
|||
} |
|||
/* Color main search box - Vector */ |
|||
div#simpleSearch, |
|||
div#simpleSearch input { |
|||
background-color:transparent; |
|||
background-image:none; /* https://en.wikipedia.org/w/skins/Vector/images/search-fade.png */ |
|||
color: #00dd00; |
|||
} |
|||
div#simpleSearch #searchInput::placeholder { |
|||
color:#008800; |
|||
} |
|||
/* Search results suggestion box */ |
|||
.suggestions-results, |
|||
.suggestions-special { |
|||
background-color: #000000; |
|||
border: solid 1px #00dd00; |
|||
} |
|||
.suggestions-special .special-label { |
|||
color:#008800; |
|||
} |
|||
.suggestions-result, |
|||
.suggestions-special .special-query { |
|||
color:#00dd00; |
|||
} |
|||
/* Color footer */ |
|||
#footer { |
|||
background-color: Black; |
|||
color: #00dd00; |
|||
border-color: #FFFF00; |
|||
padding-bottom: 1.2em; |
|||
} |
|||
#footer ul li {/* Vector */ |
|||
color:inherit; |
|||
} |
|||
/************************ |
|||
* COLOR IN TEMPLATES * |
|||
************************/ |
|||
.infobox { |
.infobox { |
||
border-radius: 20px; |
|||
background: #002000; |
|||
box-shadow: 3px 3px 12px rgba(0,0,0,0.3); |
|||
color:#00DD00; |
|||
border-color:#00FFFF; |
|||
} |
} |
||
table { |
|||
border-radius: 0px; |
|||
/* Template:Documentation */ |
|||
box-shadow: 3px 3px 12px rgba(0,0,0,0.3); |
|||
.mw-parser-output div.documentation, |
|||
.mw-parser-output div.documentation-metadata { |
|||
background-color: #001000; |
|||
} |
} |
||
input { |
|||
border-radius: 10px; |
|||
/* template RFA, AN/I closed */ |
|||
div.boilerplate, |
|||
.portal > ul { |
|||
background-color: #000000!important; |
|||
} |
} |
||
.thumbimage { |
|||
border-top-right-radius: 20px; |
|||
/* */ |
|||
border-bottom-right-radius: 0px; |
|||
div.mw-warning-with-logexcerpt, |
|||
border-top-left-radius: 20px; |
|||
div.mw-lag-warn-high, |
|||
border-bottom-left-radius: 0px; |
|||
div.mw-cascadeprotectedwarning, |
|||
box-shadow: none; |
|||
#mw-protect-cascadeon { |
|||
background-color: #700; |
|||
color:#fff; |
|||
} |
} |
||
.header { |
|||
border-top: none; |
|||
.mw-trackedTemplate { |
|||
height: 100%; |
|||
background: #002000 linear-gradient(#333, #000) !important; |
|||
border-color: #008000!important; |
|||
} |
} |
||
.overlay.search-overlay .header input { |
|||
.quotebox, /* Template:Quote */ |
|||
border-radius: 10px; |
|||
.shortcutbox { |
|||
border: 0; |
|||
background-color: #002000!important; |
|||
border-color: #008000!important; |
|||
} |
} |
||
.client-js #searchIcon { |
|||
body.mediawiki .navbox, |
|||
display: block; |
|||
body.mediawiki .navbox-subgroup { |
|||
} |
} |
||
#mw-clearyourcache { |
|||
/* Template:Tmbox */ |
|||
display: none; |
|||
.tmbox { |
|||
border: 1px solid #c0c090 !important; /* Default "notice" gray-brown */ |
|||
} |
} |
||
.skin-minerva-search-trigger { |
|||
display: none; |
|||
.tmbox, |
|||
.tmbox th, |
|||
.tmbox td { |
|||
background: #430 !important; |
|||
} |
} |
||
.list-thumb.list-thumb-none { |
|||
/* Template:Key press */ |
|||
border-top-left-radius: 20px; |
|||
kbd.keyboard-key { |
|||
border-bottom-left-radius: 20px; |
|||
background: #44372c!important;/* XXX override template gradients */ |
|||
border-color: #65594d #110e0D #110e0d #65594d!important; |
|||
color: #ffffff!important; |
|||
} |
} |
||
.content table.infobox { |
|||
background: var(--infobox-background) !important; |
|||
/* */ |
|||
color: var(--text-color); |
|||
table.wikitable td.table-yes { |
|||
border-radius: 20px; |
|||
background-color: #008000!important; |
|||
} |
} |
||
table. |
table.infobox { |
||
max-width: 350px; |
|||
background-color: #6c7203!important; |
|||
} |
} |
||
.content table.infobox a { |
|||
color: var(--link-color); |
|||
background-color: #ad5053!important; |
|||
} |
} |
||
.content table.infobox a:visited { |
|||
color: var(--visited-link-color); |
|||
background-color: #7e6b45!important; |
|||
} |
|||
table.wikitable td.table-na, td.table-unknown { |
|||
background-color: #6d6d6d!important; |
|||
} |
} |
||
thead { |
|||
/************************ |
|||
backdrop-filter: blur(20px); |
|||
* WIKI-SPECIFIC * |
|||
-webkit-backdrop-filter: blur(20px); |
|||
************************/ |
|||
border: 1px solid #54595d; |
|||
/* History on Commons */ |
|||
border-color: rgba(84,89,93,0.3); |
|||
#histlegend { background-color:inherit!important; } |
|||
/* De-color [[mw:CentralNotice]] */ |
|||
#centralNotice, #cnotice-main { background-color:#000!important; color:inherit!important; } |
|||
/* de's Flaggedrev */ |
|||
.flaggedrevs-color-1 { |
|||
background-color: #102; |
|||
} |
} |
||
thead th { |
|||
/* enwiki Monobook.css */ |
|||
background-color: rgba(234, 236, 240, 0.8) !important; |
|||
body.skin-monobook #content, |
|||
body.skin-monobook #p-cactions li a:hover, |
|||
body.skin-monobook #p-cactions li.selected a, |
|||
body.skin-monobook #content div.thumb { /* "Margin" for thumbs, padding for galleries */ |
|||
background-color: #000700; /* Light blue */ |
|||
} |
} |
||
.hatnote a, .dablink a, .rellink a { |
|||
body.skin-monobook #p-cactions li a { |
|||
color: var(--link-color); |
|||
background-color: #000700; /* Light blue-gray inactive tabs */ |
|||
} |
} |
||
/* Editor */ |
|||
.oo-ui-toolbar-bar { |
|||
body.skin-monobook.ns-0 #content, |
|||
background-color: var(--translucent-background); |
|||
body.skin-monobook.ns-0 #p-cactions li a:hover, |
|||
-webkit-backdrop-filter: blur(20px); |
|||
body.skin-monobook.ns-0 #p-cactions li.selected a, |
|||
backdrop-filter: blur(20px); |
|||
body.skin-monobook.ns-0 #content div.thumb { |
|||
color: var(--text-color); |
|||
background-color: #000000; /* Set back for articles */ |
|||
} |
} |
||
.oo-ui-iconElement-icon { |
|||
body.skin-monobook.ns-0 #p-cactions li a { |
|||
filter: var(--filter); |
|||
background-color: #101010; /* Light gray inactive tabs in articles */ |
|||
} |
} |
||
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon, .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator { |
|||
filter: var(--filter); |
|||
/************************ |
|||
* GADGETS * |
|||
************************/ |
|||
/* [[WP:Navigation popups]] */ |
|||
.navpopup { |
|||
background:#000; |
|||
border-color:inherit; |
|||
color:#0d0; |
|||
box-shadow: 0 3px 8px rgba( 50,255,50,0.35 ); |
|||
} |
} |
||
.client-js .mw-edittools-section input[type="button"] { |
|||
.popup_mainlink a { |
|||
color: var(--text-color); |
|||
} |
|||
.popup_menu, |
|||
.popup_drop:hover .popup_menu, |
|||
.popup_drop .popup_menu:hover { |
|||
background-color:#000; |
|||
} |
|||
.popup_menu a:hover { |
|||
background-color: #447; |
|||
color: #ccf; |
|||
} |
|||
del.popupDiff { |
|||
background-color:#273948; |
|||
} |
|||
ins.popupDiff { |
|||
background-color:#403618; |
|||
} |
|||
/* [[mw:Reference Tooltips]] */ |
|||
.referencetooltip li { |
|||
/*border-color: #008000;*/ |
|||
background-color:#001000; |
|||
/*box-shadow: 2px 4px 2px rgba(0,224,0,0.3); /* tint #00F000 */ |
|||
} |
|||
/* [[mw:HoverCards]] */ |
|||
.mwe-popups { |
|||
background-color: #000; |
|||
box-shadow: /* tint #00F000 */ |
|||
0 30px 90px -20px rgba(0,224,0,0.3), |
|||
0px 0px 1px rgba(0,224,0,0.5); |
|||
} |
|||
/* callout arrow */ |
|||
.mwe-popups.mwe-popups-image-tri:after, |
|||
.mwe-popups.mwe-popups-no-image-tri:after, |
|||
.mwe-popups.mwe-popups-image-tri.flipped_x:after, |
|||
.mwe-popups.mwe-popups-no-image-tri.flipped_x:after { |
|||
border-bottom-color:#000; |
|||
} |
|||
.mwe-popups.flipped_y:after, |
|||
.mwe-popups.flipped_x_y:after { |
|||
border-top-color:#000; |
|||
} |
|||
/* callout arrow shadow */ |
|||
.mwe-popups.mwe-popups-image-tri:before, |
|||
.mwe-popups.mwe-popups-no-image-tri:before, |
|||
.mwe-popups.mwe-popups-image-tri.flipped_x:before, |
|||
.mwe-popups.mwe-popups-no-image-tri.flipped_x:before { |
|||
border-bottom-color:#004000; |
|||
} |
|||
.mwe-popups.flipped_y:before, |
|||
.mwe-popups.flipped_x_y:before { |
|||
border-top-color:#004000; |
|||
} |
|||
.mwe-popups .mwe-popups-container, |
|||
.mwe-popups .mwe-popups-extract { |
|||
color:#0d0; |
|||
} |
|||
.mwe-popups .mwe-popups-extract[dir='ltr']:after { |
|||
background-image: linear-gradient(to right,rgba(0,0,0,0),#000 50%); |
|||
} |
|||
/* [[WP:WikEd]] */ |
|||
.wikEdDiffFragment, |
|||
.wikEdPreviewArticle, |
|||
.wikEdDiffNoChange, |
|||
.wikEdConsoleWrapper { |
|||
background-color:inherit; |
|||
} |
|||
.wikEdButtonsPreview, |
|||
.wikEdButtonBarGrip, |
|||
.wikEdButtonBarButtonsWrapperVisible, |
|||
.wikEdButtonBarButtonsWrapperHidden { |
|||
background-color:#666; |
|||
} |
|||
img.wikEdButton { |
|||
background-color:#999; |
|||
} |
|||
iframe.wikEdFrame { |
|||
background-color: white; |
|||
color: black; |
|||
filter: invert(1) hue-rotate(180deg); |
|||
} |
|||
/* [[mw:Echo]] */ |
|||
.mw-echo-ui-notificationItemWidget-content-message-header, |
|||
.mw-echo-ui-notificationItemWidget-unread, |
|||
.mw-echo-ui-notificationItemWidget-unread:hover, |
|||
.mw-echo-ui-notificationItemWidget, |
|||
.mw-echo-ui-notificationItemWidget:hover, |
|||
.mw-echo-ui-crossWikiNotificationItemWidget-group, |
|||
.mw-echo-ui-bundleNotificationItemWidget-group { |
|||
color:#0d0; |
|||
background-color:#010; |
|||
} |
|||
#pt-notifications-alert .mw-echo-notifications-badge:before { |
|||
filter:invert(1); |
|||
} |
|||
#pt-notifications-notice .mw-echo-notifications-badge:before { |
|||
filter:invert(1); |
|||
} |
|||
/* [[mw:MediaViewer]] */ |
|||
.mw-mmv-post-image { |
|||
background-color: navy; |
|||
color: yellow; |
|||
} |
|||
.mw-mmv-image-metadata { |
|||
background-color: #003; |
|||
} |
|||
.mw-mmv-image-links li, .mw-mmv-credit { |
|||
color: lime; |
|||
} |
|||
/* [[mw:Cite]] */ |
|||
ol.references li:target, sup.reference:target { |
|||
background-color: #033; |
|||
} |
|||
/* [[mw:User:Remember the dot/Syntax highlighter]] */ |
|||
#wpTextbox0 { |
|||
filter:saturate(8) invert(1) hue-rotate(180deg); |
|||
} |
|||
#wpTextbox0+#wpTextbox1 { |
|||
filter:invert(1); |
|||
} |
|||
/* Wikidata / [[mw:Wikibase]] */ |
|||
.wikibase-statementgrouplistview .wikibase-statementlistview { |
|||
background-color:#000000; |
|||
} |
|||
.wikibase-statementgroupview .wikibase-statementgroupview-property { |
|||
background-color:#002000; |
|||
} |
|||
.wikibase-statementlistview > .wikibase-toolbar-wrapper { |
|||
background-color: #004000; |
|||
} |
|||
.wikibase-statementgrouplistview .wikibase-statementgroupview-property.wb-edit, .wikibase-statementgroupview-property.wb-edit + .wikibase-statementlistview > .wikibase-toolbar-wrapper { |
|||
background-color: #008000; |
|||
} |
|||
.wikibase-referenceview { |
|||
background-color:darkgreen; |
|||
} |
|||
.wikibase-referenceview .wikibase-referenceview-heading { |
|||
background-color:darkgreen; |
|||
} |
|||
/* Wikidata site language */ |
|||
.wikibase-sitelinkgroupview .wikibase-sitelinkgroupview-heading-container { |
|||
background-color:#008000; |
|||
} |
|||
.wikibase-sitelinklistview .wikibase-sitelinkview .wikibase-sitelinkview-siteid-container { |
|||
background-color:#008000; |
|||
} |
|||
/* Decolor pblock log */ |
|||
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt { |
|||
border-color : #008000!important; |
|||
background-color: #000000!important; |
|||
} |
|||
/* End @media screen */ |
|||
} |
} |
||
Revision as of 12:36, 16 November 2023
/* CSS placed here will be applied to all skins */
@media screen and (min-width: 768px) {
.banner-container, .header, .page-header-bar, .overlay-header, .content, .overlay-content, .content-unstyled, .pre-content, .post-content, #mw-content-text > form, #mw-mf-page-center .pointer-overlay {
width: 100%;
max-width: 90%;
}
.page-heading {
width: calc(100% - 330px);
}
.thumbimage {
border-top-right-radius: 20px !important;
border-bottom-right-radius: 0px !important;
border-top-left-radius: 20px !important;
border-bottom-left-radius: 0px !important;
box-shadow: none !important;
}
.overlay .header-container.header-chrome {
top: 0 !important;
z-index: 2;
border: 0;
padding: 0 !important;
margin: 0 !important;
left: 0;
width: 100% !important;
right: inherit;
border-radius: 0px !important;
}
.header-container.header-chrome:hover {
width: 340px !important;
margin: 15px !important;
border-top-left-radius: 20px !important;
border-top-right-radius: 20px !important;
border-bottom-right-radius: 20px !important;
border-bottom-left-radius: 20px !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.header-chrome:hover .branding-box img {
width: 116px !important;
opacity: 1 !important;
}
.overlay.search-overlay .overlay-content {
max-width: 90%;
}
.overlay .header-container.header-chrome:hover {
width: 100% !important;
margin: 0px !important;
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
border-bottom-left-radius: 0px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.header-container.header-chrome {
background: var(--menu-background);
/*
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
*/
position: fixed !important;
top: 0 !important;
z-index: 2;
padding-top: 5px;
width: 340px;
padding-bottom: 5px;
margin: 15px;
border: 0;
border-radius: 20px;
right: 0;
box-shadow: 3px 3px 6px rgba(0,0,0,0.20) !important;
}
.header-chrome.overlay-header-container + .overlay-content {
padding-top: 0;
margin-top: 3.375em !important;
}
.thumbimage {
border-top-right-radius: 20px;
border-top-left-radius: 20px;
}
.thumb {
box-shadow: 3px 3px 6px rgba(0,0,0,0.2);
border-radius: 20px;
}
.content figcaption, .content .thumbcaption {
padding-left: 15px !important;
padding-right: 15px !important;
padding-bottom: 15px !important;
box-sizing: border-box;
padding-top: 10px !important;
color: var(--caption);
}
.page-actions-menu__list-item > a {
font-weight: 400;
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text","Helvetica Neue",sans-serif;
color: var(--grey-text-color);
}
#main-menu-input:checked .mw-body {
transform: translate(-300px, 0) !important;
transition: transform 250ms ease-in-out;
}
.toggle-list__checkbox .mw-body {
transform: translate(-300px, 0) !important;
transition: transform 250ms ease-in-out;
}
}
@media screen and (min-width: 1025px) {
.pre-content h1 {
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text","Helvetica Neue",sans-serif;
font-weight: 900;
font-size: 3em;
color: var(--text-color);
}
}
.header .search-box {
display: none;
}
#mw-mf-page-left ul.hlist li a {
color: var(--link-color);
}
.overlay-header-container, .overlay-footer-container {
background: var(--translucent-background);
}
.content table.infobox {
background-color: #fff;
border: none;
}
#mw-mf-page-left {
right: 0;
top: 0;
left: inherit;
background: var(--translucent-background);
-webkit-transform: translate(100%,0);
-moz-transform: translate(100%,0);
-ms-transform: translate(100%,0);
transform: translate(100%,0);
}
#main-menu-input:checked ~ .main-menu-mask {
opacity: 1;
}
.mw-searchresults-has-iw .iw-resultset {
background: var(--infobox-background);
}
#main-menu-input:checked ~ body {
overflow: hidden !important;
}
.main-menu-mask {
background: rgba(0,0,0,0.2);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
/* Dark Mode */
html, body, #content, .mw-body, #mw-mf-page-center {
background: var(--body-background);
color: var(--text-color);
}
.toggle-list__list {
background: var(--translucent-background);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
}
.toggle-list-item:hover {
background: var(--body-background);
}
.toggle-list-item__label {
color: var(--text-color);
}
#mw-usercssyoucanpreview {
background: #fff;
}
.mw-highlight {
background: var(--translucent-background);
border-radius: 20px;
border: 0;
}
.wikitable, table {
color: #000;
background: #fff;
}
.page-summary h2, .page-summary h3, .overlay.search-overlay li.page-summary .wikidata-description {
color: var(--text-color);
}
.unicode, .haudio {
filter: var(--filter);
}
.branding-box img {
filter: var(--filter);
}
.header .branding-box {
width: 0px;
transition: 100ms ease-in-out;
}
.header .branding-box h1 img, .header .branding-box a img {
transition: 250ms ease-in-out;
}
.mw-ui-icon-element, .mw-ui-icon-before:before {
filter: var(--filter);
}
.client-js .toc {
background-color: var(--body-background);
border-radius: 20px;
}
#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {
opacity: 1;
filter: var(--filter);
}
.minerva__tab-container .minerva__tab:visited, .minerva__tab-container .minerva__tab:hover, .minerva__tab-container .minerva__tab:active, .minerva__tab-container .minerva__tab.new, .minerva__tab-container .minerva__tab.new:visited, .minerva__tab-container .minerva__tab.new:active, .minerva__tab-container .minerva__tab.new:hover {
color: var(--text-color);
}
#mw-mf-page-left ul li a {
color: var(--text-color);
}
.content figure .thumbinner, .content .thumb .thumbinner {
border-radius: 20px;
border: none;
background: var(--infobox-background);
box-shadow: 3px 3px 6px rgba(0,0,0,0.2);
}
.overlay {
background: var(--translucent-background);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
}
.hatnote {
background: var(--translucent-background);
color: var(--caption);
border-radius: 10px;
}
a {
color: var(--link-color);
}
a:visited {
color: var(--visited-link-color);
}
.infobox a, .wikitable a, table a {
color: #3366cc;
}
.infobox a:visited, .wikitable a:visited, table a:visited {
color: #6b4ba1;
}
.infobox img {
border-top-right-radius: 0 !important;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.infobox .thumb {
border-top-right-radius: 0 !important;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.infobox .thumbimage {
border-top-right-radius: 0 !important;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
:root {
--translucent-background: rgba(234, 236, 240, 0.8);
--infobox-background: rgba(255, 255, 255, 1);
--menu-background: rgba(234, 236, 240, 0.96);
--hatnote-background: rgba(234, 236, 240, 0.8);
--body-background: #ffffff;
--text-color: #000000;
--link-color: #3366cc;
--visited-link-color: #6b4ba1;
--filter: none;
--caption: #54595d;
--image-border: none;
}
@media (prefers-color-scheme: dark) {
:root {
--translucent-background: rgba(75, 75, 75, 0.8);
--infobox-background: rgba(75, 75, 75, 0.8);
--menu-background: rgba(75, 75, 75, 0.96);
--hatnote-background: rgba(75, 75, 75, 0.5);
--body-background: #000;
--text-color: #fff;
--link-color: #9eb6e7;
--visited-link-color: #c0b0da;
--filter: brightness(0) invert(1);
--caption: #fff;
--image-border: 2px solid #fff;
}
}
/* Banner */
#searchInput {
border-radius: 10px;
}
@media screen and (min-width: 720px) {
}
.search-overlay {
z-index: 3;
}
#mw-mf-page-left ul {
padding-bottom: 0px;
padding-top: 22px;
}
#mw-mf-page-left {
z-index: 4;
}
#mw-mf-page-left ul li a {
color: var(--text-color);
}
#mw-mf-page-left ul li {
background: transparent;
border: none;
}
.overlay.search-overlay.visible {
overflow: scroll;
}
.overlay.search-overlay .results, .overlay.search-overlay .search-feedback {
background: transparent;
box-shadow: none;
}
.overlay.search-overlay li.page-summary {
margin-bottom: 20px;
margin-top: 10px;
border: 0;
box-shadow: 3px 3px 6px rgba(0,0,0,0.20);
border-radius: 20px;
}
.page-list, .topic-title-list, .site-link-list {
overflow: visible;
}
.list-thumb.list-thumb-y {
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.overlay.search-overlay .search-content {
border-bottom: 0;
}
.overlay.search-overlay {
background: var(--translucent-background);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
}
.header-container.header-chrome {
background: var(--menu-background);
position: fixed;
top: 0;
right: 0;
z-index: 2;
box-sizing: border-box;
border: 0;
height: 65px;
box-shadow: 3px 3px 6px rgba(0,0,0,0.20) !important;
transition: all 250ms ease-in-out;
}
/* Targeting Safari for Backdrop Filter and Font size bug*/
@media not all and (min-resolution:.001dpcm) {
@media {
.header-container.header-chrome {
background: var(--translucent-background) !important;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
}
@media screen and (min-width: 768px) {
body, p {
font-size: 1.1em !important;
}
.pre-content h1 {
font-size: 3em;
}
}
}
}
@media screen and (max-width: 767px) {
#mw-mf-viewport {
padding-top: 60px;
}
.header-container.header-chrome {
width: 100%;
}
.content figcaption, .content .thumbcaption {
color: var(--text-color);
padding: 15px !important;
}
.notifications-overlay.navigation-drawer {
top: 53px;
}
}
.header-chrome.overlay-header-container + .overlay-content {
padding-top: 0;
margin-top: 3.375em;
}
.overlay-content {
z-index: 1;
}
.page-actions-menu {
border-top: 0;
border-bottom: 0;
}
/* Fonts */
.pre-content h1 {
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text","Helvetica Neue",sans-serif;
font-weight: 900;
color: var(--text-color);
font-size: 2em;
}
@media screen and (min-width: 769px) {
.thumbinner img {
width: calc(100% + 2px);
}
}
h2 .mw-headline {
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text","Helvetica Neue",sans-serif;
font-weight: 800;
font-size: 1.5em;
color: var(--text-color);
}
h3 .mw-headline{
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text","Helvetica Neue",sans-serif;
font-weight: 600;
font-size: 25px;
color: var(--text-color);
}
h4 .mw-headline{
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text","Helvetica Neue",sans-serif;
font-weight: 500;
font-size: 18px;
color: var(--text-color);
}
body, p {
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text","Helvetica Neue",sans-serif;
font-weight: 300;
}
/* Visual Tweaks */
footer .last-modified-bar, .minerva-footer, footer > .post-content > h2 {
border-bottom: none;
border-top: none;
}
.overlay.media-viewer .cancel {
top: 60px;
}
.infobox {
border-radius: 20px;
box-shadow: 3px 3px 12px rgba(0,0,0,0.3);
}
table {
border-radius: 0px;
box-shadow: 3px 3px 12px rgba(0,0,0,0.3);
}
input {
border-radius: 10px;
}
.thumbimage {
border-top-right-radius: 20px;
border-bottom-right-radius: 0px;
border-top-left-radius: 20px;
border-bottom-left-radius: 0px;
box-shadow: none;
}
.header {
border-top: none;
height: 100%;
}
.overlay.search-overlay .header input {
border-radius: 10px;
border: 0;
}
.client-js #searchIcon {
display: block;
}
#mw-clearyourcache {
display: none;
}
.skin-minerva-search-trigger {
display: none;
}
.list-thumb.list-thumb-none {
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.content table.infobox {
background: var(--infobox-background) !important;
color: var(--text-color);
border-radius: 20px;
}
table.infobox {
max-width: 350px;
}
.content table.infobox a {
color: var(--link-color);
}
.content table.infobox a:visited {
color: var(--visited-link-color);
}
thead {
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid #54595d;
border-color: rgba(84,89,93,0.3);
}
thead th {
background-color: rgba(234, 236, 240, 0.8) !important;
}
.hatnote a, .dablink a, .rellink a {
color: var(--link-color);
}
/* Editor */
.oo-ui-toolbar-bar {
background-color: var(--translucent-background);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
color: var(--text-color);
}
.oo-ui-iconElement-icon {
filter: var(--filter);
}
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon, .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
filter: var(--filter);
}
.client-js .mw-edittools-section input[type="button"] {
color: var(--text-color);
}
