Difference between revisions of "Team:Shiyan SY China/Attributions"

(Prototype team page)
 
Line 1: Line 1:
{{Shiyan_SY_China}}
 
 
<html>
 
<html>
 +
<head>
 +
<meta charset="utf-8">
 +
<title>IGEM-TEAM</title>
 +
<style type="text/css">
 +
#footer-box,#sponsor-box,.shadow3,#content,table,#catlinks {
 +
    background-color: transparent;
 +
}
 +
.mediawiki.ltr.ns-0.ns-subject.page-Team_HUST-China
 +
#globalWrapper #top-section #p-logo a img {
 +
    visibility:hidden;
 +
}
 +
#p-logo {
 +
    background:url(https://static.igem.org/mediawiki/2014/5/52/Wiki_Logo_Transparent.png);
 +
    background-repeat: no-repeat;
 +
}
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear{display: none;}
 +
#globalWrapper, #content,#bodyContent { /*-- changes default wiki settings --*/
 +
    width: 100%;
 +
    height: 100%;
 +
    border: 0px;
 +
    background-color: transparent;
 +
    margin-top: -3px;
 +
    padding: 0px;
 +
}
  
<h2> Attributions</h2>
+
html, .wrapper { /*-- changes default wiki settings --*/
 +
    width: 100%;
 +
    height: 100%;
 +
    background-color: transparent; 
 +
}
 +
*{
 +
margin:0px;
 +
padding:0px;
 +
}
 +
