MediaWiki:Medik.css: Unterschied zwischen den Versionen

Aus HCG-Wiki

(Die Seite wurde neu angelegt: „→‎All CSS here will be loaded for users of the Medik skin: body { background-color: #000; } →‎Oberste Leiste: #cosmos-banner { background-color: #585858; } #searchInput { background: #3c3c3c; color: #000000; } #mw-content a:not(.new) { color: #02008c; text-decoration: none; } →‎Nav-Bar: .wds-dropdown__content .wds-list.wds-is-linked > li:hover > a:not(.wds-button) { →‎Experimental: background-color: rgba(8,132,13…“)
 
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
/* All CSS here will be loaded for users of the Medik skin */
/* All CSS here will be loaded for users of the Medik skin */


/*Body and Wrapper*/
body {
body {
      background-color: #000;
    background-color: #6a51db;
}
#mw-navigation {
    border-right: 1px solid #6610f2;
    background-color: #25213f;
}
.row {
    background-color: #1f1c31;
}
.mw-footer {
    background-color: #100a1e;
}
}


/*Oberste Leiste*/
p {
#cosmos-banner {
     color: var(--T1);
     background-color: #585858;
}
}


#searchInput {
.oo-ui-labelElement .oo-ui-labelElement-label {
    background: #3c3c3c;
     color: var(--T1);
     color: #000000;
}
}


#mw-content a:not(.new) {
.mw-editform #wpTextbox1 {
     color: #02008c;
     color: var(--T1);
    text-decoration: none;
}
}


/*Nav-Bar*/
/*Schrift im Allgemein*/
 
*, ::after, ::before {
 
     color: var(--T1);
.wds-dropdown__content .wds-list.wds-is-linked > li:hover > a:not(.wds-button) { /*Experimental*/
     background-color: rgba(8,132,136,0.1);
    color: #656565;
}
}
 
.mw-body-content h1 {
.wds-dropdown__content {
     color: var(--A0);
     border: 1px solid #8a8a8a;
    background-color: #c3c3c3;
}
}
 
.mw-body-content h2 {
#cosmos-actionsList-list a:hover {
     color: var(--A0);
     background-color: #b9b9b9;
}
}
 
.mw-body-content h3 {
/*Inhalt unter Nav-Bar*/
    color: var(--T3);
#mw-content{
background: #808080;
}
}
 
.mw-body-content h4 {
/*Erstellen einer Seite*/
     color: var(--T4);
 
.wds-input__field {
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 2px;
    border: 0;
    border-bottom: 2px solid #480280;
     color: #000000;
    font-size: 16px;
    background-color: #b5b5b5;
    line-height: 1em;
    resize: none;
}
}
 
.mw-body-content h5 {
.wds-button.wds-is-text {
     color: var(--T5);
    border: 0;
     color: #404040;
}
}
 
a {
div.editOptions {
     color: var(--A2);
     padding: 1.25em 1.75em;
    border: solid #696969;
    border-width: 0 1px 0.2em;
    background: #c5c5c5;
}
}
 
a:visited {
textarea {
     color: var(--A3);
     background-color: #b7b7b7;
}
}


.wikiEditor-ui .wikiEditor-ui-view {
    border: 0px solid #00000000;
}


/*wikitable*/
/*Vorschaubilder / Thumbs für Bilder*/
body .wikitable > tr > th, body .wikitable > tr > td, body .wikitable > * > tr > th, body .wikitable > * > tr > td {
div.thumbinner {
     background-color: #bbbbbb;
     border: 2px solid var(--D9);
     color: #000000;
     background-color: var(--D7);
}
}
 
.magnify a {
.wikitable:not([style*='background-color']) > * > tr > td {
     filter: invert(0.7);
     background: #c7c7c7;
}
}


/*Text*/
/*Editor Icons + Schrift*/
#mw-content-text {
.wikiEditor-ui-toolbar .tabs span.tab a {
     color: #ffffff;
     color: var(--A3);
    line-height: 1.5;
}
}
pre, .mw-code {
.wikiEditor-ui-toolbar .booklet > .index > div {
     color: #000;
     color: var(--T2);
    background-color: #bbbbbb;
    border: 1px solid #525252;
}
}
 
