body { min-width:600px; margin-top:70px }
.header { position:fixed;
top:0px;
left:0px;
height:70px;
margin:auto;
width:100%;
//color:0586D1;
color:#AAAAAA;
background-color:black;
text-align:center;
vertical-align:middle; }
.header ul { padding-top:15px; }
.header li { display: inline-block; float: left; padding-left: 15px; padding-right: 15px; }
.header a { display: inline-block; vertical-align: bottom; text-decoration: none; }
.header a:visited, .header a:link { color:#AAAAAA; text-decoration: none; }
.navlink a:visited, .navlink a:link { color:#222;text-decoration: none; }
.header a:hover { color:#DADADA }
a:link.active,a:visited.active { color:#FFFFFF; font-size:large; }
.header img { float: left; }
.nav {
margin:auto;
}
.sidenav ul, .navlink li {
list-style-type: none;
}
.sidenav li:hover, .navlink a:hover {
color:#DADADA;
}
.centered {
text-align:center;
}
.debug {
border : solid 1px black;
}
div.hover {
display: block;
position: absolute;
background-color:lightgreen;
}
div.hover_hide {
display: none
}
.login { float:right; margin-right:15px; padding-right:15px; display:inline-block; vertical-align:middle; }
.logged_in {
float:right;
color:rgb(198, 194, 236);
}
a.hotlink:visited, a.hotlink:hover, a.hotlink, .hotlink {
color:rgb(198, 194, 236);
}
.big {
font-size: large;
}
.small {
font-size: small;
}
.error {
color: orange;
}
div.err {
color: rgb(189, 105, 14);
font-size:larger;
background-color: rgba(2, 1, 1, 0.6);
border: 1px solid black;
padding: 10px;
margin: 10px;
}
.info {
color: purple;
}
.input_div {
background-color: rgba( 0,0,0,.3 );
border: 2px green groove;
padding: 3px;
margin : 3px;
min-width:15px;
min-height:15px;
cursor:pointer;
display:inline-block;
}
.edit_ready { border : 4px black groove; background-color: lightgrey }
.in_edit_same { border : 1px black solid; background-color: lightgrey }
.in_edit_changed { border : 1px black solid; background-color: #FEE }
.tabs {
position: relative;
min-height: 300px; /* This part sucks */
clear: both;
margin: 25px 0;
}
.tab {
float: left;
}
.tab label {
background: #eee;
padding: 10px;
border: 1px solid #ccc;
margin-left: -1px;
position: relative;
left: 1px;
}
.tab [type=radio] {
display: none;
}
.content {
position: absolute;
top: 28px;
left: 0;
background: white;
right: 0;
bottom: 0;
padding: 20px;
border: 1px solid #ccc;
}
[type=radio]:checked ~ label {
border-bottom: 1px solid white;
z-index: 2;
background-color:rgba( 0,256,0, .2 );
}
[type=radio]:checked ~ label ~ .content {
z-index: 1;
}