KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
Zeile 43: | Zeile 43: | ||
.show:hover, | .show:hover, | ||
.hide:hover { | .hide:hover { | ||
background: rgb( | background: rgb(0, 214, 118); | ||
color:#aaa!important; | color:#aaa!important; | ||
transition:0.8s all ease-in-out!important; | transition:0.8s all ease-in-out!important; |
Version vom 27. Mai 2019, 11:24 Uhr
.Voraussetzungen li { margin-bottom: 15px; } .flexbox { width: 100%; display:flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: space-between; } .flexelement { width:33%; } .grid-box { display:grid; grid-template-columns: 24% 24% 24% 24%; } #akkordeon:not(:target) .inhalt, #akkordeon:not(:target) .hide, #akkordeon:target .show {display: none;} #akkordeon:target .inhalt {display: block;} .inhalt { box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); padding: 20px 20px 1px; margin: 0px 0px 10px; } .show, .hide { padding:10px; background: rgb(254, 164, 0); box-shadow:none!important; color:#000; font-weight:bold; } .show:hover, .hide:hover { background: rgb(0, 214, 118); color:#aaa!important; transition:0.8s all ease-in-out!important; } /*** Formatierungen für Mobil-Geräte ***/ @media (max-width: 900px) { .flexelement { width:100%; } .grid-box { display:grid; grid-template-columns: 98%; } } /* Ende Formatierungen für Mobil-Geräte */