body{
 +
font-family: Arial, Helvetica, Verdana;
 +
color: #000;
 +
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{
 +
border:none;
 +
}
 +
ul ,li{
 +
list-style:none;
 +
        margin: 0px 0px 0px 0px;
 +
}
 +
a{
 +
text-decoration:none;
 +
}
 +
html ,body{
 +
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%;}
  
<p> Each team must clearly attribute work done by the student team members on this page. The team must distinguish work done by the students from work done by others, including the host labs, advisors, instructors, and individuals not on the team roster. </p>
+
.top{
 +
width:100%;
 +
padding-top:43px;
 +
height:388px;filter:alpha(opacity=50);    opacity: 0.8; 
 +
}
  
 +
.nav_bar{
 +
background:#000;
 +
opacity:0.95;
 +
height:80px;
 +
line-height:74px;
 +
position:relative;
 +
}
 +
.nav{
 +
width:1050px;
 +
margin:0px auto;
 +
position:relative;
 +
height:80px;
 +
        line-height:4;
 +
}
 +
.nav li{
 +
float:left;
 +
display:block;
 +
width:150px;
 +
text-align:center;
 +
position:relative;
 +
}
 +
.nav li a{
 +
color:#fff;
 +
font-size:16px;
 +
display:block;
 +
}
 +
.nav li a:hover{
 +
color:#C99091;
 +
}
  
<div class="highlightBox">
 
  
<h4> Can we base our project on a previous one? </h4>
+
.sub{display:none;position:absolute;left:0px;top:80px;z-index:1;border:1px solid #666;border-top:0; background:#fff;}
<p>Yes! You can have a project based on a previous team, or based on someone else's idea, <b>as long as you state this fact very clearly and give credit for the original project.</b> </p>
+
.sub li{text-align:center;margin-bottom:-1px; display:block;width:148px; }
</div>
+
.sub li a{display:block; border-bottom:2px solid #666;padding:8px 0;height:28px;line-height:28px;color:#fff;}
 +
.sub li a:hover{color:#000000;}
 +
.logo{
 +
width:150px;
 +
margin:0px auto 0px;
 +
text-align:center;
 +
position:relative;
 +
top:-20px;
 +
height:122px;
 +
}
 +
.n1{
 +
border-bottom:6px solid #2980b9;
 +
}
 +
.n2{
 +
border-bottom:6px solid #27ae60;
 +
}
 +
.n3{
 +
border-bottom:6px solid #f39c12;
 +
 +
}
 +
.n4{
 +
border-bottom:6px solid #0498f9;
  
 +
}
 +
.n5{
 +
border-bottom:6px solid #8e44ad;
 +
}
 +
.n6{
 +
border-bottom:6px solid #be382a;
 +
}
  
  
<h4> Why is this page needed? </h4>
+
.content_sub{
<p>The Attribution requirement helps the judges know what you did yourselves and what you had help with. We don't mind if you get help with difficult or complex techniques, but you must report what work your team did and what work was done by others.</p>
+
width:980px;
<p>
+
margin:0px auto;
For example, you might choose to work with an animal model during your project. Working with animals requires getting a license and applying far in advance to conduct certain experiments in many countries. This is difficult to achieve during the course of a summer, but much easier if you can work with a postdoc or PI who has the right licenses.</p>
+
padding:0px 10px;
 +
text-align: justify;
 +
}
 +
.sc,.sc2{
 +
width:980px;
 +
margin:0px auto 60px;
 +
clear:both;
 +
position:relative;
 +
}
 +
.sc img{
 +
float:right;
 +
margin:0px 0px 0px 20px;
 +
}
 +
.sc2 img{
 +
float:left;
 +
margin:0px 20px 0px 10px;
 +
}
 +
.content_sub h1{
 +
font-size:140%;
 +
}
 +
.content_sub p{
 +
font-size:16px;
 +
word-break:break-all;
 +
}
 +
.content_sub h2{
 +
font-size:140%;
 +
}
  
 +
#container{position:relative;width:766px;margin:0px auto; }
 +
.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;}
  
<h5> What should this page have?</h5>
 
  
<ul>
+
.templates img{width:145px;height:160px;}
<li>General Support</li>
+
<li>Project support and advice</li>
+
<li>Fundraising help and advice</li>
+
<li>Lab support</li>
+
<li>Difficult technique support</li>
+
<li>Project advisor support</li>
+
<li>Wiki support</li>
+
<li>Presentation coaching</li>
+
<li>Human Practices support</li>
+
<li> Thanks and acknowledgements for all other people involved in helping make a successful iGEM team</li>
+
</ul>
+
  
  
<h4>Inspiration</h4>
+
/* section */
<p>Take a look at what other teams have done:</p>
+
.section{width:1050px;margin:40px auto 0 auto;overflow:hidden;}
<ul>
+
.section ul{width:996px;}
<li><a href="https://2011.igem.org/Team:Imperial_College_London/Team">2011 Imperial College London</a> (scroll to the bottom)</li>
+
.section ul li{float:left;margin-right:14px;margin-bottom:13px;display:inline;width:318px;height:343px;overflow:hidden;position:relative;}
<li><a href="https://2014.igem.org/Team:Exeter/Attributions">2014 Exeter </a></li>
+
.section ul li .photo{width:318px;height:343px;overflow:hidden;}
<li><a href="https://2014.igem.org/Team:Melbourne/Attributions">2014 Melbourne </a></li>
+
.section .rsp{width:318px;height:343px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;}
<li><a href="https://2014.igem.org/Team:Valencia_Biocampus/Attributions">2014 Valencia Biocampus</a></li>
+
.section .text{position:absolute;width:268px;height:303px;left:-318px;top:0px;overflow:hidden; font-size:16px;
</ul>
+
color:#fff; padding:20px 25px;}
 +
.section .text h3{width:318px;margin-top:130px;height:55px;line-height:55px;text-align:center;color:#000000;font-family:"microsoft yahei";font-size:26px;}
 +
 
 +
 
 +
.footer{
 +
margin:40px auto ;
 +
text-align:center;
 +
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:#000}
 +
              .brightlink {color:#00BA00 !important;
 +
                       
 +
              }
 +
              .centertext {text-align: center;
 +
              }
 +
 
 +
              a:visited{color:#909090}
 +
              p {border:none;
 +
                color:000;
 +
                }
 +
              .teampagetext {vertical-align:text-top; display:inline; width:740px; float:left;}
 +
              h1 {border-color:black;
 +
                  color:black;
 +
              }
 +
              h2 {color:black;}
 +
              h3 {margin-bottom:0px;
 +
                  font-size:140%;
 +
                  padding:0px;
 +
                  color:black;}
 +
#bd {
 +
width:100%;
 +
}
 +
#bd #content{
 +
width:967px;
 +
margin:0 auto;
 +
}
 +
#bd #content .tp_zs{
 +
width:100%;
 +
margin:0 0 20px 0;
 +
position:relative;
 +
overflow:hidden;
 +
}
 +
#bd #content .tp_zs span{
 +
margin-right: 10px;
 +
display: block;
 +
float: left;
 +
cursor: pointer;
 +
}
 +
#bd #content .tp_zs span:hover img{
 +
filter:alpha(opacity=50); 
 +
      -moz-opacity:0.5; 
 +
      -khtml-opacity: 0.5; 
 +
      opacity: 0.5; 
 +
}
 +
#bd #content .tp_zs .yb_tp{
 +
margin-right:0px;
 +
}
 +
#bd #content .tp_zs span img{
 +
width:234px;
 +
}
 +
