http://70.231.62.181/index.php?action=history&feed=atom&title=Template%3ACroatian_population_data_graph%2Fstyles.css 2026-04-22T20:53:17Z Revision history for this page on the wiki MediaWiki 1.45.1 http://70.231.62.181/index.php?title=Template:Croatian_population_data_graph/styles.css&diff=12027503&oldid=prev 2025-07-31T05:40:05Z

<p>dark mode fix</p> <p><b>New page</b></p><div>/* {{pp-template}} */<br /> .kbs-title-table-scrollable,<br /> .kbs-note-nonscrollable {<br /> max-width:52em;<br /> min-width:18em;<br /> padding-right:2em;<br /> padding-top:0.5em;<br /> }<br /> <br /> .kbs-title-table-scrollable {<br /> overflow-y:hidden;<br /> overflow-x:auto;<br /> }<br /> <br /> <br /> .kbs-title-table {<br /> display:table; <br /> min-width:35em; <br /> font-size:94%;<br /> }<br /> <br /> .kbs-table {<br /> display:table;<br /> table-layout:fixed; <br /> width:98%; <br /> border-collapse:collapse;<br /> margin-top:0.3em;<br /> margin-bottom:0.3em;<br /> }<br /> <br /> /*each year in a separate column*/<br /> .kbs-for-columns {<br /> height:calc(8em + 2em); /*8em max bar height from the module + some space for data labels*/<br /> vertical-align:bottom; <br /> text-align:center;<br /> line-height:1;<br /> border-bottom:1px solid #666; <br /> padding-bottom:0; <br /> white-space: nowrap; <br /> overflow: visible;<br /> }<br /> <br /> /*bar chart*/<br /> .kbs-columns {<br /> background:#25b;<br /> width:70%;<br /> margin-left:auto;<br /> margin-right:auto;<br /> border:1px solid black; <br /> border-bottom:none;<br /> }<br /> <br /> .kbs-columns:hover {<br /> background:#d00;<br /> }<br /> <br /> /*population numbers, animated*/<br /> .kbs-data-smaller {<br /> z-index:10;<br /> position:relative;<br /> padding:0.1em;<br /> font-size:64%;<br /> }<br /> <br /> .kbs-data {<br /> z-index:10;<br /> position:relative;<br /> padding:0.1em;<br /> font-size:74%;<br /> }<br /> <br /> .kbs-for-columns:hover .kbs-data,<br /> .kbs-for-columns:hover .kbs-data-smaller {<br /> font-size:92%;<br /> font-weight:bold;<br /> color:#b00;<br /> background:#fff;<br /> z-index:20;<br /> display:inline-block;<br /> position:relative;<br /> border-radius:0.1em 0.1em 0.1em 0.3em;<br /> padding:0.3em 0.5em 0.2em 0.3em;<br /> transition:all 500ms;<br /> transform:translate(0.66em, 1.66em);<br /> }<br /> <br /> /*abscissa*/<br /> .kbs-years {<br /> text-align:center;<br /> font-size:74%;<br /> }<br /> <br /> /*ordinate*/<br /> .kbs-ordinate {<br /> width:1.5em;<br /> font-size:94%; <br /> text-align:right;<br /> padding-left:0; <br /> padding-right:0.5em; <br /> border-right:1px solid #666;<br /> }<br /> <br /> .kbs-ordinate-text {<br /> white-space: nowrap;<br /> /*sideways-rl not available in some browsers*/<br /> writing-mode: vertical-rl;<br /> transform:rotate(180deg);<br /> }<br /> <br /> .kbs-title {<br /> font-size:100%;<br /> margin-top:0.5em;<br /> margin-bottom:0.5em;<br /> display:flex;<br /> }<br /> <br /> .kbs-title-left {<br /> flex-grow:1;<br /> }<br /> <br /> .kbs-note {<br /> font-size:84%; <br /> line-height:1.3;<br /> color:var(--color-subtle,#54595d);<br /> }</div>

imported>Matrix