תבנית:תרשים/styles.css

table.DiagramTable {
	border-collapse: collapse; 
	table-layout: auto;
	height: 100%;
}
.DiagramTable td {
    position: relative;
    padding: 0px;
    text-align: center;
    vertical-align: middle;
    height: 100%;
}
.DiagramTable tr {
}

div.Diagram1 {
    position: absolute;
    width: 100%; 
    height:100%;
    box-sizing: border-box;
    z-index:3;
    top:0;
}

div.Diagram2 {
    position: absolute;
    padding: 2px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
div.Diagram3 {
    position: absolute;
    top: 0;
    right: 0;
    height: 1.8em;
}
div.interval2 {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50%;
}
div.interval4 {
	position: absolute;
	bottom: 0;
	left: 0;
	height:50%;
}

div.interval6 {
	position: absolute;
	bottom: 0;
	right: 0;
	height:50%; 
}

div.interval8 {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%; 
}

div.interval28 {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50%;
	height:100%;
}

div.interval46 {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height:50%;
}

.DiagramLegend td {
	text-align:right;
	padding: 2px;
	vertical-align: text-top;
}