show loading graphic while we wait; style text list

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

<style type="text/css" media="screen">

/* General site-wide layout */
body { 
    margin: 0; 
    padding: 20px; 
    font: 1em Arial, Helvetica, sans-serif; 
    font-size: 85%; 
    color: #666;
}
h1 {
    border-bottom: 1px solid #488dd2;
    color: #488dd2;
    font-size: 24px;
    font-weight: 100;
    margin: 0 0 17px;
    padding: 0;
    width: 650px;
}
h2 {
    margin-top: 0px;
} 

/* Index page components */

#directory {
	float: left;
	width: 300px;
	height: 450px;
	border: 1px #c6dcf1 solid;
}
.traditionname {
	text-decoration: underline;
}
.selected {
	font-style: italic;
}
#variant_graph {
	clear: both;
	width: 900px;
	height: 400px;
	border: 1px #c6dcf1 solid;
	overflow: auto;	
	text-align: center;
}
#variant_graph img {
	margin-top: expression(( 400 - this.height ) / 2);
}
#stemma_graph {
    float: left;
    width: 500px;
    height: 450px;
    border: 1px #c6dcf1 solid;
    text-align: center;
}
#stemma_graph img {
	margin-top: expression(( 450 - this.height ) / 2);
}
/* Additional components for the stexaminer */
#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;
}
.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>