Template:Croatian population data graph/styles.css

/* {{pp-template}} */
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;
}