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

(Prototype team page)
 
 
(8 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{NAU-CHINA}}
 
 
<html>
 
<html>
 +
<head>
 +
<meta charset="UTF-8" />
 +
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 +
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
<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" />
 +
<style type="text/css">
 +
/* Hide top title */
 +
#top_title, #sideMenu {
 +
display: none;
 +
}
 +
 +
/* Hide first heading */
 +
.firstHeading {
 +
display: none;
 +
}
  
  
−
<div class="column full_size">
+
/*-- Remove borders, float content left and remove padding/margin */
 +
#globalWrapper, #content{
 +
background-color: transparent;
 +
border: none;
 +
float: center;
 +
width: auto;
 +
margin-left: 0px;
 +
margin-top: -8px;
 +
padding: auto;
 +
}
  
−
<p> Document the dates you worked on your project.</p>
+
/*left align Black Menu Bar */
 +
#top_menu_inside {
 +
margin-left: 0px;
 +
}
 +
.centerImage
 +
{
 +
text-align:center;
 +
display:block;
 +
}
 +
.wraptocenter {
 +
  display: table-cell;
 +
  text-align: center;
 +
  vertical-align: middle;
 +
  width: 200px;
 +
  height: 200px;
 +
  background-color: #999;
 +
}
 +
.wraptocenter * {
 +
  vertical-align: middle;
 +
}
 +
            #top_menu_inside .submenu{min-height:250px;}
  
−
</div>
+
/* 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);
 +
}
  
−
<div class="column half_size">
+
                        #HQ_page th,td{
−
<h5>What should this page have?</h5>
+
border: 1px solid green;
−
<ul>
+
text-align: center;}
−
<li>Chronological notes of what your team is doing.</li>
+
−
<li> Brief descriptions of daily important events.</li>
+
−
<li>Pictures of your progress. </li>
+
−
<li>Mention who participated in what task.</li>
+
−
</ul>
+
  
−
</div>
+
#img01{
 +
text-align: center;
 +
margin:0 auto;
 +
}
  
−
<div class="column half_size">
+
#img01 img{
−
<h5>Inspiration</h5>
+
width: 600px;
−
<p>You can see what others teams have done to organize their notes:</p>
+
}
 +
.second{
 +
font-family:'Comic Sans MS','Arial Black';
 +
padding-left: 60px;
 +
color: rgb(100,100,100);
 +
}
  
−
<ul>
+
.third{
−
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
font-family:'Comic Sans MS','Arial Black';
−
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
+
padding-left: 120px;
−
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
+
color: rgb(100,100,100);
−
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
+
}
−
</ul>
+
                        #maintext p{
 +
                                font-family:'Comic Sans MS','Arial Black';
 +
                        }
  
−
</div>
+
 
−
</html>
+
#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