User:DerFussi/global.css
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
:root {
--dark-body-bg-color: #070605;
--dark-main-bg-color: #192335;
--dark-content-bg-color: #010918;
--dark-box-border-color: #777777;
--dark-text-color: #DFDEDD;
--dark-hover-bg-color: #54231D;
--dark-language-color: #9FFF9F;
--dark-link-color: #9FC5FF;
--dark-link-new-color: #FA3030;
--dark-code-bg-color: #000000;
--dark-code-border-color: #777777;
--dark-code-color: #CCBF70;
--dark-voy-header-bg-color: #223251;
--dark-voy-subheader-bg-color: #356a75;
--dark-voy-var1-color: #077AC1;
--dark-voy-var2-color: #2CDD99;
--dark-voy-var3-color: #ED4947;
}
html,
body,
.mw-body h1,
.mw-body h2,
.mw-body h3,
.mw-body h4,
.mw-body h5,
.mw-body h6 {
font-family: sans-serif !important;
}
#localNotice,
#WMDE-Banner-Container
{ display:none; }
.mw-dismissable-notice-close { display:none; }
/* Edit links on voy:es */
#doc_editlinks a {
margin: 0;
padding: 0 !important;
}
/* Wikidata-content on voy:de without the gadget; only the icon */
/*
.wikidata-content,
.voy-wikidata-content {
padding-right: 18px;
padding-left: 3px;
background-image: url('//upload.wikimedia.org/wikipedia/commons/f/ff/Wikidata-logo.svg');
background-size: 15px;
background-position: right center;
background-repeat: no-repeat;
}
*/
/* All skins */
.listing-status-top-sight {
display: none;
}
/* Artikelstatus unterdrücken */
.mw-parser-output div.voy-article-status { display:none; }
/* red' ich etwa chinesisch? */
.voy-lang-yue { color: blue; }
.voy-foreign-lang-pinyin { color: DarkRed; }
.ns-0 .voy-foreign-lang-ipa, .ns-0 .voy-foreign-lang-zhuyin-all { display: none; }
h1, h2 {
font-family: sans-serif !important;
}
html, body {
font-family: sans-serif !important;
}
.voy-qb-item-value-wikidata-equal { color:green; font-weight:bold; }
.voy-qb-item-value-wikidata-noequal { color:red; font-weight:bold; }
/* *********************************
*
* Timeless skin
*
**********************************/
@media all and ( min-width: 2000px ) {
body.skin-timeless .ts-inner { min-width: 100%; }
}
/* Wikivoyage changes, independent from the system skin */
body.skin-timeless .voy-box-wrapper.voy-box-var-1,
body.skin-timeless .voy-box-wrapper.voy-box-var-2,
body.skin-timeless .voy-box-wrapper.voy-box-var-3 {
border: none !important;
border-radius: 0 !important;
box-shadow: 0 0 3px 3px dimgray !important;
}
body.skin-timeless .container > .chFirst, .mcContainer > .chFirst {
border-radius: 0;
}
body.skin-timeless .wv-tab {
border-top: 1px solid lightgrey;
border-right: 1px solid lightgrey;
border-bottom: none;
border-left: 1px solid lightgrey;
border-radius: 0;
background-color: white;
padding-top: 0.4em;
padding-bottom: 0.6em;
}
body.skin-timeless .wv-tab.wv-mainTab {
background-color: #F0F0F0;
}
body.skin-timeless .wv-tabsWrapper + .container {
border-top: 1px solid lightgrey;
}
body.skin-timeless table[class].voy-qb, .voy-qb-div, .voy-qb-rightdiv{
border: none !important;
border-radius: 0 !important;
box-shadow: 0 0 3px 3px lightgrey;
}
body.skin-timeless table[class].voy-qb tr:first-child .voy-qb-header{
border-radius: 0;
}
body.skin-timeless .mcCols {
align-items: stretch;
}
body.skin-timeless .navImage { border-radius: 0; }
/* Dark Mode */
@media ( prefers-color-scheme: dark ) {
/* main content */
body.skin-timeless ,
body.skin-timeless #pBody,
/*
body.skin-vector,
body.skin-vector .mw-page-container
*/
{
background-color: var(--dark-content-bg-color);
color: var(--dark-text-color);
}
body.skin-timeless #mw-header-container,
body.skin-timeless #mw-content-container {
background-color: var(--dark-main-bg-color);
color: var(--dark-text-color);
}
body.skin-timeless #mw-content {
background-color: var(--dark-content-bg-color);
}
/* top navigation */
body.skin-timeless .visualClear {
border-top: 1px solid var(--dark-box-border-color);
margin-bottom: 0.5em;
}
body.skin-timeless .tools-inline li {
margin-bottom: 0;
}
body.skin-timeless .tools-inline li a,
body.skin-timeless .tools-inline li.selected a {
color: var(--dark-text-color);
}
body.skin-timeless .tools-inline li.selected a {
font-weight: bold;
}
/*
body.skin-vector h1,
body.skin-vector h2,
body.skin-vector h3,
body.skin-vector h4,
body.skin-vector h5,
body.skin-vector h6 {
color: var(--dark-text-color);
}
*/
/* sidebars and personal tools */
body.skin-timeless #personal .dropdown,
body.skin-timeless #site-navigation.sidebar-chunk,
body.skin-timeless #site-tools.sidebar-chunk,
body.skin-timeless #other-languages.sidebar-chunk,
body.skin-timeless #page-tools.sidebar-chunk,
body.skin-timeless #catlinks-sidebar.sidebar-chunk {
background-color: var(--dark-content-bg-color);
border-color: var(--dark-box-border-color);
}
/* body.skin-vector .vector-main-menu
body.skin-vector .vector-toc
{
background-color: var(--dark-content-bg-color) !important;
border: 1px solid var(--dark-box-border-color);
} */
/* History */
body.skin-timeless .mw-history-legend div[style] {
background-color: var(--dark-main-bg-color) !important;
color: var(--dark-text-color) !important;
border-color: var(--dark-voy-header-bg-color) !important;
}
body.skin-timeless #pagehistory ul.mw-contributions-list li.selected,
body.skin-timeless #pagehistory ul.mw-contributions-list li .flaggedrevs-color-1 {
background-color: var(--dark-content-bg-color);
}
/* diff */
body.skin-timeless .diff-context {
background-color: var(--dark-main-bg-color);
border-color: var(--dark-box-border-color);
color: var(--dark-text-color);
}
body.skin-timeless .diff-deletedline {
background-color: var(--dark-header-bg-color);
border-color: red;
color: var(--dark-text-color);
}
body.skin-timeless .diff-deletedline .diffchange {
background-color: salmon;
color: black;
}
body.skin-timeless .diff-addedline {
background-color: var(--dark-header-bg-color);
border-color: green;
color: var(--dark-text-color);
}
body.skin-timeless .diff-addedline .diffchange {
background-color: salmon;
color: black;
}
/* div. boxes */
body.skin-timeless .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
body.skin-timeless .mw-changeslist-legend,
body.skin-timeless .mw-body .mw-search-profile-tabs,
body.skin-timeless .mw-body fieldset#mw-searchoptions,
body.skin-timeless .mw_metadata,
body.skin-timeless .mw_metadata td,
body.skin-timeless .mw-datatable {
background-color: var(--dark-main-bg-color) !important;
border-color: var(--dark-box-border-color) !important;
color: var(--dark-text-color) !important;
}
body.skin-timeless .mw_metadata th {
background-color: var(--dark-voy-header-bg-color) !important;
border-color: var(--dark-box-border-color) !important;
color: var(--dark-text-color) !important;
}
/* wikitable */
body.skin-timeless table[class].wikitable,
body.skin-timeless table[class].prettytable
{
background-color: var(--dark-main-bg-color) !important;
}
body.skin-timeless table[class].wikitable th,
body.skin-timeless table[class].prettytable th
{
background-color: var(--dark-voy-header-bg-color) !important;
color: var(--dark-voy-var1-color) !important;
}
body.skin-timeless table[class].wikitable td,
body.skin-timeless table[class].prettytable td
{
color: var(--dark-text-color) !important;
}
/* Data tables */
body.skin-timeless .mw-datatable th {
background-color: var(--dark-voy-header-bg-color);
color: var(--dark-voy-var1-color);
}
body.skin-timeless .mw-datatable td {
background-color: var(--dark-main-bg-color);
}
body.skin-timeless .mw-datatable tr:hover td {
background-color: var(--dark-hover-bg-color);
}
/* indicators */
body.skin-timeless .mw-indicators { background: transparent; }
/* toc */
#toc {
background-color: var(--dark-body-bg-color);
}
/* images */
body.skin-timeless .thumbcaption,
body.skin-timeless div.thumbinner,
body.skin-timeless li.gallerybox div.thumb,
body.skin-timeless figure[typeof="mw:File/Thumb"] {
border-color: var(--dark-voy-var1-color);
background-color: var(--dark-main-bg-color);
}
body.skin-timeless figure[typeof="mw:File/Thumb"] figcaption {
border-color: var(--dark-voy-var1-color);
background-color: var(--dark-main-bg-color);
}
/* links */
body.skin-timeless a,
body.skin-timeless a:active,
body.skin-timeless a:visited,
body.skin-timeless a.external,
body.skin-timeless a.text,
body.skin-timeless a.extiw,
body.skin-timeless .mw-parser-output a.extiw,
body.skin-timeless .mw-parser-output a.external,
body.skin-timeless .mw-parser-output bdi.vcard a,
body.skin-timeless .mw-parser-output bdi.vcard a.external,
body.skin-timeless.page-Wikivoyage_Listings .mw-parser-output bdi.vcard a,
body.skin-timeless.page-Wikivoyage_Listings .mw-parser-output bdi.vcard a.external
/*
body.skin-vector a,
body.skin-vector a:active,
body.skin-vector a:visited,
body.skin-vector a.external,
body.skin-vector a.text,
body.skin-vector a.extiw,
body.skin-vector .mw-parser-output a.extiw,
body.skin-vector .mw-parser-output a.external,
body.skin-vector .vector-pinnable-element .mw-list-item a
*/
{
color: var(--dark-link-color);
}
body.skin-timeless a.new,
body.skin-timeless a.new:active,
body.skin-timeless a.new:visited
{
color: salmon;
}
body.skin-timeless .mw-editTools a.mw-charinsert-item,
body.skin-timeless .mw-editTools a.mw-charinsert-item:hover {
color: var(--dark-content-bg-color);
}
/* foreign languages in light green */
body.skin-timeless span[lang] { color: var(--dark-language-color); }
/* code */
body.skin-timeless code,
body.skin-timeless code.mw-highlight,
body.skin-timeless pre,
body.skin-timeless .mw-code {
background-color: var(--dark-code-bg-color);
border-color: var(--dark-code-border-color);
color: var(--dark-code-color);
}
/* CSS, Lua, JavaScript */
body.skin-timeless .mw-highlight.mw-content-ltr.mw-highlight-lines pre { box-shadow: inset 2.75em 0 0 var(--dark-article-bg-color) !important; }
body.skin-timeless .mw-highlight.mw-highlight-lines .linenos { color: #DDDDDD; }
/* related sites */
body.skin-timeless .ext-related-articles-card-list .ext-related-articles-card {
background-color: var(--dark-content-bg-color);
color: var(--dark-text-color);
}
body.skin-timeless .ext-related-articles-card-list h3 a {
color: var(--dark-text-color);
}
/* Infoboxes */
body.skin-timeless table.ambox,
body.skin-timeless table.cmbox,
body.skin-timeless table.ombox,
body.skin-timeless div.navbox,
body.skin-timeless div.navbox-subgroup {
background-color: var(--dark-voy-header-bg-color) !important;
}
body.skin-timeless .mw-parser-output table.cmbox,
body.skin-timeless .mw-parser-output table.tmbox {
color: var(--dark-content-bg-color);
}
body.skin-timeless div.navbox table th.navbox-title {
background-color: var(--dark-voy-header-bg-color);
}
body.skin-timeless div.navbox table td.navbox-abovebelow,
body.skin-timeless div.navbox table th.navbox-group {
background-color: var(--dark-voy-subheader-bg-color);
}
body.skin-timeless div.navbox table td.navbox-list {
border-color: var(--dark-voy-header-bg-color);
}
body.skin-timeless div.navbox table td.navbox-even {
background-color: var(--dark-voy-content-bg-color);
}
/* Languages */
body.skin-timeless .mw-pt-languages {
background-color: var(--dark-main-bg-color);
}
body.skin-timeless .mw-pt-languages-label {
background-color: var(--dark-voy-header-bg-color);
}
/* Template Data */
body.skin-timeless table.templatedata-params tr[style].mw-templatedata-doc-param-required,
body.skin-timeless table.templatedata-params tr[style].mw-templatedata-doc-param-optional,
body.skin-timeless table.templatedata-params tr[style].mw-templatedata-doc-param-suggested{
background-color: var(--dark-main-bg-color) !important;
}
/* Discussions */
body.skin-timeless .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {
background-color: var(--dark-main-bg-color);
}
body.skin-timeless .ext-discussiontools-ui-replyWidget-preview {
background-color: var(--dark-content-bg-color);
}
/* Wikivoyage */
/* Tables */
body.skin-timeless table.prettytable tr th,
body.skin-timeless table.multiline tr th {
background-color: var(--dark-main-bg-color);
}
body.skin-timeless .wv-table-odd-even tr:nth-child(even) td,
body.skin-timeless .voy-table-odd-even tr:nth-child(even) td,
body.skin-timeless .multiline tr:nth-child(even) td {
background-color: var(--dark-main-bg-color);
}
body.skin-timeless .wv-table-odd-even tr:nth-child(odd) td,
body.skin-timeless .voy-table-odd-even tr:nth-child(odd) td,
body.skin-timeless .multiline tr:nth-child(odd) td {
background-color: var(--dark-content-bg-color);
}
/* Wikivoyage: Quickbars */
table[class]..voy-qb, .voy-qb-div, .voy-qb-rightdiv {
box-shadow: 0 0 3px 3px dimgray;
}
body.skin-timeless table[class].voy-qb .voy-qb-header {
background-color: var(--dark-voy-header-bg-color) !important;
color: var(--dark-text-color) !important;
}
/* Loc Map */
body.skin-timeless .voy-locmap .voy-locmap-marker-label {
color: black;
}
/* Wikivoyage Container and navigation bars */
body.skin-timeless body.skin-timeless .container {
background-color: var(--dark-article-bg-color);
}
body.skin-timeless .voy-multicols-box,
body.skin-timeless .voy-box-right {
background-color: var(--dark-content-bg-color) !important;
}
body.skin-timeless .voy-box-header,
body.skin-timeless .voy-box-intertitle
{
background-color: var(--dark-voy-header-bg-color) !important;
border-radius: 0 !important;
}
body.skin-timeless .voy-box-var-1.voy-box-header {
color: var(--dark-voy-var1-color) !important;
}
body.skin-timeless .voy-box-var-2.voy-box-header {
color: var(--dark-voy-var2-color) !important;
}
body.skin-timeless .voy-box-var-3.voy-box-header {
color: var(--dark-voy-var3-color) !important;
}
body.skin-timeless .voy-box-wrapper .voy-box-image
{
background: transparent !important;
border:none !important;
}
/* Wikivoyage Scroll Gallery */
body.skin-timeless .mw-parser-output .voy-ImageGroup {
background-color: var(--dark-main-bg-color) !important;
}
body.skin-timeless .mw-parser-output .voy-ImageGroupHeader,
body.skin-timeless .mw-parser-output .voy-ImageGrUnitHeader {
background-color: var(--dark-voy-header-bg-color) !important;
}
/* WV shortcut boxes */
body.skin-timeless div[class].voy-shortcut-box,
body.skin-timeless div[class].voy-shortcut-box-no-margin{
background-color: var(--dark-main-bg-color);
}
body.skin-timeless div[class].voy-shortcut-box a.mw-redirect {
color: green;
}
/* WV infoboxes */
body.skin-timeless .voy-box-archive,
body.skin-timeless .voy-deletion-request {
background-color: var(--dark-main-bg-color) !important;
}
body.skin-timeless .voy-archive-nav-textbox {
background-color: var(--dark-voy-header-bg-color) !important;
}
body.skin-timeless .voy-archive-nav-navbox .voy-archive-nav-navbox-left,
body.skin-timeless .voy-archive-nav-navbox .voy-archive-nav-navbox-right {
background-color: var(--dark-main-bg-color) !important;
}
/* Deletion requests */
body.skin-timeless div.voy-list-delete-requests ul {
border: 1px solid var(--dark-box-border-color) !important;
}
body.skin-timeless div.voy-list-delete-requests ul li:nth-child(even)
{
background-color: var(--dark-main-bg-color) !important;
}
body.skin-timeless div.voy-list-delete-requests ul li:nth-child(odd)
{
background-color: var(--dark-content-bg-color) !important;
}
/* Wikidata */
body.skin-timeless .wikibase-entitytermsforlanguagelistview,
body.skin-timeless .wikibase-entitytermsview .wikibase-toolbar-container .wikibase-toolbar-container
{
background-color: var(--dark-content-bg-color);
}
body.skin-timeless .wikibase-statementgrouplistview .wikibase-statementgroupview-property,
body.skin-timeless .wikibase-statementlistview > .wikibase-toolbar-wrapper,
body.skin-timeless .valueview-ineditmode .valueview-input,
body.skin-timeless ul.ui-suggester-list.wikibase-entitysearch-list {
background-color: var(--dark-voy-header-bg-color);
}
body.skin-timeless .wikibase-entitytermsforlanguagelistview .wikibase-entitytermsforlanguagelistview-header .wikibase-entitytermsforlanguagelistview-header-row .wikibase-entitytermsforlanguagelistview-cell,
body.skin-timeless .wikibase-sitelinkgroupview .wikibase-sitelinkgroupview-heading-container,
body.skin-timeless .wikibase-statementgrouplistview .wikibase-statementlistview
{
background-color: var(--dark-main-bg-color);
}
body.skin-timeless .wikibase-sitelinklistview .wikibase-sitelinkview .wikibase-sitelinkview-siteid-container {
background-color: var(--dark-main-bg-color);
}
body.skin-timeless .wikibase-labelview .wikibase-labelview-input,
body.skin-timeless .wikibase-descriptionview .wikibase-descriptionview-input,
body.skin-timeless ul.tagadata li.tagadata-choice .tagadata-label input,
body.skin-timeless .wikibase-sitelinkview input {
color: var(--dark-text-color);
}
.wikibase-sitelinkview-link.wikibase-sitelinkview-link-new input.ui-suggester-input {
background-color: var(--dark-voy-header-bg-color) !important;
color: var(--dark-text-color) !important;
}
.imeselector imeselector-toggle a {
color: blue !important;
}
/* Meta wiki */
body.skin-timeless table[style].vertical-navbox {
background-color: var(--dark-main-bg-color) !important;
}
body.skin-timeless .mw-parser-output .MainPage__block_heading {
background-color: var(--dark-voy-header-bg-color) !important;
}
/* Translation */
body.skin-timeless .mw-translate-fuzzy {
background: transparent;
border-bottom: 1px solid red;
}
body.skin-timeless .ext-translate-container .tux-messagelist .tux-message-pagemode .tux-message-item-compact {
background-color: var(--dark-main-bg-color) !important;
color: var(--dark-text-color) !important;
}
body.skin-timeless .tux-messagelist .tux-message-pagemode .tux-pagemode-translation {
color: var(--dark-text-color) !important;
}
body.skin-timeless .ext-translate-container .tux-messagelist .tux-message-pagemode {
background-color: var(--dark-content-bg-color) !important;
}
body.skin-timeless .tux-message.tux-message-pagemode.fuzzy.open span.sourcemessage {
color: blue;
}
/* Commons */
body.skin-timeless table.commons-file-information-table,
body.skin-timeless table.fileinfotpl-type-information,
body.skin-timeless div.licensetpl_wrapper[style] {
background-color: var(--dark-main-bg-color) !important;
color: var(--dark-text-color) !important;
}
body.skin-timeless .content-table table[style],
body.skin-timeless .template-picture-of-the-day {
color: var(--dark-text-color) !important;
}
body.skin-timeless .layouttemplate {
background-color: var(--dark-content-bg-color) !important;
color: var(--dark-text-color) !important;
}
/* Wikipedia */
body.skin-timeless table[class].infobox,
body.skin-timeless table[class].infobox tr td[style],
body.skin-timeless table[class].infobox tr td div[style],
body.skin-timeless div[class].infobox,
body.skin-timeless table[class].toccolours
{
background-color: var(--dark-main-bg-color) !important;
}
body.skin-timeless table[class].infobox th,
body.skin-timeless div[class].infobox th,
body.skin-timeless table[class].toccolours tbody tr:first-child td
{
background-color: var(--dark-voy-header-bg-color) !important;
color: var(--dark-voy-var1-color) !important;
}
body.skin-timeless .mw-parser-output div.hauptseite-box-content {
background-color: var(--dark-main-bg-color);
}
body.skin-timeless .mw-parser-output h2.hauptseite-box-title,
body.skin-timeless .mw-parser-output div.NavHead {
background-color: var(--dark-voy-header-bg-color) !important;
}
body.skin-timeless .flaggedrevs_reviewform {
background: transparent;
}
body.skin-timeless #mw-fr-confirmreview input {
background-color: lightblue;
}
/* Wikipedia/de tables */
body.skin-timeless table > * > tr.hintergrundfarbe1 > th,
body.skin-timeless table > * > tr > th.hintergrundfarbe1,
body.skin-timeless .hintergrundfarbe1,
body.skin-timeless .hintergrundfarbe {
background-color: var(--dark-main-bg-color) !important;
}
body.skin-timeless mw-body-content table.wikitable.zebra > tbody > :nth-child(2n):not([class*="hintergrundfarbe"] {
background-color: var(--dark-content-bg-color) !important;
}
/* Wikipedia/de discography */
body.skin-timeless .mw-body-content .mw-parser-output table[style].charts_table.charts-zebragrey {
background-color: var(--dark-content-bg-color) !important;
}
body.skin-timeless .mw-body-content .mw-parser-output table[style].charts_table.charts-zebragrey > tbody > tr:nth-of-type(2n+1) {
background-color: var(--dark-content-bg-color) !important;
}
body.skin-timeless .mw-body-content .mw-parser-output table[style].charts_table.charts-zebragrey > tbody > tr:nth-of-type(2n) {
background-color: var(--dark-main-bg-color) !important;
}
body.skin-timeless .mw-body-content .mw-parser-output table[style].charts_table.charts-zebragrey > tbody > tr > td[style]:first-child {
background-color: var(--dark-voy-header-bg-color) !important;
}
body.skin-timeless .mw-parser-output .charts-nxa,
body.skin-timeless .mw-parser-output .charts-nxs {
background: repeating-linear-gradient(45deg,var(--dark-main-bg-color) 10px,var(--dark-voy-header-bg-color)15px) !important;
}
}