Difference between revisions of "Team:NJU-China"

Line 6: Line 6:
 
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0" name="viewport">
 
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0" name="viewport">
 
<!-- Use title if it's in the page YAML frontmatter -->
 
<!-- Use title if it's in the page YAML frontmatter -->
<title>展示网页</title>
+
<title>humanpractice</title>
 +
 
  
 
<meta content="#ffffff" name="msapplication-TileColor">
 
<meta content="#ffffff" name="msapplication-TileColor">
Line 18: Line 19:
 
<link href="https://2015.igem.org/Template:NJU-China/CSS3?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 
<link href="https://2015.igem.org/Template:NJU-China/CSS3?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 
<link href="https://2015.igem.org/Template:NJU-China/CSS4?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 
<link href="https://2015.igem.org/Template:NJU-China/CSS4?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 +
<!--<link href="https://2015.igem.org/Template:NJU-China/CSS5?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/>-->
 +
<style type="text/css">
  
<style type="text/css">
+
body {
#btn {background:url(https://static.igem.org/mediawiki/2015/c/cb/NJU-China_mulu_background.jpg);}
+
background-image: url(https://static.igem.org/mediawiki/2014/b/bd/HUST_Background_3.jpg);
#btn:hover {background:url(https://static.igem.org/mediawiki/2015/4/4c/NJU-China_mulu_background2.jpg);}
+
/*background-color: #F99; */
#btn2 {background:url(https://static.igem.org/mediawiki/2015/7/7e/NJU-China_mulu_project.jpg);}
+
}
#btn2:hover {background:url(https://static.igem.org/mediawiki/2015/f/f0/NJU-China_mulu_project2.jpg);}
+
#btn3 {background:url(https://static.igem.org/mediawiki/2015/3/3f/NJU-China_mulu_model.jpg);}
+
#btn3:hover {background:url(https://static.igem.org/mediawiki/2015/2/28/NJU-China_mulu_model2.jpg);}
+
#btn4 {background:url(https://static.igem.org/mediawiki/2015/7/73/NJU-China_mulu_hp.jpg);}
+
#btn4:hover {background:url(https://static.igem.org/mediawiki/2015/5/54/NJU-China_mulu_hp2.jpg);}
+
#btn5 {background:url(https://static.igem.org/mediawiki/2015/2/25/NJU-China_mulu_parts.jpg);}
+
#btn5:hover {background:url(https://static.igem.org/mediawiki/2015/a/af/NJU-China_mulu_parts2.jpg);}
+
#btn6 {background:url(https://static.igem.org/mediawiki/2015/e/e0/NJU-China_mulu_team.jpg);}
+
#btn6:hover {background:url(https://static.igem.org/mediawiki/2015/4/40/NJU-China_mulu_team2.jpg);}
+
#btn7 {background:url(https://static.igem.org/mediawiki/2015/4/49/NJU-China_mulu_attribution.jpg);}
+
#btn7:hover {background:url(https://static.igem.org/mediawiki/2015/6/63/NJU-China_mulu_attribution2.jpg);}
+
#btn8 {background:url(https://static.igem.org/mediawiki/2015/c/c0/NJU-China_mulu_collabor.jpg);}
+
#btn8:hover {background:url(https://static.igem.org/mediawiki/2015/c/c2/NJU-China_mulu_collabor2.jpg);}
+
#btn9 {background:url(https://static.igem.org/mediawiki/2015/6/63/NJU-China_mulu_safety.jpg);}
+
#btn9:hover {background:url(https://static.igem.org/mediawiki/2015/b/b2/NJU-China_mulu_safety2.jpg);}
+
#btn10 {background:url(https://static.igem.org/mediawiki/2015/1/13/NJU-China_mulu_notebook.jpg);}
+
#btn10:hover {background:url(https://static.igem.org/mediawiki/2015/f/fd/NJU-China_mulu_notebook2.jpg);}
+
</style>
+
  
<style type="text/css">
 
 
#footer-box {
 
#footer-box {
 
     background-color: transparent;  
 
     background-color: transparent;  
Line 82: Line 66:
 
}
 
}
 
</style>
 
</style>
 +
 +
<style type="text/css">
 +
    *{ margin:0; padding:0;    list-style:none;}
 +
    #nav a { text-decoration:underline;color:#06c; font-size:14px; line-height:24px;text-decoration: none;}
 +
    #nav ul{ margin-bottom:5px;}
 +
    #nav strong{ color:#696;}
 +
    #nav.dyn li ul{ display:none;}
 +
    #nav.dyn li ul.show{ display:block;}
 +
    #nav.dyn li{ padding-left:15px;line-height:250%}
 +
#btn7 {background:url(https://static.igem.org/mediawiki/2015/5/56/NJU-China-project-reference1.jpg);}
 +
#btn7:hover {background:url(https://2015.igem.org/File:NJU-China-project-reference1-2.jpg);}
 +
