Difference between revisions of "Team:Shiyan SY China/Safety.html"

(Created page with "<html> <head> <meta charset="utf-8"> <title>IGEM-SAFETY</title> <style type="text/css"> #footer-box,#sponsor-box,.shadow3,#content,table,#catlinks { background-color: transpa...")
 
Line 36: Line 36:
 
padding:0px;
 
padding:0px;
 
}
 
}
−
#content{
 
−
    width:100%;
 
−
    height:100%;
 
−
font-family: Arial, Helvetica, Verdana;
 
−
color:#000;
 
−
font-size:12px;
 
−
}
 
−
 
 
body{
 
body{
−
    width:100%;
 
−
    height:100%;
 
 
font-family: Arial, Helvetica, Verdana;
 
font-family: Arial, Helvetica, Verdana;
−
color:#000;
+
color: #000;
−
font-size:12px;
+
font-size: 12px;
 +
background-image: url(https://static.igem.org/mediawiki/2015/1/1c/Second_bd.jpg);
 +
background-repeat: no-repeat;
 +
background-attachment: fixed;
 +
background-position: center top;
 
}
 
}
 
img{
 
img{
Line 56: Line 50:
 
ul ,li{
 
ul ,li{
 
list-style:none;
 
list-style:none;
−
       
 
 
}
 
}
 
a{
 
a{
Line 64: Line 57:
 
height:100%;
 
height:100%;
 
}
 
}
 +
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
 +
.clearfix{display:inline-table;}/* Hides from IE-mac \*/
 +
*html .clearfix{height:1%;}
 +
.clearfix{display:block;}/* End hide from IE-mac */
 +
*+html .clearfix{min-height:1%;}
 +
 
.top{
 
.top{
−
background:#d3cac7 url(https://static.igem.org/mediawiki/2015/9/98/Bg.jpg) no-repeat top center;
 
 
width:100%;
 
width:100%;
 
padding-top:43px;
 
padding-top:43px;
−
height:630px;
+
height:388px;filter:alpha(opacity=50);    opacity: 0.8; 
 
}
 
}
 +
 
.nav_bar{
 
.nav_bar{
 
background:#000;
 
background:#000;
Line 82: Line 81:
 
position:relative;
 
position:relative;
 
height:80px;
 
height:80px;
−
        line-height:3.5;
 
 
}
 
}
 
.nav li{
 
.nav li{
Line 132: Line 130:
 
border-bottom:6px solid #be382a;
 
border-bottom:6px solid #be382a;
 
}
 
}
−
.tc{
+
 
−
width:900px;
+
 
 +
.content_sub{
 +
width:980px;
 
margin:0px auto;
 
margin:0px auto;
−
margin-top:-40px;
+
padding:0px 10px;
 +
text-align: justify;
 
}
 
}
−
.wel{
+
.sc,.sc2{
−
width:1000px;
+
width:980px;
−
margin:0px auto;
+
margin:10px auto 60px;
−
padding:75px 20px;
+
clear:both;
 +
position:relative;
 
}
 
}
−
h1{
+
.sc img{
−
font-size:70px;
+
float:right;
−
text-align:center;
+
margin:0px 10px 0px 20px;
−
margin-bottom:30px;
+
}
−
        border-bottom:0px solid #AAA;
+
.sc2 img{
 +
float:left;
 +
margin:0px 20px 0px 10px;
 +
}
 +
.content_sub h1{
 +
font-size:30px;
 +
margin-bottom:10px;
 
}
 
}
−
.wel p{
+
.content_sub p{
 
font-size:16px;
 
font-size:16px;
−
line-height:40px;
+
word-break:break-all;
 
}
 
}
−
.wel img{
+
.content_sub h2{
−
float:right;}
+
font-size:30px;
−
.team{
+
margin-bottom:10px;
−
background:#009b5b;
+
−
padding:75px 20px;
+
 
}
 
}
−
.team h1{
+
 
−
color:#fff;
+
#container{position:relative;width:766px;margin:0px auto; }
−
margin-bottom:50px;
+
.templates li{float:left;height:160px;width:145px; margin:10px 10px; position:relative;left:0;top:0;z-index:0;}
 +
.templates a{display:block;height:160px;position:relative;}
 +
 
 +
 
 +
.templates img{width:145px;height:160px;}
 +
 
 +
 
 +
/* section */
 +
.section{width:980px;margin:40px auto 0 auto;overflow:hidden;}
 +
.section ul{width:996px;}
 +
.section ul li{float:left;margin-right:14px;margin-bottom:13px;display:inline;width:318px;height:343px;overflow:hidden;position:relative;}
 +
.section ul li .photo{width:318px;height:343px;overflow:hidden;}
 +
.section .rsp{width:318px;height:343px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;}
 +
.section .text{position:absolute;width:268px;height:303px;left:-318px;top:0px;overflow:hidden; font-size:16px;
 +
color:#fff; padding:20px 25px;}
 +
.section .text h3{width:318px;margin-top:130px;height:55px;line-height:55px;text-align:center;color:#FFFFFF;font-family:"microsoft yahei";font-size:26px;}
 +
 
 +
 
 +
.footer{
 +
margin:40px auto ;
 +
text-align:center;
 +
background:#f8f8f8;
 +
padding:20px 0px 0px;
 +
}  body {background-color: rgb(249,245,200);}
 +
              a.white:link {color:#FFF;}      /* unvisited link */
 +
              a.white:visited {color:#FFF;}  /* visited link */
 +
              a.white:hover {color:#FFF;}  /* mouse over link */
 +
              a.white:active {color:#FFF;}  /* selected link */
 +
 
 +
              a{color:#909090}
 +
              .brightlink {color:#00BA00 !important;
 +
                       
 +
              }
 +
              .centertext {text-align: center;
 +
              }
 +
 
 +
              a:visited{color:#909090}
 +
              p {border:none;
 +
                color:rgba(255,255,255,1);
 +
                }
 +
              .teampagetext {vertical-align:text-top; display:inline; width:740px; float:left;}
 +
              h1 {border-color:white;
 +
                  color:white;
 +
              }
 +
              h2 {color:white;}
 +
              h3 {margin-bottom:0px;
 +
                  font-size:140%;
 +
                  padding:0px;
 +
                  color:white;}
 +
#bd {
 +
width:100%;
 
}
 
}
−
.team ul{
+
#bd #content{
−
width:1040px;
+
width:967px;
−
margin:0px auto;
+
margin:0 auto;
 
}
 
}
−
.team ul li{
+
#bd #content .tp_zs{
−
float:left;
+
width:100%;
−
background:#ffffff;
+
margin:0 0 20px 0;
−
width:235px;
+
position:relative;
−
height:184px;
+
overflow:hidden;
−
font-size:14px;
+
−
line-height:28px;
+
 
}
 
}
−
.team ul li.bar{
+
#bd #content .tp_zs span{
 +
margin-right: 10px;
 +
display: block;
 +
float: left;
 +
cursor: pointer;
 
}
 
}
−
.caret {
+
#bd #content .tp_zs span:hover img{
−
  display: inline-block;
+
filter:alpha(opacity=50);
−
  float:left;
+
      -moz-opacity:0.5;
−
  width: 0;
+
      -khtml-opacity: 0.5;
−
  height: 0;
+
      opacity: 0.5;
−
  top:85px;
+
−
  position:relative;
+
−
  vertical-align: middle;
+
−
  border-right: 10px solid transparent ;
+
−
  border-left: 10px solid #009b5b ;
+
−
  border-top: 10px solid transparent ;
+
−
  border-bottom: 10px solid transparent ;
+
−
 
+
 
}
 
}
−
li.bar p{
+
#bd #content .tp_zs .yb_tp{
−
float:right;
+
margin-right:0px;
−
margin:-10px 10px 0px;
+
−
word-break:break-all;
+
 
}
 
}
−
.bar2 .caret {
+
#bd #content .tp_zs span img{
−
  display: inline-block;
+
width:234px;
−
  float:right;
+
−
  width: 0;
+
−
  height: 0;
+
−
  top:85px;
+
−
  position:relative;
+
−
  vertical-align: middle;
+
−
  border-left: 10px solid transparent ;
+
−
  border-right: 10px solid #009b5b ;
+
−
  border-top: 10px solid transparent ;
+
−
  border-bottom: 10px solid transparent ;
+
−
 
+
 
}
 
}
−
li.bar2 p{
+
#bd #content .wz_pb{
−
float:left;
+
width:100%;
−
margin:-10px 10px 0px;
+
−
word-break:break-all;
+
 
}
 
}
−
.content{
+
#bd #content .wz_pb .mainTitleHeader {
−
width:980px;
+
  width: 937px;
−
margin:0px auto;
+
  float: left;
−
padding:20px 10px;
+
  margin-top: 10px;
 +
  border-radius: 4px;
 +
  padding: 15px 15px 15px 15px;
 +
  font: sans-serif;
 +
  font-size: 13px;
 +
  color: rgba(225,225,225,.9);
 +
  text-align: justify;
 +
  background: rgba(168, 182, 120, .95);
 
}
 
}
−
.content h1{
+
#bd #content .wz_pb .mainTitleHeader p{
−
font-size:24px;
+
  color: #212f20;
 +
  margin: 0px;
 +
  font-size: 140%;
 +
  font-weight: bold;
 
}
 
}
−
.content img{
+
.mainContainer {
−
float:left;
+
  width: 97%;
−
margin:10px;
+
  float: left;  
 +
  padding: 15px 15px 15px 15px;
 +
  font: sans-serif;
 +
  font-size: 13px;
 +
  color: #212f20;
 +
  text-align: justify;
 
}
 
}
−
.t1{
+
.mainContainer .genpicfloatright {
−
font-size:18px;
+
  border-radius: 4px;
−
word-break:break-all;
+
  margin-left: 20px;
 +
  float: right;
 +
  margin-bottom: 20px;
 
}
 
}
−
.footer{
+
.mainContainer p {
−
margin:40px auto ;
+
  color: #212f20;
−
text-align:center;
+
  font-size: 120%;
 +
  margin: .4em 0 .5em 0;
 +
  line-height: 1.5em;
 +
}
 +
.mainContainer .genpicfloatleft {
 +
  border-radius: 4px;
 +
  margin-right: 20px;
 +
  margin-bottom: 20px;
 +
  float: left;
 
}
 
}
  
Line 264: Line 324:
 
                         </li>
 
                         </li>
 
                       <li class="logo">
 
                       <li class="logo">
−
                             <img src="https://static.igem.org/mediawiki/2015/7/71/Heng_logo.png"  width="122" height="122" style="cursor: pointer;" onclick="location.href ='index.html';">
+
                             <img src="https://static.igem.org/mediawiki/2015/7/71/Heng_logo.png"  width="122" height="122" style="cursor: pointer;" onclick="location.href ='http://www.igem.org/Main_Page';">
 
                         </li>
 
                         </li>
 
                         <li class="m n4">
 
                         <li class="m n4">
−
                             <h3><a target="_blank" style="cursor: pointer;" onclick="location.href ='Safety.html';" title="">SAFETY</a></h3>
+
                             <h3><a target="_blank" style="cursor: pointer;" onclick="location.href ='https://2015.igem.org/Team:Shiyan_SY_China/Safety.html';" title="">SAFETY</a></h3>
 
                         </li>
 
                         </li>
 
                         <li class="m n5">
 
                         <li class="m n5">

Revision as of 06:14, 25 August 2015

IGEM-SAFETY

iGEM Foundation

        The iGEM Foundation is dedicated to education and competition, advancement of synthetic biology, and the development of open community and collaboration.The main program at the iGEM Foundation is the International Genetically Engineered Machine (iGEM) Competition. The iGEM Competition is the premiere student competition in Synthetic Biology. Since 2004, participants of the competition have experienced education, teamwork, sharing, and more in a unique competition setting.

ShiYan_SY_China

  • We communicated with sponsors.

  • We held the DIY T-shirt program in our high school.

  • We talked about the plan about our website.

  • We held the DIY T-shirt progrem


© 2015 Shiyan_SY_China iGEM Team. All rights reserved.