Benutzer:Dexter3player/vector.css

aus Wikipedia, der freien Enzyklopädie
Zur Navigation springen Zur Suche springen

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

  • Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
  • Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
  • Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
/* === Allgemein === */

/* Hauptschrift */
body, div, h1, h2, h3, h4, h5, h6, h7, h8, p, li, span, input, label, pre, code,
textarea,
.tocnumber,
#searchInput,
.suggestions-result,
#wpTextbox1 { 
	color: #f5f5f5;
}

/* Links */
a, a:visited,
.vector-menu-tabs li a, .portal .body li a, .vector-menu-portal .body li a, .portal .body li a:visited, .vector-menu-portal .body li a:visited,
.mw-parser-output a.extiw, .mw-parser-output a.external, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited,
.vector-menu-dropdown li a {
	color: #5aaa9a;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7 a, h8 a,
.toctogglelabel,
#mw-fr-revisiontag .flaggedrevs_short_basic a {
	color: #aaaa5a;
}
.wb-langlinks-edit a.wbc-editpage {
  color: #aaaa5a !important;
}
.wb-langlinks-link > a:link::before, .wb-langlinks-link > a:visited::before {
  filter: invert(100%);
}
.mw-editsection-bracket, .mw-editsection-divider {
  color: inherit !important;
}
a.new { color: #e06d7f; }

/* Angesteuerte Einzelnachweise */
ol.references li:target, sup.reference:target {
	background-color: #806000;
}

/* Grund */
#content, input { background-color: #383838; } /* div weglassen! */
.mw-interlanguage-selector, .mw-interlanguage-selector:active {
  background-color: #383838;
  color: inherit;
}

/* Hintergrund */
body, #footer, #p-personal, #left-navigation, #right-navigation, #mw-head, 
#ca-move, #ca-history, .catlinks, .mw-editform #wpTextbox1, #editform .menuSwitcher { 
	background-color: #2f2f2f; 
}
#p-cactions-label:after { /* das "v" (Pfeil nach untern) hinter "Mehr" */
  filter:invert(100%);
}

/* Vordergrund */
code, #editform .ace_gutter, #editform .ace_scroller, pre,
input, td, .editOptions, .editOptions div, .editor, .editMenus-button,
#hauptseite .inhalt, .mw-parser-output .Diskussion-container,
.mw-parser-output #oben .hauptseite-box-content,
.mw-parser-output #spalten .hauptseite-box-content,
.mw-parser-output #unten .hauptseite-box-content {
  background-color: #525252;
}

/* Hervorgehoben (Orange) */
.toc /* table of contents */, .toccolours,
.mw-warning, .mw-notification,
.vector-menu-tabs .selected a,
.mw-parser-output #oben .hauptseite-box-title,
.mw-parser-output #spalten .hauptseite-box-title,
.mw-parser-output #unten .hauptseite-box-title  { 
	background-color: #806000;
}
.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited {
  color: #f5f5f5;
}
.imeselector {
  background-color: #f5f5f5;
}
.ime-list-title, .ime-lang-title {
  color: whitesmoke;
  border-bottom: whitesmoke 1px solid;
}
.ime-disable-link, span.ime-disable-shortcut,
.uls-ime-disable-link {
  color: #0b0b0b;
}
.imeselector-menu .selectable-row,
.uls-ime-disable-link, .uls-ime-more-settings-link {
  filter: invert(100%);
}

/* Hervorgehoben (Blau) */
.suggestions-results, .suggestions-special, .imeselector-menu,
.uls-ime-menu-settings-item, /* ime = Eingabetastatur für Suche */
.language-settings-dialog,
.mw-highlight {
	background-color: #383838;
	color: whitesmoke;
}

/* === Bilder === */
div.thumbinner,
li.gallerybox div.thumb {
	background-color: #2f2f2f;
}
figure[typeof~="mw:Image/Thumb"],
figure[typeof~="mw:Video/Thumb"],
figure[typeof~="mw:Audio/Thumb"],
figure[typeof~="mw:Image/Frame"],
figure[typeof~="mw:Video/Frame"],
figure[typeof~="mw:Audio/Frame"] {
	background-color: #525252;
}

/* === Mathematische Ausdruecke === */
.mwe-math-fallback-image-inline {
	background-color: grey;
}

