Template:WashU/Layout

From 2014.igem.org

(Difference between revisions)
(Drop Menu)
 
(82 intermediate revisions not shown)
Line 2: Line 2:
<html>
<html>
-
<style>
+
    <style>
 +
 
#dropmenu {
#dropmenu {
   list-style: none;
   list-style: none;
-
   align: left ;
+
   align: center;
-
   width: 1360px;
+
   width:828px;
   height: 40px;
   height: 40px;
-
   margin: 30px
+
   margin: 30px auto 40px;
 +
  z-index: 9999;
   padding: 0px;
   padding: 0px;
-
   background: #DC143C;
+
   background: #FFCCE0;
-
 
+
   border-radius: 0 0 0 0;
-
　
+
-
   border-radius: 3px 3px 0 0;
+
}
}
 +
#dropmenu li {
#dropmenu li {
   position: relative;
   position: relative;
Line 22: Line 23:
   padding: 0;
   padding: 0;
   text-align: center;
   text-align: center;
-
   border-right: 1px solid #fff;
+
  z-index: 9999;
-
  　
+
   border-right: 1px solid #fff;
}
}
    
    
   
   
-
 
-
#dropmenu #leftblock{
 
-
  width: 200px ;
 
-
  height: 40px;
 
-
  margin: 0px 
 
-
  padding: 0px;
 
-
  border-right: 1px solid  #fff;
 
-
}
 
-
  #dropmenu #rightblock{
 
-
  width: 200px ;
 
-
  height: 40px;
 
-
  margin: 0px 
 
-
  padding: 0px;
 
-
  border-right: none ;}
 
-
 
-
 
#dropmenu li a {
#dropmenu li a {
   display: block;
   display: block;
   margin: 0;
   margin: 0;
-
   padding: 15px 0 11px;
+
   padding: 5px 0 5px;
   color: #000;
   color: #000;
   font-family: "calibri",sans-serif ;
   font-family: "calibri",sans-serif ;
   font-size: 18px;
   font-size: 18px;
   font-weight: bold ;
   font-weight: bold ;
-
   line-height: 0.8;
+
   line-height: 1.63;
 +
  z-index: 9999;
 +
  border-bottom: 1px solid #FFFFFF;
   text-decoration: none;
   text-decoration: none;
}
}
Line 57: Line 44:
   background: #F08080;
   background: #F08080;
   color:#00000;
   color:#00000;
 +
  z-index: 9999;
}
}
#dropmenu > li:hover > a{
#dropmenu > li:hover > a{
-
   border-radius: 3px 3px 0 0;
+
   border-radius: 0 0 0 0;
}
}
#dropmenu li ul {
#dropmenu li ul {
Line 67: Line 55:
   list-style: none;
   list-style: none;
   margin: 0;
   margin: 0;
-
   border-radius: 0 0 3px 3px;
+
  z-index: 9999;
 +
   border-radius: 0 0 0 0;
}
}
Line 73: 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 82: 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: #DC143C;;
+
  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;
}
}
-
    </style>
+
<!-- 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;
 +
}
 +
 
 +
<!-- End floating Menu -->
 +
</style>
</html>
</html>
Line 121: Line 130:
<div id="content">
<div id="content">
<ul id="dropmenu">
<ul id="dropmenu">
-
  <li id="leftblock">
+
 
-
    <p><Br></p>
+
   <li><a href="https://2014.igem.org/Team:WashU_StLouis">Home</a>
-
  </li>
+
-
   <li><a href=https://2014.igem.org/Team:WashU_StLouis">Home</a>
+
     </li>
     </li>
Line 130: 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 Page</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 139: 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 146: 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 153: 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 id="rightblock">
+
 
-
    <p><Br></p>
+
  <li>
-
  </li>
+
<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>
  </div>
  </div>
</html>
</html>

Latest revision as of 22:19, 17 October 2014


Retrieved from "http://2014.igem.org/Template:WashU/Layout"