MediaWiki:Common.css: Unterschied zwischen den Versionen

aus Metalab Wiki, dem offenen Zentrum für meta-disziplinäre Magier und technisch-kreative Enthusiasten.
Zur Navigation springenZur Suche springen
(Added div.orga_*)
 
(Hilite section titles after clicking in the TOC)
Zeile 44: Zeile 44:
 
div.orga_top > div.orga_block > div > div.orga_block > div > div.orga_block > div > div.orga_block {
 
div.orga_top > div.orga_block > div > div.orga_block > div > div.orga_block > div > div.orga_block {
 
         background-color: #aaf;
 
         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;}
 
}
 
}

Version vom 25. Juli 2016, 21:14 Uhr

/** 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;}
}