Difference between revisions of "Team:NAU-CHINA/Notebook"

 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{NAU-CHINA}}
 
 
<html>
 
<html>
−
<head>
+
<head>
−
<script type="text/javascript">
+
<meta charset="UTF-8" />
−
function ImgOver1()
+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  
−
{
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
−
document.form1.img1.src="img_sample001_NAU-CHINA.gif"
+
<link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:NAU-CHINA/texiao?action=raw&ctype=text/css" />
−
}
+
<link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:NAU-CHINA/component?action=raw&ctype=text/css" />
−
function ImgOut1()
+
<style type="text/css">
−
{
+
/* Hide top title */
−
document.form1.img1.src="img_black_sample001_NAU-CHINA.gif"
+
#top_title, #sideMenu {
−
}
+
display: none;
 +
}
 +
 +
/* Hide first heading */
 +
.firstHeading {
 +
display: none;
 +
}
  
  
−
function ImgOver2()
+
/*-- Remove borders, float content left and remove padding/margin */
−
{
+
#globalWrapper, #content{
−
document.form2.img2.src="img_sample002_NAU-CHINA.gif"
+
background-color: transparent;
−
}
+
border: none;
−
function ImgOut2()
+
float: center;
−
{
+
width: auto;
−
document.form2.img2.src="img_black_sample002_NAU-CHINA.gif"
+
margin-left: 0px;
−
}
+
margin-top: -8px;
−
</script>
+
padding: auto;
−
</head>
+
}
−
<body>
+
 
−
<h1>Description</h1>
+
/*left align Black Menu Bar */
−
<table>
+
#top_menu_inside {
−
<tbody>
+
margin-left: 0px;
−
<tr>
+
}
−
<td>
+
.centerImage
−
<form name=form1>
+
{
−
<a href="" name=link1 onMouseOver="ImgOver1()" onMouseOut="ImgOut1()">
+
text-align:center;
−
<img name="img1" src="img_black_sample001_NAU-CHINA.gif" width=500>
+
display:block;
−
</a>
+
}
−
</form>
+
.wraptocenter {
−
</td>
+
  display: table-cell;
−
<td>
+
  text-align: center;
−
<form name=form2>
+
  vertical-align: middle;
−
<a href="" name=link2 onMouseOver="ImgOver2()" onMouseOut="ImgOut2()">
+
  width: 200px;
−
<img name="img2" src="img_black_sample002_NAU-CHINA.gif" width=500>
+
  height: 200px;
−
</a>
+
  background-color: #999;
−
</form>
+
}
−
</td>
+
.wraptocenter * {
−
</tr>
+
  vertical-align: middle;
−
</tbody>
+
}
−
</table>
+
            #top_menu_inside .submenu{min-height:250px;}
−
</body>
+
 
−
</html>
+
/* control second,third and forth level titles */
 +
h1{
 +
padding-left: 60px;
 +
padding-right: 70px;
 +
font-family:'Comic Sans MS','Arial Black';
 +
color: rgb(100,100,100);
 +
}
 +
p{
 +
padding-left: 60px;
 +
padding-right: 70px;
 +
font-family:'Comic Sans MS','Arial Black';
 +
color: rgb(100,100,100);
 +
}
 +
h2{
 +
padding-left: 60px;
 +
padding-right: 70px;
 +
font-family:'Comic Sans MS','Arial Black';
 +
color: rgb(100,100,100);
 +
}
 +
 
 +
                        #HQ_page th,td{
 +
border: 1px solid green;
 +
text-align: center;}
 +
 
 +
#img01{
 +
text-align: center;
 +
margin:0 auto;
 +
}
 +
 
 +
#img01 img{
 +
width: 600px;
 +
}
 +
.second{
 +
font-family:'Comic Sans MS','Arial Black';
 +
padding-left: 60px;
 +
color: rgb(100,100,100);
 +
}
 +
 
 +
.third{
 +
font-family:'Comic Sans MS','Arial Black';
 +
padding-left: 120px;
 +
color: rgb(100,100,100);
 +
}
 +
                        #maintext p{
 +
                                font-family:'Comic Sans MS','Arial Black';
 +
                        }
 +
 
 +
 
 +
#chaolianjie{
 +
margin-left:20%;
 +
margin-right:20%;
 +
}
 +
 
 +
/* body style */
 +
#maintext{
 +
padding: 450px 120px 0 120px;
 +
 
 +
            }
 +
 
 +
 +
 
 +
            body{
 +
                background-color:white;
 +
            }
 +
 
 +
            @media screen and (max-width: 1220px) {
 +
 
 +
    .menu{
 +
        display: none;
 +
       
 +
    }
 +
 
 +
    .container {
 +
        display: block;
 +
    }
 +
 
 +
}
 +
 
 +
@media screen and (min-width: 1220px) {
 +
 
 +
    .menu{
 +
        display: block;
 +
    }
 +
 
 +
    .container {
 +
        display: none;
 +
    }
 +
 
 +
}
 +
 
 +
 
 +
#ClickBack{
 +
text-align: center;
 +
position: fixed;
 +
bottom: 40px;
 +
right: 40px;
 +
font-family:'Comic Sans MS','Arial Black';
 +
}
 +
 
 +
#ClickBack img{
 +
width: 100px;
 +
}
 +
#maintext p{
 +
font-family:'Comic Sans MS','Arial Black';
 +
font-size: 17px;
 +
                        padding-left:20%;
 +
}
 +
#maintext img{
 +
width: 80%;
 +
