Template:WashU/Layout

From 2014.igem.org

(Difference between revisions)
 
(65 intermediate revisions not shown)
Line 1: Line 1:
<!-- Thanks to 2013 Team Tokyo for drop down menu template https://2013.igem.org/Template:Team:TMU-Tokyo/drop-menu.css -->
<!-- Thanks to 2013 Team Tokyo for drop down menu template https://2013.igem.org/Template:Team:TMU-Tokyo/drop-menu.css -->
 +
<html>
<html>
     <style>
     <style>
 +
#dropmenu {
#dropmenu {
   list-style: none;
   list-style: none;
Line 7: Line 9:
   width:828px;
   width:828px;
   height: 40px;
   height: 40px;
-
   margin: 100px auto 0px;
+
   margin: 30px auto 40px;
 +
  z-index: 9999;
   padding: 0px;
   padding: 0px;
-
   background: #ff8f85;
+
   background: #FFCCE0;
   border-radius: 0 0 0 0;
   border-radius: 0 0 0 0;
}
}
Line 20: Line 23:
   padding: 0;
   padding: 0;
   text-align: center;
   text-align: center;
 +
  z-index: 9999;
   border-right: 1px solid #fff;
   border-right: 1px solid #fff;
}
}
Line 32: Line 36:
   font-size: 18px;
   font-size: 18px;
   font-weight: bold ;
   font-weight: bold ;
-
   line-height: 1.7;
+
   line-height: 1.63;
 +
  z-index: 9999;
 +
  border-bottom: 1px solid #FFFFFF;
   text-decoration: none;
   text-decoration: none;
}
}
Line 38: Line 44:
   background: #F08080;
   background: #F08080;
   color:#00000;
   color:#00000;
 +
  z-index: 9999;
}
}
#dropmenu > li:hover > a{
#dropmenu > li:hover > a{
-
   border-radius: 5px 5px 0 0;
+
   border-radius: 0 0 0 0;
}
}
#dropmenu li ul {
#dropmenu li ul {
Line 48: Line 55:
   list-style: none;
   list-style: none;
   margin: 0;
   margin: 0;
-
   border-radius: 0 0 5px 5px;
+
  z-index: 9999;
 +
   border-radius: 0 0 0 0;
}
}
Line 54: Line 62:
#dropmenu li ul li{
#dropmenu li ul li{
   overflow: hidden;
   overflow: hidden;
-
   width: 150%;
+
   width: 100%;
   height: 0px;
   height: 0px;
 +
  background: #FFCCE0;
   color: #000000;
   color: #000000;
   -moz-transition: .2s;
   -moz-transition: .2s;
Line 63: Line 72:
   transition: .2s;
   transition: .2s;
}
}
 +
#dropmenu li ul li a{
#dropmenu li ul li a{
-
   padding: 13px 15px;
+
   padding: 5px 5px;
-
   background: #F08080;
+
   background: #FFCCE0; <!--F08080-->
   text-align: center;
   text-align: center;
 font-size: 10px;
 font-size: 10px;
 +
  z-index: 9999;
   font-weight: normal;
   font-weight: normal;
-
 
 
}
}
-
 
-
 
#dropmenu li:hover ul li{
#dropmenu li:hover ul li{
   overflow: visible;
   overflow: visible;
 +
  z-index: 9999;
   height: 40px;
   height: 40px;
-
   border-top: 0px solid #F08080;
+
   border-bottom: 1px solid #FFFFFF;
-
   border-bottom: 0px solid #F08080;
+
   border-radius: 0 0 0 0;
}
}
#dropmenu li:hover ul li:hover a{
#dropmenu li:hover ul li:hover a{
-
   background: #ff8f85;;
+
  z-index: 9999;
 +
   background: #F08080;
   color:#00000
   color:#00000
 +
  border-radius: 0 0 0 0;
}
}
#dropmenu li:hover ul li:first-child{
#dropmenu li:hover ul li:first-child{
-
   border-top: 0;
+
   border-top: 1px solid #fff;
}
}
#dropmenu li:hover ul li:last-child{
#dropmenu li:hover ul li:last-child{
-
   border-bottom: 0;
+
   border-bottom: 1px solid #fff;
}
}
#dropmenu li:hover ul li:last-child a{
#dropmenu li:hover ul li:last-child a{
-
   border-radius: 0 0 3px 3px;
+
   border-radius: 0 0 0 0;
 +
}
 +
 
 +
<!-- Floating Menu -->
 +
