https://wiki-raamsdonk.nl/index.php?action=history&feed=atom&title=Module%3ADatastaven%2Fstyles.css 2026-05-24T02:59:27Z Bewerkingsoverzicht voor deze pagina op de wiki MediaWiki 1.43.6 https://wiki-raamsdonk.nl/index.php?title=Module:Datastaven/styles.css&diff=76364&oldid=prev 2024-03-23T16:39:58Z

<p>1 versie geïmporteerd</p> <p><b>Nieuwe pagina</b></p><div>/* Chart */<br /> .es-chart {<br /> overflow-x: auto;<br /> padding-top: 1.25em;<br /> margin-bottom: 1em;<br /> }<br /> <br /> <br /> /* Grid */<br /> ul.es-grid {<br /> display: flex;<br /> margin: 0 0 1.7em;<br /> list-style: none;<br /> font-size: 0.8em;<br /> }<br /> /* Fix voor mobiele versie */<br /> .es-grid li:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> <br /> /* Bar */<br /> .es-bar {<br /> width: inherit;<br /> align-self: flex-end;<br /> margin: 0;<br /> border: 1px solid #ccc;<br /> border-radius: 3px 3px 0 0;<br /> box-sizing: border-box;<br /> position: relative;<br /> text-align: center;<br /> }<br /> .es-bar::before,<br /> .es-bar::after {<br /> position: absolute;<br /> left: 0;<br /> width: 100%;<br /> text-align: center;<br /> }<br /> .es-bar::before {<br /> content: attr(data-y);<br /> top: -1.5em;<br /> height: 1.6em;<br /> }<br /> .es-bar::after {<br /> content: attr(data-x);<br /> bottom: -1.7em;<br /> }<br /> <br /> <br /> /* Tooltip */<br /> .es-bar:hover .es-tip,<br /> .es-bar:focus .es-tip {<br /> visibility: visible;<br /> }<br /> .es-tip {<br /> visibility: hidden;<br /> position: absolute;<br /> background-color: white;<br /> border: 1px solid darkgray;<br /> border-radius: 3px;<br /> min-width: 100%;<br /> box-sizing: border-box;<br /> padding: 0 4px;<br /> top: -1.5em;<br /> left: 1.8em;<br /> white-space: pre;<br /> font-size: 1.0625em;<br /> z-index: 1;<br /> }<br /> .es-tip::after {<br /> content: &quot; &quot;;<br /> position: absolute;<br /> top: 0.3em;<br /> left: -1em;<br /> width: 0;<br /> height: 0;<br /> border-width: 0.5em;<br /> border-style: solid;<br /> border-color: transparent #999 transparent transparent;<br /> }<br /> <br /> <br /> /* Note */<br /> .es-note {<br /> margin-top: -1em;<br /> font-size: 0.9em;<br /> }<br /> <br /> <br /> /* Legend */<br /> .es-legend {<br /> font-size: 0.9em;<br /> margin: 0.5em 0;<br /> }<br /> .es-legend &gt; ul {<br /> list-style: none;<br /> display: flex;<br /> flex-wrap: wrap;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> .es-legend li {<br /> min-width: 10.8em;<br /> margin: 0 0.5em 0.5em 0;<br /> }<br /> .es-legend span {<br /> display: inline-block;<br /> width: 1.3em;<br /> height: 1.3em;<br /> border: 1px solid #ccc;<br /> border-radius: 3px;<br /> margin-right: 0.4em;<br /> vertical-align: middle;<br /> }</div>

Colani