Am besten feiert man das mit neuen Informationen. Gesucht werden daher verstärkt fehlenden Daten, interessante Geschichten und alle Arten von Fotos, Dokumente usw., die es wert sind erhalten zu werden. Gern per Email an info@stabfuehrer.de
MediaWiki:Common.css
Aus Stabführer.de
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
- Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
div.NavFrame {
border: 1px solid #aaa;
clear: both;
font-size: 95%;
margin-top: 1.5em;
min-height: 0; /* IE 7 */
padding: 2px;
text-align: center;
}
div.NavPic {
float: left;
padding: 2px;
}
div.NavHead {
background: #efefef;
font-weight: bold;
}
div.NavFrame:after {
clear: both;
content: "";
display: block;
}
.mw-logo-icon {
width:130px !important;
min-width:130px !important;
}
/* Top Link Zeugs */
/* Smooth scrolling IF user doesn't have a preference due to motion sensitivities */
@media screen and (prefers-reduced-motion: no-preference) {
html {
scroll-behavior: smooth;
}
}
#footer-places-top {
// uncomment to visualize "track"
// outline: 1px solid red;
position: absolute;
top: 100vh;
right: 0.25rem;
// Optional, extends the final link into the
// footer at the bottom of the page
// Set to `0` to stop at the end of `main`
bottom: -5em;
// Required for best support in browsers not supporting `sticky`
width: 3em;
// Disable interaction with this element
pointer-events: none;
}
#footer-places-top a {
content: "↑";
// `fixed` is fallback when `sticky` not supported
position: fixed;
// preferred positioning, requires prefixing for most support, and not supported on Safari
// @link https://caniuse.com/#search=position%3A%20sticky
position: sticky;
// reinstate clicks
pointer-events: all;
// achieves desired positioning within the viewport
// relative to the top of the viewport once `sticky` takes over, or always if `fixed` fallback is used
top: calc(100vh - 5rem);
display: inline-block;
text-decoration: none;
font-size: 2rem;
line-height: 3rem;
text-align: center;
width: 3rem;
height: 3rem;
border-radius: 50%;
background-color: #d6e3f0;
/* emoji don't behave like regular fonts so this helped position it correctly */
padding: 0.25rem;
}
/* Verbergen für Besucher, siehe dann MediaWiki:Group-user.css */
#ca-talk,
#ca-edit,
#ca-history,
#ca-viewsource,
#ca-nstab-main { display:none!important; }
#site-tools,
#p-Wiki-Seiten,
#p-cactions,
#p-pagemisc,
#page-tools { display:none!important; }
/* Inhaltsverzeichis (TOC) */
.tocnumber {display: none;}
#kat_toc {margin:0}
#kat_toc>h2 {display:none}
.CategoryTreeItem span:last-child {font-size:0.6em;color:#777}
/*Changelog der Startseite*/
.mp-box .mw-changeslist-line-inner-historyLink,
.mp-box .mw-changeslist-line-inner-separatorAfterLinks,
.mp-box .mw-changeslist-line-inner-characterDiff,
.mp-box .mw-changeslist-line-inner-separatorAftercharacterDiff,
.mp-box .mw-changeslist-line-inner-userLink,
.mp-box .mw-changeslist-line-inner-userTalkLink,
.mp-box .mw-changeslist-line-inner-comment,
.mp-box .mw-changeslist-line-inner-rollback,
.mp-box .mw-changeslist-line-inner-tags,
.mp-box .mw-changeslist-line-inner-watchingUsers,
.mp-box .mw-changeslist-separator,
.mp-boxe .changedby,
.mp-box .mw-diff-bytes,
.mp-box .mw-changeslist-links,
.mp-box .mw-changeslist-log-entry,
.mp-box .mw-changeslist-legend,
.mp-box .mw-rcfilters-ui-highlights-enhanced-nested,
.mp-box .mw-rcfilters-ui-highlights,
.mp-box .mw-enhancedchanges-checkbox,
.mp-box td.mw-enhanced-rc,
.mp-box .mw-changeslist-line-prefix,
.mp-box .mw-enhancedchanges-arrow-space,
.mp-box .mw-changeslist-separator--semicolon,
.mp-box .mw-changeslist-time,
.mp-box .mw-userlink,
.mp-box .mw-tag-markers,
.mp-box .comment,
.mp-box .mw-enhancedchanges-arrow {display:none}
.mp-box td.mw-changeslist-line-inner::before {
content: "• ";
}
/*
* Stylesheet für den „Ausklappen“-Button an Navigationsleisten, der in
* [[MediaWiki:Common.js]] implementiert wird
*/
.NavToggle {
float: right;
font-size: x-small;
}
/* Automatisches Verschmelzen benachbarter Navigationsleisten */
div.NavFrame + div.NavFrame {
margin-top: -1px;
}
/*
* Verschmelzen mittels [[Vorlage:NaviBlock]]
* Im Gegensatz zum automatischen Verschmelzen gibt es bei dieser Variante keine
* Trennlinie zwischen den Leisten. Möglicherweise war dies ursprünglich nur ein
* IE-6-Workaround, da das automatische Verschmelzen im IE 6 nicht funktioniert.
*/
div.BoxenVerschmelzen {
border: 1px solid #aaa;
clear: both;
font-size: 95%;
margin-top: 1.5em;
padding-top: 2px;
}
div.BoxenVerschmelzen div.NavFrame {
border: none;
font-size: 100%;
margin: 0;
padding-top: 0;
}
/* Infoboxen */
.infobox {width:100%}
@media (min-width: 800px) {
.infobox {width:30%}
}
/*
* Zebra-Tabellen. Bei Verwendung zusammen mit „rowspan“ richtet sich die Farbe
* jeder Zelle nach der ersten Zeile, zu der die Zelle gehört.
*/
table.wikitable.zebra > tbody > :nth-child(even):not([class*="hintergrundfarbe"]) {
background: white;
}
.rand1 {
border: 1px solid red;
}
.rand2 {
border: 1px solid #f90;
}
.hintergrund1 {
background-color: #ffc;
}
.hintergrund2 {
background-color: #ddd;
}
.hintergrund9 {
background-color: #FFCBCB !important;
}
.hintergrundfarbe1 {background-color:#f8f9fa}
.rahmenfarbe1 {border-color:#a2a9b1; border-width:1px;}
/* Ergebnislisten */
.ergebnisse1 {background-color:#EFBF04;}
.ergebnisse1 td:first-child {min-height:30px; min-width:30px; background:url(images/d/d7/Stabfuehrer_Medaille_Gold.png) no-repeat; background-size: 20px; background-position: right 5px center; background-color:#EFBF04;}
.ergebnisse2 {background-color:#D2D2D2;}
.ergebnisse2 td:first-child {min-height:30px; min-width:30px; background:url(images/a/a1/Stabfuehrer_Medaille_Silber.png) no-repeat; background-size: 20px; background-position: right 5px center; background-color:#D2D2D2;}
.ergebnisse3 {background-color:#E68D3F;}
.ergebnisse3 td:first-child {min-height:30px; min-width:30px; background:url(images/e/e9/Stabfuehrer_Medaille_Bronze.png) no-repeat; background-size: 20px; background-position: right 5px center; background-color:#E68D3F;}
/* standard link colors */
/*
.mw-body a:link { color: #777 !important; } /* normal unvisited links */
.mw-body a:link:visited { color: #777 !important; } /* visited links */
*/
.mw-body a:link {color: #3366cc}
.mw-body a:visited {color: #3366cc}
.mw-body a:hover {color: #000000}
.mw-body a:active {color: #3366cc}
.mw-body a:link:active { color: #777 !important; } /* active links */
.mw-body a:link.new { color: #FF0000 !important; } /* new links */
.mw-body a:link.interwiki { color: #3366BB !important; } /* interwiki links */
.mw-body a:link.external { color: #777 !important; } /* external links */
.mw-body a:link.stub { color: #772233 !important; } /* hovered links */
/* Suchergebnisse anpassen
*/
#mw-content-text > div > ul > li > div.searchresult { display: none }
#mw-content-text > div > ul > li > div.mw-search-result-data { display: none }
.mw-search-result-data { display: none }
.infobox {margin-left:3px}
/* Startseite */
/* {{pp|small=yes}} */
.mp-box {
border: 1px solid #aaa; /* all colors overriden on specific elements in @media screen */
padding: 0 0.5em 0.5em;
margin-top: 4px;
}
.mp-h2,
body.skin-timeless .mp-h2 { /* Timeless needs a higher specificity */
border: 1px solid #aaa; /* all colors overriden on specific elements in @media screen */
margin: 0.5em 0;
padding: 0.2em 0.4em;
font-size: 120%;
font-weight: bold;
font-family: inherit;
}
.mp-later {
font-size: 85%;
font-weight: normal;
}
#mp-welcomecount {
text-align: center;
margin: 0.4em;
}
#mp-welcome {
font-size: 162%;
padding: 0.1em;
}
#mp-welcome h1,
#mp-welcome .mw-heading1 {
font-size: inherit;
font-family: inherit;
display: inline;
border: none;
}
#mp-free {
font-size: 95%;
}
#articlecount {
font-size: 85%;
}
/* clear fix */
.mp-contains-float::after {
content: "";
display: block;
clear: both;
}
@media (max-width: 875px) {
/* We need to improve Template:POTD as used on the main page so that these
* hacks aren't necessary */
#mp-tfp table,
#mp-tfp tr,
#mp-tfp td,
#mp-tfp tbody {
display: block !important;
width: 100% !important;
box-sizing: border-box;
}
#mp-tfp tr:first-child td:first-child a.mw-file-description {
text-align: center;
display: table;
margin: 0 auto;
}
}
@media (min-width: 875px) {
#mp-upper {
display: flex;
}
#mp-left {
flex: 1 1 45%;
margin-right: 2px;
}
#mp-right {
flex: 1 1 55%;
margin-left: 2px;
}
}
@media screen {
#mp-topbanner {
background-color: #f9f9f9;
border-color: #ddd;
}
#mp-banner {
background-color: #fffaf5;
border-color: #f2e0ce;
}
#mp-left {
background-color: #f5fffa;
border-color: #cef2e0;
}
#mp-left .mp-h2 {
background-color: #cef2e0;
border-color: #a3bfb1;
}
#mp-right {
background-color: #f5faff;
border-color: #cedff2;
}
#mp-right table {border:none;background:transparent}
#mp-right table td {border-left:none; border-right:none;background:transparent}
#mp-right table th {border:none; background:transparent;font-size: 120%;}
#mp-right .mp-h2 {
background-color: #cedff2;
border-color: #a3b0bf;
}
#mp-middle {
background-color: #fff5fa;
border-color: #f2cedd;
}
#mp-middle .mp-h2 {
background-color: #f2cedd;
border-color: #bfa3af;
}
#mp-lower {
background-color: #faf5ff;
border-color: #ddcef2;
}
#mp-lower .mp-h2 {
background-color: #ddcef2;
border-color: #afa3bf;
}
#mp-bottom {
/* no background */
border-color: #e2e2e2;
}
#mp-bottom .mp-h2 {
background-color: #eee;
border-color: #ddd;
}
/* night mode */
html.skin-theme-clientpref-night #mp-topbanner {
background-color: #171a1d;
border-color: #676767;
}
html.skin-theme-clientpref-night #mp-banner {
background-color: #431107;
border-color: #663428;
}
html.skin-theme-clientpref-night #mp-left {
background-color: #0b1e1c;
border-color: #104437;
}
html.skin-theme-clientpref-night #mp-left .mp-h2 {
background-color: #104437;
border-color: #2f4d41;
}
html.skin-theme-clientpref-night #mp-right {
background-color: #0d1a27;
border-color: #082849;
}
html.skin-theme-clientpref-night #mp-right .mp-h2 {
background-color: #082849;
border-color: #a3b0bf;
}
html.skin-theme-clientpref-night #mp-middle {
background-color: #270e1a;
border-color: #882c43;
}
html.skin-theme-clientpref-night #mp-middle .mp-h2 {
background-color: #882c43;
border-color: #926c80;
}
html.skin-theme-clientpref-night #mp-lower {
background-color: #130e20;
border-color: #7545ab;
}
html.skin-theme-clientpref-night #mp-lower .mp-h2 {
background-color: #7545ab;
border-color: #afa3bf;
}
html.skin-theme-clientpref-night #mp-bottom {
/* no background */
border-color: #676767;
}
html.skin-theme-clientpref-night #mp-bottom .mp-h2 {
background-color: #3d3d3d;
border-color: #676767;
}
}
/* OS night mode */
@media screen and ( prefers-color-scheme: dark ) {
html.skin-theme-clientpref-os #mp-topbanner {
background-color: #171a1d;
border-color: #676767;
}
html.skin-theme-clientpref-os #mp-banner {
background-color: #431107;
border-color: #663428;
}
html.skin-theme-clientpref-os #mp-left {
background-color: #0b1e1c;
border-color: #104437;
}
html.skin-theme-clientpref-os #mp-left .mp-h2 {
background-color: #104437;
border-color: #2f4d41;
}
html.skin-theme-clientpref-os #mp-right {
background-color: #0d1a27;
border-color: #082849;
}
html.skin-theme-clientpref-os #mp-right .mp-h2 {
background-color: #082849;
border-color: #a3b0bf;
}
html.skin-theme-clientpref-os #mp-middle {
background-color: #270e1a;
border-color: #882c43;
}
html.skin-theme-clientpref-os #mp-middle .mp-h2 {
background-color: #882c43;
border-color: #926c80;
}
html.skin-theme-clientpref-os #mp-lower {
background-color: #130e20;
border-color: #7545ab;
}
html.skin-theme-clientpref-os #mp-lower .mp-h2 {
background-color: #7545ab;
border-color: #afa3bf;
}
html.skin-theme-clientpref-os #mp-bottom {
/* no background */
border-color: #676767;
}
html.skin-theme-clientpref-os #mp-bottom .mp-h2 {
background-color: #3d3d3d;
border-color: #676767;
}
}
