MediaWiki:Common.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | /* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | ||
/* Dark Library Theme für MediaWiki - Vector 2010 */ | |||
/* | /* Farbdefinitionen */ | ||
:root { | :root { | ||
--main-bg: #2c2620; | --main-bg: #2c2620; | ||
| Zeile 15: | Zeile 14: | ||
} | } | ||
/* | /* Grundlegende Seiten-Struktur */ | ||
body { | body { | ||
background-color: var(--main-bg); | background-color: var(--main-bg); | ||
| Zeile 22: | Zeile 21: | ||
} | } | ||
/* | /* Basis-Layout Korrekturen */ | ||
#mw-page-base { | #mw-page-base { | ||
background | background: var(--main-bg) !important; | ||
background-image: none; | background-image: none !important; | ||
} | } | ||
#mw-head-base { | #mw-head-base { | ||
background: var(--main-bg) !important; | |||
background-image: none !important; | |||
} | |||
/* Hauptinhalt */ | |||
#content { | |||
background-color: var(--content-bg); | |||
color: var(--text-color); | |||
border: 1px solid var(--border-color); | |||
border-radius: 4px; | |||
padding: 1em; | |||
position: relative; | |||
z-index: 0; | |||
margin-left: 11em; | |||
} | |||
/* Linke Navigation */ | |||
#mw-panel { | |||
background-color: var(--main-bg); | background-color: var(--main-bg); | ||
font-size: 0.9em; | |||
position: absolute; | |||
left: 0; | |||
top: 0; | |||
width: 10em; | |||
z-index: 1; | |||
} | |||
#mw-panel .portal { | |||
background: none; | |||
margin: 0 0.6em 0 0.7em; | |||
padding: 0.25em 0; | |||
} | |||
#mw-panel .portal .body { | |||
background-image: none; | background-image: none; | ||
margin: 0; | |||
padding-top: 0.5em; | |||
} | } | ||
#mw- | /* Kopfbereich und Tabs */ | ||
#mw-head { | |||
background-color: var(--main-bg); | background-color: var(--main-bg); | ||
position: absolute; | |||
z-index: 2; | |||
} | } | ||
div#mw-head { | div#mw-head { | ||
position: absolute; | |||
top: 0; | |||
right: 0; | |||
width: 100%; | |||
} | |||
/* Persönliche Tools */ | |||
#p-personal { | |||
background-color: var(--main-bg); | background-color: var(--main-bg); | ||
padding-left: 11em; | |||
} | } | ||
/* Navigationstabs */ | |||
div.vectorTabs { | |||
background-color: var(--main-bg); | |||
padding-left: 11em; | |||
} | |||
div.vectorTabs ul { | |||
background-color: var(--main-bg); | |||
} | |||
div.vectorTabs li { | |||
background-color: var(--main-bg); | background-color: var(--main-bg); | ||
} | } | ||
div.vectorTabs li a { | |||
background-color: var(--main-bg); | background-color: var(--main-bg); | ||
} | } | ||
div.vectorTabs li.selected { | |||
background-color: var(--content-bg); | background-color: var(--content-bg); | ||
} | } | ||
div.vectorTabs li.selected a { | |||
background-color: var(--content-bg); | |||
} | } | ||
/* | /* Links */ | ||
a, | a, | ||
a:visited | a:visited, | ||
a:active, | a:active, | ||
a:hover, | |||
a.new, | a.new, | ||
#mw-panel a, | #mw-panel a, | ||
#p-personal a, | #p-personal a, | ||
.vectorTabs a { | |||
. | |||
color: var(--link-color); | color: var(--link-color); | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
a:hover { | |||
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||
/* | /* Suchfeld */ | ||
#p-search { | |||
background-color: var(--main-bg); | background-color: var(--main-bg); | ||
} | } | ||
#searchInput { | #searchInput { | ||
background-color: var(--input-bg); | background-color: var(--input-bg); | ||
color: var(--text-color); | color: var(--text-color); | ||
border: 1px solid var(--border-color); | border: 1px solid var(--border-color); | ||
padding: 0.3em; | |||
border-radius: 3px; | |||
} | } | ||
/* | /* Überschriften */ | ||
h1, h2, h3, h4, h5, h6 { | |||
color: var(--header-color); | |||
border-bottom: 1px solid var(--border-color); | |||
padding-bottom: 0.2em; | |||
} | } | ||
| Zeile 140: | Zeile 154: | ||
background-color: var(--content-bg); | background-color: var(--content-bg); | ||
border: 1px solid var(--border-color); | border: 1px solid var(--border-color); | ||
color: var(--text-color); | |||
margin: 1em 0; | margin: 1em 0; | ||
} | } | ||
| Zeile 148: | Zeile 162: | ||
background-color: var(--input-bg); | background-color: var(--input-bg); | ||
border: 1px solid var(--border-color); | border: 1px solid var(--border-color); | ||
color: var(--header-color); | color: var(--header-color); | ||
} | } | ||
| Zeile 155: | Zeile 168: | ||
table.wikitable > * > tr > td { | table.wikitable > * > tr > td { | ||
border: 1px solid var(--border-color); | border: 1px solid var(--border-color); | ||
} | } | ||
| Zeile 163: | Zeile 175: | ||
color: var(--text-color); | color: var(--text-color); | ||
border: 1px solid var(--border-color); | border: 1px solid var(--border-color); | ||
} | } | ||
/* Buttons */ | /* Buttons */ | ||
.mw-ui-button { | .mw-ui-button, | ||
background-color: var(-- | button { | ||
color: var(-- | background-color: var(--input-bg); | ||
border: | color: var(--text-color); | ||
border: 1px solid var(--border-color); | |||
border-radius: 3px; | border-radius: 3px; | ||
} | } | ||
.mw-ui-button:hover { | .mw-ui-button:hover, | ||
background-color: var(-- | button:hover { | ||
background-color: var(--content-bg); | |||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
/* Infoboxen */ | |||
/* Infoboxen | |||
.mw-message-box { | .mw-message-box { | ||
background-color: var(--input-bg); | background-color: var(--input-bg); | ||
| Zeile 195: | Zeile 199: | ||
} | } | ||
/* | /* Neue Seiten Link Anpassung */ | ||
a.new::after { | a.new::after { | ||
content: " (noch nicht angelegt)"; | content: " (noch nicht angelegt)"; | ||
color: var(--text-color); | color: var(--text-color); | ||
} | } | ||
Version vom 19. November 2024, 11:16 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* Dark Library Theme für MediaWiki - Vector 2010 */
/* Farbdefinitionen */
:root {
--main-bg: #2c2620;
--content-bg: #3a332d;
--text-color: #e6d5c4;
--link-color: #dfc5a1;
--header-color: #e6c9a3;
--border-color: #564b41;
--input-bg: #463c34;
}
/* Grundlegende Seiten-Struktur */
body {
background-color: var(--main-bg);
color: var(--text-color);
font-family: 'Georgia', serif;
}
/* Basis-Layout Korrekturen */
#mw-page-base {
background: var(--main-bg) !important;
background-image: none !important;
}
#mw-head-base {
background: var(--main-bg) !important;
background-image: none !important;
}
/* Hauptinhalt */
#content {
background-color: var(--content-bg);
color: var(--text-color);
border: 1px solid var(--border-color);
border-radius: 4px;
padding: 1em;
position: relative;
z-index: 0;
margin-left: 11em;
}
/* Linke Navigation */
#mw-panel {
background-color: var(--main-bg);
font-size: 0.9em;
position: absolute;
left: 0;
top: 0;
width: 10em;
z-index: 1;
}
#mw-panel .portal {
background: none;
margin: 0 0.6em 0 0.7em;
padding: 0.25em 0;
}
#mw-panel .portal .body {
background-image: none;
margin: 0;
padding-top: 0.5em;
}
/* Kopfbereich und Tabs */
#mw-head {
background-color: var(--main-bg);
position: absolute;
z-index: 2;
}
div#mw-head {
position: absolute;
top: 0;
right: 0;
width: 100%;
}
/* Persönliche Tools */
#p-personal {
background-color: var(--main-bg);
padding-left: 11em;
}
/* Navigationstabs */
div.vectorTabs {
background-color: var(--main-bg);
padding-left: 11em;
}
div.vectorTabs ul {
background-color: var(--main-bg);
}
div.vectorTabs li {
background-color: var(--main-bg);
}
div.vectorTabs li a {
background-color: var(--main-bg);
}
div.vectorTabs li.selected {
background-color: var(--content-bg);
}
div.vectorTabs li.selected a {
background-color: var(--content-bg);
}
/* Links */
a,
a:visited,
a:active,
a:hover,
a.new,
#mw-panel a,
#p-personal a,
.vectorTabs a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Suchfeld */
#p-search {
background-color: var(--main-bg);
}
#searchInput {
background-color: var(--input-bg);
color: var(--text-color);
border: 1px solid var(--border-color);
padding: 0.3em;
border-radius: 3px;
}
/* Überschriften */
h1, h2, h3, h4, h5, h6 {
color: var(--header-color);
border-bottom: 1px solid var(--border-color);
padding-bottom: 0.2em;
}
/* Tabellen */
table.wikitable {
background-color: var(--content-bg);
border: 1px solid var(--border-color);
color: var(--text-color);
margin: 1em 0;
}
table.wikitable > tr > th,
table.wikitable > * > tr > th {
background-color: var(--input-bg);
border: 1px solid var(--border-color);
color: var(--header-color);
}
table.wikitable > tr > td,
table.wikitable > * > tr > td {
border: 1px solid var(--border-color);
}
/* Bearbeitungsbereich */
#editform textarea {
background-color: var(--input-bg);
color: var(--text-color);
border: 1px solid var(--border-color);
}
/* Buttons */
.mw-ui-button,
button {
background-color: var(--input-bg);
color: var(--text-color);
border: 1px solid var(--border-color);
border-radius: 3px;
}
.mw-ui-button:hover,
button:hover {
background-color: var(--content-bg);
text-decoration: none;
}
/* Infoboxen */
.mw-message-box {
background-color: var(--input-bg);
border-color: var(--border-color);
color: var(--text-color);
}
/* Neue Seiten Link Anpassung */
a.new::after {
content: " (noch nicht angelegt)";
color: var(--text-color);
}