.wikiEditor-ui-toolbar .booklet > .index > .current {
/*Filter*/
     color: var(--T3);
 
     background-color: var(--D7);
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
     background-color: #bbbbbb;
     border: 1px solid #afafaf;
}
}
 
.wikiEditor-ui-toolbar .booklet > .index > :hover {
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
    color: var(--T1);
     background-color: #dedede;
     background-color: var(--D6);
}
}
 
.wikiEditor-ui-toolbar .page-characters div span {
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
     border: 1px solid var(--D7);
     background-color: #d8d8d8;
     color: var(--T2);
     color: #202122;
    border-color: #a2a5b1;
}
}
 
.wikiEditor-ui-toolbar .page-characters div span:hover {
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
     background-color: var(--D7);
     border-color: #5333cc;
     border: 1px solid var(--D6);
     box-shadow: inset 0 0 0 1px #2f2b8e;
     color: var(--T1);
     outline: 1px solid transparent;
}
}
 
.wikiEditor-ui-toolbar .group .label {
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
     color: var(--A4);
     background-color: #372a8d;
    color: #fff;
    border-color: #312a8d;
}
}
 
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
.oo-ui-popupWidget-popup {
     opacity: 0.8;
     background-color: #777;
     filter: invert(1);
    border: 1px solid #52599a;
    border-radius: 2px;
     box-shadow: 0 2px 2px 0 rgb(0 0 0 / 25%);
}
}
 
.wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
.oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
     color: var(--A4);
     border-color: #6833cc;
    box-shadow: inset 0 0 0 1px #4733cc, inset 0 0 0 2px #fff;
    outline: 1px solid transparent;
}
}
 
.wikiEditor-ui-toolbar .group .tool-select .label {
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus {
     color: var(--A3);
     border-color: #6d46c7;
    box-shadow: inset 0 0 0 1px #5533cc, inset 0 0 0 2px #fff;
}
}
 
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
     background-color: var(--D6);
     color: #000;
}
}
 
/*GGF AUF HEADER FARBEN AUFTEILEN IM T ODER A AUFTEILEN FALLS ÜBERSCHRIFT MAL FEST VERÄNDERT*/
/*Liste von Abkürzungen*/
.wikiEditor-ui-toolbar .group .tool-select .options .option {
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
     color: var(--T2);
     background-color: #a9a9a9;
     background-color: var(--D7);
     border: 1px solid #75787b;
}
}
 
/*GLEICHES BEI SCHRIFT (Abschnitt Hilfe)*/
/*Editor*/
.wikiEditor-ui-toolbar .page-table th {
 
     color: var(--T4);
a { /*Experimental*/
    text-decoration: none;
     color: #615fa7;
    background: none;
}
}


/*Marked text in editor*/
.ace-tm .ace_marker-layer .ace_selection {
    background: rgb(149 155 218);
}


.wikiEditor-ui-toolbar {
/*Editor-Felder*/
     background-color: #b9b9b9;
.wikiEditor-ui-toolbar .group {
     border-color: var(--D6);
}
}
 
.wikiEditor-ui .wikiEditor-ui-top {
.ace-tm {
     border-bottom: 1px solid var(--D6);
     background-color: #c4c4c4;
    color: black;
}
}
 
.wikiEditor-ui .wikiEditor-ui-view {
.ace-tm .ace_gutter {
     border: 1px solid var(--D6);
     background: #d4d4d4;
    color: #000;
}
}
 
#editform, #toolbar, #wpTextbox1 {
.ace-tm .ace_gutter-active-line {
     background-color: var(--D7);
     background-color: #bdbdbd;
}
}
 
.wikiEditor-ui-toolbar {
.codeEditor-status {
     background-color: var(--D8);
     background-color: #d4d4d4;
    border-top: 1px solid #c8ccd1;
}
}
 
