Vorlage:Wahldiagramm einfach/Style.css: Unterschied zwischen den Versionen
RaWen (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung Markierung: Zurückgesetzt |
RaWen (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| (5 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 22: | Zeile 22: | ||
flex-direction: row; | flex-direction: row; | ||
margin: 0; | margin: 0; | ||
} | |||
/* Wrapper für dd/dt Paare */ | |||
.bar-container { | |||
display: contents; | |||
} | } | ||
| Zeile 68: | Zeile 73: | ||
width: 100% !important; | width: 100% !important; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
padding-bottom: | padding-bottom: 3.5em; | ||
overflow: visible; | overflow: visible; | ||
} | } | ||
dl.vertical { | dl.vertical { | ||
justify-content: space-between; | justify-content: space-between; | ||
| Zeile 83: | Zeile 87: | ||
} | } | ||
/* | /* Wrapper wird zu Flex-Container */ | ||
.bar-container { | |||
display: flex; | |||
flex-direction: column; | |||
align-items: center; | |||
position: relative; | |||
} | |||
dl.vertical dd { | dl.vertical dd { | ||
background: none; | background: none; | ||
overflow: visible; | overflow: visible; | ||
position: relative; | position: relative; | ||
margin: 0; | |||
} | } | ||
dl.vertical dt { | dl.vertical dt { | ||
position: | position: static; | ||
margin: 5px 0 0 0; | margin: 5px 0 0 0; | ||
width: | width: auto; | ||
min-width: 0; | |||
text-align: center; | text-align: center; | ||
font-size: 85%; | font-size: 85%; | ||
white-space: nowrap; | white-space: nowrap; | ||
transform: none; | |||
} | } | ||
dl.vertical dd span { | dl.vertical dd span { | ||
min-width: 100%; | min-width: 100%; | ||
width: 100%; | width: 100%; | ||
} | } | ||
.divider { | .divider { | ||
width: 1em; | width: 1em; | ||
background: none; | background: none; | ||
position: relative; | |||
} | } | ||
} | } | ||