MediaWiki:Cosmos.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 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;
}
.cosmos-header .wds-button-group > .wds-dropdown:not(:first-child) .wds-button {
border-left-color: #757575;
}
/*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;
}
/*Lücke zwischen Suche und Inhalt kleiner*/
body > #mw-content-container {
margin-top: 4%;
}
/*Button für Seiten-Aktionen wieder größer*/
#cosmos-articleHeader-actions .cosmos-button {
height: 40px;
}
/*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*/
button, input, optgroup, select, textarea {
background-color: #cccccc;
}
