Predloga:Stolpčni diagram/styles.css

div.kbs_tabela_scrollable,
div.kbs_opomba_nonscrollable {
	max-width:52em;
	min-width:18em;
	padding-right:2em;
	padding-top:0.5em;
}

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


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

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

/*vsako leto v svoj stolpec*/
td.kbs_za_stolpce {
   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;
}

/*stolpčni diagram*/
div.kbs_stolpci {
   background:#cddeff;
   width:70%;
   margin-left:auto;
   margin-right:auto;
   border:1px solid black; 
   border-bottom:none;
}

div.kbs_stolpci:hover {
   background:#ccf;
}

/*števila prebivalcev po letih, animirana*/
div.kbs_podatki {
   z-index:10;
   position:relative;
   padding:0.1em;
   font-size:62%; 
}

.kbs_za_stolpce:hover .kbs_podatki,
.kbs_za_stolpce:focus .kbs_podatki,
.kbs_za_stolpce:active .kbs_podatki {
   font-size:90%;
   font-weight:bold;
   color:#000;
   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);
}

/*abscisa*/
td.kbs_leta {
   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-weight:bold;
   text-align:center; 
   font-size:105.263%;
   margin-top:0.5em;
   margin-bottom:0.5em;
}

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