Template:Team:UIUC Illinois/Navbar

From 2014.igem.org

(Difference between revisions)
 
(102 intermediate revisions not shown)
Line 23: Line 23:
   left:0;
   left:0;
   right:0;
   right:0;
-
   background-color: rgb(255, 203, 139);
+
   background-color: #CCA36F;
}
}
#navmenubox {
#navmenubox {
Line 50: Line 50:
   bottom:0;
   bottom:0;
}
}
-
#pblogo{
+
#hicon{
-
   width:48px;
+
   width:30px;
}
}
-
#pgmap{
+
#sicon{
   width:30px;
   width:30px;
}
}
Line 61: Line 61:
}
}
-
#pblogo img, #pgmap img, #igemlogo img, #onofflogo img{
+
#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;
}
}
-
#pblogo:hover img, #pgmap:hover img{
+
 
-
   background-color:rgb(228,45,51);
+
 
 +
#picon img{
 +
background-color:"white";
 +
margin-top:8px;
 +
margin-bottom:2px;
 +
}
 +
 +
#hicon:hover img, #sicon:hover img{
 +
   background-color:rgb(255,203,139);
}
}
#igemlogo:hover img {
#igemlogo:hover img {
   background-color:rgb(0,153,102);
   background-color:rgb(0,153,102);
}
}
-
#onofflogo{
+
#picon{
   width:15px;
   width:15px;
   position:absolute;
   position:absolute;
Line 89: Line 97:
     background:none;
     background:none;
     z-index:100;
     z-index:100;
-
    /*font-family: 'PT Sans Narrow', sans-serif;*/
 
     font-family: 'Archivo Narrow', sans-serif;
     font-family: 'Archivo Narrow', sans-serif;
}
}
Line 119: 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(228,45,51);
+
     color: rgb(255,203,139);
     border-bottom:4px solid rgb(255,255,255);
     border-bottom:4px solid rgb(255,255,255);
}
}
Line 132: Line 139:
}
}
ul#nav a:hover{
ul#nav a:hover{
-
     color: rgb(228,45,51);
+
     color: rgb(255,203,139);
}
}
#nav li ul {
#nav li ul {
Line 171: 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(228,45,51);
+
     color:rgb(225, 203, 139);
     border:none;
     border:none;
}
}
Line 183: Line 190:
    
    
<!--Redirects to Home Page-->
<!--Redirects to Home Page-->
-
     <div id="pblogo" 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"/>                       
+
<img src="https://static.igem.org/mediawiki/2013/1/17/PB_LogoHome.gif" height="30px"/>                       
-
      </a>
+
</a>
-
    </div>
+
-
+
-
<!--Redirects to site map-->
+
-
    <div id="pgmap" class="sidelogos">
+
-
      <a href="https://2014.igem.org/Team:UIUC_Illinois/Site_Map" title="Site Map">
+
-
<img src="https://static.igem.org/mediawiki/2013/f/f4/PB_LogoMap2.gif" style="margin-top:13px;" height="25px"/>                     
+
-
      </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/Overview" title="Project Overview">PROJECT</a>
+
<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 style="margin-left:14.5px"> <a href="https://2013.igem.org/Team:UIUC_Illinois/Project/Overview" title="Project_Overview">OVERVIEW</a></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> <a href="https://2014.igem.org/Team:UIUC_Illinois/Project/LactoBROcillus" title="Detect">LACTOBROCILLUS</a> </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/Project/Caffeine" title="Caffeine_Dehydrogenase">CAFFEINE DEHYDROGENASE</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/Project/Bioreactor" title="Bioreactor">BIOREACTOR</a> </li>
+
-
<li> <a href="https://2014.igem.org/Team:UIUC_Illinois/Project/Sabotage" title="Optogenetic_Orthogonality">OPTOGENETIC ORTHOGONALITY</a> </li>
+
</ul>
</ul>
</div>
</div>
Line 214: Line 212:
<div class="subnav">
<div class="subnav">
<ul>  
<ul>  
-
<li style="margin-left:141px;"> <a href="https://2014.igem.org/Team:UIUC_Illinois/Results" title="Results">RESULTS</a>
+
<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 222: Line 220:
   
   
<!--Redirects to Software Tree-->
<!--Redirects to Software Tree-->
-
<li> <a href="https://2014.igem.org/Team:UIUC_Illinois/Software/Overview" title="Software Overview">SOFTWARE</a>
+
<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: 141px;"> <a href="https://2014.igem.org/Team:UIUC_Illinois/Software/Overview" title="Software Overview">OVERVIEW</a></li>
+
-
<li> <a href="https://2014.igem.org/Team:UIUC_Illinois/Software/Cutsultant" title="Cutsultant">CUTSULTANT</a></li>
+
<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 232: Line 230:
</li>
</li>
   
   
-
<li> <a href="https://2014.igem.org/Team:UIUC_Illinois/Human_Practice/Overview" title="Human Practice Overview">HUMAN PRACTICE</a>  
+
<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:141px;"> <a href="https://2014.igem.org/Team:UIUC_Illinois/Human_Practice/Overview" title="Human Practice Overview">OVERVIEW</a> </li>
+
-
<li> <a href="https://2014.igem.org/Team:UIUC_Illinois/Human_Practice/ethics" title="ethics">ETHICS</a></li>
+
<li style="margin-left:250px;"> <a href="https://2014.igem.org/Team:UIUC_Illinois/Human_Practice/ethics" title="ethics">ETHICS</a></li>
-
<li style="width:168px;"> <a href="https://2014.igem.org/Team:UIUC_Illinois/Human_Practice/Waste_Water" title="Waste_Water">WASTE WATER</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/Theobromine_Toxicity" title="Theobromine_Toxicity">THEOBROMINE TOXICITY</a></li>
+
</ul>
</ul>
</div>
</div>
Line 245: 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>
 
