Difference between revisions of "Template:Nymu-menu"

 
(45 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<!-- Declare that you are going to use html code instead of wiki code -->
 
<!-- Declare that you are going to use html code instead of wiki code -->
 
<html>
 
<html>
 +
 +
 +
  
  
 
<!-- Start of CSS-->
 
<!-- Start of CSS-->
 
<style type="text/css">
 
<style type="text/css">
 +
 +
  
 
/* WIKI SETTINGS*/
 
/* WIKI SETTINGS*/
Line 20: Line 25:
 
border: 0px;
 
border: 0px;
 
background-color: transparent;
 
background-color: transparent;
margin-top:-4px;
+
margin-top:0px;
 
padding: 0px;
 
padding: 0px;
 
font-size: 100%;
 
font-size: 100%;
Line 48: Line 53:
 
   -moz-box-sizing: border-box;
 
   -moz-box-sizing: border-box;
 
   box-sizing: border-box;
 
   box-sizing: border-box;
z-index:2;
+
z-index:3;
 
   
 
   
 
}
 
}
Line 75: Line 80:
 
border-bottom-style: none;
 
border-bottom-style: none;
 
border-left-style: none;
 
border-left-style: none;
padding: 0px;
+
padding-left:300px;
 
margin: 0px;
 
margin: 0px;
position: absolute;
+
position: relative;
 
width: 100%;
 
width: 100%;
 
z-index: 99;
 
z-index: 99;
 
box-shadow:4px 4px 3px rgba(20%,20%,40%,0.5);
 
box-shadow:4px 4px 3px rgba(20%,20%,40%,0.5);
 +
margin-bottom:-9px;
  
 
}
 
}
Line 98: Line 104:
 
   text-align: left;
 
   text-align: left;
 
}
 
}
#cssmenu.align-right > ul > li {
+
 
  float: right;
+
}
+
 
#cssmenu > ul > li > a {
 
#cssmenu > ul > li > a {
 
   padding: 0px;
 
   padding: 0px;
Line 163: Line 167:
 
   left: auto;
 
   left: auto;
 
}
 
}
#cssmenu.align-right li:hover > ul {
+
 
  left: auto;
+
  right: 0;
+
}
+
 
#cssmenu li:hover > ul > li {
 
#cssmenu li:hover > ul > li {
 
   height: 35px;
 
   height: 35px;
Line 174: Line 175:
 
   top: 0;
 
   top: 0;
 
}
 
}
#cssmenu.align-right ul ul ul {
+
 
  margin-left: 0;
+
  margin-right: 100%;
+
}
+
 
#cssmenu ul ul li a {
 
#cssmenu ul ul li a {
 
   border-bottom: 1px solid rgba(150, 150, 150, 0.15);
 
   border-bottom: 1px solid rgba(150, 150, 150, 0.15);
Line 206: Line 204:
 
   content: '';
 
   content: '';
 
}
 
}
#cssmenu.align-right ul ul li.has-sub > a:after {
+
 
  right: auto;
+
  left: 11px;
+
}
+
 
#cssmenu ul ul li.has-sub > a:before {
 
#cssmenu ul ul li.has-sub > a:before {
 
   position: absolute;
 
   position: absolute;
Line 224: Line 219:
 
   -o-transition: all .25s ease;
 
   -o-transition: all .25s ease;
 
   transition: all .25s ease;
 
   transition: all .25s ease;
}
 
#cssmenu.align-right ul ul li.has-sub > a:before {
 
  right: auto;
 
  left: 14px;
 
 
}
 
}
 +
  
  
Line 237: Line 229:
 
}
 
}
  
 +
body#home a.homenav,
 +
body#overview a.overnav,
 +
body#project a.projnav,
 +
body#pp a.ppnav,
 +
body#biosafety a.bsnav,
 +
body#notebook a.ntnav,
 +
body#team a.teamnav {
 +
color: #fff;
 +
            border-bottom: solid 5px white;
  
 +
}
 
</style>
 
</style>
  
Line 244: Line 246:
  
 
<div id='cssmenu' class='align-center'>
 
<div id='cssmenu' class='align-center'>
   <img src="https://static.igem.org/mediawiki/2015/a/a6/Nymu-title-logo.gif" style=" PADDING-top: 10px;PADDING-LEFT: 5%;position:absolute;"height="60px" >
+
   <img src="https://static.igem.org/mediawiki/2015/a/a6/Nymu-title-logo.gif" style=" PADDING-top: 10px;margin-left:-100px ;position:absolute;"height="60px" >
 
     <ul>
 
     <ul>
 
      
 
      
       <li><a href='https://2015.igem.org/wiki/index.php?title=Template:NYMU-Taipei2'> <img src=" https://static.igem.org/mediawiki/2015/f/f9/Nymu-home.gif" width="100%" height="100%" /></a></li>
+
       <li><a href='https://2015.igem.org/Team:NYMU-Taipei' class="homenav"><img src="https://static.igem.org/mediawiki/2015/f/f9/Nymu-home.gif" width="100%" height="100%" /></a></li>
  
<li class='active'><a href='#'><img src="https://static.igem.org/mediawiki/2015/e/e2/Nymu-Overview.gif" width="100%" height="100%" /></a>
+
<li><a class="overnav" style=""><img src="https://static.igem.org/mediawiki/2015/e/e2/Nymu-Overview.gif" width="100%" height="100%" /></a>
 
         <ul>
 
         <ul>
           <li><a href='https://2015.igem.org/Template:NYMU-2015project-overview'>Background</a></li>
