MediaWiki:Common.css

Hinweis: Leere nach dem Speichern 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: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
Opera: Gehe zu Menü → Einstellungen (Opera → Einstellungen auf dem Mac) und dann auf Datenschutz & Sicherheit → Browserdaten löschen → Gespeicherte Bilder und Dateien.

@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Afterbuy.css"); 
@page {
   @top-center{
      content: first(chapter);
   }
   @bottom-center{
     content: "Seite " decimal(pageno);
   }
}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
    .printfooter
    {
        display: none !important;
    }
  
}


body, #mw-page-base, button {
	background: #eee;
	font-family: Roboto, -apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        font-family-sans-serif: Roboto, -apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        color: #555 !important;
        line-height: 1.8;
}
.mw-headline{
    color: #333 !important;
    font-weight: 500;
    font-family: Roboto, -apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
#mw-page-base h1, #mw-page-base h2, #mw-page-base h3, #mw-page-base h4, #mw-page-base h5, #mw-page-base h6 {
    margin-bottom: 20px !important;
};

/* we dont want a global text-decoration */
a,a:link:visited:hover:focus:active {
	text-decoration: none;
}

/* dont display the editsection (global and draw.io-editor) link */
.mw-editsection, .mw-editdrawio{
     display:none !important;
}
 
/*
	TOC - Settings
*/
/*hide TOC numbers*/
.tocnumber {
	display:none !important;
}

/* hide TOC collapse */
.toctogglespan {
	display:none !important;
}

/* hide subtitles in TOC */
.toctext sub {
	display:none !important;
}

/* hide title of TOC (Inhaltverzeichnis) */
.toctitle {
	display:none !important;
}

/* hide elements above level 3 */
.toclevel-4 {
	display:none !important;
}

/* links in toc shown black */
 #toc a{
    color:#555;
}

/* hover decoration in TOC */
#toc a:hover {
	text-decoration:underline solid #333;
}

/* TOC sizing and beautify */
#toc {
	white-space: nowrap;
	background-color: white;
	height: 100%;
        color: #555 !important;
        border:0px solid white;
        line-height: 2.0;
        padding: 0px;
        margin: 0px;
}

#toc ul {
    padding:0px 0px 0px 10px;
    margin: 0px;
}

#toc ul ul{
    padding:0px 0px 0px 20px;
    margin: 0px;
}

#toc ul ul ul{
    padding:0px 0px 0px 20px;
    margin: 0px;
}


 #toc ul li::before {
  content: "\25A0";
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; 
  color: #edb800 !important;
  font-size:10px;
}

/* hide subtitles for anonymous where the revisions take place */
#contentSub {
     display:none !important;
}

/* FAQ - Cloud */
#faqTags {
   font-weight:bold;
}

#faqTags a, #faqTags a:link, #faqTags a:visited{
	color:#333;
}

.cardbutton{
 border: 1px solid #f2f2f2;
}
.cardbutton:hover{
  background-color: #f2f2f2;
}

.code{
   background-color: #eee;
   font-size: 11px;
   border: 1px solid #ccc;
}

/* test for anchors.. does not work so deactivated
.mw-headline[id]::before {
  content: '';
  display: block;
  height: 250px;
  margin-top: -250px;
  visibility: hidden;
}
*/

/* css for overlay */

.overlay {
  --size: 50px;
  opacity: 0.8;
  color: white;
  background-color: #edb800;
  display: inline-block;
  position: absolute;
  width: var(--size);
  height: var(--size);
  margin-left: calc(var(--size) * -1);
  transition-property: all;
  transition-duration: 0.5s;
  border-radius: 0 0 0 50%;
  padding-top: auto;
  padding-bottom: auto;
  font-size: 1.4em;
}

.overlay:hover {
  opacity: 1;
  transition-property: all;
  transition-duration: 0.7s;
  font-size: 1.7em;
}

.overlay:before {
  display: inline-block;
  position: absolute;
  content: "";
  --size: 20px;
  height: var(--size);
  width: var(--size);
  left: calc(var(--size) * -1);
  border-radius: 0 50% 0 0;
  box-shadow: calc(var(--size) * 0.5) 0 0 0 #edb800;
}

.overlay:after {
  display: inline-block;
  position: absolute;
  content: "";
  --size: 20px;
  height: var(--size);
  width: var(--size);
  right: 0;
  bottom: calc(var(--size) * -1);
  border-radius: 0 50% 0 0;
  box-shadow: 0 calc(var(--size) * -0.5) 0 0 #edb800;
}

.overlay svg {
  width: 100%;
  height: 100%;
  color: #333;
}

.overlay svg:active {
  transition-property: all;
  transition-duration: 0.1s;
  font-size: .9em;
}