/* General element-specific declarations */
html {
xmargin: 100px 100px 180px 180px;
background-color: black;
color: white;
font-family: arial;
}
a {
color: white;
text-decoration: underline;
letter-spacing: 3px;
font-size: 11px;
}
a:hover {
background-color: white;
color: black;
}
/* Show/hide section */
div#intro {
xdisplay: none;
}
div#modules {
xdisplay: none;
}
div#sounds {
xdisplay: none;
}
div#usbtocv {
xdisplay: none;
}
/* Basic area declarations */
div.title {
position: absolute;
float: left;
padding-top: 10px;
width: 1000px;
height: 80px;
font-size: 50px;
letter-spacing: 30px;
text-align: center;
border-bottom: 1px white dotted;
padding-bottom: 10px;
margin-bottom: 20px;
margin-left: 100px;
xdisplay: none;
}
html > body div.title {
margin-left: 100px;
}
div#xmlvalidate {
font-size: 10px;
color: rgb(60,60,60);
font-style: italic;
letter-spacing: 2px;
margin-left: 20px;
padding-top: 30px;
position: relative;
}
div#knas {
margin-left: 20px;
xposition: absolute;
xleft: 20px;
xtop: 20px;
float: left;
display: inline;
xz-index: 0;
}
div#dwarf {
xposition: absolute;
xmargin-top: 230px;
font-size: 10px;
color: rgb(60,60,60);
font-style: italic;
letter-spacing: 2px;
margin-left: 20px;
padding-top: 30px;
position: relative;
}
div#dwarf a:hover, div#xmlvalidate a:hover {
background-color: black;
}
div.menu {
position: absolute;
float: left;
xmargin-left: -170px;
margin-top: 100px;
border-right: 1px white solid;
width: 150px;
xheight: 200px;
padding-top: 20px;
margin-left: -230px;
}
html > body div.menu {
margin-left: 10px;
}
div.menuitem a, div.submenuitem a, div.subsubmenuitem a, div.subsubsubmenuitem a {
text-decoration: none;
font-weight: bold;
letter-spacing: 0px;
font-size: 12px;
color: rgb(180,180,180);
}
div.menudivider {
padding: 0px;
margin: 0px;
padding-left: -10px;
font-size: 14px;
font-weight: bold;
}
div.menuitem {
padding: 0px;
margin: 0px;
padding-left: 10px;
font-size: 14px;
font-weight: bold;
}
div.submenuitem {
padding-left: 20px;
font-size: 12px;
}
div.subsubmenuitem {
padding-left: 30px;
font-size: 12px;
}
div.subsubmenuitem a {
font-weight: normal;
font-size: 12px;
}
div.subsubsubmenuitem {
padding-left: 40px;
font-size: 10px;
}
div.subsubsubmenuitem a {
font-weight: normal;
font-size: 10px;
}
div.copyleft {
xposition: absolute;
float: left;
text-align: justify;
font-style: italic;
font-size: 9px;
xmargin-top: 350px;
color: rgb(200,200,200);
xmargin-left: -200px;
position: relative;
margin-left: 10px;
}
html > body div.copyleft {
margin-left: 20px;
}
img#email {
display: inline;
align: vertical;
}
/* General specific declarations */
div.center {
text-align: center;
}
div.justify {
text-align: justify;
}
div.body {
owidth: 520px;
width: 720px;
xmargin-left: 60px;
margin-left: 240px;
padding-top: 150px;
margin-bottom: 150px;
}
img {
border: none;
}
img.left {
float: left;
margin-right: 10px;
margin-bottom: 10px;
border: none;
}
img.right {
float: right;
margin-left: 10px;
margin-bottom: 10px;
border: none;
}
a.strike {
text-decoration: line-through;
}
div.comment {
font-size: 10px;
font-style: italic;
color: rgb(180,180,180);
margin-top: 30px;
}
div.red {
color: red;
}
div.strike {
text-decoration: line-through;
}
/* Information-specific declarations */
table.gallery {
owidth: 520px;
width: 720px;
}
table.gallery tr td a:hover {
background-color: black;
color: white;
}
table.gallery img {
width: 115px;
border: none;
}
table.gallery tr td {
border: 1px rgb(100,100,100) dotted;
text-align: center;
}
div#panelmodules {
padding-top: 40px;
}
ul {
margin-left: 0px;
padding-left: 15px;
list-style: square;
}
ul li {
padding-bottom: 5px;
font-size: 12px;
}
div.intro {
font-weight: bold;
letter-spacing: 10px;
margin-bottom: 25px;
}
div#calle {
padding-top: 20px;
}
div#calle img {
xborder: 1px rgb(80,80,80) dashed;
}
div.imagetext {
color: rgb(100,100,100);
padding-top:0px;
margin-top:-2px;
font-size: 10px;
font-style: italic;
xmargin-left: 130px;
float: right;
margin-right: 62px;
}
img.small {
width: 25%;
}
div.botdotted {
border-bottom: 1px white dotted;
}
a#pornography {
}
div.bold {
font-weight: bold;
letter-spacing: 5px;
font-style: italic;
}
div.schematics {
margin-top: +5px;
margin-left: +10px;
font-size: 12px;
}
img.fag {
width: 170px;
}
img.bobdemocover {
width: 255px;
}
div.bobdemotitle {
text-align: center;
font-weight: bold;
font-size: 18px;
letter-spacing: 10px;
margin-bottom: 15px;
}
td.left {
text-align: left;
}
td.right {
text-align: right;
}
div.demotext {
font-style: italic;
font-size: 11px;
color: rgb(200,200,200);
}
div.headbreak {
font-weight: bold;
letter-spacing: 10px;
margin-top: 25px;
margin-bottom: 15px;
}
img.intropic {
width: 150px;
height: 120px;
}
div.italic {
display: inline;
font-style: italic;
}
div.imagetextleft {
color: rgb(100,100,100);
padding-top:0px;
margin-top:-2px;
font-size: 10px;
font-style: italic;
float: left;
}
img.blockdia {
border: 2px rgb(100,100,100) dashed;
}
ol {
margin-left: 0px;
padding-left: 15px;
xlist-style: square;
}
ol li {
padding-bottom: 5px;
font-size: 12px;
}
div.underline {
display: inline;
text-decoration: underline;
}
div.left {
float: left;
margin-right: 15px;
margin-top: 15px;
margin-bottom: 15px;
}
div.formula {
xpadding: 2px;
border: 1px white solid;
background-color: rgb(128,128,128);
display: inline;
}
div.news {
font-style: italic;
color: rgb(200,200,200);
font-weight:bold;
font-size: 12px;
display: inline;
padding-right:
}
table.small {
font-size: 10px;
}
table.small td {
vertical-align: top;
}
/*******************************************************************************************/
div.headBegin {
font-size: 60px;
display: inline;
font-weight: bold;
float: left;
margin-right: 5px;
margin-top: -7px;
padding-top: 0px;
margin-bottom: -7px;
}
div.head {
font-size: 24px;
font-weight: bold;
display: inline;
}
div.dandisclaimer {
border: 3px solid red;
}
/*******************************************************************************************/