Team:NEAU-Harbin/Sandbox

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
{{CSS/Main}}
{{CSS/Main}}
 +
<!DOCTYPE html>
 +
<!-- Thanks to http://90du.es/demo/ -->
 +
<html>
 +
<head>
 +
<style>#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/</style>
 +
<script type="text/javascript" src="jquery.js"></script>
 +
<style>
 +
/*shape*/
 +
#square {
 +
width: 50px;
 +
height: 50px;
 +
background: green;
 +
}</style>
-
 
+
<!-- demo2 -->
-
<html>
+
<style>
-
 
+
/*accordion list*/
-
<style type="text/css">
+
.demo2 {
-
.page-demo{
+
    overflow: hidden;
-
-webkit-transition:-webkit-transform .2s linear;
+
}
-
-moz-transition:-moz-transform .2s linear;
+
.demo2 .span3 label {
-
-o-transition:-o-transform .2s linear;
+
    font-size: 18px;
-
transition:transform .2s linear;
+
    line-height: 27px;
 +
    border-bottom: 2px solid #4ce;
 +
    color: #4ce;
 +
}
 +
.demo2 .span3 input[type] {
 +
    display: none;
 +
    position: absolute;
 +
    width: 100%;
 +
    height: 36px;
 +
    opacity: 0;
 +
    cursor: pointer;
 +
}
 +
.demo2 .span3 label{
 +
    font-weight: bold;
 +
    display: block;
 +
    margin-bottom: 10px;
 +
    position: relative;
 +
}
 +
.demo2 .span3 label:after{
 +
    content:'\25C0';
 +
    position: absolute;
 +
    right: 1%;
 +
}
 +
.demo2 .span3 .unstyled{
 +
    height: 1px;
 +
    overflow: hidden;
 +
    opacity: 0;
 +
    transition: min-height .5s,opacity 1s;
 +
}
 +
.demo2 .span3 input[type]:checked ~ .unstyled{
 +
    min-height: 130px;
 +
    opacity: 1;
}
}
-
.demo-x:hover {
+
.demo2 .span3 input[type]:checked ~ label:after {
-
-webkit-transform: rotate(-360deg);
+
    -webkit-transform: rotate(-90deg);
-
-moz-transform: rotate(-360deg);
+
-
-o-transform: rotate(-360deg);
+
-
-ms-transform: rotate(-360deg);
+
-
transform: rotate(-360deg);
+
-
cursor: pointer;
+
}
}
</style>
</style>
-
<!--main content -->
+
<!-- Scrollfixed Sidebar -->
-
<table width="70%" align="center">
+
<style>
 +
