MediaWiki:Common.css: Unterschied zwischen den Versionen
Added div.orga_* |
Hop (Diskussion | Beiträge) 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;}
}