#bd #content .wz_pb{
 +
width:100%;
 +
}
 +
.mainTitleHeader {
 +
  width: 100%;
 +
  float: left;
 +
  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);
 +
}
 +
#bd #content .wz_pb .mainTitleHeader p{
 +
  color: #212f20;
 +
  margin: 0px;
 +
  font-size: 140%;
 +
  font-weight: bold;
 +
}
 +
.mainContainer {
 +
  width: 97%;
 +
  float: left;
 +
  padding: 15px 15px 15px 15px;
 +
  font: sans-serif;
 +
  font-size: 13px;
 +
  color: #212f20;
 +
  text-align: justify;
 +
}
 +
.mainContainer .genpicfloatright {
 +
  border-radius: 4px;
 +
  margin-left: 20px;
 +
  float: right;
 +
  margin-bottom: 20px;
 +
}
 +
.mainContainer p {
 +
  color: #212f20;
 +
  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;
 +
}
 +
 
 +
</style>
 +
 
 +
<script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
 +
<script type='text/javascript' src ='https://2015.igem.org/Team:Shiyan_SY_China/common/jquery.SuperSlide.2.1.1.js?action=raw&ctype=text/javascript'></script>
 +
<script type='text/javascript' src ='https://2015.igem.org/Team:Shiyan_SY_China/common/public.js?action=raw&ctype=text/javascript'></script>
 +
<script type='text/javascript' src ='https://2015.igem.org/Team:Shiyan_SY_China/common/team.js?action=raw&ctype=text/javascript'></script>
 +
 
 +
</head>
 +
<body>
 +
<div class="top">
 +
<div class="nav_bar">
 +
                    <ul class="nav clearfix">
 +
                       
 +
                        <li class="m n1">
 +
                            <h3><a target="_blank" style="cursor: pointer;" onclick="location.href ='https://2015.igem.org/Team:Shiyan_SY_China';" title="">HOME</a></h3>
 +
                        </li>
 +
                     
 +
                        <li class="m n2">
 +
                            <h3><a target="_blank" style="cursor: pointer;" onclick="location.href ='https://2015.igem.org/Team:Shiyan_SY_China/Project.html';"title="">PROJECT</a></h3>
 +
                            <ul class="sub">
 +
                        <li ><a style ="background:#27AE60" href="https://2015.igem.org/Team:Shiyan_SY_China/Project.html#t1">Background</a> </li>
 +
                            <li ><a style ="background:#27AE60" href="https://2015.igem.org/Team:Shiyan_SY_China/Project.html#t2">Design</a> </li>
 +
                            <li ><a style ="background:#27AE60" href="https://2015.igem.org/Team:Shiyan_SY_China/Project.html#t3">Results</a> </li>
 +
                            <li ><a style ="background:#27AE60" href="https://2015.igem.org/Team:Shiyan_SY_China/Project.html#t4">Parts</a> </li>
 +
    </ul>
 +
                        </li>
 +
                       
 +
                        <li class="m n3">
 +
                            <h3 style = "line-height: 2;"><a target="_blank" style="cursor: pointer;back" onclick="location.href ='https://2015.igem.org/Team:Shiyan_SY_China/Practice.html';"  title="">HUMAN PRACTICES</a></h3>
 +
                            <ul class="sub">
 +
                        <li ><a style ="background:#F39C12" href="https://2015.igem.org/Team:Shiyan_SY_China/Practice.html#t1">T-shirt</a> </li>
 +
                            <li ><a style ="background:#F39C12" href="https://2015.igem.org/Team:Shiyan_SY_China/Practice.html#t2">Biology Speech</a> </li>
 +
                            <li ><a style ="background:#F39C12" href="https://2015.igem.org/Team:Shiyan_SY_China/Practice.html#t3">IGEM Magazine</a> </li>
 +
                            <li ><a style ="background:#F39C12" href="https://2015.igem.org/Team:Shiyan_SY_China/Practice.html#t4">Questionnaire</a> </li>
 +
                            <li ><a style ="background:#F39C12" href="https://2015.igem.org/Team:Shiyan_SY_China/Practice.html#t5">Sina Weibo</a> </li>
 +
    </ul>
 +
                        </li>
 +
                      <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 ='http://www.igem.org/Main_Page';">
 +
                        </li>
 +
                        <li class="m n4">
 +
                            <h3><a target="_blank" style="cursor: pointer;" onclick="location.href ='https://2015.igem.org/Team:Shiyan_SY_China/Safety.html';" title="">SAFETY</a></h3>
 +
                            <ul class="sub">
 +
                        <li ><a style ="background:#0498F9" href="https://2015.igem.org/Team:Shiyan_SY_China/Safety.html">Safety</a> </li>
 +
                            </ul>
 +
                        </li>
 +
                        <li class="m n5">
 +
                            <h3><a target="_blank" style="cursor: pointer;" onclick="location.href ='https://2015.igem.org/Team:Shiyan_SY_China/Team.html';"  title="">TEAM</a></h3>
 +
                            <ul class="sub">
 +
                        <li ><a style ="background:#8E44AD" href="https://2015.igem.org/Team:Shiyan_SY_China/Team.html#t1">Members</a> </li>
 +
                            <li ><a style ="background:#8E44AD" href="https://2015.igem.org/Team:Shiyan_SY_China/Team.html#t2">Instructors</a> </li>
 +
                            <li ><a style ="background:#8E44AD" href="https://2015.igem.org/Team:Shiyan_SY_China/Team.html#t3">Attributions</a> </li>
 +
                            <li ><a style ="background:#8E44AD" href="https://2015.igem.org/Team:Shiyan_SY_China/Team.html#t4">Collaborations</a> </li>
 +
                            </ul>
 +
                        </li>
 +
                        <li class="m n6">
 +
                            <h3><a target="_blank" style="cursor: pointer;" onclick="location.href ='https://2015.igem.org/Team:Shiyan_SY_China/Notebook.html';"  title="">NOTEBOOK</a></h3>
 +
                            <ul class="sub">
 +
                        <li ><a style ="background:#BE382A" href="https://2015.igem.org/Team:Shiyan_SY_China/Notebook.html#t1">Notebook</a> </li>
 +
                            <li ><a style ="background:#BE382A" href="https://2015.igem.org/Team:Shiyan_SY_China/Notebook.html#t2">Lab Picture</a> </li>
 +
                            </ul>
 +
                        </li>
 +
                      <br clear="all">
 +
                    </ul>
 +