-
</li>
 
-
 
 
-
<li> <a href="https://2014.igem.org/Team:UIUC_Illinois/Collaboration" title="Collaboration">COLLABORATION</a>
 
-
<div class="subnav">
 
-
<ul>
 
-
<li style="margin-left:500px"> <a href="https://2014.igem.org/Team:UIUC_Illinois/Collaboration" title="Collaboration">COLLABORATION</a></li>
 
-
</ul>
 
</div>
</div>
</li>
</li>
   
   
-
<li> <a href="https://2014.igem.org/Team:UIUC_Illinois/Notes" title="Notebook">NOTEBOOK</a>
+
<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:649.5px"> <a href="https://2014.igem.org/Team:UIUC_Illinois/Notebook" title="Notes">NOTES</a> </li>
+
<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 270: Line 258:
<div class="subnav">
<div class="subnav">
  <ul>
  <ul>
-
<li style="margin-left:522.5px;"> <a href="https://2014.igem.org/Team:UIUC_Illinois/Team" title="Team">OUR TEAM</a></li>
+
<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://2014.igem.org/Team:UIUC_Illinois/Attributions" title="Attributions">ATTRIBUTIONS</a> </li>
+
<li> <a href="https://igem.org/Team.cgi?year=2014&team_name=UIUC_Illinois" title="Official">OFFICIAL PROFILE</a></li>    
-
<li style="width:167px;"> <a href="https://2014.igem.org/Team:UIUC_Illinois/Acknowledgements" title="Acknowledgements">ACKNOWLEDGEMENTS</a></li>    
+
  </ul>
  </ul>
</div>
</div>
Line 278: Line 265:
</ul>
</ul>
-
<div id="igemlogo" class="sidelogos">
+
<div id="igemlogo" class="sidelogos">
-
<a href="https://2014.igem.org/Main_Page" title="iGEM 2014" target="_blank">
+
<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">
+
<img src="https://static.igem.org/mediawiki/2013/d/d0/PB_LogoiGEM.gif" height="30px">
-
</a>
+
</a>
-
</div>
+
</div>
-
<div id="onofflogo">
+
<div id="picon">
-
<a onclick="changemenu()" title="iGEM wiki buttons">
+
<a onclick="changemenu()" title="iGEM wiki buttons">
-
<img id="ooswitch" src="#Wiki_Menu" style="margin-top:0px;" height="15px">
+
<img id="ooswitch" src="https://static.igem.org/mediawiki/2014/0/0c/1408579301_wrench_sticker.png" style="margin-top:0px;" height="15px">
-
</a>
+
</a>
-
</div>
+
</div>
   </div>
   </div>
</div>
</div>
Line 298: Line 285:
       $('.left-menu').hide();
       $('.left-menu').hide();
       $('.right-menu').hide();
       $('.right-menu').hide();
-
       document.getElementById('ooswitch').style.backgroundColor = "rgb(46,43,52)";
+
       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(228,45,51)";
+
       document.getElementById('ooswitch').style.backgroundColor = "rgb(255,203,139)";
     }
     }
   }
   }
</script>
</script>

Latest revision as of 03:52, 18 October 2014