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