Zum Inhalt springen

MediaWiki:Common.css

aus Metalab Wiki, dem offenen Zentrum für meta-disziplinäre Magier und technisch-kreative Enthusiasten.

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
/** CSS an dieser Stelle wirkt sich auf alle Skins aus */


/* CSS 4 Organigramm */

div.orga_block {
        outline-width: 1px;
        outline-style: solid;
        padding: 1em;
}

div.orga_vbody > div.orga_block {
        margin: 0.5em;
}

div.orga_hbody {
        display: table;
        border-spacing: 0.5em;
        width: 100%;
}

div.orga_hbody > div.orga_block {
        display: table-cell;
}

div.orga_top {
        background-color: #aaa;
        padding: 1em;
}

div.orga_top > div.orga_block {
        background-color: #afa;
        margin-top: 1em;
}

div.orga_top > div.orga_block > div > div.orga_block {
        background-color: #aaf;
}

div.orga_top > div.orga_block > div > div.orga_block > div > div.orga_block {
        background-color: #afa;
}

div.orga_top > div.orga_block > div > div.orga_block > div > div.orga_block > div > div.orga_block {
        background-color: #aaf;
}

/* Animate targeted headlines for 5 seconds */
span:target {
       -webkit-animation: hilite-background 5s;
       -moz-animation: hilite-background 5s;
       -ms-animation: hilite-background 5s;
       -o-animation: hilite-background 5s;
       animation: hilite-background 5s;
}

@-webkit-keyframes hilite-background {
       0% {background-color: transparent;}
       30% {background-color: #fbff0f;}
       100% {background-color: transparent;}
}

@-moz-keyframes hilite-background {
       0% {background-color: transparent;}
       30% {background-color: #fbff0f;}
       100% {background-color: transparent;}
}

@-ms-keyframes hilite-background {
       0% {background-color: transparent;}
       30% {background-color: #fbff0f;}
       100% {background-color: transparent;}
}

@-o-keyframes hilite-background {
       0% {background-color: transparent;}
       30% {background-color: #fbff0f;}
       100% {background-color: transparent;}
}

@keyframes hilite-background {
       0% {background-color: transparent;}
       30% {background-color: #fbff0f;}
       100% {background-color: transparent;}
}

/* general fixes */
.vector-main-menu-action-opt-out {
    display: none;
}

#vector-toc .vector-pinnable-header-unpin-button, #vector-main-menu .vector-pinnable-header-unpin-button {
    display: none;
}

/* fix powered by mediawiki footer box*/
#footer-icons a {
    min-width: 10rem;
}

#footer-icons img {
    width: auto !important;
}

#footer-icons img::before {
    line-height: 31px;
}

/* dark theme fixes */
html.skin-theme-clientpref-night #footer-icons a {
    color: inherit !important;
    background-color: inherit !important;
}


html.skin-theme-clientpref-night table, html.skin-theme-clientpref-night tr, html.skin-theme-clientpref-night td {
    background-color: inherit !important;
}

@media screen and (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os #footer-icons a {
        color: inherit !important;
        background-color: inherit !important;
    }

    html.skin-theme-clientpref-os table, html.skin-theme-clientpref-os tr, html.skin-theme-clientpref-os td {
        background-color: inherit !important;
    }
}