Team:NYMU-Taipei/Navigation

From 2013.igem.org

(Difference between revisions)
 
(121 intermediate revisions not shown)
Line 3: Line 3:
<style>
<style>
@import url(http://fonts.googleapis.com/css?family=Mouse+Memoirs);
@import url(http://fonts.googleapis.com/css?family=Mouse+Memoirs);
 +
#menu-icon {
 +
display: hidden;
 +
width: 60px;
 +
height: 60px;
 +
background: url(https://static.igem.org/mediawiki/2013/6/63/NYMU-Taipei_menu-icon.png) no-repeat;
 +
        background-size: 60px;
 +
}
ul.sdt_menu{
ul.sdt_menu{
margin:0;
margin:0;
Line 28: Line 35:
height:inherit;
height:inherit;
z-index:12;
z-index:12;
-
background: #200b03;
+
background: #382201;
-moz-box-shadow:0px 0px 2px #000 inset;
-moz-box-shadow:0px 0px 2px #000 inset;
-webkit-box-shadow:0px 0px 2px #000 inset;
-webkit-box-shadow:0px 0px 2px #000 inset;
Line 41: Line 48:
left: 63px;
left: 63px;
z-index:100;
z-index:100;
-
-moz-box-shadow:0px 0px 4px #000;
+
 
-
-webkit-box-shadow:0px 0px 4px #000;
+
-
box-shadow:0px 0px 4px #000;
+
}
}
ul.sdt_menu li span.sdt_wrap{
ul.sdt_menu li span.sdt_wrap{
Line 102: Line 107:
top:60px;
top:60px;
left:0px;
left:0px;
 +
        padding-top: 15px;
display:none;
display:none;
background:#000;
background:#000;
Line 110: Line 116:
         font-size: 20px;
         font-size: 20px;
line-height:30px;
line-height:30px;
-
color:#0B75AF;
+
color: #3399CC;
}
}
-
ul.sdt_menu li div.sdt_box a:first-child{
+
 
-
margin-top:15px;
+
ul.sdt_menu li div.sdt_box a:hover{
 +
color:#fff !important;
}
}
-
ul.sdt_menu li div.sdt_box a:hover{
+
ul.sdt_menu li div.sdt_box a.sdt_aWsub{
-
color:#fff;
+
        margin-right: 30px;
 +
        float: right;
 +
        font-size: 15px;
 +
        line-height:20px;
 +
        color: #CDFFFF;
}
}
ul.sdt_menu li div.sdt_box .sdt_secsub{
ul.sdt_menu li div.sdt_box .sdt_secsub{
Line 137: Line 148:
}
}
ul.sdt_menu li div.sdt_box .sdt_secsub a:hover {
ul.sdt_menu li div.sdt_box .sdt_secsub a:hover {
-
         color:#fff;
+
         color:#fff ;
}
}
</style>
</style>
</head>
</head>
 +
<a href="https://2013.igem.org/Team:NYMU-Taipei/Project/Overview" id="menu-icon"></a>
<ul id="sdt_menu" class="sdt_menu">
<ul id="sdt_menu" class="sdt_menu">
<li>
<li>
<a href="https://2013.igem.org/Team:NYMU-Taipei">
<a href="https://2013.igem.org/Team:NYMU-Taipei">
-
<img src="images/2.jpg" alt=""/>
+
<img src="https://static.igem.org/mediawiki/2013/5/58/NYMU-Taipei_home_logo.png" alt=""/>
<span class="sdt_active"></span>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_wrap">
Line 153: Line 165:
         <li>
         <li>
<a href="https://2013.igem.org/Team:NYMU-Taipei/Team">
<a href="https://2013.igem.org/Team:NYMU-Taipei/Team">
-
<img src="images/5.jpg" alt=""/>
+
<img src="https://static.igem.org/mediawiki/2013/6/6c/NYMU-Taipei_team_logo.png" alt=""/>
<span class="sdt_active"></span>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_wrap">
Line 161: Line 173:
</li>
</li>
<li>
<li>
-
<a href="https://2013.igem.org/Team:NYMU-Taipei/Project">
+
<a href="https://2013.igem.org/Team:NYMU-Taipei/Project/Overview">
-
<img src="images/1.jpg" alt=""/>
+
<img src="https://static.igem.org/mediawiki/2013/6/69/NYMU-Taipei_Projectlogo.png" alt=""/>
<span class="sdt_active"></span>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_wrap">
Line 168: Line 180:
</span>
</span>
</a>
</a>
-
<div class="sdt_box">
+
<div class="sdt_box" style="height: 270px; width: 190px;">
-
<a href="https://2013.igem.org/Team:NYMU-Taipei/Project/Enter">Enter of Bee.coli</a>
+
                                                        <a href="https://2013.igem.org/Team:NYMU-Taipei/Project/Overview">Overview</a>
-
<a class="sdt_aWsub" href="https://2013.igem.org/Team:NYMU-
+
<a href="https://2013.igem.org/Team:NYMU-Taipei/Project/Enter">Entering of Bee.coli</a>
 +
                                                        <a href="https://2013.igem.org/Team:NYMU-Taipei/Project/Inhibition/Prohibition">Prohibiting Sprouting</a>
 +
<a  href="https://2013.igem.org/Team:NYMU-
Taipei/Project/Inhibition">Inhibiting Infection</a>
Taipei/Project/Inhibition">Inhibiting Infection</a>
-
                                                              <div class="sdt_secsub">
+
                                                               
-
                                                                 <a href="https://2013.igem.org/Team:NYMU-Taipei/Project/Inhibition/Prohibition">Prohibiting Sprouting</a>
+
                                                                 <a href="https://2013.igem.org/Team:NYMU-Taipei/Project/Inhibition/Sensor" class="sdt_aWsub">Sensing Nosema</a>
-
                                                                <a href="https://2013.igem.org/Team:NYMU-Taipei/Project/Inhibition/Sensor">Sensor</a>
+
                                                               
                                                                 <a href="https://2013.igem.org/Team:NYMU-
                                                                 <a href="https://2013.igem.org/Team:NYMU-
-
Taipei/Project/Inhibition/Killing">Killing Nosema</a>
+
Taipei/Project/Inhibition/Killing" class="sdt_aWsub">Killing Nosema</a>                                                  
-
                                                            </div>
+
                                                                <a href="https://2013.igem.org/Team:NYMU-Taipei/Project/Inhibition/Inhibition circuit" class="sdt_aWsub">Circuit</a>    
                                                         <a href="https://2013.igem.org/Team:NYMU-Taipei/Project/Kill">Suicide Solution</a>
                                                         <a href="https://2013.igem.org/Team:NYMU-Taipei/Project/Kill">Suicide Solution</a>
 +
                                                        <a href="https://2013.igem.org/Team:NYMU-Taipei/Project/safe">eco-friendly e.coli</a>
 +
                                                                <a href="https://2013.igem.org/Team:NYMU-
 +
Taipei/Project/Inhibition/Id-Nosema">Identifying Nosema</a>
</div>
</div>
</li>
</li>
<li>
<li>
<a href="https://2013.igem.org/Team:NYMU-Taipei/Experiments">
<a href="https://2013.igem.org/Team:NYMU-Taipei/Experiments">
-
<img src="images/3.jpg" alt=""/>
+
<img src="https://static.igem.org/mediawiki/2013/e/e8/NYMU-Taipei_Exp.png" alt=""/>
<span class="sdt_active"></span>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_wrap">
Line 189: Line 206:
</span>
</span>
</a>
</a>
-
                                         <div class="sdt_box">
+
                                         <div class="sdt_box" style="width: 155px;">
-
                                                         <a href="https://2013.igem.org/Team:NYMU-Taipei/Experiment/Wet_Lab">Wet Lab</a>
+
                                                         <a href="https://2013.igem.org/Team:NYMU-Taipei/Experiments/Protocols">Protocols</a>
-
                                                         <a href="https://2013.igem.org/Team:NYMU-Taipei/Experiment/Dry_Lab">Dry Lab</a>
+
                                                         <a href="https://2013.igem.org/Team:NYMU-Taipei/Experiment/Wet_Lab">Data</a>
-
                                                         <a href="https://2013.igem.org/Team:NYMU-Taipei/Experiment/Data">Data Page</a>
+
                                                         <a href="https://2013.igem.org/Team:NYMU-Taipei/Experiments/Functional_Assays">Notes</a>
 +
                                        </div>
</li>
</li>
<li>
<li>
-
<a href="https://2013.igem.org/Team:NYMU-Taipei/Modelling">
+
<a href="https://2013.igem.org/Team:NYMU-Taipei/Modeling/Overview">
-
<img src="images/4.jpg" alt=""/>
+
<img src="https://static.igem.org/mediawiki/2013/0/09/NYMU-Taipei_Mod.png" alt=""/>
<span class="sdt_active"></span>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_wrap">
-
<span class="sdt_link">Modelling</span>
+
<span class="sdt_link">Modeling</span>
</span>
</span>
</a>
</a>
 +
                                        <div class="sdt_box" style="width: 135px; height: 160px;">
 +
                                                        <a href="https://2013.igem.org/Team:NYMU-Taipei/Modeling/Overview">Overview</a>
 +
                                                        <a href="https://2013.igem.org/Team:NYMU-Taipei/Modeling/ModSensors">Sensors</a>
 +
                                                        <a href="https://2013.igem.org/Team:NYMU-Taipei/Modeling/MainParts">Main Parts</a>
 +
                                                        <a href="https://2013.igem.org/Team:NYMU-Taipei/Modeling/Ethanol">Ethanol Model</a>
 +
                                                        <a href="https://2013.igem.org/Team:NYMU-Taipei/Modeling/Linear_epidemic_model">Epidemic Model</a>
 +
                                                       
 +
                                        </div>
</li>
</li>
<li>
<li>
<a href="https://2013.igem.org/Team:NYMU-Taipei/Human_Practice">
<a href="https://2013.igem.org/Team:NYMU-Taipei/Human_Practice">
-
<img src="images/5.jpg" alt=""/>
+
<img src="https://static.igem.org/mediawiki/2013/5/52/NYMU-Taipei_Hum.png" alt=""/>
<span class="sdt_active"></span>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_wrap">
-
<span class="sdt_link">Out Reach</span>
+
<span class="sdt_link" style="font-size: 25px; padding-top: 5px; line-height: 1em;">Human Practice</span>
</span>
</span>
</a>
</a>
 +
                                        <div class="sdt_box" style="width: 185px; height: 160px;">
 +
                                                        <a href="https://2013.igem.org/Team:NYMU-Taipei/HumanPractice/Overview" style="margin-left: 13px;">Overview</a>
 +
                                                        <a href="https://2013.igem.org/Team:NYMU-Taipei/HumanPractice/HumOut" style="margin-left: 13px;">Outreach</a>
 +
                                                        <a href="https://2013.igem.org/Team:NYMU-Taipei/HumanPractice/HumCollab" style="margin-left: 13px;">Collaborations</a>
 +
                                                        <a href="https://2013.igem.org/Team:NYMU-Taipei/HumanPractice/HumFlows" style="margin-left: 13px;">Flows Built-up</a>
 +
                                                        <a href="https://2013.igem.org/Team:NYMU-Taipei/HumanPractice/HumPracticalApp">Practical Applications</a>
 +
                                        </div> 
 +
</li>
</li>
<li>
<li>
<a href="https://2013.igem.org/Team:NYMU-Taipei/Safety">
<a href="https://2013.igem.org/Team:NYMU-Taipei/Safety">
-
<img src="images/6.jpg" alt=""/>
+
<img src="https://static.igem.org/mediawiki/2013/6/64/NYMU-Taipei_Safety.png" alt=""/>
<span class="sdt_active"></span>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_wrap">
Line 223: Line 257:
</ul>
</ul>
</div>
</div>
 +
    
    
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
Line 260: Line 295:
  left = '-127px';
  left = '-127px';
  $sub_menu.show().animate({'left':left},100)
  $sub_menu.show().animate({'left':left},100)
-
                  function(){
+
                     
-
      var $sub_link = $sub_menu.find('.aWsub');
+
                }
-
      $sub_link.hover(function(){
+
-
          var $secsub_menu = $sub_link.next();
+
-
  var left = '254px';
+
-
  if($elem.parent().children().length == $elem.index()+1)
+
-
          var left = '-254px';
+
-
  $secsub_menu.show().animate({'left':left},100);
+
-
                         
+
-
      })
+
-
  }
+
-
              }
+
           })
           })
   }).bind('mouseleave',function(){
   }).bind('mouseleave',function(){
Line 293: Line 318:
.animate({'top':'0px'},500);
.animate({'top':'0px'},500);
});
});
 +
                });
         </script>
         </script>
</html>
</html>

Latest revision as of 02:50, 29 October 2013

Retrieved from "http://2013.igem.org/Team:NYMU-Taipei/Navigation"