MediaWiki:Cosmos.css

Aus HCG-Wiki

Version vom 18. Oktober 2022, 19:03 Uhr von Wiki-Admin (Diskussion | Beiträge) (Änderung der Benutzeroberfläche. Dunkler-Modus ist nun Standard)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)

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 Cosmos skin */

/*Experimental Layout Change - Breiteres Bild, weg mit dem 4:3 :D */
@media screen and (min-width: 1800px) {
.ts-inner {
    max-width: 200em;
    box-sizing: border-box;
    padding: 0 1em;
    margin: auto;
}
}

@media only screen and (max-width: 2595px) and (min-width: 1584px) {
#mw-content-wrapper {
    width: 1788px;
    padding: 0 20px;
}
}

/*Oberste Leiste*/
#cosmos-banner {
    background-color: #585858;
}

#searchInput {
    background: #3c3c3c;
    color: #000000;
}

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


/*Drop Down*/
.cosmos-dropdown-list {
    border: 1px solid #8a8a8a;
    background-color: #c3c3c3;
}

.cosmos-dropdown-list > ul > a:only-child:hover, .cosmos-dropdown-list > ul > li > a:only-child:hover, .cosmos-dropdown-list > li > a:only-child:hover {
    background-color: rgb(185 185 185);
    color: #020202;
}

/*Nav-Bar*/

.cosmos-header .wds-dropdown__content .wds-list.wds-is-linked li:hover > a:not(.wds-button) {
    background-color: rgb(162 162 162);
    color: #1f1f1f;
}

.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;
}

.cosmos-header:before {
	background: linear-gradient(to right,rgba(192,192,192,0.5),rgba(192,192,192,0.5)),linear-gradient(to left,rgba(192,192,192,0) 200px,#000000 430px);
}

.cosmos-header {
	background-color: #23107580;
	
}

.cosmos-header .wds-dropdown:after {
    border-bottom-color: #a7a7a7;
}

.cosmos-header .wds-button.wds-is-secondary {
    border-color: #757575;
    background-color: rgba(0,30,59,0.2);
    color: #000000;
}

.cosmos-header .wds-button.wds-is-secondary:hover {
    border-color: rgb(136 136 136 / 80%);
    background-color: rgba(0,30,59,0.4);
    opacity: 0.8;
}

/*Drop Down*/
.cosmos-header .wds-dropdown__content {
    border: 1px solid #8a8a8a;
    background-color: #c3c3c3;
}

.cosmos-header .wds-dropdown__content {
    border: 1px solid #8a8a8a;
    background-color: #c3c3c3;
}

.wds-dropdown__content {
    border: 1px solid #8a8a8a;
    background-color: #c3c3c3;
}

#cosmos-actionsList-list a:hover {
    background-color: #b9b9b9;
}

/*Inhalt unter Nav-Bar*/
#mw-content{
	background: #808080;
}

.cosmos-button-primary {
    background-color: #676767;
}

/*Erstellen einer Seite*/
.cosmos-modal-content {
    border: 1px solid #300075;
    background-color: #868686;
}

.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;
}

.wds-button.wds-is-text {
    border: 0;
    color: #404040;
}

div.editOptions {
    padding: 1.25em 1.75em;
    border: solid #696969;
    border-width: 0 1px 0.2em;
    background: #c5c5c5;
}

textarea {
    background-color: #b7b7b7;
}

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

/*wikitable*/
body .wikitable > tr > th, body .wikitable > tr > td, body .wikitable > * > tr > th, body .wikitable > * > tr > td {
    background-color: #bbbbbb;
    color: #000000;
}

.wikitable:not([style*='background-color']) > * > tr > td {
    background: #c7c7c7;
}

/*Text*/
#mw-content-text {
    color: #ffffff;
    line-height: 1.5;
}
pre, .mw-code {
    color: #000;
    background-color: #bbbbbb;
    border: 1px solid #525252;
}

/*Filter*/

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
    background-color: #bbbbbb;
    border: 1px solid #afafaf;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
    background-color: #dedede;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    background-color: #d8d8d8;
    color: #202122;
    border-color: #a2a5b1;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
    border-color: #5333cc;
    box-shadow: inset 0 0 0 1px #2f2b8e;
    outline: 1px solid transparent;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
    background-color: #372a8d;
    color: #fff;
    border-color: #312a8d;
}

.oo-ui-popupWidget-popup {
    background-color: #777;
    border: 1px solid #52599a;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 25%);
}

.oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
    border-color: #6833cc;
    box-shadow: inset 0 0 0 1px #4733cc, inset 0 0 0 2px #fff;
    outline: 1px solid transparent;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus {
    border-color: #6d46c7;
    box-shadow: inset 0 0 0 1px #5533cc, inset 0 0 0 2px #fff;
}

.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
    color: #000;
}

/*Liste von Abkürzungen*/
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
    background-color: #a9a9a9;
    border: 1px solid #75787b;
}

/*Editor*/

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 {
    background-color: #b9b9b9;
}

.ace-tm {
    background-color: #c4c4c4;
    color: black;
}

.ace-tm .ace_gutter {
    background: #d4d4d4;
    color: #000;
}

.ace-tm .ace_gutter-active-line {
    background-color: #bdbdbd;
}

.codeEditor-status {
    background-color: #d4d4d4;
    border-top: 1px solid #c8ccd1;
}

.editOptions {
    border: solid #757575;
    background: #bfbfbf;
}

.oo-ui-textInputWidget .oo-ui-inputWidget-input {
    background-color: #dcdcdc;
}

.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
    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 {
    border-color: #333ecc;
}

.oo-ui-checkboxInputWidget [type='checkbox'] + span {
    background-color: #e6e6e6;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
    background-color: #896fd0;
    border-color: #340077;
}

.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: #4020ce;
    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-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span {
    border-color: #36009c;
}
.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 {
    border-color: #4533cc;
    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-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: #eff3fa;
    color: #422a8d;
    border-color: #352a8d;
    box-shadow: none;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
    color: #fff;
    background-color: #3334cc;
    border-color: #3f2b8a;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
    color: #000000;
    background-color: #6656ce;
    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 {
    border-color: #3733cc;
    box-shadow: inset 0 0 0 1px #6b33cc;
    outline: 1px solid transparent;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
    color: #4333cc;
}

.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: #4033cc;
    border-color: #5a33cc;
    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 {
    color: #000000;
    background-color: #6656ce;
    border-color: #7268bf;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
    color: #8483d0;
}

.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 {
    border-color: #36009c;
}

.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 {
    color: #000;
    background-color: #8f81cc;
    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;
}

.cosmos-footerLinks-list {
    padding: 0;
    margin: 0;
    color: #000000;
    font-size: 10pt;
    list-style: none;
}

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