174 lines
3.2 KiB
CSS
174 lines
3.2 KiB
CSS
/* (c) Benjamin Krill <ben@codiert.org> */
|
|
body {
|
|
margin:0px;
|
|
padding:0px;
|
|
font:11px/20px verdana, arial, helvetica, sans-serif;
|
|
color:#333;
|
|
background-color:white;
|
|
}
|
|
p {
|
|
font-family : "Gill Sans", "Trebuchet MS", verdana, sans-serif;
|
|
margin:0px 0px 16px 0px;
|
|
padding:0px;
|
|
}
|
|
#content>p {margin:0px;}
|
|
#content>p+p {text-indent:10px;}
|
|
|
|
a {
|
|
color:#f00;
|
|
font-size:11px;
|
|
text-decoration:none;
|
|
font-weight:600;
|
|
font-family:verdana, arial, helvetica, sans-serif;
|
|
}
|
|
a:link {color:#f00;}
|
|
a:visited {color:#f00;}
|
|
a:hover {border-top: 1px dotted;}
|
|
|
|
a.text {
|
|
color:#000;
|
|
font-size:10px;
|
|
text-decoration:none;
|
|
font-family:verdana, arial, helvetica, sans-serif;
|
|
}
|
|
a.text:link {color:#000;}
|
|
a.text:visited {color:#000;}
|
|
a.text:hover {color:#000;}
|
|
|
|
#headspace {
|
|
margin:0px 00px 0px 0px;
|
|
height:89px;
|
|
width:719px;
|
|
position: fixed;
|
|
z-index:1;
|
|
background-color: #fff;
|
|
voice-family: "\"}\"";
|
|
voice-family:inherit;
|
|
width:700px; /* the correct height */
|
|
height:70px;
|
|
}
|
|
|
|
#header {
|
|
margin:50px 0px 10px 0px;
|
|
padding:17px 0px 0px 20px;
|
|
/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
|
|
height:33px; /* 14px + 17px + 2px = 33px */
|
|
width:719px; /* 14px + 17px + 2px = 33px */
|
|
position: fixed;
|
|
z-index:2;
|
|
border-style:solid;
|
|
border-color:gray;
|
|
border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
|
|
line-height:11px;
|
|
background-color:#ccc;
|
|
voice-family: "\"}\"";
|
|
voice-family:inherit;
|
|
width:700px; /* the correct height */
|
|
height:14px; /* the correct height */
|
|
}
|
|
body>#header {height:14px;}
|
|
|
|
#conspace {
|
|
margin:0px 50px 50px 10px;
|
|
top:0px;
|
|
padding:0px;
|
|
width:5px;
|
|
height:59px;
|
|
/*background-color:black;*/
|
|
z-index:0;
|
|
voice-family: "\"}\"";
|
|
voice-family:inherit;
|
|
width:5px; /* the correct height */
|
|
height:40px; /* the correct height */
|
|
}
|
|
|
|
#content {
|
|
margin:0px 50px 50px 10px;
|
|
position:absolute;
|
|
top:0px;
|
|
padding:10px;
|
|
width:619px;
|
|
z-index:0;
|
|
voice-family: "\"}\"";
|
|
voice-family:inherit;
|
|
width:600px; /* the correct height */
|
|
}
|
|
|
|
#logo {
|
|
position: fixed;
|
|
z-index:3;
|
|
margin:0px 0px 0px 0px;
|
|
padding:0px;
|
|
top:0px;
|
|
left:520px;
|
|
}
|
|
|
|
h1 {
|
|
color: #555;
|
|
background: white;
|
|
text-align: left;
|
|
font-size: 170%;
|
|
font-family : "Gill Sans", "Trebuchet MS", verdana, sans-serif;
|
|
}
|
|
|
|
h2 {
|
|
color: #333;
|
|
background: white;
|
|
text-align: left;
|
|
font-size: 140%;
|
|
font-family : "Gill Sans", "Trebuchet MS", verdana, sans-serif;
|
|
}
|
|
|
|
h2.title {
|
|
display:block;
|
|
color: #555;
|
|
padding:3px 4px;
|
|
margin: 35px 0px 0px 0px;
|
|
font-weight:bold;
|
|
background-color:#ddd;
|
|
border-bottom:1px dotted;
|
|
text-decoration:none;
|
|
}
|
|
|
|
h2.subtitle {
|
|
display:block;
|
|
color: #000;
|
|
font-weight:bold;
|
|
padding:5px 0px;
|
|
margin: 0px 0px 0px 0px;
|
|
font-weight:normal;
|
|
}
|
|
|
|
h2.consol {
|
|
display:block;
|
|
color: #000;
|
|
padding:3px 4px;
|
|
width: 90%;
|
|
font-size: 95%;
|
|
margin: 3px 0px 0px 25px;
|
|
font-weight:normal;
|
|
background-color:#eee;
|
|
border:1px dotted;
|
|
}
|
|
|
|
h2.footer {
|
|
display:block;
|
|
color: #aaa;
|
|
padding:0px 0px;
|
|
margin: 25px 0px 0px 0px;
|
|
font-size: 10px;
|
|
font-weight:normal;
|
|
background-color:#fff;
|
|
text-decoration:none;
|
|
}
|
|
|
|
div.center {
|
|
position: relative;
|
|
text-align: center;
|
|
}
|
|
|
|
img.border {
|
|
border: 1px solid;
|
|
margin: 20px 0px 0px 0px;
|
|
}
|