Team:DTU-Denmark/all.css
From 2014.igem.org
/*Menu bar*/
/*custom start*/
- searchform {visibility:hidden;}
div.content_body {
background: url("") repeat-x #FFFFFF;
display: block; position: relative; margin: 0 auto; width: 943px;
padding-left: 100px;
}
div.navigater { clear: both; position: relative; width: 1024px; height: 50px; padding-top: 0px;
padding-left: 170px;
} .navigater ul { position: relative; left: -50px;
z-index:100;
text-align: center; display: inline; list-style: none;
margin:0px; padding-left:0px; heigth:50px;
}
/*Menu bar*/ .navigater ul li {
z-index:100; font: bold 14px/20px helvetica; display: inline-block; margin: 0 5px; padding-bottom: 18px; position: relative; width: 126px; height: 32px; background-repeat:no-repeat; text-align:center; cursor: pointer; -webkit-transition: background-image 0.2s; -moz-transition: background-image 0.2s; -ms-transition: background-image 0.2s; -o-transition: background-image 0.2s; transition: background-image 0.2s;
}
/*Menu bar text*/ .navigater ul li a:link{ color: rgb(252,241,206); display: inline-block; font-size:14px/20px; width: 126px; height: 14px; padding-bottom:18px; padding-top: 18px; text-align:center; text-decoration:none; } .navigater ul li a:hover {text-decoration:none; background-color: transparent;} .navigater ul li a:visited {text-decoration:none; background-color: transparent;}
.navigater ul li:hover { z-index:100; color: #fff; -webkit-transition: background-image 0.2s; -moz-transition: background-image 0.2s; -ms-transition: background-image 0.2s; -o-transition: background-image 0.2s; transition: background-image 0.2s; }
/*Dropdown menues*/ .navigater ul li ul { list-style: none; z-index:100; display: block; position: absolute; width: 120px; top: 50px; left: 3px; opacity: 0; visibility: hidden;
background: #559a57;
-webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s; }
.navigater ul li ul li {
display:block; z-index:100;
font: bold 12px/18px helvetica;
width: 120px; margin: 0px; padding: 9px 0px; background-repeat:no-repeat; text-align:center; cursor: pointer; }
.navigater ul li ul li a:link{ width: 120px;
padding: 9px 0px;
font-size:10px/16px; }
.navigater ul li ul li:hover { background-image:url(); background-repeat: no-repeat; background-position: 50% 60%;
}
/*Drop down menues*/ .navigater ul li:hover ul {
z-index:200; opacity: 1; visibility: visible;
}
/* color separately */
- HOME { background: url(https://static.igem.org/mediawiki/2014/1/12/Menubar-wide.png);}
- HOME > li > a { text-size: 30pt;}
- PROJECT { background: url(https://static.igem.org/mediawiki/2014/1/12/Menubar-wide.png);}
- PROJECT:hover { background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);}
- PARTS { background: url(https://static.igem.org/mediawiki/2014/1/12/Menubar-wide.png);}
- PARTS:hover { background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);}
- HUMANPRACTICES { background: url(https://static.igem.org/mediawiki/2014/1/12/Menubar-wide.png);}
- HUMANPRACTICES:hover { background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);}
- NOTEBOOK { background: url(https://static.igem.org/mediawiki/2014/1/12/Menubar-wide.png);}
- NOTEBOOK:hover { background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);}
- TEAM { background: url(https://static.igem.org/mediawiki/2014/1/12/Menubar-wide.png);}
- TEAM:hover { background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);}
- SPONSORS { background: url(https://static.igem.org/mediawiki/2014/1/12/Menubar-wide.png);}
- SPONSORS:hover { background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);}
/* color separately end */
- cont_column {
z-index: 200;
margin-top: -100px;
margin-bottom: 100px; background: rgb(250,0,250); padding-bottom: 0px; width: 1024px; left: 100px;
}
- cont_column div.chapter {
position: relative; left: -100px; top: 100px; width: 1024px; border-style: solid;
background-repeat: no-repeat;
box-shadow: 0px 0px 25px #888888; border-style: solid; border-width: 0px; border-color: #f7eed1; margin-bottom: -5px; padding: 60px 0; }
- cont_column h1,h2,h3,h4,p{
position: relative; width: 900px; margin-left: 90px; margin-right: 50px; }
- cont_column ol,#cont_column ul{
position: relative; width: 900px; margin-left: 100px; margin-right: 100px; }
- cont_column li{
font-weight:bold; font-family: verdana; margin-left: 30px; text-align:left; padding: 5px 0px;
}
- cont_column span {
display: block; position: relative; font-weight: bold; top: -40px; right: 0px; height: 30px; font-family: Monotype Corsiva; font-size: 20px; text-align: right; padding: 0px; margin: 0px; }
- cont_column h1,#cont_column h2 {
font-weight: bold; }
}
- cont_column h3 {
padding-bottom:5px; margin-bottom: 0px; }
- top_button {
width: 100px; height: 100px; position: absolute;
right:0px; top:0px;
display: block; } /*hover animation*/
- top_button p {
margin: 0; padding: 0; visibility: hidden; background-image: url(); background-repeat: no-repeat; display: inline-block; width:100px; height:51px; position: relative; text-align: center; font:10px helvetica; }
/* top button*/
- top_button span{
z-index: 100; position: fixed; display: block; background: url();
background-repeat: no-repeat;
margin: 0 0; width: 100px; height: 151px; bottom: 50px; cursor: pointer; }
- top_button span:hover {
}
- top_button img {
clear: both; }
- side_bar {
position: absolute; width: 190px; top:100; left:0; }
- side_bar div {
position: relative;
top: 200px;
}
/* tag styles */ .anchor-h2 { display: block; position: relative; left: 0px; float:right;
padding: 1px 20px 1px 1px; margin-top: 5px; border-color: #FFF; } .anchor-h2 p { margin:0; padding:6px 2px; border:2px dotted #333; width:190px; text-decoration: none; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 16px; } .anchor-h3 { display: inline; position: relative; float:right;
padding: 1px 10px 1px 1px; margin-top: 1px; } .anchor-h3 p{ margin:0; padding:0px 2px; border:2px dotted #DDD; width:180px; text-decoration: none; left: 0px; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
- side_bar p {
color: rgb(255, 255, 255); text-decoration: none; cursor: pointer; }
- side_bar a:visited {
color: rgb(255, 255, 255); }
- side_bar a:active {
color: rgb(255, 255, 255); }
- side_bar a:hover {
}
- side_bar #address {
clear:left; }
- side_bar #address p {
font-family:"Cooper Black"; color: #724c21; font-size: 16px; position: relative; margin: 5px auto; height:20px; text-align: center; }
- references p {
width: 740px; text-align:left; font-size:10px; margin-left: 110px; } a.quote { vertical-align:super; font-size:10px; } a.quote,a.references {
color:#696;
}
/*--custom end */
/* guide_link2 start */
div.results_guide2 {
display:block;
position:relative;
width:700px;
height: 300px;
margin:0px;
padding:0px;
background-image:url();
}
a.guide_button2 {
display:block;
position:absolute;
width:160px;
height:210px;
}