MediaWiki:Medik.css
Aus HCG-Wiki
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
- Internet Explorer/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
- Opera: Strg+F5
/* All CSS here will be loaded for users of the Medik skin */
/*Body and Wrapper*/
body {
background-color: #100a1e;
}
#mw-navigation {
border-right: 1px solid var(--D4);
background-color: #25213f;
}
.row {
background-color: #1f1c31;
}
.mw-footer {
border-top: 1px solid var(--D4);
background-color: #100a1e;
}
.mw-footer #footer-list li:not(:first-child)::before {
color: var(--T7);
}
.mw-footer a {
color: var(--T6);
font-weight: 600;
}
.mw-footer a:hover {
color: var(--T7);
font-weight: 600;
}
.mw-footer li {
color: var(--D4);
}
/*Navigation*/
.dropdown-toggle::after {
border-top: .4em solid;
border-right: .4em solid transparent;
border-left: .4em solid transparent;
color: var(--D2);
}
.dropdown-menu {
background-color: var(--D8);
border: 3px solid rgba(0,0,0,.2);
}
.dropdown-item {
color: var(--A3);
}
.dropdown-item:focus, .dropdown-item:hover {
color: var(--A3);
background-color: var(--D7);
}
#mw-navigation a.nav-link.disabled {
color: var(--T3);
font-size: 20px
}
#mw-navigation a:not(.disabled) {
color: var(--T2);
font-size: 18px;
}
#mw-navigation a:not(.disabled):hover {
color: var(--T5);
}
.dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after {
margin-left: -10px;
filter: invert(1);
}
/*Suchfunktion / Such-Maske*/
#searchInput {
max-width: 100%;
background-color: var(--A5);
color: #ffffff;
}
input#searchInput::placeholder {
color: var(--T3);
}
.form-control {
border: 1px solid var(--D7);
}
.form-control:focus {
border-color: var(--D3);
box-shadow: 0 0 0 0.2rem rgb(50 0 255 / 25%);
}
.suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus {
color: var(--T3);
}
.suggestions-results {
background-color: var(--D4);
border: 1px solid var(--D3);
color: var(--T3);
}
.suggestions-result {
color: var(--T3);
}
.suggestions-result-current {
background-color: var(--D3);
color: var(--T1);
}
.suggestions-special:hover {
background-color: var(--D3);
border: 1px solid var(--D2);
color: var(--T2);
}
.suggestions-special {
background-color: var(--D4);
border: 1px solid var(--D3);
color: var(--T3);
}
.suggestions-special .special-label {
color: var(--T2);
}
.suggestions-special .special-query {
color: var(--T1);
}
#mw-searchoptions {
clear: both;
padding: 0.5em 0.75em 0.75em 0.75em;
background-color: var(--D7);
margin: -1px 0 0;
border: 1px solid var(--D6);
border-radius: 0 0 2px 2px;
}
#mw-search-togglebox input {
margin-left: 0.25em;
background-color: var(--D4);
border-color: var(--D7);
}
.mw-search-profile-tabs {
background-color: var(--D7);
border: 1px solid var(--D5);
}
.search-types .current a {
color: var(--T4);
cursor: default;
}
.results-info {
color: var(--T2);
}
/*Schrift im Allgemein*/
p {
color: var(--T1);
}
.oo-ui-labelElement .oo-ui-labelElement-label {
color: var(--T1);
}
.mw-editform #wpTextbox1 {
color: var(--T1);
}
*, ::after, ::before {
color: var(--T1);
}
h1 {
color: var(--A0);
border-bottom: 2px solid var(--D3);
}
h2 {
color: var(--A0);
border-bottom: 1px solid var(--D4);
}
.mw-body-content h1 {
color: var(--A0);
border-bottom: 1px solid var(--D3);
}
.mw-body-content h2 {
color: var(--A0);
border-bottom: 1px solid var(--D4);
}
.mw-body-content h3 {
color: var(--T3);
}
.mw-body-content h4 {
color: var(--T4);
}
.mw-body-content h5 {
color: var(--T5);
}
a {
color: var(--A2);
}
a:visited {
color: var(--A3);
}
a:hover {
color: var(--A3);
}
a.new:hover {
color: #ba0000;
}
#content a:not(.new):visited, #siteNotice a:not(.new):visited {
color: var(--A3);
}
a.dropdown-item:visited:focus {
color: var(--A3);
}
a.dropdown-item:visited:hover {
color: var(--A3);
}
a.dropdown-item:visited {
color: var(--A4); /*VORERST DEAKTIVIERT, UNTER DROPDOWN KEINE VISITED HERVORHEBEN*/
}
#firstHeading {
overflow: visible;
color: var(--T1);
}
aside a:not(.disabled) {
color: var(--A4);
}
/*Tabellen und Felder innerhalb der Seite*/
.wikitable {
background-color: var(--D8);
}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid var(--D5);
}
.catlinks {
border: 1px solid var(--D5);
background-color: var(--D8);
}
div#mw-normal-catlinks {
color: var(--A2);
}
/*Testweise*/
.wikitable > tr > th, .wikitable > * > tr > th {
background-color: var(--D8);
text-align: right;
}
.toc, .toccolours {
border: 2px solid var(--D6);
background-color: var(--D8);
}
.mw-content-ltr .tocnumber {
color: var(--T4);
}
/*Bilderansicht*/
.mw-mmv-post-image {
background-color: var(--D8);
}
.mw-mmv-image-metadata {
border-top: 1px solid var(--D4);
background-color: var(--D7);
}
.oo-ui-menuSelectWidget {
background-color: var(--D5);
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
background-color: var(--D5);
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background-color: var(--D4);
}
.mw-mmv-reuse-dialog .mw-mmv-dialog-warning {
padding: 15px 30px;
color: #000000;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {
background-color: var(--D4);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
background-color: var(--D4);
}
/*Vorschaubilder / Thumbs für Bilder*/
.thumbimage {
background-color: var(--D6);
border: 2px solid var(--D5);
}
div.thumbinner {
border: 2px solid var(--D9);
background-color: var(--D7);
}
.magnify a {
filter: invert(0.7);
}
/*Versionsgeschichte + Letzte Änderungen*/
.mw-collapsibleFieldsetLayout.mw-collapsible .mw-collapsible-toggle .oo-ui-iconElement-icon {
filter: invert(1);
}
#pagehistory li.selected {
background-color: var(--D8);
color: #202122;
outline: 1px dashed var(--A4);
}
.diff-addedline .diffchange {
background: var(--A4);
}
.diff-context {
background: var(--D8);
border-color: var(--D6);
color: #202122;
}
.diff-addedline {
border-color: var(--A3);
}
.diff-deletedline {
border-color: #af5c5c;
}
.mw-ui-button:not(:disabled):hover {
background-color: var(--A4);
color: var(--T2);
border-color: var(--A3);
}
.mw-ui-button {
background-color: var(--A5);
color: var(--T3);
border: 2px solid var(--D3);
}
.mw-ui-button:not(:disabled):focus {
color: var(--T1);
border-color: var(--A5);
box-shadow: inset 0 0 0 1px var(--A4), inset 0 0 0 2px var(--A3);
}
/*Editor Icons + Schrift*/
.wikiEditor-ui-toolbar .tabs span.tab a {
color: var(--A3);
}
.wikiEditor-ui-toolbar .booklet > .index > div {
color: var(--T2);
}
.wikiEditor-ui-toolbar .booklet > .index > .current {
color: var(--T3);
background-color: var(--D7);
}
.wikiEditor-ui-toolbar .booklet > .index > :hover {
color: var(--T1);
background-color: var(--D6);
}
.wikiEditor-ui-toolbar .page-characters div span {
border: 1px solid var(--D7);
color: var(--T2);
}
.wikiEditor-ui-toolbar .page-characters div span:hover {
background-color: var(--D7);
border: 1px solid var(--D6);
color: var(--T1);
}
.wikiEditor-ui-toolbar .sections .section {
border-top: 1px solid var(--D5);
}
.wikiEditor-ui-toolbar .group .label {
color: var(--A4);
}
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
opacity: 0.8;
filter: invert(1);
}
.wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
color: var(--A4);
}
.wikiEditor-ui-toolbar .group .tool-select .label {
color: var(--A3);
}
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
background-color: var(--D6);
}
/*GGF AUF HEADER FARBEN AUFTEILEN IM T ODER A AUFTEILEN FALLS ÜBERSCHRIFT MAL FEST VERÄNDERT*/
.wikiEditor-ui-toolbar .group .tool-select .options .option {
color: var(--T2);
background-color: var(--D7);
}
/*GLEICHES BEI SCHRIFT (Abschnitt Hilfe)*/
.wikiEditor-ui-toolbar .page-table th {
color: var(--T4);
}
/*Editor-Felder*/
.wikiEditor-ui-toolbar .group {
border-color: var(--D6);
}
.wikiEditor-ui .wikiEditor-ui-top {
border-bottom: 1px solid var(--D6);
}
.wikiEditor-ui .wikiEditor-ui-view {
border: 1px solid var(--D6);
}
#editform, #toolbar, #wpTextbox1 {
background-color: var(--D7);
}
.wikiEditor-ui-toolbar {
background-color: var(--D8);
}
pre, code, .mw-code {
background-color: var(--D8);
color: var(--T1);
border: 1px solid var(--D6);
}
.mw-message-box-warning, .warningbox {
background-color: var(--D6);
}
/*Quellcode-Editor*/
.ace-tm .ace_gutter {
background: var(--D6);
}
.ace_content {
background-color: var(--D7);
}
.codeEditor-status {
background-color: var(--D6);
border-top: 1px solid var(--D3);
}
.ace-tm .ace_gutter-active-line {
background-color: var(--D7);
}
.ace-tm .ace_print-margin {
width: 1px;
background: var(--D8);
}
/*Bearbeitung speichern*/
/*Bearbeitung speichern Flächen*/
.editOptions {
background-color: var(--D8);
color: var(--T3);
border: 1px solid var(--D7);
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
color: var(--T2);
background-color: var(--D6);
border: 1px solid var(--D8);
}
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {
border-color: var(--D9);
}
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {
border-color: var(--D9);
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
border-color: var(--D9);
box-shadow: inset 0 0 0 1px var(--D9);
}
/*Notifications / Änderungen gespeichert, Meldungen*/
.mw-notification {
border: solid 1px #ddd;
background-color: var(--D4);
}
/*U.a. einige Admin-Dashboards*/
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
background-color: var(--D5);
border-color: var(--D4);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
background-color: var(--D8);
border-color: var(--D6);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
background-color: var(--D5);
}
.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input {
color: var(--T1);
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {
background-color: var(--A5);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
background-color: var(--D4);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
background-color: var(--D4);
color: var(--T1);
border-color: var(--D6);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
border-color: var(--A4);
outline: 0;
box-shadow: inset 0 0 0 1px var(--A5);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle {
border-color: var(--A4);
box-shadow: inset 0 0 0 1px var(--A5);
}
.oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon:not(.oo-ui-image-invert), .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator:not(.oo-ui-image-invert) {
filter: invert(1);
}
.oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
filter: invert(1);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
filter: invert(1);
}
/*Buttons*/
.oo-ui-checkboxInputWidget [type='checkbox']:disabled + span {
background-color: var(--D8);
border-color: var(--D6);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
background-color: var(--A4);
border-color: var(--A5);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
background-color: var(--A5);
border-color: var(--A6);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
background-color: var(--A6);
border-color: var(--A7);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
border-color: var(--A6);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active {
background-color: var(--A6);
border-color: var(--A7);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
color: var(--T3);
background-color: var(--D4);
border-color: var(--D5);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
color: var(--T2);
background-color: var(--D5);
border-color: var(--D6);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
color: var(--T2);
border-color: var(--D7);
box-shadow: inset 0 0 0 1px var(--D7);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
color: var(--T2);
background-color: var(--D6);
border-color: var(--D7);
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
border-color: var(--D4);
box-shadow: inset 0 0 0 1px var(--D4);
}
/*Checkboxes*/
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span {
background-color: var(--D4);
border-color: var(--D6);
box-shadow: inset 0 0 0 1px var(--D6);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {
background-color: var(--D6);
border-color: var(--D8);
box-shadow: inset 0 0 0 1px var(--D8);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span {
background-color: var(--D6);
border-color: var(--D7);
box-shadow: inset 0 0 0 1px var(--D7);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
background-color: var(--D6);
border-color: var(--D8);
box-shadow: inset 0 0 0 1px var(--D8);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
background-color: var(--D4);
border-color: var(--D6);
box-shadow: inset 0 0 0 1px var(--D7);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {
background-color: var(--D4);
border-color: var(--D5);
box-shadow: inset 0 0 0 2px var(--D6);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
border-color: var(--D6);
box-shadow: inset 0 0 0 1px var(--D6);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span {
border-color: var(--D5);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {
background-color: var(--D4);
border-color: var(--D5);
}
:root {
--D9: #201d30;
--D8: #282343;
--D7: #302957;
--D6: #372d6c;
--D5: #3e3082;
--D4: #43329a;
--D3: #4832b3;
--D2: #4c32cd;
--A8: #910ac7;
--A7: #800cdf;
--A6: #6610f2;
--A5: #562af4;
--A4: #4b42f5;
--A3: #5a6cf6;
--A2: #7298f8;
--A0: #6610f2;
--T8: #888888;
--T7: #999999;
--T6: #aaaaaa;
--T5: #bbbbbb;
--T4: #cccccc;
--T3: #dddddd;
--T2: #eeeeee;
--T1: #ffffff;
}
