Team:NJU China/Safety

From 2013.igem.org

(Difference between revisions)
(Prototype team page)
 
(31 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
<!DOCTYPE html>
 +
<html lang="en" class="no-js">
 +
<head>
 +
<meta charset="UTF-8" />
 +
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 +
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 +
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
<title>NJU_China</title>
 +
<meta name="description" content="Circular Navigation Styles - Building a Circular Navigation with CSS Transforms | Codrops " />
 +
<meta name="keywords" content="css transforms, circular navigation, round navigation, circular menu, tutorial" />
 +
<meta name="author" content="Sara Soueidan for Codrops" />
 +
<link rel="shortcut icon" href="../favicon.ico">
 +
<script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js?foo"></script>
-
<html>
+
<link rel="stylesheet" type="text/css" href="http://cs.wellesley.edu/~hcilab/iGEM2012/css/Team.css">
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<STYLE type="text/css">
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
/* hiding the top section*/
-
This is a template page. READ THESE INSTRUCTIONS.
+
body{position:absolute; top:0px; width:100%; height:1480px;}
-
</div>
+
#top-section{
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
  height:0px;
-
You are provided with this team page template with which to start the iGEM season. You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki. You can find some examples <a href="https://2008.igem.org/Help:Template/Examples">HERE</a>.
+
    border:none;
 +
    width:980px;
 +
    margin:0 auto;
 +
    padding:0 0 0 0;
 +
    background-color:transparent;
 +
    overflow:hide;
 +
 
 +
}
 +
#p-logo{display:none;}
 +
#search-controls{display:none;}
 +
#top{display:none;}
 +
.firstHeading{display:none;}
 +
/* end of hiding the top section*/
 +
 
 +
/* global setting*/
 +
#globalWrapper{position:absolute; top:0px;left:0px; width:100%; padding:0 0 0 0;margin:0 0 0 0;height:100%;font-family: calibri, Arial, Helvetica, sans-serif;}
 +
#content{
 +
    background-color:transparent;
 +
    border:none;
 +
    width:1200px;
 +
    height:700px;
 +
    marign:0 auto;
 +
    padding:0 0 0 0;
 +
    top:-40px;
 +
    }
 +
#bodyContent{
 +
    background-color:transparent;
 +
    border:none;
 +
   
 +
    }
 +
siteSub{
 +
    display:none;
 +
    border:none;
 +
    }
 +
contentSub{
 +
    display:none;
 +
    }
 +
/* end of global setting*/
 +
 
 +
/*hiding the footer-box*/
 +
#footer-box{display:none;}
 +
#catlinks{display:none;}
 +
/*end of hiding the footer book*/
 +
 
 +
/* menu (page, edit ...) */
 +
#menubar {
 +
    background-color:transparent;
 +
    position: relative;
 +
    float:left;
 +
    white-space: nowrap;
 +
    top:-6px;
 +
    width: 490px;
 +
    z-index: 5000;
 +
    font-family: sans-serif;
 +
    font-size: 95%;
 +
    line-height: 1em;
 +
    z-index:99;
 +
}
 +
 
 +
 
 +
.left-menu, .left-menu a {
 +
    text-align: left;
 +
    color:#999999;
 +
    text-transform: lowercase;
 +
}
 +
 
 +
.left-menu:hover {
 +
    color: #D00000;
 +
    background-color: transparent;
 +
}
 +
 
 +
.right-menu{width:400px; float:right}
 +
.right-menu, .right-menu a {
 +
    right: 0px;
 +
    text-align: right;
 +
    color: #999999;
 +
}
 +
#menubar ul {
 +
    color: #999999;
 +
    list-style: none;
 +
}
 +
#menubar li {
 +
    display: inline;
 +
    position: relative;
 +
    cursor: pointer;
 +
    padding-left: 0px;
 +
    padding-right: 0px;
 +
}
 +
.left-menu li a {
 +
    padding: 0px 10px 0px 0px;
 +
}
 +
.left-menu .selected {
 +
#    color: #999999;
 +
}
 +
#.left-menu .selected:hover {
 +
#    color: #999999;
 +
#}
 +
 
 +
.left-menu:hover a {
 +
    color: #999999;;
 +
}
 +
 
 +
.left-menu li a:hover {
 +
    color: #D00000;
 +
    text-decoration: underline;
 +
}
 +
 
 +
 
 +
.right-menu li {
 +
#    background-color: transparent;
 +
}
 +
