Team:Heidelberg/Templates/style2-css
From 2013.igem.org
(Difference between revisions)
Nils.kurzawa (Talk | contribs) m |
m |
||
(12 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: | + | width: 9.5%; |
text-align:center; | text-align:center; | ||
position:relative; | position:relative; | ||
Line 42: | Line 45: | ||
.human a.icon{ | .human a.icon{ | ||
background:transparent url("https://static.igem.org/mediawiki/2013/5/5b/Heidelberg_symbol_human.png") no-repeat 0px 0px; | background:transparent url("https://static.igem.org/mediawiki/2013/5/5b/Heidelberg_symbol_human.png") no-repeat 0px 0px; | ||
+ | } | ||
+ | .model a.icon{ | ||
+ | background:transparent url("https://static.igem.org/mediawiki/2013/7/78/Heidelberg_model.png") no-repeat 0px 0px; | ||
} | } | ||
.navigation .item a.active{ | .navigation .item a.active{ | ||
Line 48: | Line 54: | ||
.item img.circle{ | .item img.circle{ | ||
position:relative; | position:relative; | ||
+ | border-radius:50%; | ||
width:52px; | width:52px; | ||
height:52px; | height:52px; | ||
Line 68: | 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 76: | Line 83: | ||
top:100px; | top:100px; | ||
display:none; | display:none; | ||
- | z-index: | + | z-index:2000; |
margin:0; | margin:0; | ||
} | } | ||
Line 92: | 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 120: | Line 128: | ||
font-weight:400; | font-weight:400; | ||
color:#EEDF3E; | color:#EEDF3E; | ||
- | z-index: | + | z-index:2500; |
} | } | ||
.item-human ul{ | .item-human ul{ | ||
Line 128: | 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 140: | 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 157: | Line 165: | ||
font-weight:400; | font-weight:400; | ||
color:#EEDF3E; | color:#EEDF3E; | ||
- | z-index: | + | z-index:2500; |
} | } | ||
.item-project ul{ | .item-project ul{ | ||
Line 165: | 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 177: | 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 194: | Line 202: | ||
font-weight:400; | font-weight:400; | ||
color:#EEDF3E; | color:#EEDF3E; | ||
- | z-index: | + | z-index:2500; |
} | } | ||
.item-team ul{ | .item-team ul{ | ||
Line 202: | 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 214: | 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 225: | Line 233: | ||
font-weight:400; | font-weight:400; | ||
color:#EEDF3E; | color:#EEDF3E; | ||
- | z-index: | + | z-index:2500; |
} | } | ||
.item-softnote ul{ | .item-softnote ul{ | ||
Line 233: | 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 245: | Line 253: | ||
clear:both; | clear:both; | ||
width:130px; | width:130px; | ||
- | z-index: | + | z-index:1800; |
+ | } | ||
+ | |||
+ | .highlight_button { | ||
+ | background-repeat:no-repeat; | ||
+ | width:80px; | ||
+ | height:80px; | ||
+ | background-size:160px 80px; | ||
+ | background-position:left; | ||
+ | display:inline-block; | ||
+ | margin-left:15%; | ||
+ | } | ||
+ | |||
+ | .highlight_button:hover { | ||
+ | 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