Team:Heidelberg/Templates/style2-css

From 2013.igem.org

(Difference between revisions)
(50% border radius for navigation images)
m
 
(8 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
 +
#nav {
 +
    height:110px;
 +
}
.navigation{
.navigation{
     margin: 0px auto;
     margin: 0px auto;
Line 11: Line 14:
.navigation .item{
.navigation .item{
     display:inline-block;
     display:inline-block;
-
     width: 9.6%;
+
     width: 9.5%;
     text-align:center;
     text-align:center;
     position:relative;
     position:relative;
Line 72: Line 75:
     font-weight:400;
     font-weight:400;
     color:#ffcc00;
     color:#ffcc00;
-
     z-index:9;
+
     z-index:2500;
-
 
+
    text-align:left;
}
}
.item ul{
.item ul{
Line 80: Line 83:
     top:100px;
     top:100px;
     display:none;
     display:none;
-
     z-index:8;
+
     z-index:2000;
     margin:0;
     margin:0;
}
}
Line 96: Line 99:
     float:left;
     float:left;
     clear:both;
     clear:both;
-
     width:160px;
+
     width:auto;
 +
    white-space: nowrap;
}
}
.item ul li a:hover{
.item ul li a:hover{
Line 124: Line 128:
     font-weight:400;
     font-weight:400;
     color:#EEDF3E;
     color:#EEDF3E;
-
     z-index:9;
+
     z-index:2500;
}
}
.item-human ul{
.item-human ul{
Line 132: Line 136:
     left:-52px;
     left:-52px;
     display:none;
     display:none;
-
     z-index:8;
+
     z-index:2000;
}
}
.item-human ul li a{
.item-human ul li a{
Line 144: Line 148:
     clear:both;
     clear:both;
     width:130px;
     width:130px;
-
     z-index:4;
+
     z-index:1800;
}
}
.item-project ul li a:hover{
.item-project ul li a:hover{
Line 161: Line 165:
     font-weight:400;
     font-weight:400;
     color:#EEDF3E;
     color:#EEDF3E;
-
     z-index:9;
+
     z-index:2500;
}
}
.item-project ul{
.item-project ul{
Line 169: Line 173:
     left:-52px;
     left:-52px;
     display:none;
     display:none;
-
     z-index:8;
+
     z-index:2000;
}
}
.item-project ul li a{
.item-project ul li a{
Line 181: Line 185:
     clear:both;
     clear:both;
     width:130px;
     width:130px;
-
     z-index:4;
+
     z-index:1800;
}
}
.item-team ul li a:hover{
.item-team ul li a:hover{
Line 198: Line 202:
     font-weight:400;
     font-weight:400;
     color:#EEDF3E;
     color:#EEDF3E;
-
     z-index:9;
+
     z-index:2500;
}
}
.item-team ul{
.item-team ul{
Line 206: Line 210:
     left:-52px;
     left:-52px;
     display:none;
     display:none;
-
     z-index:4;
+
     z-index:1800;
}
}
.item-team ul li a{
.item-team ul li a{
Line 218: Line 222:
     clear:both;
     clear:both;
     width:130px;
     width:130px;
-
     z-index:4;
+
     z-index:1800;
}
}
.item-softnote ul li a:hover{
.item-softnote ul li a:hover{
Line 229: Line 233:
     font-weight:400;
     font-weight:400;
     color:#EEDF3E;
     color:#EEDF3E;
-
     z-index:9;
+
     z-index:2500;
}
}
.item-softnote ul{
.item-softnote ul{
Line 237: Line 241:
     left:0px;
     left:0px;
     display:none;
     display:none;
-
     z-index:8;
+
     z-index:2000;
}
}
.item-softnote ul li a{
.item-softnote ul li a{
Line 249: Line 253:
     clear:both;
     clear:both;
     width:130px;
     width:130px;
-
     z-index:4;
+
     z-index:1800;
}
}
Line 264: Line 268:
.highlight_button:hover {
.highlight_button:hover {
     background-position:right;
     background-position:right;
 +
}
 +
 +
.fancybox_p_centered > img {
 +
    margin: 0% 25%;
 +
}
 +
 +
 +
.fancybox_p_centered > figcaption {
 +
    margin: 0% 10%;
}
}
</style>
</style>
</html>
</html>

Latest revision as of 00:34, 29 October 2013