padding-left:20%;
 +
}
 +
</style>
 +
<script type="text/javascript">
 +
 
 +
function ChangeImg(ThisPic)
 +
{
 +
var size=document.body.clientWidth;
 +
var TrueWidth=ThisPic.width;
 +
var TrueHeight=ThisPic.height;
 +
var Multiple=TrueWidth/size;
 +
 
 +
ThisPic.width=size;
 +
ThisPic.height=TrueHeight/Multiple;
 +
}
 +
 
 +
</script>
 +
</head>
 +
<body>
 +
 
 +
<!-- small screen menu -->
 +
 +
<div class="container" >
 +
<ul id="gn-menu" class="gn-menu-main" >
 +
<li class="gn-trigger">
 +
<a class="gn-icon gn-icon-menu">
 +
</a>
 +
<nav class="gn-menu-wrapper">
 +
<div class="gn-scroller">
 +
<ul class="gn-menu">
 +
<li>
 +
<a href="https://2016.igem.org/Team:NAU-CHINA"><span> HOME</span></a>
 +
</li>
 +
<li>
 +
<a href="https://2016.igem.org/Team:NAU-CHINA/Participator"> TEAM</a>
 +
</li>
 +
<ul>
 +
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Participator">Participator</a></li>
 +
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Collaborations">Collaboration</a></li>
 +
</ul>
 +
<li>
 +
<a href="https://2016.igem.org/Team:NAU-CHINA/Description"> PROJECT</a>
 +
</li>
 +
<li>
 +
<a href="https://2016.igem.org/Team:NAU-CHINA/Part_Collection"> PARTS</a>
 +
</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/Attributions"> ATTRIBUTION</a></li>
 +
<li>
 +
<a href="https://2016.igem.org/Team:NAU-CHINA/Human_Practices"> HP</a>
 +
</li>
 +
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Conclusion">CONCLUSION</a></li>
 +
</ul>
 +
</div><!-- /gn-scroller -->
 +
</nav>
 +
</li>
 +
</ul>
 +
 
 +
</div><!-- /container -->
 +
 
 +
 +
 
 +
<nav>
 +
<!-- big screen menu-->
 +
<div class="nav" id="main" role="main">
 +
<ul class="menu">
 +
<li><a href="https://2016.igem.org/Team:NAU-CHINA">HOME</a></li>
 +
<li><a>TEAM</a>
 +
<ul class="submenu">
 +
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Participator">Participator</a></li>
 +
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Collaborations">Collaboration</a></li>
 +
</ul>
 +
</li>
 +
<li><a>PROJECT</a>
 +
<ul class="submenu">
 +
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Description">Description</a></li>
 +
                                <li><a href="https://2016.igem.org/Team:NAU-CHINA/Design">Applied Design</a></li>
 +
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Experiment">Experiment</a></li>
 +
                                <li><a href="https://2016.igem.org/Team:NAU-CHINA/Proof">Proof of Concept</a></li>
 +
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Demonstrate">Demonstrate </a></li>
 +
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Model">Model </a></li>
 +
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Notebook">Notebook </a></li>
 +
</ul>
 +
</li>
 +
<li><a>PARTS</a>
 +
<ul class="submenu">
 +
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Part_List">Part List</a></li>
 +
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Basic_Part">Basic Part</a></li>
 +
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Composite_Part">Composite Part</a></li>
 +
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Part_Collection">Collection</a></li>
 +
</ul>
 +
</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/Attributions">ATTRIBUTION</a></li>
 +
<li><a>HUMAN PRACTICE</a>
 +
<ul class="submenu">
 +
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Human_Practices">Human Practices</a></li>
 +
<li><a href="https://2016.igem.org/Team:NAU-CHINA/HP/Silver">Silver</a></li>
 +
<li><a href="https://2016.igem.org/Team:NAU-CHINA/HP/Gold">Gold</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Conclusion">CONCLUSION</a></li>
 +
</ul>
 +
</div>
 +
</nav>
 +
<div  id="maintext">
 +
 
 +
<div>
 +
<p><a href="https://static.igem.org/mediawiki/2016/8/81/T--NAU-CHINA--NOTEBOOK.docx"><b style="color: blue;">Click here to download our notebook.</b></a></p>
 +
<img src="https://static.igem.org/mediawiki/2016/3/38/T--NAU-CHINA--NOTEBOOK01.png">
 +
<img src="https://static.igem.org/mediawiki/2016/4/4f/T--NAU-CHINA--NOTEBOOK02.png">
 +
<img src="https://static.igem.org/mediawiki/2016/4/4d/T--NAU-CHINA--NOTEBOOK03.png">
 +
</div>
 +
 
 +
</div>
 +
<img src="https://static.igem.org/mediawiki/2016/9/9e/T--NAU-CHINA--NOTEBOOK_BG.jpeg"  onload="ChangeImg(this)" style="z-index:-60;position:absolute;left:0;top:0px"><!--backgroundimg-->
 +
<script type="text/javascript" src="https://2016.igem.org/Template:NAU-CHINA/modernizr_custom?
 +
action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2016.igem.org/Template:NAU-CHINA/gnmenu?
 +
action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2016.igem.org/Template:NAU-CHINA/classie?
 +
action=raw&ctype=text/javascript"></script>
 +
 
 +
<script>
 +
new gnMenu( document.getElementById( 'gn-menu' ) );
 +
</script>
 +
 
 +
</body>
 +
 
 +
 
 +
<html>

Latest revision as of 19:04, 18 October 2016