.fixed {position:fixed;top:20px;background-color:#90EE90;border-color:green; }
 +
/* article{height:2800px;} */
 +
</style>
 +
<script src="./jquery.min.js"></script>
 +
<!--script>window.jQuery || document.write('<script src="http://no-mans-land.wdimg.com/js/latest-jquery.min.js"><\/script>')</script>
 +
<script src="./prettify.js"></script><div id="demoHome">Demo Index</div-->
 +
<script>
 +
/* trigger when page is ready */ 
 +
$(document).ready(function (){ 
 +
  // check where the sidebar div is 
 +
  var offset = $('aside').offset(); 
 +
     
 +
    $(window).scroll(function () { 
 +
      var scrollTop = $(window).scrollTop(); // check the visible top of the browser
 +
        if (offset.top < scrollTop) $('aside').addClass('fixed'); 
 +
        else $('aside').removeClass('fixed'); 
 +
        }); 
-
<!--welcome box -->
+
});
-
<tr>
+
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#66CCFF>
+
-
<h1 ><abbr "Hello world!">WELCOME TO iGEM 2014!</abbr> </h1>
+
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
-
<br>
+
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:NEAU-Harbin/Sandbox&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
-
</td>
+
-
</tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
</script>
-
<!-- end welcome box -->
+
<!-- End Scrollfixed Sidebar -->
-
<tr>  
+
-
<!--navigation menu -->
+
<!-- reset.css -->
-
<td align="center" colspan="3">
+
<style>/* CSS Reset - Boilerplate */
-
<table width="100%">
+
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
-
<tr heigth="15px"></tr>
+
-
<tr heigth="75px">
+
 +
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;font-size:1em;line-height:1.4}body,button,input,select,textarea{font-family:sans-serif;color:#222}::-moz-selection{background:#fe57a1;color:#fff;text-shadow:none}::selection{background:#fe57a1;color:#fff;text-shadow:none}a{color:#00e}a:visited{color:#551a8b}a:hover{color:#06e}a:focus{outline:thin dotted}a:hover,a:active{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:bold}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}ul,ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;*margin-left:-7px;padding:0}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.hidden{display:none!important;visibility:hidden}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}</style>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
<!-- demo-format.css -->
-
<a href="https://2014.igem.org/Team:NEAU-Harbin"style="color:#000000">Home </a> </td>
+
<style>
 +
body {
 +
    font: 12px/18px Tahoma,Verdana,"BitStream vera Sans",Arial,Helvetica,Sans-serif;
 +
    border-top: 5px solid #72C4D2;
 +
    padding-bottom: 40px;
 +
    background-color: #ECE7D8;
 +
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAIAQMAAAARA0f2AAAAA3NCSVQICAjb4U/gAAAABlBMVEXo4c7s59jlmUFzAAAACXBIWXMAAAsSAAALEgHS3X78AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1MzmNZGAwAAABV0RVh0Q3JlYXRpb24gVGltZQAyLzE2LzEwj+B0TgAAABJJREFUCJlj+N/AAEQNDAyoDAB5zQn7O9x7hQAAAABJRU5ErkJggg%3D%3D);
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
p {
-
<a href="https://2014.igem.org/Team:NEAU-Harbin/Team"style="color:#000000"> Team </a> </td>
+
    margin-bottom: 8px;
 +
}
 +
.wrapper {
 +
  width: 920px;
 +
  margin: 0 auto;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
header,
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=NEAU-Harbin"style="color:#000000"> Official Team Profile </a></td>
+
article,
 +
aside,
 +
footer {
 +
  background-color: #fff;
 +
  border: 8px solid transparent;
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
-
<a href="https://2014.igem.org/Team:NEAU-Harbin/Project"style="color:#000000"> Project</a></td>
+
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
  -webkit-background-clip: padding-box;
-
<a href="https://2014.igem.org/Team:NEAU-Harbin/Parts"style="color:#000000"> Parts</a></td>
+
  -moz-background-clip: padding-box;
 +
  background-clip: padding-box;
 +
  padding: 10px;
 +
  margin-bottom: 20px;
 +
  word-wrap:break-word;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.lt-ie9 header,
-
<a href="https://2014.igem.org/Team:NEAU-Harbin/Modeling"style="color:#000000"> Modeling</a></td>
+
.lt-ie9 article,
 +
.lt-ie9 aside,
 +
.lt-ie9 footer {
 +
  border: 8px solid #fff;
 +
  outline: 1px solid #ccc;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
header{
-
<a href="https://2014.igem.org/Team:NEAU-Harbin/Notebook"style="color:#000000"> Notebook</a></td>
+
  color:#000;
 +
  text-shadow:0 1px 0 #eee;
 +
  border-top:0;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
article{
-
<a href="https://2014.igem.org/Team:NEAU-Harbin/Safety"style=" color:#000000"> Safety </a></td>
+
  background-color:#fff;
 +
  width:600px;
 +
  float:right;
 +
  min-height: 400px;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
aside{
-
<a href="https://2014.igem.org/Team:NEAU-Harbin/Attributions"style="color:#000000"> Attributions </a></td>
+
  width:225px;
 +
  color:#000;
 +
  background-color: #E8E36F;
 +
  min-height: 400px;
 +
}
 +
aside h2{
 +
  border-bottom:1px dotted #444;
 +
}
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
footer{
-
</tr>
+
  margin-bottom:0
-
</table>
+
}
-
<!--end navigation menu -->
+
h1,h2,h3{
-
</tr>
+
  margin:5px 0;
 +
  font-size:1em
 +
}
 +
article > h1,
 +
article > h2,
 +
article > h3,
 +
footer > h1,
 +
footer > h2,
 +
footer > h3{
 +
  border:0;
 +
  border-left:8px solid #72C4D2;
 +
  margin: 15px -10px 15px -18px;
 +
  background:#E2F2F5;
 +
  background: rgba(114, 196, 210, 0.2);
 +
  padding: 5px 10px;
 +
}
 +
.clear {
 +
  clear: both;
 +
}
-
</tr>
+
/* prettify code from css-tricks */
-
+
pre {
 +
  position: relative;
 +
  background: #333;
 +
  color: #fff;
 +
  line-height: 1.8;
 +
  border-radius: 8px;
 +
  padding: 40px 10px 10px;
 +
  margin: 0 0 25px 0;
 +
  overflow: auto;
 +
}
 +
.ie6 pre,
 +
.ie7 pre,
 +
.lt-ie8 pre{
 +
  padding:10px;
 +
}
 +
pre code{
 +
  color:#fff;
 +
  background:#333;
 +
}
 +
pre[rel]:after {
 +
  content: attr(rel);
 +
  text-transform: uppercase;
 +
  position: absolute;
 +
  left: 0;
 +
  right: 0;
 +
  top: -1px;
 +
  padding: 5px 5px 5px 15px;
 +
  background: #2c539e;
 +
  color: #fff;
 +
  font: bold 16px/1.5 Georgia, serif;
 +
  border-radius: 8px 8px 0 0;
 +
  text-shadow: 0 1px 0 rgba(0,0,0,.4);
 +
}
 +
pre[rel=css]:after {background: #fac126; }
 +
pre[rel=php]:after {background: #00C1FF; }
 +
pre[rel=javascript]:after, pre[rel=js]:after {background: #739817; }
 +
pre[rel=html]:after {background: #3297CB; }
 +
/* google prettify */
 +
pre .str{color:#ff8400}
 +
pre .kwd{color:#e8ed97}
 +
pre .com{color:#999}
 +
pre .typ{color:#9a848c}
 +
pre .lit{color:#c9783e}
 +
pre .pun{color:#eee}
 +
pre .pln{color:#dfc484}
 +
pre .tag{color:#dfc484}
 +
pre .atn{color:#dfc484}
 +
pre .atv{color:#8e9c5c}
 +
pre .dec{color:#ccc}
 +
#demoHome{
 +
  background: #131415;
 +
  color: #fff;
 +
  padding: 1em;
 +
  border: 1px solid #000;
 +
  width: 300px;
 +
  text-align: center;
 +
  margin: 3em auto;
 +
  cursor: pointer;
 +
  clear: both;
 +
}
 +
.browsehappy,.chromeframe {margin: 0 0 2em; background: #FFF790; color: #444; padding: 0.75em 0; text-align: center; }
 +
.browsehappy a,.chromeframe a {color: #FE4E65; }
-
</td>
+
/* CanIUse ------------------------------------------------------ */
-
<tr> <td colspan="3"  height="15px"> </td></tr>
 
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
 
-
<tr> <td colspan="3"  height="5px"> </td></tr>
 
 +
.showAlt {
 +
    background: inherit;
 +
}
-
<!--requirements section -->
+
.showAlt #alt {
-
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
+
    display: block;
-
<tr>
+
}
-
<td width="45%"  valign="top">
+
-
<p> Please be sure to keep these links, your audience will want to find your: </p>
+
#alt {
 +
    display: none;
 +
}
-
<!-- Links to other team pages -->
+
#alt {
-
<ul>
+
    position: fixed;
-
<li><a href="https://2014.igem.org/Team:NEAU-Harbin">Home</a> </li>
+
    z-index: 999;
-
<li><a href="https://2014.igem.org/Team:NEAU-Harbin/Team">Team</a> </li>
+
    top: 0; right: 0; bottom: 0; left: 0;
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=NEAU-Harbin">Official Team Profile</a> </li>
+
    text-align: center;
-
<li><a href="https://2014.igem.org/Team:NEAU-Harbin/Project">Project</a> </li>
+
    padding: 50px;
-
<li><a href="https://2014.igem.org/Team:NEAU-Harbin/Parts">Parts</a> </li>
+
    background: inherit;
-
<li><a href="https://2014.igem.org/Team:NEAU-Harbin/Modeling">Modeling</a> </li>
+
}
-
<li><a href="https://2014.igem.org/Team:NEAU-Harbin/Notebook">Notebook</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:NEAU-Harbin/Safety">Safety</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:NEAU-Harbin/Attributions">Attributions</a> </li>
+
-
</ul>
+
#alt img {
 +
    border-radius: 4px;
 +
    box-shadow: 0 1px 4px hsla(0,0%,0%,.15);
 +
}
-
</td>
+
#h5p-message {
 +
    margin: 0 auto;
 +
    color: #999;
 +
    padding: 20px;
 +
    max-width: 600px;
 +
    background: #fff;
 +
    border-radius: 0 0 4px 4px;
 +
    box-shadow: 0 1px 4px hsla(0,0%,0%,.15);
 +
}
 +
 
 +
#h5p-message .caniuse {
 +
    font-size: 12px;
 +
    background: none;
 +
    border: none;
 +
    box-shadow: none;
 +
}
 +
 
 +
 
 +
/* nprogress */
 +
#nprogress{pointer-events:none;-webkit-pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:100;top:0;left:0;width:100%;height:10px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1.0;-webkit-transform:rotate(3deg) translate(0,-4px);-moz-transform:rotate(3deg) translate(0,-4px);-ms-transform:rotate(3deg) translate(0,-4px);-o-transform:rotate(3deg) translate(0,-4px);transform:rotate(3deg) translate(0,-4px)}#nprogress .spinner{display:block;position:fixed;z-index:100;top:15px;right:15px}#nprogress .spinner-icon{width:14px;height:14px;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:10px;-webkit-animation:nprogress-spinner 400ms linear infinite;-moz-animation:nprogress-spinner 400ms linear infinite;-ms-animation:nprogress-spinner 400ms linear infinite;-o-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}@-webkit-keyframes nprogress-spinner{0{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes nprogress-spinner{0{-moz-transform:rotate(0);transform:rotate(0)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes nprogress-spinner{0{-o-transform:rotate(0);transform:rotate(0)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes nprogress-spinner{0{-ms-transform:rotate(0);transform:rotate(0)}100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes nprogress-spinner{0{transform:rotate(0);transform:rotate(0)}100%{transform:rotate(360deg);transform:rotate(360deg)}}
 +
 
 +
</style>
 +
 
 +
<style>
 +
/* background color */
 +
*{margin:0;padding:0}
 +
html,body{background:#66ccff}
 +
.clear{clear:both}
 +
</style>
 +
 
 +
<style>
 +
/* navbar */
 +
#navbar{position:fixed;top:0px;left:0px;height:30px;width:100%;color:white;background:rgba(0,0,0,.4);z-index:4}
 +
#navbar #nav{position:relative;width:960px;margin:0 auto;z-index:3}
 +
#navbar #nav ul{list-style-type:none;padding:0px;margin:0px;z-index:2}
 +
#navbar #nav ul li {display:inline-block;width:120px;text-align:center;padding:5px 5px;z-index:1}
 +
#navbar #nav ul li:hover{background:rgba(255,255,255,.5);color:black;}
 +
</style>
 +
 
 +
<!-- content list -->
 +
<style>
 +
.demo3{
 +
    height: 400px;
 +
    position: relative;
 +
}
 +
.demo3 h1, .demo3 ul{cursor: pointer;}
 +
.demo3 h1{
 +
    font-size: 200%;
 +
    font-weight: normal;
 +
    line-height: 2;
 +
    width: 300px;
 +
    text-align: center;
 +
    background: #00C08B;
 +
    color: #127A5D;
 +
    border: 1px solid #BC5D00;
 +
    padding: 8px;
 +
    border-radius: 4px;
 +
    margin: 1em auto;
 +
}
 +
 
 +
.demo3 ul{
 +
    padding: 0;
 +
    list-style: none;
 +
    width: 200px;
 +
    background: #fff;
 +
    border: none;
 +
    color: #DAD6CD;
 +
    text-align: center;
 +
    position: absolute;
 +
    max-height: 0px;
 +
    overflow: hidden;
 +
    margin:0 auto;
 +
    transition: max-height .5s;
 +
    top: 70px;
 +
    left:50%;
 +
    margin-left: -100px;
 +
}
 +
 
 +
.demo3 li{
 +
    line-height: 3;
 +
    background-color: #202020;
 +
    border-bottom: 1px solid #000;
 +
    position: relative;
 +
}
 +
.demo3 li:first-child{
 +
    margin-top:5px;
 +
}
 +
.demo3 li:first-child:after{
 +
    content:'';
 +
    position:absolute;
 +
    width:1px;
 +
    height:1px;
 +
    border:5px solid transparent;
 +
    border-bottom-color:#313131;
 +
    left:50%;
 +
    top:-10px;
 +
    margin-left:-5px;
 +
}
 +
.demo3 li:hover{
 +
    background-color: #333;
 +
}
 +
.demo3 h1:hover ~ ul, .demo3 ul:hover{
 +
    max-height: 300px;
 +
}
 +
</style>
-
<td > </td>
 
-
<td width="45%">
 
-
<p>There are a few wiki requirements teams must follow:</p>
+
</head>
-
<ul>
+
-
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload">  2014.igem.org server</a>. </li>
+
-
<li>All pages must be created under the team’s name space.</li>
+
-
<li>As part of your documentation, keep the links from the menu to the left. </li>
+
-
<li>Do not use flash in wiki code. </li>
+
-
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li>
+
-
</ul>
+
-
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p>
+
-
</td>
+
<title>Notebook</title>
-
</tr>
+
<body>
 +
<div id="navbar"> <!-- nav -->
 +
<div id="nav">
 +
<ul>
 +
<li>Home</li>
 +
<li>Team
 +
<ul>
 +
<li>Members</li>
 +
<li>Advisors</li>
 +
<li>Instructors</li>
 +
<li>Attributions</li>
 +
<li>Thanks</li>
 +
</ul></li>
 +
<li>Project</li>
 +
<li>Results</li>
 +
<li>Notebook
 +
<ul>
 +
<li>May
 +
</li>
 +
<li>June
 +
</li>
 +
<li>July
 +
</li>
 +
<li>August
 +
</li>
 +
<li>September
 +
</li>
 +
<li>October
 +
</li>
 +
</ul></li>
 +
<li>Human practice
 +
<ul>
 +
<li>Interesting</li>
 +
<li>Presentation</li>
 +
<li>Video</li>
 +
<li>Article</li>
 +
<li>A small rest</li>
 +
</ul></li>
 +
<li>iGEM</li>
 +
</ul> </div>
 +
</div><!--navbar end-->
 +
<p>-</p>
 +
<p>-</p>
 +
<p>-</p>
 +
<p>-</p>
 +
<p>-</p>
 +
<p>-</p>
 +
<p>-</p>
 +
<p>-</p>
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
<div class="wrapper">
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
   
 +
<!-- main content -->
 +
<article id="body">  
 +
<div class="demo3">
 +
    <h1>Hover Me</h1>
 +
    <ul>
 +
        <li>Link 51</li>
 +
        <li>Link 52</li>
 +
        <li>Link 53</li>
 +
        <li>Link 54</li>
 +
        <li>Link 55</li>
 +
        <li>Link 56</li>
 +
        <li>Link 57</li>
 +
    </ul>
 +
</div>
 +
<h1>Members</h1>
 +
<div id="square"></div><p></p>
 +
<div id="square"></div><p></p>
 +
<div id="square"></div><p></p>
 +
<div id="square"></div>
 +
</article>
-
<!--tips  -->
+
    <!-- sidebar -->
-
<tr><td colspan="3" > <h3> Tips  </h3></td></tr>
+
    <aside id="sidebar">
-
<tr>
+
<div class="demo2">
-
<td width="45%" valign="top">  
+
    <div class="span3">
-
<p>We are currently working on providing teams with some easy to use design templates.
+
        <input type="radio" id="demo21" name="ex111" checked="">
-
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p>
+
        <label for="demo21">May
 +
</label>
 +
        <ul class="unstyled">
 +
                <li>1~5</li>
 +
                <li>6~10</li>
 +
                <li>11~15</li>
 +
                <li>16~20</li>
 +
                <li>21~25</li>
 +
                <li>26~31</li>
 +
                <li>link 7</li>
 +
        </ul>
 +
    </div>
 +
    <div class="span3">
 +
        <input type="radio" id="demo22" name="ex111">
 +
        <label for="demo22">June</label>
 +
          <ul class="unstyled">
 +
                <li>1~5</li>
 +
                <li>6~10</li>
 +
                <li>11~15</li>
 +
                <li>16~20</li>
 +
                <li>21~25</li>
 +
                <li>26~30</li>
 +
                <li>link 7</li>
 +
          </ul>
 +
    </div>
 +
    <div class="span3">
 +
        <input type="radio" id="demo23" name="ex111">
 +
        <label for="demo23">July</label>
 +
          <ul class="unstyled">
 +
                <li>1~5</li>
 +
                <li>6~10</li>
 +
                <li>11~15</li>
 +
                <li>16~20</li>
 +
                <li>21~25</li>
 +
                <li>26~31</li>
 +
                <li>link 7</li>
 +
          </ul>
 +
    </div>
 +
    <div class="span3">
 +
        <input type="radio" id="demo24" name="ex111">
 +
        <label for="demo24">August</label>
 +
          <ul class="unstyled">
 +
                <li>1~5</li>
 +
                <li>6~10</li>
 +
                <li>11~15</li>
 +
                <li>16~20</li>
 +
                <li>21~25</li>
 +
                <li>26~31</li>
 +
                <li>link 7</li>
 +
          </ul>
 +
    </div>
 +
    <div class="span3">
 +
        <input type="radio" id="demo25" name="ex111">
 +
        <label for="demo25">September</label>
 +
          <ul class="unstyled">
 +
                <li>1~5</li>
 +
                <li>6~10</li>
 +
                <li>11~15</li>
 +
                <li>16~20</li>
 +
                <li>21~25</li>
 +
                <li>26~30</li>
 +
                <li>link 7</li>
 +
          </ul>
 +
    </div>
 +
    <div class="span3">
 +
        <input type="radio" id="demo26" name="ex111">
 +
        <label for="demo26">October</label>
 +
          <ul class="unstyled">
 +
                <li>1~5</li>
 +
                <li>6~10</li>
 +
                <li>11~15</li>
 +
                <li>16~20</li>
 +
                <li>21~25</li>
 +
                <li>26~31</li>
 +
                <li>link 7</li>
 +
          </ul>
 +
    </div>
 +
</div>
-
<ul>
+
    </aside>
-
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li>
+
-
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
+
-
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li>
+
-
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li>
+
-
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li>
+
-
</ul>
+
-
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a>  lists. </p>
+
    <!-- clear float -->
-
</td>
+
    <!-- <div class="clear"></div>  -->
-
<td> </td>
+
    <!-- footer -->
-
<td width="45%">  
+
    <footer id="footer" class="clear">
 +
    </footer>
-
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
</div>
-
<ul>
+
</body>
-
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
</html>
-
<li>Be clear about what you are doing and what you plan to do.</li>
+
-
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
-
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
-
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
-
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="">iGEM 2013 calendar</a> </li>
+
-
<li>Have lots of fun! </li>
+
-
</ul>
+
-
</br>
+
-
</td>
+
-
</tr>
+
-
</table>
+

Revision as of 12:34, 24 July 2014

<!DOCTYPE html> Notebook

-

-

-

-

-

-

-

-

Hover Me

  • Link 51
  • Link 52
  • Link 53
  • Link 54
  • Link 55
  • Link 56
  • Link 57

Members

Retrieved from "http://2014.igem.org/Team:NEAU-Harbin/Sandbox"