/* === WP-Logo === */
#p-logo { background-image: 
	radial-gradient(circle farthest-side at top left, orange, #2f2f2f); }
#mw-panel { padding-left: 0; }
.mw-wiki-logo {
	filter: invert(100%);
}

/* === Icons in oberste WP-Navleiste === */
/* neu ist jeweils "orange", ggf. fill="orange", Regeln siehe https://www.w3.org/TR/SVG/styling.html#StyleAttribute, Zeichencodes nach https://dev.w3.org/html5/html-author/charref

/* Glocken-Grafik */

#pt-notifications-alert .mw-echo-notifications-badge::before,
.oo-ui-icon-bell, .mw-ui-icon-bell::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E bell %3C/title%3E %3Cpath fill=%22orange%22 d=%22M16 7a5.38 5.38 0 0 0-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 0 0 4 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 0 0 3-3H7a3 3 0 0 0 3 3z%22/%3E %3C/svg%3E");
}

/* Postfach-Grafik */

#pt-notifications-notice .mw-echo-notifications-badge::before,
.oo-ui-icon-tray, .mw-ui-icon-tray::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E tray %3C/title%3E %3Cpath fill=%22orange%22 d=%22M17 1H3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 12h-4l-1 2H8l-1-2H3V3h14z%22/%3E %3C/svg%3E");
}

/* Person-Grafik */

#pt-anonuserpage, #pt-userpage a {
	background-image: linear-gradient(transparent,transparent),	url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Cg fill=%22orange%22%3E %3Cpath d=%22M10 11c-5.92 0-8 3-8 5v3h16v-3c0-2-2.08-5-8-5z%22/%3E %3Ccircle cx=%2210%22 cy=%225.5%22 r=%224.5%22/%3E %3C/g%3E %3C/svg%3E");
}

/* Stern-Grafik */

.vectorTabs #ca-unwatch.icon a {
	background-image: linear-gradient(transparent,transparent),	url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E %3Cdefs%3E %3ClinearGradient id=%22a%22%3E %3Cstop offset=%220%22 stop-color=%22orange%22/%3E %3Cstop offset=%22.5%22 stop-color=%22orange%22/%3E %3Cstop offset=%221%22 stop-color=%22%23fff%22/%3E %3C/linearGradient%3E %3ClinearGradient id=%22b%22 x1=%2213.47%22 x2=%224.596%22 y1=%2214.363%22 y2=%223.397%22 xlink:href=%22%23a%22 gradientUnits=%22userSpaceOnUse%22/%3E %3C/defs%3E %3Cpath fill=%22url%28%23b%29%22 stroke=%22orange%22 stroke-width=%22.99992%22 d=%22M8.103 1.146l2.175 4.408 4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z%22/%3E %3C/svg%3E");
}
.vector-menu-tabs #ca-unwatch.icon a::before {
	filter: hue-rotate(200deg);
}

/* Kreuz-Grafik (close) */
.oo-ui-icon-close {
	background-image: linear-gradient(transparent,transparent),	url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E close %3C/title%3E %3Cpath fill=%22green%22 d=%22M4.34 2.93l12.73 12.73-1.41 1.41L2.93 4.35z%22/%3E %3Cpath fill=%22green%22 d=%22M17.07 4.34L4.34 17.07l-1.41-1.41L15.66 2.93z%22/%3E %3C/svg%3E");
}