+
           <li><a href='https://2015.igem.org/Template:NYMU-2015project-overview' >Background</a></li>
           <li><a href='https://2015.igem.org/Template:NYMU-2015project-wetlab'>Result</a></li>
+
       
           <li><a href='https://2015.igem.org/Template:NYMU-2015project-drylab'>Achievement</a></li>
+
           <li><a href='https://2015.igem.org/Team:NYMU-Taipei/Collaborations' >Collaboration</a></li>
 
+
           <li><a href='https://2015.igem.org/Template:NYMU-2015project-Achievement'>Achievement</a></li>
           <li><a href='https://2015.igem.org/Template:NYMU-2015project-hp'>Parts</a>
+
           <li><a href='https://2015.igem.org/Team:NYMU-Taipei/Parts'>Parts</a>
 +
          <li><a href='https://2015.igem.org/Team:NYMU-Taipei/Attributions'>Attributions</a></li>
 
             <ul>
 
             <ul>
 
               </li>
 
               </li>
Line 264: Line 267:
  
  
       <li class='active'><a href='#'><img src="https://static.igem.org/mediawiki/2015/0/06/Nymu-project.gif" width="100%" height="100%" /></a>
+
       <li><a href='https://2015.igem.org/Template:NYMU-2015project-wetlab#' class="projnav"><img src="https://static.igem.org/mediawiki/2015/0/06/Nymu-project.gif" width="100%" height="100%" /></a>
 
         <ul>
 
         <ul>
 
      
 
      
           <li><a href='https://2015.igem.org/Template:NYMU-2015project-wetlab-FYVE'>Experiment</a>
+
           <li><a href='https://2015.igem.org/Template:NYMU-2015project-wetlab#experiment' >Experiment</a>
 
           </li>
 
           </li>
           <li><a href='https://2015.igem.org/Template:NYMU-2015project-drylab-FYVE'>Modeling</a>
+
           <li><a href="https://2015.igem.org/Template:NYMU-2015project-wetlab#modeling">Modeling</a>
 +
          </li>
 +
          <li><a href="https://2015.igem.org/Team:NYMU-Taipei/Design">Functional<br>Prototype</a>
 
           </li>
 
           </li>
 
 
          
 
          
 
         </ul>
 
         </ul>
 
       </li>
 
       </li>
       <li><a href='hthttps://2015.igem.org/Template:NYMU-2015project-hp'><img src=" https://static.igem.org/mediawiki/2015/2/24/Nymu-Parts.gif" width="100%" height="100%" /></a></li>
+
       <li><a href='https://2015.igem.org/Team:NYMU-Taipei/Practices'class="ppnav"><img src=" https://static.igem.org/mediawiki/2015/2/24/Nymu-Parts.gif" width="100%" height="100%" /></a></li>
  
  
  
  
<li class='active'><a href='https://2015.igem.org/Template:NYMU-2015projectsafety'><img src=" https://static.igem.org/mediawiki/2015/3/37/Nymu-Safety.gif" width="100%" height="100%" /></a>
+
<li><a href='https://2015.igem.org/Template:NYMU-2015project-safety'class="bsnav"><img src=" https://static.igem.org/mediawiki/2015/3/37/Nymu-Safety.gif" width="100%" height="100%" /></a>
         <ul>   
+
          
          <li><a href='https://2015.igem.org/Template:NYMU-2015projectsafety-lab'>Lab</a>     
+
          </li>
+
          <li><a href='https://2015.igem.org/Template:NYMU-2015projectsafety-environment'>Environment</a>
+
          </li>
+
         
+
        </ul>
+
 
       </li>
 
       </li>
  
Line 299: Line 297:
  
  
       <li class='active'><a href='#'><img src=" https://static.igem.org/mediawiki/2015/8/8b/Nymu-Notebook.gif" width="100%" height="100%" /></a>
+
       <li><a class="ntnav"><img src=" https://static.igem.org/mediawiki/2015/8/8b/Nymu-Notebook.gif" width="100%" height="100%" /></a>
 
         <ul>     
 
         <ul>     
           <li><a href='#'>Lab</a></li>
+
           <li><a href='https://2015.igem.org/wiki/index.php?title=Template:NYMU-2015notebook-calendar'>Calendar</a></li>
          <li><a href='https://2015.igem.org/wiki/index.php?title=Template:NYMU-2015notebook-protocol'>Protocol</a></li>
+
          <li><a href='https://2015.igem.org/wiki/index.php?title=Template:NYMU-2015notebook-lab'>Lab</a></li>
        </ul>
+
          <li><a href='https://2015.igem.org/wiki/index.php?title=Template:NYMU-2015notebook-protocol'>Protocol</a></li>
 +
      </ul>
 
       </li>
 
       </li>
 
        
 
        
       <li><a href='#'><img src=" https://static.igem.org/mediawiki/2015/5/50/Nymu-Team.gif" width="100%" height="100%" /></a></li>
+
       <li><a href='https://2015.igem.org/Team:NYMU-Taipei/Team' class="teamnav"><img src=" https://static.igem.org/mediawiki/2015/5/50/Nymu-Team.gif" width="100%" height="100%" /></a></li>
  
 
    
 
    

Latest revision as of 16:38, 18 September 2015