Template:Team:TMU-Tokyo/drop-menu.css

From 2013.igem.org

(Difference between revisions)
 
(64 intermediate revisions not shown)
Line 3: Line 3:
#dropmenu {
#dropmenu {
   list-style: none;
   list-style: none;
-
   width: 960px;
+
  align: left ;
 +
   width: 1360px;
   height: 40px;
   height: 40px;
-
   margin: 30px auto 300px;
+
   margin: 30px
   padding: 0px;
   padding: 0px;
   background: #7fffd4;
   background: #7fffd4;
 +
 
　  
　  
   border-radius: 3px 3px 0 0;
   border-radius: 3px 3px 0 0;
Line 13: Line 15:
#dropmenu li {
#dropmenu li {
   position: relative;
   position: relative;
-
   width: 16.45%;
+
   width: 137px;
   float: left;
   float: left;
   margin: 0px;
   margin: 0px;
   padding: 0;
   padding: 0;
   text-align: center;
   text-align: center;
-
　border-right: 1px solid  #fff;
+
  border-right: 1px solid  #fff;
-
   border-left: 1px solid  #fff;
+
   　
}
}
-
#dropmenu li: last-child {
+
 
-
   border-right: 0px solid ;
+
-
}  
+
 
 +
#dropmenu #leftbrock{
 +
  width: 200px ;
 +
  height: 40px;
 +
  margin: 0px 
 +
  padding: 0px;
 +
   border-right: 1px solid #fff;
 +
}
 +
  #dropmenu #rightbrock{
 +
  width: 200px ;
 +
  height: 40px;
 +
  margin: 0px 
 +
  padding: 0px;
 +
  border-right: none ;}
 +
 
#dropmenu li a {
#dropmenu li a {
Line 51: Line 67:
   border-radius: 0 0 3px 3px;
   border-radius: 0 0 3px 3px;
}
}
-
#dropmenu li:last-child ul {
+
 
-
  left: 0%;
+
-
  width: 100%;
+
-
 
+
-
}
+
#dropmenu li ul li{
#dropmenu li ul li{
   overflow: hidden;
   overflow: hidden;
-
   width: 100%;
+
   width: 150%;
-
   height: 0;
+
   height: 0px;
   color: #000000;
   color: #000000;
   -moz-transition: .2s;
   -moz-transition: .2s;
Line 76: Line 88:
　
　
}
}
 +
 +
 +
#dropmenu li:hover ul li{
#dropmenu li:hover ul li{
   overflow: visible;
   overflow: visible;
   height: 40px;
   height: 40px;
-
   border-top: 0px solid ;
+
   border-top: 0px solid #dbfff6;
-
   border-bottom: 1px solid #fff;
+
   border-bottom: 0px solid #dbfff6;
}
}
Line 100: Line 115:
     </style>
     </style>
</html>
</html>
 +
<html>
<html>
-
<body>
+
<div id="content">
-
+
<ul id="dropmenu">
<ul id="dropmenu">
 +
  <li id="leftbrock">
 +
    <p><Br></p>
 +
  </li>
   <li><a href="https://2013.igem.org/Team:TMU-Tokyo">Home</a>
   <li><a href="https://2013.igem.org/Team:TMU-Tokyo">Home</a>
      
      
     </li>
     </li>
-
   <li><a href="https://2013.igem.org/Team:TMU-Tokyo/Team">Team</a>
+
   <li><a href="https://2013.igem.org/Team:TMU-Tokyo/Team_Team">Team</a>
-
      
+
    <ul>
 +
      <li><a href="https://2013.igem.org/Team:TMU-Tokyo/Team">Members</a></li>
 +
      <li><a href="https://2013.igem.org/Team:TMU-Tokyo/Team_attribution">Attribution</a></li>
 +
     </ul>
   </li>
   </li>
-
   <li><a href="#">Project</a>
+
   <li><a href="https://2013.igem.org/Team:TMU-Tokyo/Project">Project</a>
     <ul>
     <ul>
-
       <li><a href="#">overvew</a></li>
+
       <li><a href="https://2013.igem.org/Team:TMU-Tokyo/Project/Idea">Idea</a></li>
-
       <li><a href="#">parts</a></li>
+
       <li><a href="https://2013.igem.org/Team:TMU-Tokyo/Project/NEWS">Breakthrough</a></li>
-
       <li><a href="#">backbone</a></li>
+
       <li><a href="https://2013.igem.org/Team:TMU-Tokyo/Project/Pythagorean_Device">Pythagorean Device</a></li>
 +
      <li><a href="https://2013.igem.org/Team:TMU-Tokyo/Parts">Parts</a></li>
 +
      <li><a href="https://2013.igem.org/Team:TMU-Tokyo/Project/Future_Plan">Future Plan</a></li>
 +
      <li><a href="https://2013.igem.org/Team:TMU-Tokyo/Project/Reference">Reference</a></li>
     </ul>
     </ul>
   </li>
   </li>
-
   <li><a href="#">Human Practice</a>
+
   <li class="Human"><a href="https://2013.igem.org/Team:TMU-Tokyo/HumanPractice">HumanPractice</a>
     <ul>
     <ul>
 +
      <li><a href="https://2013.igem.org/Team:TMU-Tokyo/Human_contribution">Collaboration</a></li>
 +
      <li><a href="https://2013.igem.org/Team:TMU-Tokyo/Human_spread">Promote Synthetic Biology</a></li>
 +
     
     </ul>
     </ul>
   </li>
   </li>
-
   <li><a href="#">Safety</a>
+
   <li><a href="https://2013.igem.org/Team:TMU-Tokyo/Safety">Safety</a>
-
    </li>
+
-
  <li><a href="#">Note</a>
+
     <ul>
     <ul>
-
       <li><a href="#">Protocol</a></li>
+
       <li><a href="https://2013.igem.org/Team:TMU-Tokyo/Safety/Lab_Safety">Lab safety</a></li>
 +
      <li><a href="https://2013.igem.org/Team:TMU-Tokyo/Safety/Questions">Questions</a></li>
     </ul>
     </ul>
-
 
   </li>
   </li>
-
</ul>
+
  <li><a href="https://2013.igem.org/Team:TMU-Tokyo/Achievement">Achievement</a>
 +
    <ul>
 +
    </ul>
 +
  </li>
 +
  <li class="note"><a href="https://2013.igem.org/Team:TMU-Tokyo/Notebook_menu">Notebook</a>
 +
    <ul>
 +
      <li><a href="https://2013.igem.org/Team:TMU-Tokyo/Notebook">Protocol</a></li>
 +
      <li><a href="https://2013.igem.org/Team:TMU-Tokyo/Notebook_experiment">Experiment</a></li>
 +
　　　
 +
    </ul>
 +
  </li>
 +
  <li id="rightbrock">
 +
  <p><Br</p>
 +
  </li>
 +
 +
 +
  </ul>
 +
</div>
</html>
</html>

Latest revision as of 04:10, 28 September 2013

Retrieved from "http://2013.igem.org/Template:Team:TMU-Tokyo/drop-menu.css"