MediaWiki:Common.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Berit (Diskussion | Beiträge) |
Berit (Diskussion | Beiträge) |
||
(22 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | /* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | ||
+ | @font-face { | ||
+ | font-family: 'LocalTangerine'; | ||
+ | src: url('/fonts/Tangerine.woff2') format('woff2'), | ||
+ | url('/fonts/Tangerine.eot') format('embedded-opentype'), | ||
+ | url('/fonts/Tangerine.ttf') format('truetype'), | ||
+ | url('/fonts/Tangerine.svg') format('svg'), | ||
+ | url('/fonts/Tangerine.woff') format('woff'); | ||
+ | } | ||
body { | body { | ||
Zeile 7: | Zeile 15: | ||
font-family: 'Times New Roman', serif; | font-family: 'Times New Roman', serif; | ||
font-size: 1.1rem; | font-size: 1.1rem; | ||
+ | } | ||
+ | |||
+ | |||
+ | /** hide Diskussion tab***/ | ||
+ | #ca-talk { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /** hide view sourcecode tab **/ | ||
+ | #ca-viewsource { | ||
+ | display: none; | ||
} | } | ||
Zeile 40: | Zeile 59: | ||
} | } | ||
+ | #firstHeading { | ||
+ | font-family: 'LocalTangerine'; | ||
+ | font-size: 54px; | ||
+ | } | ||
.mw-body h1, .mw-body-content h1 { | .mw-body h1, .mw-body-content h1 { | ||
Zeile 64: | Zeile 87: | ||
} | } | ||
− | #mw-pages h3 { | + | #mw-pages h3, #mw-subcategories h3 { |
border-bottom: none; | border-bottom: none; | ||
+ | } | ||
+ | |||
+ | a.new:visited, #p-personal a.new:visited { | ||
+ | color: #6d2700; | ||
+ | } | ||
+ | |||
+ | .toctext, .toctogglelabel { | ||
+ | color: #6d2700; | ||
+ | } | ||
+ | |||
+ | .toctext:hover, .toctogglelabel:hover { | ||
+ | color: #c4591c; | ||
+ | } | ||
+ | |||
+ | .vector-menu-dropdown li a { | ||
+ | color: #6d2700; | ||
+ | } | ||
+ | |||
+ | .vector-menu-dropdown li a:hover { | ||
+ | color: #c4591c; | ||
+ | } | ||
+ | |||
+ | .vector-menu-dropdown li a, a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { | ||
+ | color: #6d2700; | ||
+ | } | ||
+ | |||
+ | .vector-menu-content-list a { | ||
+ | color: #6d2700; | ||
+ | } | ||
+ | |||
+ | .vector-menu-content-list a:hover { | ||
+ | color: #c4591c; | ||
+ | } | ||
+ | |||
+ | |||
+ | a, a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { | ||
+ | color: #c4591c; | ||
+ | } | ||
+ | |||
+ | .a:hover, .mw-parser-output a.extiw:visited:hover, .mw-parser-output a.external:visited:hover { | ||
+ | color: #ff9e5e; | ||
} | } | ||
Zeile 101: | Zeile 165: | ||
.vector-menu-tabs a { | .vector-menu-tabs a { | ||
background-image: linear-gradient(to bottom,rgba(255,255,255,0.5) 0,#686868 100%); | background-image: linear-gradient(to bottom,rgba(255,255,255,0.5) 0,#686868 100%); | ||
+ | } | ||
+ | |||
+ | .vector-menu-tabs li a { | ||
+ | color: #6d2700; | ||
+ | } | ||
+ | |||
+ | .vector-menu-tabs li a:hover { | ||
+ | color: #c4591c; | ||
} | } | ||
Zeile 112: | Zeile 184: | ||
padding: 2px 20px 20px 20px; | padding: 2px 20px 20px 20px; | ||
margin-top: 30px; | margin-top: 30px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* INHALTSVERZEICHNIS */ | ||
+ | |||
+ | .mw-body-content .toc h2 { | ||
+ | font-family: 'Times New Roman', 'serif'; | ||
+ | font-size: 120%; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | |||
+ | #toc { | ||
+ | background-color: #f4f4f3; | ||
+ | border: 1px solid #666; | ||
+ | } | ||
+ | |||
+ | .toctitle { | ||
+ | border-bottom: 1px solid #666; | ||
+ | } | ||
+ | |||
+ | .portal .body li a, .vector-menu-portal .body li a { | ||
+ | color: #6d2700; | ||
+ | } | ||
+ | |||
+ | .portal .body li a:visited, .vector-menu-portal .body li a:visited { | ||
+ | color: #6d2700; | ||
+ | } | ||
+ | |||
+ | .portal .body li a:hover, .vector-menu-portal .body li a:hover { | ||
+ | color: #c4591c; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* BUTTONS */ | ||
+ | |||
+ | .Infobutton a { | ||
+ | display: block; | ||
+ | padding: 3px 5px 3px 5px; | ||
+ | border: 1px solid #666; | ||
+ | background-color: #f4f4f3; | ||
+ | width: 100px; | ||
+ | text-align: center; | ||
+ | font-size: 0.9em; | ||
+ | color: #c4591c; | ||
+ | } | ||
+ | |||
+ | .Infobutton a:hover { | ||
+ | background-color: #f9f9f9; | ||
+ | text-decoration: none; | ||
+ | color: #ff9e5e; | ||
} | } | ||
Zeile 143: | Zeile 265: | ||
width: 100px; | width: 100px; | ||
text-align: center; | text-align: center; | ||
+ | color: #c4591c; | ||
} | } | ||
.wikitable-lexikon p > a:hover { | .wikitable-lexikon p > a:hover { | ||
background-color: #ebe9e9; | background-color: #ebe9e9; | ||
+ | color: #ff9e5e; | ||
} | } | ||
Zeile 152: | Zeile 276: | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
+ | |||
+ | |||
+ | /*** SPOILER TOGGLE ***/ | ||
+ | |||
+ | .mw-collapsible.mw-made-collapsible.mw-collapsed { | ||
+ | background-color: #f4f4f3; | ||
+ | } | ||
+ | |||
+ | |||
+ | .mw-collapsible.mw-made-collapsible > p { | ||
+ | background-color: #f4f4f3; | ||
+ | } | ||
+ | |||
+ | |||
+ | .mw-collapsible-content { | ||
+ | background-color: #fff; | ||
+ | } | ||
+ | |||
Aktuelle Version vom 26. Dezember 2022, 18:03 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
@font-face {
font-family: 'LocalTangerine';
src: url('/fonts/Tangerine.woff2') format('woff2'),
url('/fonts/Tangerine.eot') format('embedded-opentype'),
url('/fonts/Tangerine.ttf') format('truetype'),
url('/fonts/Tangerine.svg') format('svg'),
url('/fonts/Tangerine.woff') format('woff');
}
body {
background-image: url( /images/css/wiki-background.jpg);
background-color: #000000;
font-family: 'Times New Roman', serif;
font-size: 1.1rem;
}
/** hide Diskussion tab***/
#ca-talk {
display: none;
}
/** hide view sourcecode tab **/
#ca-viewsource {
display: none;
}
/*** HEADER & LOGO ***/
.mw-wiki-logo {
background-image: url( /images/css/wiki-llogo.png) !important;
}
#mw-head-base {
background-color: rgba(255,255,255,0.7);
}
/*** BODY ***/
#mw-page-base {
background-image: url( /images/css/wiki-background.jpg);
}
.mw-body {
border-top: 1px solid #666;
border-left: none;
border-bottom: 1px solid #666;
border-right: none;
}
#bodyContent {
max-width: 1024px;
padding: 20px;
}
#firstHeading {
font-family: 'LocalTangerine';
font-size: 54px;
}
.mw-body h1, .mw-body-content h1 {
font-size: 1.9em;
font-weight: normal;
font-family: 'Times New Roman','serif';
}
h1, h2 {
margin-bottom: 0.6em;
border-bottom: 1px solid #666;
}
.mw-body-content h2 {
margin-top: 1em;
font-size: 1.8em;
font-family: 'Times New Roman', 'serif';
}
.mw-body-content h3, .mw-body-content h4 {
font-weight: normal;
font-size: 1.4em;
border-bottom: 1px solid #a2a9b1;
}
#mw-pages h3, #mw-subcategories h3 {
border-bottom: none;
}
a.new:visited, #p-personal a.new:visited {
color: #6d2700;
}
.toctext, .toctogglelabel {
color: #6d2700;
}
.toctext:hover, .toctogglelabel:hover {
color: #c4591c;
}
.vector-menu-dropdown li a {
color: #6d2700;
}
.vector-menu-dropdown li a:hover {
color: #c4591c;
}
.vector-menu-dropdown li a, a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
color: #6d2700;
}
.vector-menu-content-list a {
color: #6d2700;
}
.vector-menu-content-list a:hover {
color: #c4591c;
}
a, a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
color: #c4591c;
}
.a:hover, .mw-parser-output a.extiw:visited:hover, .mw-parser-output a.external:visited:hover {
color: #ff9e5e;
}
#mw-panel {
background-color: rgba(255,255,255,0.7);
border-radius: 3px;
box-shadow: 1px 1px 3px rgba(30,15,0,0.5);
}
#mw-panel .portal-first {
background-image: none;
background-color: #fff;
box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
border-radius: 3px;
}
#mw-panel h3 {
color: #000;
font-size: 1rem;
}
#mw-panel .portal h3, .vector-menu-portal h3 {
background-image: linear-gradient(to right,rgba(200,204,209,0) 0,#000 33%,#000 66%,rgba(0, 0, 0, 0) 100%);
}
.vector-menu-tabs li {
background-image: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,0.6));
}
.vector-menu-tabs {
background-image: none;
}
.vector-menu-tabs a {
background-image: linear-gradient(to bottom,rgba(255,255,255,0.5) 0,#686868 100%);
}
.vector-menu-tabs li a {
color: #6d2700;
}
.vector-menu-tabs li a:hover {
color: #c4591c;
}
.mw-category-generated {
margin-top: 30px;
border-top: 1px solid #666;
}
#mw-pages, #mw-subcategories {
background-color: #f4f4f3;
padding: 2px 20px 20px 20px;
margin-top: 30px;
}
/* INHALTSVERZEICHNIS */
.mw-body-content .toc h2 {
font-family: 'Times New Roman', 'serif';
font-size: 120%;
font-weight: normal;
}
#toc {
background-color: #f4f4f3;
border: 1px solid #666;
}
.toctitle {
border-bottom: 1px solid #666;
}
.portal .body li a, .vector-menu-portal .body li a {
color: #6d2700;
}
.portal .body li a:visited, .vector-menu-portal .body li a:visited {
color: #6d2700;
}
.portal .body li a:hover, .vector-menu-portal .body li a:hover {
color: #c4591c;
}
/* BUTTONS */
.Infobutton a {
display: block;
padding: 3px 5px 3px 5px;
border: 1px solid #666;
background-color: #f4f4f3;
width: 100px;
text-align: center;
font-size: 0.9em;
color: #c4591c;
}
.Infobutton a:hover {
background-color: #f9f9f9;
text-decoration: none;
color: #ff9e5e;
}
/* WIKITABLES */
.wikitable-lexikon {
background-color: #f8f9fa;
color: #202122;
margin: 20px 10px 35px 0px;
border-collapse: collapse;
border: 1px solid #666;
width: 100%;
}
.wikitable-lexikon> * > tr > th {
background-color: #e3e2df;
font-size: 1.3rem;
font-weight: 300;
}
.wikitable-lexikon > * > tr > td {
padding: 15px;
}
.wikitable-lexikon p > a {
display: block;
padding: 5px;
border: 1px solid #666;
background-color: #dedede;
width: 100px;
text-align: center;
color: #c4591c;
}
.wikitable-lexikon p > a:hover {
background-color: #ebe9e9;
color: #ff9e5e;
}
.wikitable-lexikon a:hover {
text-decoration: none;
}
/*** SPOILER TOGGLE ***/
.mw-collapsible.mw-made-collapsible.mw-collapsed {
background-color: #f4f4f3;
}
.mw-collapsible.mw-made-collapsible > p {
background-color: #f4f4f3;
}
.mw-collapsible-content {
background-color: #fff;
}
/*** FOOTER ***/
.mw-footer {
background-color: rgba(255,255,255,0.7);
box-shadow: 1px 1px 3px rgba(30,15,0,0.5);
border-radius: 0px 0px 3px 3px;
}
/***** MEDIA QUERIES ***** /
@media only screen and (max-width: 1124px) {
}