Template:Croatian population data graph/styles.css

/* */ div.kbs_tablica_scrollable, div.kbs_napomena_nonscrollable { max-width:52em; min-width:18em; padding-right:2em; padding-top:0.5em; }

div.kbs_tablica_scrollable { overflow-y:hidden; overflow-x:auto; }

div.kbs_tablica { display:table; min-width:35em; font-size:95%; }

table.kbs_tablica { table-layout:fixed; width:98%; border-collapse:collapse; margin-top:0.3em; margin-bottom:0.3em; }

/*svaka godina u zasebni stupac*/ td.kbs_za_stupce { height:calc(8em + 2em); /*8em max bar height + some space for data labels*/ vertical-align:bottom; text-align:center; line-height:1; border-bottom:1px solid #666; padding-bottom:0; white-space: nowrap; overflow: visible; }

/*stupčasti dijagram*/ div.kbs_stupci { background:#25b; width:70%; margin-left:auto; margin-right:auto; border:1px solid black; border-bottom:none; }

div.kbs_stupci:hover { background:#d00; }

/*brojevi stanovnika po godinama, animirani*/ div.kbs_podatci { z-index:10; position:relative; padding:0.1em; font-size:60%; }

.kbs_za_stupce:hover .kbs_podatci, .kbs_za_stupce:focus .kbs_podatci, .kbs_za_stupce:active .kbs_podatci { font-size:90%; font-weight:bold; color:#b00; background:#fff; z-index:20; display:inline-block; position:relative; border-radius:0.1em 0.1em 0.1em 0.3em; padding-left:0.3em; padding-right:0.5em; padding-top:0.3em; padding-bottom:0.2em; transition:all 500ms; transform:translate(0.66em, 1.66em); }

/*apscisa*/ td.kbs_godine { text-align:center; font-size:65%; }

/*ordinata*/ td.kbs_ordinata { width:1.5em; font-size:80%; text-align:right; padding-left:0; padding-right:0.5em; border-right:1px solid #666; }

span.kbs_ordinata { white-space: nowrap; /*sideways-rl not available in some browsers*/ writing-mode: vertical-rl; transform:rotate(180deg); }

div.kbs_naslov { font-size:100%; margin-top:0.5em; margin-bottom:0.5em; }

div.kbs_napomena { font-size:65%; line-height:1.2; color:#444; }

div.kbs_vte { font-size: 65%; line-height: 1.2; color: #444; float: right; }