.right-menu li a {
 +
    padding: 0px 15px 0px 0px;
 +
    color: #999999;;
 +
    background-color: transparent;
 +
}
 +
.right-menu li a:hover {
 +
    color: #D00000;
 +
    text-decoration: underline;
 +
}
 +
/* end menu (edit, page ...) */
 +
 
 +
 
 +
/* HEADER STYLES: banner, navbar, etc. */
 +
 
 +
ul#nav {
 +
width:1800px;
 +
margin:40px 0 0 30px;
 +
position:relative;
 +
}
 +
 
 +
#nav li {
 +
 
 +
color: #FFFFFF;
 +
background-color:none;
 +
margin: 0 85px 0 0;
 +
float: left;
 +
position: relative;
 +
list-style: none;
 +
text-transform:uppercase;
 +
}
 +
#nav li:last-child { margin:0; }
 +
 
 +
 
 +
/* dropdown */
 +
#nav li:hover > ul {
 +
/*display: block;*/
 +
opacity:1;
 +
margin:0;
 +
background-color: none;
 +
z-index:0;
 +
}
 +
 
 +
#nav ul li {
 +
float: none;
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 
 +
#nav ul a {
 +
font-weight: normal;
 +
/*text-shadow: 0 1px 0 #fff;*/
 +
}
 +
 
 +
 
 +
</STYLE>  
 +
 
 +
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600' rel='stylesheet' type='text/css'>
 +
 
 +
 
 +
<style type="text/css">
 +
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
 +
@font-face {
 +
font-family: 'codropsicons';
 +
src:url('../fonts/codropsicons/codropsicons.eot');
 +
src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
 +
url('../fonts/codropsicons/codropsicons.woff') format('woff'),
 +
url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),
 +
url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
 +
font-weight: normal;
 +
font-style: normal;
 +
}
 +
 
 +
.container > header,
 +
.codrops-top,
 +
.container > section {
 +
font-family: 'Lato', Arial, sans-serif;
 +
}
 +
 
 +
.container > header {
 +
margin: 0 auto;
 +
padding: 2em;
 +
text-align: center;
 +
background: rgba(0,0,0,0.01);
 +
}
 +
 
 +
.container > header h1 {
 +
font-size: 2.625em;
 +
line-height: 1.3;
 +
margin: 0;
 +
font-weight: 300;
 +
}
 +
 
 +
.container > header span {
 +
display: block;
 +
font-size: 60%;
 +
opacity: 0.7;
 +
padding: 0 0 0.6em 0.1em;
 +
}
 +
 
 +
/* To Navigation Style */
 +
.codrops-top {
 +
background: #f06060;
 +
background: rgba(255, 255, 255, 0.1);
 +
text-transform: uppercase;
 +
width: 100%;
 +
font-size: 0.69em;
 +
line-height: 2.2;
 +
}
 +
 
 +
.codrops-top a {
 +
text-decoration: none;
 +
padding: 0 1em;
 +
letter-spacing: 0.1em;
 +
color: #fff;
 +
display: inline-block;
 +
}
 +
 
 +
.codrops-top a:hover {
 +
background: rgba(255,255,255,0.95);
 +
color: #777;
 +
}
 +
 
 +
.codrops-top span.right {
 +
float: right;
 +
}
 +
 
 +
.codrops-top span.right a {
 +
float: left;
 +
display: block;
 +
}
 +
 
 +
.codrops-icon:before {
 +
font-family: 'codropsicons';
 +
margin: 0 4px;
 +
speak: none;
 +
font-style: normal;
 +
font-weight: normal;
 +
font-variant: normal;
 +
text-transform: none;
 +
line-height: 1;
 +
-webkit-font-smoothing: antialiased;
 +
}
 +
 
 +
.codrops-icon-drop:before {
 +
content: "\e001";
 +
}
 +
 
 +
.codrops-icon-prev:before {
 +
content: "\e004";
 +
}
 +
 
 +
/* Demo Buttons Style */
 +
.codrops-demos {
 +
padding-top: 1em;
 +
font-size: 0.9em;
 +
}
 +
 
 +
.codrops-demos a {
 +
text-decoration: none;
 +
outline: none;
 +
display: inline-block;
 +
margin: 0.5em;
 +
padding: 0.7em 1.1em;
 +
border: 3px solid #fff;
 +
color: #fff;
 +
font-weight: 700;
 +
}
 +
 
 +
