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_*) |
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;} }