/*Bearbeitung speichern*/
/*Bearbeitung speichern Flächen*/
.editOptions {
.editOptions {
     border: solid #757575;
     background-color: var(--D8);
     background: #bfbfbf;
    color: var(--T3);
     border: 1px solid var(--D7);
}
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
     background-color: #dcdcdc;
    color: var(--T2);
     background-color: var(--D6);
    border: 1px solid var(--D8);
}
}
 
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
     border-color: var(--D9);
    outline: 0;
     border-color: #3e33cc;
    box-shadow: inset 0 0 0 1px #4033cc;
}
}
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {
     border-color: #333ecc;
     border-color: var(--D9);
}
}
 
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
.oo-ui-checkboxInputWidget [type='checkbox'] + span {
     border-color: var(--D9);
     background-color: #e6e6e6;
    box-shadow: inset 0 0 0 1px var(--D9);
}
}


.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
/*Buttons*/
     background-color: #896fd0;
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
     border-color: #340077;
     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 {
.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(--A5);
    background-color: #4020ce;
     border-color: var(--A6);
    border-color: #462cce;
}
 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
     background-color: #9491d6;
    color: #202122;
     border-color: #a2a5b1;
}
 
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
    background-color: #5b49ad;
    border-color: #5339b3;
}
}
 
.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 {
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span {
    background-color: var(--A6);
     border-color: #36009c;
     border-color: var(--A7);
}
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span {
    background-color: #5c51d0;
    border-color: #3a2e94;
    box-shadow: inset 0 0 0 1px #3c2a8d;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span {
    border-color: #6944f5;
}
.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: #3c2a8d;
    border-color: #432a8d;
    box-shadow: inset 0 0 0 1px #372a8d;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
    border-color: #4c33cc;
    box-shadow: inset 0 0 0 1px #3334cc;
    outline: 1px solid transparent;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
     border-color: #4533cc;
     border-color: var(--A6);
    box-shadow: inset 0 0 0 1px #3334cc, inset 0 0 0 2px #fff;
    outline: 1px solid transparent;
}
}
 
.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-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
     background-color: var(--A6);
     background-color: #eff3fa;
     border-color: var(--A7);
    color: #422a8d;
     border-color: #352a8d;
    box-shadow: none;
}
}
 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
     color: var(--T3);
     color: #fff;
     background-color: var(--D4);
     background-color: #3334cc;
     border-color: var(--D5);
     border-color: #3f2b8a;
}
}
 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
     color: var(--T2);
     color: #000000;
     background-color: var(--D5);
     background-color: #6656ce;
     border-color: var(--D6);
     border-color: #7268bf;
}
 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
    background-color: #7444f5;
    border-color: #6144f5;
}
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
     border-color: #3733cc;
    color: var(--T2);
     box-shadow: inset 0 0 0 1px #6b33cc;
     border-color: var(--D7);
    outline: 1px solid transparent;
     box-shadow: inset 0 0 0 1px var(--D7);
}
 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
    color: #4333cc;
}
}
 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {
     color: var(--T2);
     background-color: #4033cc;
     background-color: var(--D6);
     border-color: #5a33cc;
     border-color: var(--D7);
     box-shadow: inset 0 0 0 1px #4e33cc, inset 0 0 0 2px #fff;
}
}


.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
    border-color: #3733cc;
    box-shadow: inset 0 0 0 1px #4733cc;
    outline: 1px solid transparent;
}


.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
:root {
     color: #000000;
     --D9: #201d30;
    background-color: #6656ce;
--D8: #282343;
    border-color: #7268bf;
--D7: #302957;
}
--D6: #372d6c;
 
--D5: #3e3082;
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
--D4: #43329a;
    color: #8483d0;
--D3: #4832b3;
}
--D2: #4c32cd;
 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    background-color: #9491d6;
    color: #202122;
    border-color: #a2a5b1;
}
 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
    background-color: #fff;
    border-color: #525252;
}
 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
    background-color: #a0a0a0;
    color: #404244;
    border-color: #a2a9b1;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span {
--A8: #910ac7;
    border-color: #36009c;
--A7: #800cdf;
}
--A6: #6610f2;
 
