[scpubgit/stemmaweb.git] / root / css / style.css

<style type="text/css" media="screen">
body { 
    margin: 0; 
    padding: 20px; 
    font: 1em Arial, Helvetica, sans-serif; 
    font-size: 85%; 
    color: #666;
}
#svg_graph {
    float: left;
    width: 500px;
    height: 450px;
    border-right: 1px #c6dcf1 solid;
}
#variants_table {
    float: left;
    width: 450px;
    height: 550px;
    border-right: 1px #c6dcf1 solid;
    margin-left: 20px;
    overflow: auto;
}
#statistics {
    font-style: italic;
    margin-bottom: 25px;
    position: relative;
    top: -15px;
}
h1 {
    border-bottom: 1px solid #488dd2;
    color: #488dd2;
    font-size: 24px;
    font-weight: 100;
    margin: 0 0 17px;
    padding: 0;
    width: 280px;
}
h2 {
    margin-top: 0px;
} 
.genealogical {
    background: #88ffaa;
}
.coincidental {
    background: #fff;
}
.conflict {
    background: #ff6666;
}
.active_variant_row {
    #background: #c6dcf1;
    font-style: italic;
}
.active_variant_cell {
    #background: #e8f1fe;
}
.cellb0 {
    border-right: 20px solid #ffeeaa;
}
.cellb1 {
    border-right: 20px solid #afc6e9;
}
.cellb2 {
    border-right: 20px solid #d5fff6;
}
.cellb3 {
    border-right: 20px solid #ffccaa;
}
.cellb4 {
    border-right: 20px solid #ffaaaa;
}
.cellb5 {
    border-right: 20px solid #e5ff80;
}
.cellb6 {
    border-right: 20px solid #e5d5ff;
}
.cellb7 {
    border-right: 20px solid #ffd5e5;
}
</style>
Commit	Line	Data
b8a92065	1	<style type="text/css" media="screen">
	2	body {
	3	margin: 0;
	4	padding: 20px;
	5	font: 1em Arial, Helvetica, sans-serif;
	6	font-size: 85%;
	7	color: #666;
	8	}
	9	#svg_graph {
	10	float: left;
	11	width: 500px;
	12	height: 450px;
	13	border-right: 1px #c6dcf1 solid;
	14	}
	15	#variants_table {
	16	float: left;
	17	width: 450px;
	18	height: 550px;
	19	border-right: 1px #c6dcf1 solid;
	20	margin-left: 20px;
	21	overflow: auto;
	22	}
	23	#statistics {
	24	font-style: italic;
	25	margin-bottom: 25px;
	26	position: relative;
	27	top: -15px;
	28	}
	29	h1 {
	30	border-bottom: 1px solid #488dd2;
	31	color: #488dd2;
	32	font-size: 24px;
	33	font-weight: 100;
	34	margin: 0 0 17px;
	35	padding: 0;
	36	width: 280px;
	37	}
	38	h2 {
	39	margin-top: 0px;
	40	}
	41	.genealogical {
	42	background: #88ffaa;
	43	}
	44	.coincidental {
	45	background: #fff;
	46	}
	47	.conflict {
	48	background: #ff6666;
	49	}
	50	.active_variant_row {
	51	#background: #c6dcf1;
	52	font-style: italic;
	53	}
	54	.active_variant_cell {
	55	#background: #e8f1fe;
	56	}
	57	.cellb0 {
	58	border-right: 20px solid #ffeeaa;
	59	}
	60	.cellb1 {
	61	border-right: 20px solid #afc6e9;
	62	}
	63	.cellb2 {
	64	border-right: 20px solid #d5fff6;
65	}
66	.cellb3 {
67	border-right: 20px solid #ffccaa;
68	}
69	.cellb4 {
70	border-right: 20px solid #ffaaaa;
71	}
72	.cellb5 {
73	border-right: 20px solid #e5ff80;
74	}
75	.cellb6 {
76	border-right: 20px solid #e5d5ff;
77	}
78	.cellb7 {
79	border-right: 20px solid #ffd5e5;
80	}
81	</style>