Template:Team:UIUC Illinois/Navbar
From 2014.igem.org
(Difference between revisions)
(100 intermediate revisions not shown) | |||
Line 23: | Line 23: | ||
left:0; | left:0; | ||
right:0; | right:0; | ||
- | background-color: | + | background-color: #CCA36F; |
} | } | ||
#navmenubox { | #navmenubox { | ||
Line 51: | Line 51: | ||
} | } | ||
#hicon{ | #hicon{ | ||
- | width: | + | width:30px; |
} | } | ||
#sicon{ | #sicon{ | ||
Line 61: | Line 61: | ||
} | } | ||
- | #hicon img, #sicon img, #igemlogo | + | #hicon img, #sicon img, #igemlogo img{ |
background-color:rgb(46,43,52); | background-color:rgb(46,43,52); | ||
margin-top:8px; | margin-top:8px; | ||
margin-bottom:2px; | margin-bottom:2px; | ||
} | } | ||
- | #hicon:hover img, #sicon:hover | + | |
+ | |||
+ | #picon img{ | ||
+ | background-color:"white"; | ||
+ | margin-top:8px; | ||
+ | margin-bottom:2px; | ||
+ | } | ||
+ | |||
+ | #hicon:hover img, #sicon:hover img{ | ||
background-color:rgb(255,203,139); | background-color:rgb(255,203,139); | ||
} | } | ||
Line 73: | Line 81: | ||
} | } | ||
#picon{ | #picon{ | ||
- | width: | + | width:15px; |
+ | position:absolute; | ||
+ | top:0; | ||
+ | margin-left:1100px; | ||
} | } | ||
Line 86: | Line 97: | ||
background:none; | background:none; | ||
z-index:100; | z-index:100; | ||
- | |||
font-family: 'Archivo Narrow', sans-serif; | font-family: 'Archivo Narrow', sans-serif; | ||
} | } | ||
Line 116: | Line 126: | ||
} | } | ||
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: rgb( | + | color: rgb(255,203,139); |
border-bottom:4px solid rgb(255,255,255); | border-bottom:4px solid rgb(255,255,255); | ||
} | } | ||
Line 129: | Line 139: | ||
} | } | ||
ul#nav a:hover{ | ul#nav a:hover{ | ||
- | color: rgb( | + | color: rgb(255,203,139); |
} | } | ||
#nav li ul { | #nav li ul { | ||
Line 168: | Line 178: | ||
} | } | ||
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:rgb( | + | color:rgb(225, 203, 139); |
border:none; | border:none; | ||
} | } | ||
Line 182: | Line 192: | ||
<div id="hicon" class="sidelogos"> | <div id="hicon" class="sidelogos"> | ||
<a href="https://2014.igem.org/Team:UIUC_Illinois" title="Home Page"> | <a href="https://2014.igem.org/Team:UIUC_Illinois" title="Home Page"> | ||
- | + | <img src="https://static.igem.org/mediawiki/2013/1/17/PB_LogoHome.gif" height="30px"/> | |
- | + | </a> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
<ul id="nav"> | <ul id="nav"> | ||
<!--Redirects to Project Tree--> | <!--Redirects to Project Tree--> | ||
- | <li> <a href="https://2014.igem.org/Team:UIUC_Illinois/Project/ | + | <li> <a href="https://2014.igem.org/Team:UIUC_Illinois/Project/PuppyProbiotic" title="PuppyProbiotic">PROJECT</a> |
<div class="subnav"> | <div class="subnav"> | ||
<ul> | <ul> | ||
- | <li | + | <li style="margin-left:14.5px;"> <a href="https://2014.igem.org/Team:UIUC_Illinois/Project/PuppyProbiotic" title="PuppyProbiotic">PUPPY PROBIOTIC</a> </li> |
- | <li | + | <li style="width:220px;"> <a href="https://2014.igem.org/Team:UIUC_Illinois/Project/Future" title="Future Directions">FUTURE DIRECTIONS</a> </li> |
- | + | <li> <a href="https://2014.igem.org/Team:UIUC_Illinois/Modeling" title="Bioreactor">MODELING</a> </li> | |
- | <li> <a href="https://2014.igem.org/Team:UIUC_Illinois/ | + | |
- | + | ||
</ul> | </ul> | ||
</div> | </div> | ||
Line 211: | Line 212: | ||
<div class="subnav"> | <div class="subnav"> | ||
<ul> | <ul> | ||
- | <li style="margin-left: | + | <li style="margin-left:45px;"> <a href="https://2014.igem.org/Team:UIUC_Illinois/Results" title="Results">RESULTS</a> |
<li> <a href="https://2014.igem.org/Team:UIUC_Illinois/Parts" title="Parts">PARTS</a></li> | <li> <a href="https://2014.igem.org/Team:UIUC_Illinois/Parts" title="Parts">PARTS</a></li> | ||
<li style="width:167px;"> <a href="https://2014.igem.org/Team:UIUC_Illinois/Medal_Fulfillment" title="Medal Fulfillment">MEDAL FULFILLMENT</a></li> | <li style="width:167px;"> <a href="https://2014.igem.org/Team:UIUC_Illinois/Medal_Fulfillment" title="Medal Fulfillment">MEDAL FULFILLMENT</a></li> | ||
Line 219: | Line 220: | ||
<!--Redirects to Software Tree--> | <!--Redirects to Software Tree--> | ||
- | <li> <a href="https://2014.igem.org/Team:UIUC_Illinois/Software/ | + | <li> <a href="https://2014.igem.org/Team:UIUC_Illinois/Software/Cutsultant" title="Cutsultant">SOFTWARE</a> |
<div class="subnav"> | <div class="subnav"> | ||
<ul> | <ul> | ||
- | <li style="margin-left: | + | |
- | + | <li style="margin-left: 200px;"> <a href="https://2014.igem.org/Team:UIUC_Illinois/Software/Cutsultant" title="Cutsultant">CUTSULTANT</a></li> | |
<li> <a href="https://2014.igem.org/Team:UIUC_Illinois/Software/Evolvalvability" title="Evolvability">EVOLVABILITY</a></li> | <li> <a href="https://2014.igem.org/Team:UIUC_Illinois/Software/Evolvalvability" title="Evolvability">EVOLVABILITY</a></li> | ||
</ul> | </ul> | ||
Line 229: | Line 230: | ||
</li> | </li> | ||
- | <li> <a href="https://2014.igem.org/Team:UIUC_Illinois/Human_Practice/ | + | <li> <a href="https://2014.igem.org/Team:UIUC_Illinois/Human_Practice/ethics" title="ethics">HUMAN PRACTICE</a> |
<div class="subnav"> | <div class="subnav"> | ||
<ul> | <ul> | ||
- | <li style="margin-left: | + | |
- | + | <li style="margin-left:250px;"> <a href="https://2014.igem.org/Team:UIUC_Illinois/Human_Practice/ethics" title="ethics">ETHICS</a></li> | |
- | + | <li> <a href="https://2014.igem.org/Team:UIUC_Illinois/Human_Practice/Outreach" title="Outreach">OUTREACH</a></li> | |
- | <li> <a href="https://2014.igem.org/Team:UIUC_Illinois/Human_Practice/ | + | |
</ul> | </ul> | ||
</div> | </div> | ||
Line 242: | Line 242: | ||
<li> <a href="https://2014.igem.org/Team:UIUC_Illinois/Safety" title="Safety">SAFETY</a> | <li> <a href="https://2014.igem.org/Team:UIUC_Illinois/Safety" title="Safety">SAFETY</a> | ||
<div class="subnav"> | <div class="subnav"> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</div> | </div> | ||
</li> | </li> | ||
- | <li> <a href="https://2014.igem.org/Team:UIUC_Illinois/ | + | <li> <a href="https://2014.igem.org/Team:UIUC_Illinois/Notebook" title="Notebook">NOTEBOOK</a> |
<div class="subnav"> | <div class="subnav"> | ||
<ul> | <ul> | ||
- | <li style="margin-left: | + | <li style="margin-left:570px"> <a href="https://2014.igem.org/Team:UIUC_Illinois/Notebook" title="Notes">NOTES</a> </li> |
<li> <a href="https://2014.igem.org/Team:UIUC_Illinois/Protocols" title="Protocols">PROTOCOLS</a> </li> | <li> <a href="https://2014.igem.org/Team:UIUC_Illinois/Protocols" title="Protocols">PROTOCOLS</a> </li> | ||
<li> <a href="https://2014.igem.org/Team:UIUC_Illinois/Bibliography" title="Bibliography">BIBLIOGRAPHY</a> </li> | <li> <a href="https://2014.igem.org/Team:UIUC_Illinois/Bibliography" title="Bibliography">BIBLIOGRAPHY</a> </li> | ||
Line 267: | Line 258: | ||
<div class="subnav"> | <div class="subnav"> | ||
<ul> | <ul> | ||
- | <li style="margin-left: | + | <li style="margin-left:622.5px;"> <a href="https://2014.igem.org/Team:UIUC_Illinois/Team" title="Team">OUR TEAM</a></li> |
- | <li> <a href="https:// | + | <li> <a href="https://igem.org/Team.cgi?year=2014&team_name=UIUC_Illinois" title="Official">OFFICIAL PROFILE</a></li> |
- | + | ||
</ul> | </ul> | ||
</div> | </div> | ||
Line 275: | Line 265: | ||
</ul> | </ul> | ||
- | + | <div id="igemlogo" class="sidelogos"> | |
- | + | <a href="https://2014.igem.org/Main_Page" title="iGEM 2014" target="_blank"> | |
- | + | <img src="https://static.igem.org/mediawiki/2013/d/d0/PB_LogoiGEM.gif" height="30px"> | |
- | + | </a> | |
- | + | </div> | |
- | + | <div id="picon"> | |
- | + | <a onclick="changemenu()" title="iGEM wiki buttons"> | |
- | + | <img id="ooswitch" src="https://static.igem.org/mediawiki/2014/0/0c/1408579301_wrench_sticker.png" style="margin-top:0px;" height="15px"> | |
- | + | </a> | |
- | + | </div> | |
</div> | </div> | ||
</div> | </div> | ||
Line 295: | Line 285: | ||
$('.left-menu').hide(); | $('.left-menu').hide(); | ||
$('.right-menu').hide(); | $('.right-menu').hide(); | ||
- | document.getElementById('ooswitch').style.backgroundColor = " | + | document.getElementById('ooswitch').style.backgroundColor = "white"; |
}else{ | }else{ | ||
$('.left-menu').show(); | $('.left-menu').show(); | ||
$('.right-menu').show(); | $('.right-menu').show(); | ||
- | document.getElementById('ooswitch').style.backgroundColor = "rgb( | + | document.getElementById('ooswitch').style.backgroundColor = "rgb(255,203,139)"; |
} | } | ||
} | } | ||
</script> | </script> |
Latest revision as of 03:52, 18 October 2014