--A5: #562af4;
.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-button:active:focus, .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 {
--A4: #4b42f5;
    color: #000;
--A3: #5a6cf6;
    background-color: #8f81cc;
--A2: #7298f8;
    border-color: #796486;
    box-shadow: none;
}
 
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-iconElement > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-labelElement > .oo-ui-buttonElement-button:focus {
    border-color: #4c33cc;
    box-shadow: inset 0 0 0 1px #4733cc;
    outline: 1px solid transparent;
}
/*Footer*/
#cosmos-footer {
    background-color: #636363;
}
 
/*Toolbar*/
#cosmos-toolbar {
    background-image: -moz-linear-gradient(left,#303030 0,#000000 50%,#303030 100%);
    background-image: -webkit-gradient(linear,0% 0%,100% 0%,color-stop(0,#25246d),color-stop(50%,#000000),color-stop(100%,#64458e));
    background-image: -o-linear-gradient(left,#303030 0,#000000 50%,#303030 100%);
    background-image: -ms-linear-gradient(left,#303030 0,#000000 50%,#303030 100%);
    box-shadow: 0 0 10px 0 #252525;
}
 
/*Lücke zwischen Suche und Inhalt kleiner*/
body > #mw-content-container {
    margin-top: 4%;
}
 
/*Kategorie-Leiste grau färben*/
#catlinks {
background-color: #dddddd;
}
 
/*Warnungs-Box*/
.mw-message-box-warning, .warningbox {
    background-color: #dddddd;
}
 
/*Datum auswählen-Feld*/
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle {
    background-color: #cccccc;
}
 
/*Dropdown-Menüs*/
.oo-ui-menuSelectWidget.oo-ui-clippableElement-clippable {
    background-color: #cccccc;
}
 
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
    background-color: #cccccc;
}
 
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
    background-color: #dddddd;
}
 
.oo-ui-menuSelectWidget.oo-ui-clippableElement-clippable {
    background-color: #cccccc;
}
 
.mw-widget-dateInputWidget-calendar {
    background-color: #cccccc;
}
/*Dropdown-Test*/
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
    background-color: #b8b8b8;
}
 
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
    background-color: #aaaaaa;
}
 
/*Auswahlfelder Drop Down*/
select {
    background-color: #cccccc;
}
 
/*Table wie Inhaltsverzeichnis*/
.toc {
    border: 1px solid #aaaaaa;
    background-color: #bbbbbb;
}


/*Allgemein Input-Buttons TEST*/
    --A0: #6610f2;
button, input, optgroup, select, textarea {
   
     background-color: #cccccc;
    --T6: #aaaaaa;
    --T5: #bbbbbb;
     --T4: #cccccc;
    --T3: #dddddd;
    --T2: #eeeeee;
    --T1: #ffffff;
}
}

Version vom 9. April 2023, 11:26 Uhr

/* All CSS here will be loaded for users of the Medik skin */

/*Body and Wrapper*/
body {
    background-color: #6a51db;
}
#mw-navigation {
    border-right: 1px solid #6610f2;
    background-color: #25213f;
}
.row {
    background-color: #1f1c31;
}
.mw-footer {
    background-color: #100a1e;
}

p {
    color: var(--T1);
}

.oo-ui-labelElement .oo-ui-labelElement-label {
    color: var(--T1);
}

.mw-editform #wpTextbox1 {
    color: var(--T1);
}

/*Schrift im Allgemein*/
*, ::after, ::before {
    color: var(--T1);
}
.mw-body-content h1 {
    color: var(--A0);
}
.mw-body-content h2 {
    color: var(--A0);
}
.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);
}


/*Vorschaubilder / Thumbs für Bilder*/
div.thumbinner {
    border: 2px solid var(--D9);
    background-color: var(--D7);
}
.magnify a {
    filter: invert(0.7);
}

/*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 .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);
}
/*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);
}

/*Buttons*/
.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);
}


: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;
    
    --T6: #aaaaaa;
    --T5: #bbbbbb;
    --T4: #cccccc;
    --T3: #dddddd;
    --T2: #eeeeee;
    --T1: #ffffff;
}
Abgerufen von „https://hcg-wiki.de/index.php?title=MediaWiki:Medik.css&oldid=84“