Team:Paris Bettencourt/Menu
From 2013.igem.org
(Difference between revisions)
Line 2: | Line 2: | ||
<html> | <html> | ||
+ | |||
+ | <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'> | ||
<style type="text/css"> | <style type="text/css"> | ||
Line 14: | Line 16: | ||
padding:0; | padding:0; | ||
margin:0; | margin:0; | ||
- | + | top:0px; | |
width:1000px; | width:1000px; | ||
- | height: | + | height:30px; |
- | z-index: | + | z-index:100; |
display:block; | display:block; | ||
- | background: | + | background:rgb(30,39,43); |
- | color: | + | color:rgb(250,247,186); |
text-align:center; | text-align:center; | ||
- | line-height: | + | line-height:30px; |
} | } | ||
.sidelogos { | .sidelogos { | ||
Line 29: | Line 31: | ||
margin:0; | margin:0; | ||
height:100%; | height:100%; | ||
- | width: | + | width:40px; |
} | } | ||
#pblogo{ | #pblogo{ | ||
Line 37: | Line 39: | ||
#pgmap{ | #pgmap{ | ||
float:left; | float:left; | ||
- | left: | + | left:40px; |
} | } | ||
#fbnoticon{ | #fbnoticon{ | ||
float:right; | float:right; | ||
- | left: | + | left:920px; |
} | } | ||
#twnoticon{ | #twnoticon{ | ||
float:right; | float:right; | ||
- | left: | + | left:960px; |
} | } | ||
#pblogo img, #pgmap:hover img{ | #pblogo img, #pgmap:hover img{ | ||
Line 53: | Line 55: | ||
#twnoticon:hover img, #fbnoticon:hover img { | #twnoticon:hover img, #fbnoticon:hover img { | ||
border-radius:3px; | border-radius:3px; | ||
- | background-color: | + | background-color:rgb(250,247,186); |
} | } | ||
#twitapp, #fbapp { | #twitapp, #fbapp { | ||
Line 61: | Line 63: | ||
width:250px; | width:250px; | ||
height:400px; | height:400px; | ||
- | + | top:30px; | |
border-radius:3px; | border-radius:3px; | ||
- | border: 1px solid | + | border: 1px solid rgb(30,39,43); |
- | background: | + | background: rgb(255,255,255); |
+ | z-index:100; | ||
} | } | ||
#fbapp{ | #fbapp{ | ||
- | right:- | + | right:-40px; |
} | } | ||
ul#nav { | ul#nav { | ||
Line 75: | Line 78: | ||
list-style: none; | list-style: none; | ||
height:100%; | height:100%; | ||
- | width: | + | width:84%px; |
- | left: | + | left:80px; |
background:none; | background:none; | ||
- | line-height: | + | line-height:30px; |
+ | z-index:100; | ||
+ | font-family: 'Yanone Kaffeesatz', sans-serif; | ||
} | } | ||
ul#nav ul { | ul#nav ul { | ||
Line 85: | Line 90: | ||
list-style:none; | list-style:none; | ||
background:none; | background:none; | ||
- | line-height: | + | line-height:30px; |
+ | z-index:100; | ||
} | } | ||
ul#nav li { | ul#nav li { | ||
Line 91: | Line 97: | ||
padding:0; | padding:0; | ||
margin:0; | margin:0; | ||
- | width: | + | width:118px; |
- | height: | + | height:30px; |
font-size:14px; | font-size:14px; | ||
font-weight:600; | font-weight:600; | ||
- | border-left:1px solid | + | border-left:1px solid rgb(250,247,186); |
- | border-right:1px solid | + | border-right:1px solid rgb(250,247,186); |
background:none; | background:none; | ||
+ | font-weight:normal; | ||
+ | z-index:100; | ||
} | } | ||
ul#nav li:hover, ul#nav li.over, ul#nav li:hover a, ul#nav li.over a { | ul#nav li:hover, ul#nav li.over, ul#nav li:hover a, ul#nav li.over a { | ||
- | color: | + | color: rgb(30,39,43); |
- | background-color: | + | background-color:rgb(250,247,186); |
+ | font-weight:bold; | ||
} | } | ||
ul#nav a{ | ul#nav a{ | ||
Line 110: | Line 119: | ||
text-decoration:none; | text-decoration:none; | ||
background:transparent; | background:transparent; | ||
- | color: | + | color:rgb(250,247,186); |
} | } | ||
ul#nav a:hover{ | ul#nav a:hover{ | ||
- | color: | + | color: rgb(30,39,43); |
} | } | ||
#nav li ul { | #nav li ul { | ||
Line 121: | Line 130: | ||
position:absolute; | position:absolute; | ||
margin-left:-1px; | margin-left:-1px; | ||
- | + | top: 30px; | |
height:auto; | height:auto; | ||
- | width: | + | width:118px; |
border:none; | border:none; | ||
- | background: | + | background: rgb(30,39,43); |
- | color: | + | color:rgb(250,247,186); |
+ | z-index:100; | ||
} | } | ||
#nav li ul li { | #nav li ul li { | ||
Line 133: | Line 143: | ||
float:left; | float:left; | ||
background:none; | background:none; | ||
- | height: | + | height:30px; |
width:100%; | width:100%; | ||
- | border:1px solid | + | border:1px solid rgb(250,247,186); |
border-bottom:none; | border-bottom:none; | ||
+ | z-index:100; | ||
} | } | ||
#nav li:hover ul { | #nav li:hover ul { | ||
Line 145: | Line 156: | ||
} | } | ||
ul#nav li:hover li a, ul#nav li.over li a { | ul#nav li:hover li a, ul#nav li.over li a { | ||
- | background-color: | + | background-color: rgb(30,39,43); |
- | color: | + | color:rgb(250,247,186); |
+ | font-weight:normal; | ||
} | } | ||
ul#nav li li:hover, ul#nav li li.over, ul#nav li li:hover a, ul#nav li li.over a { | ul#nav li li:hover, ul#nav li li.over, ul#nav li li:hover a, ul#nav li li.over a { | ||
- | color: | + | color: rgb(30,39,43); |
- | background-color: | + | background-color:rgb(250,247,186); |
+ | font-weight:bold; | ||
} | } | ||
</style> | </style> | ||
Line 160: | Line 173: | ||
<div id="pblogo" class="sidelogos"> | <div id="pblogo" class="sidelogos"> | ||
<a href="https://2013.igem.org/Team:Paris_Bettencourt" title="Home Page"> | <a href="https://2013.igem.org/Team:Paris_Bettencourt" title="Home Page"> | ||
- | <img src="https://static.igem.org/mediawiki/2013/5/5d/PB_miniLogo.gif" height=" | + | <img src="https://static.igem.org/mediawiki/2013/5/5d/PB_miniLogo.gif" height="30px" width="30px"/> |
</a> | </a> | ||
</div> | </div> | ||
<div id="pgmap" class="sidelogos"> | <div id="pgmap" class="sidelogos"> | ||
<a href="https://2013.igem.org/Team:Paris_Bettencourt/Site_Map" title="Site Map"> | <a href="https://2013.igem.org/Team:Paris_Bettencourt/Site_Map" title="Site Map"> | ||
- | <img src="" height=" | + | <img src="https://static.igem.org/mediawiki/2013/5/5d/PB_miniLogo.gif" height="30px" width="30px"/> |
</a> | </a> | ||
</div> | </div> | ||
Line 171: | Line 184: | ||
<li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Overview" title="Project Overview">PROJECT</a> | <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Overview" title="Project Overview">PROJECT</a> | ||
<ul> | <ul> | ||
- | <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/ | + | <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Phage_Sensor" title="Phage Sensor">DETECT</a> </li> |
- | <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/ | + | <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Drug_Screening" title="Drug Screening">TARGET</a> </li> |
- | + | <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/TB-ception" title="TB-ception">INFILTRATE</a> </li> | |
- | <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/ | + | <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Trojan_Horse" title="Trojan Horse">SABOTAGE</a> </li> |
- | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Achievements" title="Achievements">ACHIEVEMENTS</a> | <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Achievements" title="Achievements">ACHIEVEMENTS</a> | ||
</li> | </li> | ||
+ | <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Parts" title="Submitted Parts">PARTS</a> </li> | ||
<li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/Overview" title="Human Practice Overview">HUMAN PRACTICE</a> | <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/Overview" title="Human Practice Overview">HUMAN PRACTICE</a> | ||
- | |||
- | |||
- | |||
</li> | </li> | ||
- | <li> <a href="" title=""> | + | <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/Safety" title="Safety">SAFETY</a> </li> |
+ | <li> <a href="" title="">NOTEBOOK</a> | ||
<ul> | <ul> | ||
- | + | <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Notebook" title="Day Notes">DAY NOTES</a> </li> | |
<li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Protocols" title="Protocols">PROTOCOLS</a> </li> | <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Protocols" title="Protocols">PROTOCOLS</a> </li> | ||
- | |||
</ul> | </ul> | ||
</li> | </li> | ||
<li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Team" title="Team">TEAM</a> | <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Team" title="Team">TEAM</a> | ||
<ul> | <ul> | ||
- | |||
<li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Contact" title="Contact">CONTACT</a> </li> | <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Contact" title="Contact">CONTACT</a> </li> | ||
+ | <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Attributions" title="Attributions">ATTRIBUTIONS</a> </li> | ||
+ | <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Acknowledgements" title="Acknowledgements">ACKNOWLEDGEMENTS</a></li> | ||
</ul> | </ul> | ||
</li> | </li> |
Revision as of 15:32, 29 August 2013