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

From 2014.igem.org

(Difference between revisions)
 
(102 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<head>
 
<style type="text/css">
<style type="text/css">
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .firstHeading {display: none;} /*-- hides default wiki settings --*/
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .firstHeading {display: none;} /*-- hides default wiki settings --*/
 +
#ribbon{
 +
    margin-left: -75px;
 +
    margin-top:-40px;
 +
    width: 1065px;
 +
    heigt: 98px;
 +
    padding:0px;
 +
}
 +
ribbon.ribbon_left{
 +
    background-image: url(https://static.igem.org/mediawiki/2014/2/2a/Bielefeld-CeBiTec_14-06-07_Ribbon_left.png);
 +
    background-size:100% 100%;
 +
    width: 61px;
 +
    height: 98px;
 +
    float: left;
 +
}
 +
ribbon.ribbon_space{
 +
    background-image: url(https://static.igem.org/mediawiki/2014/5/55/Bielefeld-CeBiTec_14-06-07_Ribbon_middle.png);
 +
    background-size:100% 100%;
 +
    float: left;
 +
    height: 98px;
 +
}
 +
ribbon.ribbon_middle{
 +
    background-image: url(https://static.igem.org/mediawiki/2014/5/55/Bielefeld-CeBiTec_14-06-07_Ribbon_middle.png);
 +
    background-size:100% 100%;
 +
    width: auto;
 +
    height: 98px;
 +
    float: left;
 +
    padding-left: 10px;
 +
    padding-right: 10px;
 +
 +
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-size:100% 100%;
 +
    width: auto;
 +
    height: 98px;
 +
}
 +
ribbon.ribbon_right{
 +
    background-image: url(https://static.igem.org/mediawiki/2014/e/e1/Bielefeld-CeBiTec_14-06-07_Ribbon_right.png);
 +
    background-size:100% 100%;
 +
    width: 13px;
 +
    height: 98px;
 +
    float: left;
 +
}
 +
p.ribbon{
 +
    margin-top:40px;
 +
}
 +
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
-
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
+
}
 +
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, h6 { font-family: Georgia, Times, "Times New Roman", serif;}
h1{
h1{
border-bottom:0px  
border-bottom:0px  
Line 14: Line 108:
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
background-color: #383838;
background-color: #383838;
-
border: 10 none;
+
border: none;
-
height: 0px;
+
height: 0;
z-index: 100;
z-index: 100;
top: 0;
top: 0;
-
position: fixed;
+
position: absolute;
width: 975px;  
width: 975px;  
-
left: 50%;  
+
left: 50%;
margin-left: -487px;
margin-left: -487px;
}
}
Line 29: Line 123:
display: block;
display: block;
z-index: 10;
z-index: 10;
-
position: fixed;
+
position: absolute;
width: 100%;
width: 100%;
top: 0;
top: 0;
Line 40: Line 134:
}
}
-
body {
 
-
background-color: #fff;
 
-
}
 
#globalWrapper, #content { /*-- changes default wiki settings --*/
#globalWrapper, #content { /*-- changes default wiki settings --*/
Line 51: Line 142:
margin: 0px;
margin: 0px;
padding: 0px;
padding: 0px;
 +
}
 +
table{
 +
        margin-top: 0px;
 +
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 206: 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.
 +
*/
 +
 +
article,
 +
aside,
 +
details,
 +
figcaption,
 +
figure,
 +
footer,
 +
header,
 +
hgroup,
 +
nav,
 +
section,
 +
summary {
 +
    display: block;
 +
}
-
</style>
 
</style>
</style>
</html>
</html>

Latest revision as of 09:35, 12 August 2014