KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
Zeile 20: | Zeile 20: | ||
grid-template-columns: 24% 24% 24% 24%; | 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:#fff; | |||
font-weight:bold; | |||
} | |||
.show:hover, | |||
.hide:hover { | |||
background: rgb(255, 214, 118); | |||
color:#fff!important; | |||
transition:0.2s all ease-in-out!important; | |||
} | |||
Version vom 27. Mai 2019, 10:54 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:#fff; font-weight:bold; } .show:hover, .hide:hover { background: rgb(255, 214, 118); color:#fff!important; transition:0.2s 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 */