Team:Heidelberg/Templates/style2-css
From 2013.igem.org
(Difference between revisions)
JuliaS1992 (Talk | contribs) (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. | + | 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: | + | z-index:2500; |
- | + | text-align:left; | |
} | } | ||
.item ul{ | .item ul{ | ||
Line 80: | Line 83: | ||
top:100px; | top:100px; | ||
display:none; | display:none; | ||
- | z-index: | + | z-index:2000; |
margin:0; | margin:0; | ||
} | } | ||
Line 96: | Line 99: | ||
float:left; | float:left; | ||
clear:both; | clear:both; | ||
- | width: | + | 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: | + | z-index:2500; |
} | } | ||
.item-human ul{ | .item-human ul{ | ||
Line 132: | Line 136: | ||
left:-52px; | left:-52px; | ||
display:none; | display:none; | ||
- | z-index: | + | 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: | + | 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: | + | z-index:2500; |
} | } | ||
.item-project ul{ | .item-project ul{ | ||
Line 169: | Line 173: | ||
left:-52px; | left:-52px; | ||
display:none; | display:none; | ||
- | z-index: | + | 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: | + | 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: | + | z-index:2500; |
} | } | ||
.item-team ul{ | .item-team ul{ | ||
Line 206: | Line 210: | ||
left:-52px; | left:-52px; | ||
display:none; | display:none; | ||
- | z-index: | + | 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: | + | 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: | + | z-index:2500; |
} | } | ||
.item-softnote ul{ | .item-softnote ul{ | ||
Line 237: | Line 241: | ||
left:0px; | left:0px; | ||
display:none; | display:none; | ||
- | z-index: | + | 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: | + | 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