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_*) |
Pk (Diskussion | Beiträge) (Logo-Schlagschatten wieder weg (Retrofuturismus im Wandel der Zeit?)) |
||
(5 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
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;} | ||
+ | } | ||
+ | /* joak started here */ | ||
+ | |||
+ | .firstHeading{ | ||
+ | box-shadow: 5px 5px 1px #555; | ||
+ | } | ||
+ | |||
+ | #bodyContent{ | ||
+ | box-shadow: 5px 5px 1px #555; | ||
} | } |
Aktuelle Version vom 10. Mai 2021, 18:07 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;} } /* joak started here */ .firstHeading{ box-shadow: 5px 5px 1px #555; } #bodyContent{ box-shadow: 5px 5px 1px #555; }