div.floating-menu {
 +
        position:fixed;
 +
        background:#fff4c8;
 +
        border:1px solid #ffcc00;
 +
        width:150px;
 +
        height:auto;
 +
        z-index:100;
 +
}
 +
 
 +
div.floating-menu a, div.floating-menu h3 {
 +
        display:block;
 +
        text-align: center;
 +
        margin:0 0.5em;
}
}
-
    </style>
+
<!-- End floating Menu -->
 +
</style>
</html>
</html>
Line 103: Line 131:
<ul id="dropmenu">
<ul id="dropmenu">
-
   <li><a href=https://2014.igem.org/Team:WashU_StLouis">Home</a>
+
   <li><a href="https://2014.igem.org/Team:WashU_StLouis">Home</a>
     </li>
     </li>
Line 109: Line 137:
     <ul>
     <ul>
       <li><a href="https://2014.igem.org/Team:WashU_StLouis/Team/Members">Members</a></li>
       <li><a href="https://2014.igem.org/Team:WashU_StLouis/Team/Members">Members</a></li>
-
       <li><a href="https://2014.igem.org/Team:WashU_StLouis/Team/Advisors">Advisors</a></li>
+
       <li><a href="https://2014.igem.org/Team:WashU_StLouis/Attributions">Attributions</a></li>
-
       <li><a href="https://igem.org/Team.cgi?year=2014&team_name=WashU_StLouis"">Team Profile</a></li>
+
       <li><a href="https://igem.org/Team.cgi?year=2014&team_name=WashU_StLouis" target="_blank">Team Profile</a></li>
     </ul>
     </ul>
   </li>
   </li>
Line 118: Line 146:
       <li><a href="https://2014.igem.org/Team:WashU_StLouis/Project/nif">Nitrogenase</a></li>
       <li><a href="https://2014.igem.org/Team:WashU_StLouis/Project/nif">Nitrogenase</a></li>
       <li><a href="https://2014.igem.org/Team:WashU_StLouis/Project/light">Light Regulation</a></li>
       <li><a href="https://2014.igem.org/Team:WashU_StLouis/Project/light">Light Regulation</a></li>
 +
      <li><a href="https://2014.igem.org/Team:WashU_StLouis/Project/collaboration">Collaboration</a></li>
       <li><a href="https://2014.igem.org/Team:WashU_StLouis/Parts">Parts</a></li>
       <li><a href="https://2014.igem.org/Team:WashU_StLouis/Parts">Parts</a></li>
-
      <li><a href="https://2014.igem.org/Team:WashU_StLouis/Modeling">Modeling</a></li>
 
     </ul>
     </ul>
   </li>
   </li>
Line 125: Line 153:
   <li><a href="https://2014.igem.org/Team:WashU_StLouis/Notebook">Notebook</a>
   <li><a href="https://2014.igem.org/Team:WashU_StLouis/Notebook">Notebook</a>
     <ul>
     <ul>
-
       <li><a href="https://2014.igem.org/Team:WashU_StLouis/Protocol">Protocol</a></li>
+
       <li><a href="https://2014.igem.org/Team:WashU_StLouis/Notebook/September"> Post Summer </a></li>    
-
       <li><a href="https://2014.igem.org/Team:WashU_StLouis/Notebook_experiment">Experiment</a></li>
+
       <li><a href="https://2014.igem.org/Team:WashU_StLouis/Protocol">Protocols</a></li>
     </ul>
     </ul>
   </li>
   </li>
Line 132: Line 160:
   <li><a href="https://2014.igem.org/Team:WashU_StLouis/Outreach">Outreach</a>
   <li><a href="https://2014.igem.org/Team:WashU_StLouis/Outreach">Outreach</a>
     <ul>
     <ul>
 +
      <li><a href="https://2014.igem.org/Team:WashU_StLouis/Web_Series">Video Series</a></li>
       <li><a href="https://2014.igem.org/Team:WashU_StLouis/Safety">Lab safety</a></li>
       <li><a href="https://2014.igem.org/Team:WashU_StLouis/Safety">Lab safety</a></li>
-
      <li><a href="https://2014.igem.org/Team:WashU_StLouis/Attributions">Attributions</a></li>
 
     </ul>       
     </ul>       
   </li>
   </li>
  <li>
  <li>
-
<a href="https://igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="30px"></a>
+
<a href="https://igem.org/Main_Page" target="_blank"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="29px"></a>
  </li>
  </li>

Latest revision as of 22:19, 17 October 2014