#btn8 {background:url(https://static.igem.org/mediawiki/2015/e/ed/NJU-China-project-reference2.jpg);}
 +
#btn8:hover {background:url(https://static.igem.org/mediawiki/2015/f/f3/NJU-China-project-reference2-2.jpg);}
 +
#btn9 {background:url(https://static.igem.org/mediawiki/2015/0/0b/NJU-China-project-reference3.jpg);}
 +
#btn9:hover {background:url(https://static.igem.org/mediawiki/2015/4/42/NJU-China-project-reference3-2.jpg);}
 +
</style>
  
 
<style>
 
<style>
#contentSub, #footer-box, #catlinks, #p-logo, #search-controls, .printfooter, .firstHeading, .visualClear{display: none;}
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear{display: none;}
 
   
 
   
 
#globalWrapper, #content { /*-- changes default wiki settings --*/
 
#globalWrapper, #content { /*-- changes default wiki settings --*/
Line 102: Line 102:
 
     height: 100%;  
 
     height: 100%;  
 
     background-color: transparent;   
 
     background-color: transparent;   
 +
}
 +
#top-section {
 +
    background-color:4848;
 +
    border: 0 none;
 +
    width: 100%;
 +
    height: 24px;
 +
    z-index: 100;
 +
    top: 0;
 +
    position: fixed;
 
}
 
}
  
Line 133: Line 142:
 
  z-index: 5;
 
  z-index: 5;
 
}
 
}
 +
</style>
  
#top-section {
+
 
     background-color:4848;
+
<style type="text/css">
     border: 0 none;
+
     *{ margin:0; padding:0;    list-style:none;}
     width: 100%;
+
     #nav a { text-decoration:underline;color:#06c; font-size:14px; line-height:24px;text-decoration: none;}
     height: 24px;
+
     #nav ul{ margin-bottom:5px;}
     z-index: 100;
+
     #nav strong{ color:#696;}
     top: 0;
+
     #nav.dyn li ul{ display:none;}
     position: fixed;
+
     #nav.dyn li ul.show{ display:block;}
 +
     #nav.dyn li{ padding-left:15px;line-height:250%}
 +
</style>
 +
 
 +
<style>
 +
body imag {
 +
width: 300px;
 +
height: 200px;
 
}
 
}
 
</style>
 
</style>
 
  
 
</head>
 
</head>
Line 152: Line 168:
 
<nav style="height:80px">
 
<nav style="height:80px">
 
<ul style="margin-top:10px">
 
<ul style="margin-top:10px">
<li><a class="button" href="#menu" style="font-weight:bold;font-family:Microsoft YaHei">content</a></li>
+
<li><a class="button" href="#detail" style="font-weight:bold;font-family:Microsoft YaHei">content</a></li>
 
</ul>
 
</ul>
 
</nav>
 
</nav>
Line 159: Line 175:
 
</div>
 
</div>
  
 +
<div id='menu-overlay'>
 +
<div class='menu-content'>
 +
<ul>
 +
<li><a class="button" href="#detail" style="font-weight:bold;font-family:Microsoft YaHei">content</a></li>
 +
</ul>
 +
</div>
 +
</div>
  
<div id="header" style="background-image:url(https://static.igem.org/mediawiki/2015/1/16/%E5%B0%81%E9%9D%A2%E5%95%8A%E5%95%8A_%E5%95%8A_%E5%95%8A.jpg);height:100%;size:auto">
+
<div id="header" style="background-image:url(https://static.igem.org/mediawiki/2015/1/16/%E5%B0%81%E9%9D%A2%E5%95%8A%E5%95%8A_%E5%95%8A_%E5%95%8A.jpg);background-size:cover">
 
<div class="header-content">
 
<div class="header-content">
 
<div class="container">
 
<div class="container">
 
<div class="row">
 
<div class="row">
 
<div class="col-md-12">
 
<div class="col-md-12">
<div class="scroll-link-wrapper" style="visibility: visible;margin-top:300px ">
+
<div class="scroll-link-wrapper" style="visibility: visible;margin-top:500px ">
<a class="scroll-link" href="#menu"><img src="https://static.igem.org/mediawiki/2015/1/16/NJU-China-file-arrow_down.png">
+
<a class="scroll-link" href="#detail"><img src="https://static.igem.org/mediawiki/2015/1/16/NJU-China-file-arrow_down.png">
 
</a></div>
 
</a></div>
 
</div>
 
</div>
Line 173: Line 196:
 
</div>
 
</div>
 
</div>
 
</div>
 +
  
 
<img id="home2" src="https://static.igem.org/mediawiki/2015/0/05/NJU-China-home2.png">
 
<img id="home2" src="https://static.igem.org/mediawiki/2015/0/05/NJU-China-home2.png">

Revision as of 19:18, 18 September 2015

humanpractice