Team:NJU China/Safety

From 2013.igem.org

(Difference between revisions)
(Prototype team page)
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;
-
</div>
+
    width:980px;
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
    margin:0 auto;
-
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. 
+
    padding:0 0 0 0;
-
</div>
+
    background-color:transparent;
-
</div>
+
    overflow:hide;
-
</html>
+
-
<!-- *** End of the alert box *** -->
+
}
 +
#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*/
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
/*hiding the footer-box*/
-
!align="center"|[[Team:NJU_China|Home]]
+
#footer-box{display:none;}
-
!align="center"|[[Team:NJU_China/Team|Team]]
+
#catlinks{display:none;}
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=NJU_China Official Team Profile]
+
/*end of hiding the footer book*/
-
!align="center"|[[Team:NJU_China/Project|Project]]
+
-
!align="center"|[[Team:NJU_China/Parts|Parts Submitted to the Registry]]
+
-
!align="center"|[[Team:NJU_China/Modeling|Modeling]]
+
-
!align="center"|[[Team:NJU_China/Notebook|Notebook]]
+
-
!align="center"|[[Team:NJU_China/Safety|Safety]]
+
-
!align="center"|[[Team:NJU_China/Attributions|Attributions]]
+
-
|}
+
 +
/* 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;
 +
}
-
Use this page to answer the questions on the [[Safety | safety page]].
+
 
 +
.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:10px 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 auto;
 +
}
 +
 
 +
.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: #c1f50d;
 +
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 class="container">
 +
<header>
 +
<h1>iGEM 2013 Basic Safety Form <span>Team name: NJU-China</span></h1>
 +
</header>
 +
            <!--Start NavBar-->
 +
<ul id="nav">
 +
    <li><a href="https://2013.igem.org/Team:NJU_China">Home</a></li>
 +
 +
    <li><a href="https://2013.igem.org/Team:NJU_China/Team">Team</a></li>
 +
 
 +
    <li><a href="https://2013.igem.org/Team:NJU_China/Project">Project</a></li>
 +
 +
    <li><a href="https://2013.igem.org/Team:NJU_China/Human Practice">Human Practice</a></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/Notebook">Notebook</a></li>
 +
 
 +
    <li><a href="https://2013.igem.org/Team:NJU_China/Safety">Safety</a></li>
 +
 
 +
    <li><a href="https://2013.igem.org/Team:NJU_China/Attributions">Attributions</a></li>
 +
   
 +
</ul>
 +
<!--End NavBar-->
 +
<section>
 +
<img scr="https://static.igem.org/mediawiki/2013/2/23/Nju-Safety.png">
 +
</section>
 +
</div><!-- /container -->
 +
 
 +
</body>
 +
</html>

Revision as of 18:19, 26 September 2013

<!DOCTYPE html> NJU_China

iGEM 2013 Basic Safety Form Team name: NJU-China

Retrieved from "http://2013.igem.org/Team:NJU_China/Safety"