Difference between revisions of "Team:NAU-CHINA"

Line 52: Line 52:
  
 
/*start*/
 
/*start*/
.menu, .menu ul {
+
#main{
 +
                        position:fixed;
 +
margin: 0 auto;
 +
padding: 0;
 +
}
 +
.menu, .menu ul {
 
    list-style: none;
 
    list-style: none;
 
width:95%;
 
width:95%;
    margin:0 auto;
+
    margin: 0 auto;
 
    text-shadow:2px 3px 2px #000;
 
    text-shadow:2px 3px 2px #000;
 
     
 
     
Line 181: Line 186:
 
    transition-delay: 150ms;
 
    transition-delay: 150ms;
 
}
 
}
 
+
.menu li:hover .submenu li:nth-child(5) {
 +
    -webkit-transition-delay: 200ms;
 +
    -moz-transition-delay: 200ms;
 +
    -ms-transition-delay: 200ms;
 +
    -o-transition-delay: 200ms;
 +
    transition-delay: 200ms;
 +
}
 +
.menu li:hover .submenu li:nth-child(6) {
 +
    -webkit-transition-delay: 250ms;
 +
    -moz-transition-delay: 250ms;
 +
    -ms-transition-delay: 250ms;
 +
    -o-transition-delay: 250ms;
 +
    transition-delay: 250ms;
 +
}
 +
.menu li:hover .submenu li:nth-child(7) {
 +
    -webkit-transition-delay: 300ms;
 +
    -moz-transition-delay: 300ms;
 +
    -ms-transition-delay: 300ms;
 +
    -o-transition-delay: 300ms;
 +
    transition-delay: 300ms;
 +
}
 +
.menu li:hover .submenu li:nth-child(8) {
 +
    -webkit-transition-delay: 350ms;
 +
    -moz-transition-delay: 350ms;
 +
    -ms-transition-delay: 350ms;
 +
    -o-transition-delay: 350ms;
 +
    transition-delay: 350ms;
 +
}
  
 
.submenu li:nth-child(1) {
 
.submenu li:nth-child(1) {
Line 211: Line 243:
 
    transition-delay: 200ms;
 
    transition-delay: 200ms;
 
}
 
}
 +
.submenu li:nth-child(5) {
 +
    -webkit-transition-delay: 150ms;
 +
    -moz-transition-delay: 150ms;
 +
    -ms-transition-delay: 150ms;
 +
    -o-transition-delay: 150ms;
 +
    transition-delay: 150ms;
 +
}
 +
.submenu li:nth-child(6) {
 +
    -webkit-transition-delay: 100ms;
 +
    -moz-transition-delay: 100ms;
 +
    -ms-transition-delay: 100ms;
 +
    -o-transition-delay: 100ms;
 +
    transition-delay: 100ms;
 +
}
 +
.submenu li:nth-child(7) {
 +
    -webkit-transition-delay: 50ms;
 +
    -moz-transition-delay: 50ms;
 +
    -ms-transition-delay: 50ms;
 +
    -o-transition-delay: 50ms;
 +
    transition-delay: 50ms;
 +
}
 +
.submenu li:nth-child(8) {
 +
    -webkit-transition-delay: 0s;
 +
    -moz-transition-delay: 0s;
 +
    -ms-transition-delay: 0s;
 +
    -o-transition-delay: 0s;
 +
    transition-delay: 0s;
 +
}
 +
 
#abstract{
 
#abstract{
 
background-color: rgba(0,0,0,0.4);
 
background-color: rgba(0,0,0,0.4);
Line 216: Line 277:
 
position: absolute;
 
position: absolute;
 
}
 
}
 
+
<!--[if IE]>
 +
#scroll_to_bottom{
 +
margin: 200px 250px;
 +
}
 +
<![endif]-->
 +
<!--[if !IE]>
 
#scroll_to_bottom{
 
#scroll_to_bottom{
 
margin: 400px 500px;
 
margin: 400px 500px;
Line 223: Line 289:
 
}
 
}
  
-->
 
  
 
</style>
 
</style>
Line 229: Line 294:
  
 
<script type="text/javascript">
 
<script type="text/javascript">
function ImgOver()
+
 
{
+
document.form1.team_logo.src="https://static.igem.org/mediawiki/2016/2/28/NAU_CHINA_TEAM_LOGO_SHADOW.gif"
+
}
+
function ImgOut()
+
{
+
document.form1.team_logo.src="https://static.igem.org/mediawiki/2016/e/ec/NAU_CHINA_TEAM_LOGO.gif"
+
}
+
 
function ChangeImg(ThisPic)
 
function ChangeImg(ThisPic)
 
{
 
{
Line 253: Line 311:
  
 
<body >
 
<body >
<div id="maintop"></div>
+
<div class="nav" id="main" role="main">
  <div class="nav" id="main" role="main">
+
 
<ul class="menu">
 
<ul class="menu">
<li id="img1"><img src="https://static.igem.org/mediawiki/2016/e/ec/NAU_CHINA_TEAM_LOGO.gif"/></li>
+
 
<li><a href="https://2016.igem.org/Team:NAU-CHINA">HOME</a></li>
 
<li><a href="https://2016.igem.org/Team:NAU-CHINA">HOME</a></li>
 
<li><a>TEAM</a>
 
<li><a>TEAM</a>
Line 273: Line 330:
 
</ul>
 
</ul>
 
</li>
 
</li>
 
+
<li><a>MODELING</a></li>
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Notebook">NOTEBOOK</a></li>
+
<li >
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Application">APPLICATION</a></li>
+
<a ><img name=img1 src="https://static.igem.org/mediawiki/2016/e/ec/NAU_CHINA_TEAM_LOGO.gif"/></a>
 +
</li>
 
<li class="active"><a>HUMAN PRACTICES</a>
 
<li class="active"><a>HUMAN PRACTICES</a>
 
<ul class="submenu">
 
<ul class="submenu">
 
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Practices">Human Practices</a></li>
 
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Practices">Human Practices</a></li>
 
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Collaborations">Collaborations</a></li>
 
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Collaborations">Collaborations</a></li>
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Safety">Safety</a></li>
+
 
</ul>
 
</ul>
</li>
+
</li>
 +
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Safety">SAFETY</a></li>
 +
 +
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Judging">JUDGING</a></li>
 +
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Notebook">NOTEBOOK</a></li>
 
</ul>
 
</ul>
 
</div>
 
</div>
<img src="https://static.igem.org/mediawiki/2016/6/63/NAU_CHINA_2016WIKI.jpeg"  onload="ChangeImg(this)" style="z-index:-100;position:absolute;left:0;top:0px"><!--background-->
+
<img src="https://static.igem.org/mediawiki/2016/b/bf/NAU_CHINA_2016WIKI_TEST2.jpeg"  onload="ChangeImg(this)" style="z-index:-100;position:absolute;left:0;top:0px"><!--backgroundimg-->
  
 
<div name="abstract" id="abstract">
 
<div name="abstract" id="abstract">

Revision as of 14:14, 5 September 2016

BACKGROUND

This is backgroundld.