.codrops-demos a:hover,
 +
.codrops-demos a.current-demo,
 +
.codrops-demos a.current-demo:hover {
 +
opacity: 0.6;
 +
}
 +
 
 +
.container > section {
 +
padding: 2em;
 +
font-size: 1.4em;
 +
max-width: 50em;
 +
margin: 0 0 0 30px;
 +
}
 +
 
 +
.container > section p {
 +
padding: 0.8em 0;
 +
text-align: justify;
 +
opacity: 0.5;
 +
font-weight: 300;
 +
line-height: 1.4;
 +
}
 +
 
 +
@media screen and (max-width: 25em) {
 +
 
 +
.codrops-icon span {
 +
display: none;
 +
}
 +
 
 +
}
 +
</style>
 +
<style type="text/css">
 +
* {
 +
position: relative;
 +
-moz-box-sizing: border-box;
 +
box-sizing: border-box;
 +
margin: 0;
 +
padding: 0;
 +
list-style: none;
 +
}
 +
 
 +
html,
 +
body {
 +
height: 100%;
 +
}
 +
 
 +
body {
 +
background: #a0ec6f;
 +
color: #fff;
 +
}
 +
 
 +
.component {
 +
position: relative;
 +
margin-bottom: 3em;
 +
height: 15em;
 +
background: rgba(0,0,0,0.05);
 +
font-family: 'Lato', Arial, sans-serif;
 +
}
 +
 
 +
@media only screen and (max-width: 620px) {
 +
.no-csstransforms li {
 +
width: 4em;
 +
height: 4em;
 +
line-height: 4em;
 +
}
 +
}
 +
 
 +
@media only screen and (max-width: 500px) {
 +
.no-ccstransforms .cn-wrapper {
 +
padding: .5em;
 +
}
 +
 
 +
.no-csstransforms .cn-wrapper li {
 +
width: 4em;
 +
height: 4em;
 +
font-size: .9em;
 +
line-height: 4em;
 +
}
 +
}
 +
 
 +
@media only screen and (max-width: 480px) {
 +
.csstransforms .cn-wrapper {
 +
font-size: .68em;
 +
}
 +
 
 +
.cn-button {
 +
font-size: 1em;
 +
}
 +
}
 +
 
 +
@media only screen and (max-width:420px) {
 +
.no-csstransforms .cn-wrapper li {
 +
width: 100%;
 +
height: 3em;
 +
line-height: 3em;
 +
}
 +
}
 +
 
 +
 
 +
 
 +
 
 +
</style>
 +
 
 +
</head>
 +
<body>
 +
  <div style="float:left; position:absolute; margin-top:-15px; margin-left:-60px; z-index:1; display:block; ">
 +
</br></br>
 +
<a href="https://2013.igem.org"><img src="https://static.igem.org/mediawiki/2013/8/80/NJU-Miniminiminilogocolored.png" ></a>
</div>
</div>
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
<div class="container">
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified.   PLEASE keep all of your pages within your teams namespace.
+
<!--Start NavBar-->
-
</div>
+
<ul id="nav">
-
</div>
+
    <li><a href="https://2013.igem.org/Team:NJU_China">Home</a></li>
-
</html>
+
 +
    <li><a href="https://2013.igem.org/Team:NJU_China/Project">Project</a>
 +
        <ul>
 +
  <li><a href="https://2013.igem.org/Team:NJU_China/Project">Overview</a></li>  
 +
          <li><a href="https://2013.igem.org/Team:NJU_China/Project">Chassis</a></li>
 +
          <li><a href="https://2013.igem.org/Team:NJU_China/Project">Targeting Module</a></li>
 +
          <li><a href="https://2013.igem.org/Team:NJU_China/Project">Killing Module</a></li>
 +
          <li><a href="https://2013.igem.org/Team:NJU_China/Project">Achievement</a></li>
 +
        </ul>
 +
    </li>
 +
    <li><a href="https://2013.igem.org/Team:NJU_China/Modeling">Modeling</a>
 +
    </li>
 +
 +
    <li><a href="https://2013.igem.org/Team:NJU_China/Human Practice">Human Practice</a>
 +
        <ul>
 +
  <li><a href="https://2013.igem.org/Team:NJU_China/Human Practice">Free debate</a></li>
 +
          <li><a href="https://2013.igem.org/Team:NJU_China/Human Practice">Reach the unreached</a></li>
 +
          <li><a href="https://2013.igem.org/Team:NJU_China/Human Practice">Workshop</a></li>
 +
          <li><a href="https://2013.igem.org/Team:NJU_China/Human Practice">Collaboration</a></li>  
 +
        </ul>
 +
    </li>