</div>
 +
 +
 +
<div>
 +
<p style="width:800px; height:100px; padding:50px 80px; color:#000; text-align:center; margin:0 auto; font-size:48px; font-family:'Trebuchet MS', Helvetica, sans-serif;">You have to believe in yourself. That’s the secret of success. </p>
 +
<p style="height:100px; color:#000; width:960px; line-height:100px; margin: 0 auto; text-align:right; font-size:24px; font-family:'Trebuchet MS', Helvetica, sans-serif;">
 +
—— Charles Chaplin</p>
 +
</div>
 +
</div>
 +
<div class="content_sub">
 +
<div class="sc2">
 +
<div class="mainTitleHeader">
 +
<a name="t3"><p style="font-weight: bold;">Attributions</p></a>
 +
</div>
 +
<div>&nbsp;</div>
 +
<p style="font-weight:600;">Project name: <a style="font-weight:200;">Pesticide Residue Killer</a></p><br />
 +
<p style="font-weight:600;">Laboratory Work: <a style="font-weight:200;">Zhaofanglin、Chujinyan、Liuyiyang、Zhaokechun</a></p><br />
 +
<p style="font-weight:600;">Human Practice Work: <a style="font-weight:200;">Chujinyan、Zhurui、Qupai、Daizhehao、Chensijian、Liuyiyang、Zhaokechun、Gujiacong</a></p><br />
 +
<p style="font-weight:600;">Wiki Work: <a style="font-weight:200;">Chujinyan、Zhaokechun、Gujiacong、Chensijian、Daizhehao、Qupai、Zhurui</a></p><br />
 +
<p style="font-weight:600;">Art Design Work: <a style="font-weight:200;">Zhaokechun、Chujinyan</a></p><br />
 +
<p style="font-weight:600;">Project design and Data analysis :<a style="font-weight:200;"></a></p><br />
 +
<p style="font-weight:600;">Others:<a style="font-weight:200;"></a></p><br />
 +
<p style="font-weight:600;">Instructors: <a style="font-weight:200;">Zhangshuang、Xumingkai、Gaoxiaofan、Zhangdan</a></p><br />
 +
 
 +
</div>
  
 +
<div class="footer">
 +
<p>© 2015 Shiyan_SY_China iGEM Team. All rights reserved.
 +
</p><br clear="all">
 
</div>
 
</div>
 +
</body>
 
</html>
 
</html>

Revision as of 14:52, 3 September 2015

IGEM-TEAM