Template:Team:Bielefeld-CeBiTec/CSS/main.css

From 2014.igem.org

(Difference between revisions)
 
(78 intermediate revisions not shown)
Line 1: Line 1:
-
[[Media:Example.ogg]]<html>
+
<html>
<style type="text/css">
<style type="text/css">
Line 5: Line 5:
#ribbon{
#ribbon{
 +
    margin-left: -75px;
     margin-top:-40px;
     margin-top:-40px;
 +
    width: 1065px;
 +
    heigt: 98px;
 +
    padding:0px;
}
}
-
#ribbon_left{
+
ribbon.ribbon_left{
     background-image: url(https://static.igem.org/mediawiki/2014/2/2a/Bielefeld-CeBiTec_14-06-07_Ribbon_left.png);
     background-image: url(https://static.igem.org/mediawiki/2014/2/2a/Bielefeld-CeBiTec_14-06-07_Ribbon_left.png);
-
     background-size:contain;
+
     background-size:100% 100%;
-
    margin-left: -65px;
+
-
    margin-top: 3px;
+
     width: 61px;  
     width: 61px;  
     height: 98px;  
     height: 98px;  
     float: left;
     float: left;
}
}
-
#ribbon_space{
+
ribbon.ribbon_space{
     background-image: url(https://static.igem.org/mediawiki/2014/5/55/Bielefeld-CeBiTec_14-06-07_Ribbon_middle.png);
     background-image: url(https://static.igem.org/mediawiki/2014/5/55/Bielefeld-CeBiTec_14-06-07_Ribbon_middle.png);
-
     background-size:contain;
+
     background-size:100% 100%;
     float: left;
     float: left;
     height: 98px;
     height: 98px;
}
}
-
#ribbon_middle{
+
ribbon.ribbon_middle{
     background-image: url(https://static.igem.org/mediawiki/2014/5/55/Bielefeld-CeBiTec_14-06-07_Ribbon_middle.png);
     background-image: url(https://static.igem.org/mediawiki/2014/5/55/Bielefeld-CeBiTec_14-06-07_Ribbon_middle.png);
-
     background-size:contain;
+
     background-size:100% 100%;
     width: auto;  
     width: auto;  
     height: 98px;  
     height: 98px;  
Line 31: Line 33:
     padding-right: 10px;
     padding-right: 10px;
}   
}   
-
#ribbon_middle:hover{
+
ribbon.ribbon_middle:hover{
     background-image:url(https://static.igem.org/mediawiki/2014/0/00/Bielefeld-CeBiTec_14-06-07_Ribbon_middle_rev.png);
     background-image:url(https://static.igem.org/mediawiki/2014/0/00/Bielefeld-CeBiTec_14-06-07_Ribbon_middle_rev.png);
-
     background-size:contain;
+
     background-size:100% 100%;
     width: auto;  
     width: auto;  
     height: 98px;
     height: 98px;
}
}
-
#ribbon_right{
+
ribbon.ribbon_right{
     background-image: url(https://static.igem.org/mediawiki/2014/e/e1/Bielefeld-CeBiTec_14-06-07_Ribbon_right.png);
     background-image: url(https://static.igem.org/mediawiki/2014/e/e1/Bielefeld-CeBiTec_14-06-07_Ribbon_right.png);
-
     background-size:contain;
+
     background-size:100% 100%;
-
     width: 11px;  
+
     width: 13px;  
     height: 98px;  
     height: 98px;  
     float: left;
     float: left;
Line 48: Line 50:
}
}
 +
div#menue{
 +
    width: 1000px;
 +
    height: 150px;
 +
    padding: 0px;
 +
}
 +
div#menueButton{
 +
    background-image: url(https://static.igem.org/mediawiki/2014/5/51/Bielefeld-CeBiTec_14-06-04_Button_small_rev.png);
 +
    background-size: 100% 100%;
 +
    width: 130px;
 +
    height: 45px;
 +
    float: left;
 +
    margin-right: 2px;
 +
 +
div#menueButton:hover{
 +
    background-image:url(https://static.igem.org/mediawiki/2014/6/66/Bielefeld-CeBiTec_14-06-04_Button_small.png);
 +
    background-size: 100% 100%;
 +
}
 +
div#menueButtonB{
 +
    background-image: url(https://static.igem.org/mediawiki/2014/a/ab/Bielefeld-CeBiTec_14-06-04_Button_big_rev.png);
 +
    background-size: 100% 100%;
 +
    background-repeat:no-repeat
 +
    padding-left: 3px;
 +
    padding-right: 3px;
 +
    width: 155px;
 +
    height: 45px;
 +
    float: left;
 +
    margin-right: 2px;
 +
 +
div#menueButtonB:hover{
 +
    background-image:url(https://static.igem.org/mediawiki/2014/a/af/Bielefeld-CeBiTec_14-06-04_Button_big.png);
 +
    background-size: 100% 100%;
 +
    background-repeat:no-repeat
 +
 +
}
 +
p.center{
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
}
 +
 +
.element{
 +
    background-color: rgba(255,255,255,0.8);
 +
    height:auto;
 +
}
 +
 +
div#text{
 +
font-size:1em;
 +
line-height:150%;
 +
font-family:Georgia, Times,'Times New Roman',serif;
 +
text-align:justify;
 +
}
-
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
+
h1, h2, h3, h4, h5, h6 { font-family: Georgia, Times, "Times New Roman", serif;}
h1{
h1{
border-bottom:0px  
border-bottom:0px  
Line 82: Line 134:
}
}
-
body {
 
-
background-color: #fff;
 
-
}
 
-
 
-
#background{
 
-
  position:absolute;
 
-
  width:100%;
 
-
  height:100%;
 
-
  z-index:1;
 
-
}
 
#globalWrapper, #content { /*-- changes default wiki settings --*/
#globalWrapper, #content { /*-- changes default wiki settings --*/
Line 102: Line 144:
}
}
table{
table{
-
         margin-top: 20px;
+
         margin-top: 0px;
background-color: rgba(255,255,255,0.8);
background-color: rgba(255,255,255,0.8);
}
}
-
html, body, .wrapper { /*-- changes default wiki settings --*/
+
 
-
width: 100%;
+
 
-
height: 100%;
+
-
background-color: transparent;
+
-
}
+
#contentcontainer { /*-- creates container for all content on page --*/
#contentcontainer { /*-- creates container for all content on page --*/
Line 259: Line 298:
.annItem li {list-style: none; margin: 5px}
.annItem li {list-style: none; margin: 5px}
-
a, a:visited {color: #F37321; text-decoration:none;}
+
<!--a:visited {color: #3fb498;text-decoration:none;}-->
-
a:hover {color: #006633; text-decoration:none;}  
+
a:hover { color:#006b60 !important; text-decoration:underline !important;}
-
 
+
a:link {color: #3fb498;text-decoration:none;}
-
 
+
a:active {color: #3fb498;text-decoration:none;}
/*
/*
  * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
  * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.

Latest revision as of 09:35, 12 August 2014