/* === Tabellen === */
.wikitable { color: #f5f5f5; } /* hat doch Wirkung! */
.wikitable > * > tr > th,
.mw-datatable td { background-color: #2f2f2f; }
.mw-datatable tr:hover td { background-color: #525252; }

/* === Dokumentenwerkzeugleiste === (Lesen, Diskussion...) */
.vectorTabs li, .vectorTabs li.selected { background-image: none; }
li { list-style-image: none; }
.oo-ui-flaggedElement-primary { background-color: #8fa876; }
#ca-view.selected, #ca-edit.selected, #ca-history.selected, #ca-nstab-user.selected, #ca-talk.selected, #ca-nstab-main.selected {
	background-color: #806000;
}

/* === Drop-down Widgets aus Hauptleiste === */

.mw-echo-ui-notificationItemWidget { background-color: #525252; }
.mw-echo-ui-notificationItemWidget-unread { background-color: #806000; }
.mw-echo-ui-notificationItemWidget:hover { background-color: #5aaa9a; }
.oo-ui-popupWidget-popup { background-color: black; }
.mw-echo-ui-toggleReadCircleButtonWidget-circle { background-color: #fc3; }
.mw-echo-ui-toggleReadCircleButtonWidget-circle-unread { background-color: #383838; }
.mw-echo-ui-toggleReadCircleButtonWidget-circle:hover { background-color: #383838; }
.mw-echo-ui-toggleReadCircleButtonWidget-circle-unread:hover { background-color: #fc3; }
.mw-echo-ui-notificationItemWidget-icon img {
	background-color: #383838;
	padding: 3px;
}

/* === Code-Darstellung (in Artikel, nicht Editor) === */

.mw-highlight .nt {
	color: slateblue;
}
.mw-highlight .c, .mw-highlight .o, .mw-highlight .nc, .mw-highlight .nt, .mw-highlight .p, .mw-highlight .nn, .mw-highlight .k, .mw-highlight .mh, .mw-highlight .nd, .mw-highlight .nb, .mw-highlight .mi, .mw-highlight .kt, .mw-highlight .s2, .mw-highlight .mf, .mw-highlight .cp, .mw-highlight .kc {
	filter: brightness(2.0) saturate(0.8);
}
.mw-highlight .nc, .mw-highlight .nn, .mw-highlight .s2, .mw-highlight .kt {
	filter: invert(0.6) brightness(1.2);
}

/* === Wiki-Editor === */
.ace_content, .ace_search_field, .ace_searchbtn { background-color: none; }
.ace_search { background-color: #806000; }
.codeEditor-status { background-color: #525252; }
.ace_text-layer { background-color: wheat; }
#editform .wikieditor-ui-text .ace_layer.ace_text-layer .ace_line,
.ace_punctuation, .ace_paren { color: black; }
.ace_gutter-cell.ace_info {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABGdBTUEAALGPC/xhBQAAAAZiS0dEAGIAtgDwZt/v7AAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+QHHRIOJgJ+fwsAAAERSURBVCjPpZKxSgNBEIa/2d27yyF4QiysglqkzhvY5zGs9JUsbH2AgGBnaScIWplGsVGQA8XL3e7eWoSgXDYm4HQ7/3wzs8MPa+LkqpRV2pJwfFkGgNxAboQvG5j5uXY+3pGV8ALMNJyOthjuGu7fGs5uK2xYbqC6IECiYdg3eA8H2wlFTxGrU90EQO3g7rVBa3j+8HzaNvo1EzuEbeHioWIyrXEeZi5+sCjc08L4MGO/0DyWjsm0jjZQMdiHwGjPMCg0R4MUQTafbFvo5xoBAsLMhSis1hlg3oDN4d9Lhj/cp2LOyZOfZ+MDpjNiUa+6CQAtcP1U81613Lw0pFqI1UW9LQKZElINtg1ULu7tf8U3jXZnLQYK97QAAAAASUVORK5CYII=");
}

/* Zusammenfassungs-Input */
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
	background-color: #383838;
	color: whitesmoke;
}

/* Knoepfe "Vorschau zeigen" und "AEnderungen zeigen" */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button{
	background-color: #383838;
	color: whitesmoke;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > 
.oo-ui-buttonElement-button:hover {	background-color: #5aaa9a; }

/* Vorlageneditor (Popup) */
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
	background-color: black;
}
.oo-ui-textInputWidget input,
.oo-ui-textInputWidget textarea,
.ve-ui-mwSaveDialog-options {
	background-color: #333;
}

/* Tooltip und Zeilenmarker */
.ace_tooltip, .ace-tm .ace_gutter-active-line { 
	background-color: black !important; 
}

/* Werkzeugleiste bei Artikelansicht */
.oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title { color: #222; }
.oo-ui-listToolGroup.oo-ui-widget-disabled, .oo-ui-listToolGroup-tools
.oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title { color: grey; }

/* Schwebende, verankerte Werkzeugboxen */
.oo-ui-widget .oo-ui-widget-enabled .oo-ui-floatableElement-floatable 
.oo-ui-popupWidget-anchored .oo-ui-popupWidget .oo-ui-popupWidget-anchored-top {
	background-color: black;
}

/* Widgets (z. B. Suchen und Ersetzen) */
.ui-widget-content { background-color: black; }

/* === Suche === */

/* Suchzeile mittig */
#search #ooui-php-1 {
	background-color: #806000;
}

/* Suchfeld oben links */
#simpleSearch {
	background-color: #525252;
	background-image: none;
}

/* Erweiterte Suche */
.mw-advancedSearch-namespace-selection,
.mw-advancedSearch-fieldContainer {
	background: linear-gradient(rgba(0,0,0,0.1),#585858 0.5em);
}
.mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
	background: #383838;
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed),
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
	background-color: #2f2f2f;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle,
.oo-ui-menuSelectWidget {
	background-color: #585858;
}

/* Ergebnisse der Schwesterprojekte */
.mw-searchresults-has-iw .iw-resultset {
	background-color: #806000;
}

/* === Tastatursymbole und kleine Logos === */
kbd {
	background-color: darkslateblue !important;
	margin-left: 0.2em;
	margin-right: 0.2em;
}
kbd a {
	color: inherit;
}
kbd img[src="//upload.wikimedia.org/wikipedia/commons/thumb/2/2b/Windows_logo_2012-Black.svg/11px-Windows_logo_2012-Black.svg.png"],
kbd img[src="//upload.wikimedia.org/wikipedia/commons/thumb/1/15/Apple_logo_hollow.svg/12px-Apple_logo_hollow.svg.png"],
.oo-ui-icon-block, .mw-ui-icon-block::before {
  filter: invert(100%);
}
.sisterproject img[title="Commons"] {
  background-color: whitesmoke;
}

/* === Artikelvorschau-Popup === */
.mwe-popups { background-color: black; }
.mwe-popups .mwe-popups-extract[dir="ltr"]::after {
	background-image: linear-gradient(to right, rgba(255,255,255,0), #000 50%);
}
.mwe-popups.flipped-y::after { border-top: 11px solid #000; }

/* === Versionsvergleich === */
.diff-deletedline .diffchange { background: darkgoldenrod; }
.diff-addedline .diffchange { background: darkblue; }
.diff-context { background-color: #525252; }
.flaggedrevs-color-1 { background-color: #264d73; }
#mw-content-text .mw-history-legend > div {
	background-color: inherit !important;
}
#pagehistory li.selected { background-color: #206020; }

div.flaggedrevs_preview, div.flaggedrevs_short, div.flaggedrevs_short_details,
div.flaggedrevs_diffnotice, .flaggedrevs-color-0 {
	background-color: #806000;
}

/* === Startseite === */
#hauptseite h2 { background-color: #cc8500; }

/* === Wikipedia-Standardfarben === */            /*  vorher, Beschreibung */
table > * > tr.hintergrundfarbe1 > th, table > * > tr > th.hintergrundfarbe1, 
table.hintergrundfarbe1, .hintergrundfarbe1 { 
	background-color: #525252; /* #F8F9FA, Neutral */
}
table > * > tr.hintergrundfarbe2 > th, table > * > tr > th.hintergrundfarbe2, 
table.hintergrundfarbe2, .hintergrundfarbe2 { 
	background-color: #383838; /* #FFFFFF, für Nicht-Artikel-Seiten, neutral */
}
table > * > tr.hintergrundfarbe3 > th, table > * > tr > th.hintergrundfarbe3, 
table.hintergrundfarbe3, .hintergrundfarbe3 { 
	background-color: #cccc00; /* #FFFF40, auffällig */
}
/* .hintergrundfarbe4 { background-color: #FFAA00; } #FFAA00, sehr auffällig */
table > * > tr.hintergrundfarbe5 > th, table > * > tr > th.hintergrundfarbe5, 
table.hintergrundfarbe5, .hintergrundfarbe5 { 
	background-color: #2f2f2f; /* #EAECF0, Neutral, abgesetzt */
}
table > * > tr.hintergrundfarbe6 > th, table > * > tr > th.hintergrundfarbe6, 
table.hintergrundfarbe6, .hintergrundfarbe6 { 
	background-color: #000acc; /* #B3B7FF */
}
table > * > tr.hintergrundfarbe7 > th, table > * > tr > th.hintergrundfarbe7, 
table.hintergrundfarbe7, .hintergrundfarbe7 { 
	background-color: #990000; /* #FFCBCB, allgemein bunt */
}
table > * > tr.hintergrundfarbe8 > th, table > * > tr > th.hintergrundfarbe8, 
table.hintergrundfarbe8, .hintergrundfarbe8 { 
	background-color: #806000; /* #FFEBAD */
}
table > * > tr.hintergrundfarbe9 > th, table > * > tr > th.hintergrundfarbe9, 
table.hintergrundfarbe9, .hintergrundfarbe9 { 
	background-color: #006611; /* #B9FFC5 */
}

/* === Meldeboxen === */
.messagebox, .errorbox, .warningbox, .successbox { border: 5px solid; }
.warningbox p { color: black !important; } /* dieses important muss weg, das nervt langsam */

/* === Sonderfärbungen === */
*[style~="background:#FFFFFF"], *[style~="background-color: #FFFFFF"],
*[style~="background-color:#FFFFFF"] {
	background-color:#383838 !important;
}
*[style~="background-color:#F0F0F0"], *[style~="background-color: #F0F0F0"],
*[style~="background:#F0F0F0"] {
	background-color:#525252 !important;
}
*[style~="background-color:#E0FFD0"], *[style~="background-color: #E0FFD0"],
*[style~="background:#E0FFD0"] {
	background-color:#44cc00 !important;
}
*[style~="background-color:#F8F9FA"], *[style~="background-color: #F8F9FA"],
*[style~="background:#F8F9FA"] {
	background-color:#525252 !important;
}
*[style~="background-color:#B9FFC5"], *[style~="background-color: #B9FFC5"],
*[style~="background:#B9FFC5"] {
	background-color:#806000 !important;
}

/* === Urheberhinweis === */
#footer-info-copyright-info::after {
	content: " The skin/theme is made by user Dexter3player.";
}