-
<!-- *** End of the alert box *** -->
+
    <li><a href="https://2013.igem.org/Team:NJU_China/Wet lab">Wet lab</a>
 +
        <ul>
 +
  <li><a href="https://2013.igem.org/Team:NJU_China/Protocol">Protocol</a></li>
 +
          <li><a href="https://2013.igem.org/Team:NJU_China/Notebook">Lab notes</a></li>
 +
          <li><a href="https://2013.igem.org/Team:NJU_China/Data Page">Data Page</a></li>
 +
          <li><a href="https://2013.igem.org/Team:NJU_China/Parts">Parts</a></li>
 +
        </ul>
 +
    </li>
 +
   
 +
    <li><a href="https://2013.igem.org/Team:NJU_China/Safety">Safety</a>
 +
        <ul>
 +
  <li><a href="https://2013.igem.org/Team:NJU_China/Safety">Safety form</a></li>
 +
          <li><a href="https://2013.igem.org/Team:NJU_China/Virus-related_safety">Virus-related safety</a></li>
 +
        </ul>
 +
    </li>  
 +
    <li><a href="https://2013.igem.org/Team:NJU_China/Team">Team</a></li>
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
    <li><a href="https://2013.igem.org/Team:NJU_China/Extras">Extras</a>
-
!align="center"|[[Team:NJU_China|Home]]
+
            <ul>
-
!align="center"|[[Team:NJU_China/Team|Team]]
+
  <li><a href="https://igem.org/2013_Judging_Form?id=1180">Judging criteria</a></li>
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=NJU_China Official Team Profile]
+
          <li><a href="https://2013.igem.org/Team:NJU_China/Attributions">Attribution</a></li>
-
!align="center"|[[Team:NJU_China/Project|Project]]
+
          <li><a href="https://2013.igem.org/Team:NJU_China/Acknowledgement">Acknowledgement</a></li>
-
!align="center"|[[Team:NJU_China/Parts|Parts Submitted to the Registry]]
+
        </ul>
-
!align="center"|[[Team:NJU_China/Modeling|Modeling]]
+
    </li>
-
!align="center"|[[Team:NJU_China/Notebook|Notebook]]
+
-
!align="center"|[[Team:NJU_China/Safety|Safety]]
+
-
!align="center"|[[Team:NJU_China/Attributions|Attributions]]
+
-
|}
+
 +
</br>    <li><a href="https://2013.igem.org/Team:NJU_China/Virus-related safety">Virus-related safety</a>
 +
   
 +
</ul>
 +
<!--End NavBar-->
 +
</br></br></br></br></br>
 +
<header>
-
Use this page to answer the questions on the  [[Safety | safety page]].
+
<h1>iGEM 2013 Basic Safety Form <span>Team name: NJU-China</span></h1>
 +
 
 +
</header>
 +
 
 +
<section>
 +
<img src="https://static.igem.org/mediawiki/2013/2/23/Nju-Safety.png">
 +
 
 +
<a href="https://static.igem.org/mediawiki/2013/4/4f/NJU-IGEM_Biosafety_Form_Part_2_HEK293.pdf">IGEM_Biosafety_Form_Part_2 HEK293</a>
 +
</br>
 +
<a href="https://static.igem.org/mediawiki/2013/c/ca/NJU-IGEM_Biosafety_Form_Part_2_HepG2.pdf">IGEM_Biosafety_Form_Part_2_HepG2</a>
 +
</br>
 +
<a href="https://static.igem.org/mediawiki/2013/1/13/NJU-IGEM_Biosafety_Form_Part_2_Lamp_2b-RVG.pdf">NJU-IGEM_Biosafety_Form_Part_2_Lamp_2b-RVG</a>
 +
</br>
 +
<a href="https://static.igem.org/mediawiki/2013/d/db/NJU-IGEM_Biosafety_Form_Part_2_Lamp_2b-preS1.pdf">NJU-IGEM_Biosafety_Form_Part_2_Lamp_2b-preS1</a>
 +
</section>
 +
</div><!-- /container -->
 +
 
 +
</body>
 +
</html>

Latest revision as of 09:12, 28 October 2013

<!DOCTYPE html> NJU_China