Team:OUC-China

From 2011.igem.org

(Difference between revisions)
m
 
(108 intermediate revisions not shown)
Line 6: Line 6:
#top-section {
#top-section {
height:16px;
height:16px;
-
background: #606060;
+
background:transparent;
}
}
 +
.right-menu li a { background:transparent;}
#gTop {
#gTop {
width: 975px;
width: 975px;
-
height: 100px;
+
height: 760px;
margin: 0 auto 0 auto;
margin: 0 auto 0 auto;
-
border-left: 1px solid #444;
+
border:none;
-
border-right: 1px solid #444;
+
position:relative;
-
border-bottom: 1px solid #444;
+
background:url(https://static.igem.org/mediawiki/2011/4/44/OUC-China.home.jpg?v5)  center -70px no-repeat;
}
}
-
  </style>
+
#gTop a.navlink, #logo{
-
  <script type="text/javascript">
+
    position:absolute;
-
$("#content").before("<div id='gTop'></div>");
+
width:100px;
-
  </script>
+
height:40px;
-
</html>
+
display:block;
 +
}
 +
#gTop #logo { width:164px; height:170px; top:50px; left:160px;}
 +
#mainbanner {
 +
    position:absolute;
 +
    top:40px;
 +
    left:340px;
 +
}
 +
#teamlink { top: 305px; left: 460px; }
 +
#projectlink { top: 380px; left: 300px;}
 +
#resultlink { top: 393px; left:620px;}
 +
#safetylink { top:565px; left:380px;}
 +
#otherlink { top:590px; left:590px; }
-
<!-- *** What falls between these lines is the Alert Box! You can remove it from your pages once you have read and understood the alert *** -->
+
#gBottom {
 +
height:80px;
 +
width:975px;
 +
margin: 0 auto 0 auto;
 +
text-align:center;
 +
}
 +
#gBottom a {
 +
      color:white;
 +
}
 +
#gBottom hover {
 +
      color:white;
 +
      text-decoration:underline;
 +
}
 +
#gBottomContent { padding-top:80px;}
 +
#gBottomContent img { margin:5px 30px;}
-
<html>
+
#content { display:none; }
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
#footer-box { background:black;}
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
#footer-box a {
-
This is a template page. READ THESE INSTRUCTIONS.
+
color: white;
-
</div>
+
}
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
body {
-
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://2009.igem.org/Help:Template/Examples">HERE</a>.
+
    background:#161616;
-
</div>
+
color:white;
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
}
-
You <strong>MUST</strong> have a team description page, a project abstract, a complete project description, a lab notebook, and a safety page.  PLEASE keep all of your pages within your teams namespace. 
+
  </style>
-
</div>
+
-
</div>
+
-
</html>
+
-
 
+
-
<!-- *** End of the alert box *** -->
+
 +
  <script type="text/javascript">
 +
var strVar="";
 +
strVar += "    <ul id=\"team\" class=\"submenus\">";
 +
strVar += "    <li><a href=\"\/Team:OUC-China\/Team\/TeamIntro\">IGEMers introduction<\/a><\/li>";
 +
strVar += "    <li><a href=\"\/Team:OUC-China\/Team\/Instructors\">Instructor and Adviser<\/a><\/li>";
 +
strVar += "    <li><a href=\"\/Team:OUC-China\/Team\/Instructors#cop\">Collaborator<\/a><\/li>";
 +
strVar += "    <li><a href=\"\/Team:OUC-China\/Team\/Instructors#sup\">Support and thanks<\/a><\/li>";
 +
strVar += "    <li><a href=\"\/Team:OUC-China\/Team\/Instructors#mp\">Mutual help with other teams<\/a><\/li>";
 +
strVar += "    <li><a href=\"\/Team:OUC-China\/Team\/Photos\">Photo gallery<\/a>";
 +
strVar += "    <\/ul>";
 +
strVar += "    ";
 +
strVar += "    <ul id=\"project\" class=\"submenus\">";
 +
strVar += "    <li><a href=\"\/Team:OUC-China\/Project\/storm\">Brain storming<\/a><\/li>";
 +
strVar += "    <li><a href=\"\/Team:OUC-China\/Project\/Abstract\">Abstract<\/a><\/li>";
 +
strVar += "    <li><a href=\"\/Team:OUC-China\/Project\/Background\">Philosophical Background<\/a><\/li>";
 +
strVar += "    <li><a href=\"\/Team:OUC-China\/Project\/Mp\">Modern perspective<\/a><\/li>";
 +
strVar += "    <li><a href=\"\/Team:OUC-China\/Project\/PooSb\/db\"> Performance on stage of Synthetic biology<\/a><\/li>";
 +
strVar += "    <li><a href=\"\/Team:OUC-China\/Project\/prezi\">Prezi<\/a><\/li>";
 +
strVar += "    <\/ul>";
 +
strVar += "    ";
 +
strVar += "    <ul id=\"result\" class=\"submenus\">";
 +
strVar += "    <li><a href=\"\/Team:OUC-China\/Result\/Materials\">Materials<\/a><\/li>";
 +
strVar += "    <li><a href=\"\/Team:OUC-China\/Result\/Puf2011d\">Previous biobricks<\/a><\/li>";
 +
strVar += "    <li><a href=\"\/Team:OUC-China\/Result\/Protocol\">Protocol<\/a><\/li>";
 +
strVar += "    <li><a href=\"\/Team:OUC-China\/Result\/Notebook\">Notebook and data<\/a><\/li>";
 +
strVar += "    <li><a href=\"\/Team:OUC-China\/Result\/aadb\">Experiments on HB101<\/a><\/li>";
 +
strVar += "    <li><a href=\"\/Team:OUC-China\/Result\/fv\">Experiments on devices<\/a><\/li>";
 +
strVar += "    <li><a href=\"\/Team:OUC-China\/Result\/2011\">2011 OUC Wuxingbricks documentation<\/a><\/li>";
 +
strVar += "    <li><a href=\"\/Team:OUC-China\/Result\/Finalresults\">Final results<\/a><\/li>";
 +
strVar += "    <li><a href=\"\/Team:OUC-China\/Result\/Judging\">Judging form<\/a><\/li>";
 +
strVar += "    <\/ul>";
 +
strVar += "    ";
 +
strVar += "    <ul id=\"safety\" class=\"submenus\">";
 +
strVar += "    <li><a href=\"\/Team:OUC-China\/Safety\/Consideration\">Human practice<\/a><\/li>";
 +
strVar += "    <li><a href=\"\/Team:OUC-China\/Safety\">Safety<\/a><\/li>";
 +
strVar += "    <\/ul>";
 +
strVar += "    ";
 +
strVar += "    <ul id=\"other\" class=\"submenus\">";
 +
strVar += "    <li><a href=\"\/Team:OUC-China\/Futurework\/Fa\">Foundational advance<\/a><\/li>";
 +
strVar += "    <li><a href=\"\/Team:OUC-China\/Futurework\/Newapp\">New application of synthetic biology<\/a><\/li>";
 +
strVar += "    <\/ul>";
 +
$("#menubar.right-menu ul li:first-child").before("<li><a href='https://2011.igem.org/Main_Page'>iGEM HQ</a></li>");
 +
$("#content").before("<div id='gTop'><a id='logo' href='https://2011.igem.org/Team:OUC-China'><img src='https://static.igem.org/mediawiki/2011/d/d9/OUC-China.logo.gif' alt='logo'/></a><img src='https://static.igem.org/mediawiki/2011/9/99/OUC-China.MainBanner.gif' id='mainbanner' /><a class='navlink' href='#team' id='teamlink'></a><a href='#project'  class='navlink'  id='projectlink'></a><a class='navlink'  href='#result' id='resultlink'></a><a class='navlink'  href='#safety' id='safetylink'></a><a class='navlink'  href='#other' id='otherlink'></a>"+strVar+"</div><div id='gBottom'><a href='mailto:OUCIGEM@163.com'><img src='https://static.igem.org/mediawiki/2011/d/d2/OUC-shou_1.jpg.png' />&nbsp;&nbsp;OUCIGEM@163.com</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href='http://www.renren.com/oast' target='_blank'><img src='https://static.igem.org/mediawiki/2011/3/37/OUC-shou-2.gif'/>&nbsp;&nbsp;Find Us on RenRen</a><div id='gBottomContent'></div></div>");
 +
$(document).ready(function(){$('a,input[type="submit"]').bind('focus',function(){if(this.blur){ this.blur();}});});
 +
  </script>
-
{|align="justify"
+
  <script>
-
|You can write a background of your team here. Give us a background of your team, the members, etc. Or tell us more about something of your choosing.
+
  $(document).ready(function(){
-
|[[Image:OUC-China_logo.png|200px|right|frame]]
+
  $("#gTop .navlink").click(function(){
-
|-
+
                        if($($(this).attr("href")).css("display")=="none"){
-
|
+
                            $(".submenus").stop(true,true).fadeOut(200);
-
''Tell us more about your project. Give us background. Use this as the abstract of your project. Be descriptive but concise (1-2 paragraphs)''
+
                            $($(this).attr("href")).stop(true,true).fadeIn(200);
-
|[[Image:OUC-China_team.png|right|frame|Your team picture]]
+
                        }else{
-
|-
+
                            $(".submenus").stop(true,true).fadeOut(200);
-
|
+
                        }
-
|align="center"|[[Team:OUC-China | Team Example]]
+
  return false;
-
|}
+
  });
-
 
+
  $(".submenus").mouseleave(function(){
-
<!--- The Mission, Experiments --->
+
  $(this).fadeOut(200);
 +
  });
 +
  });
 +
  </script>
 +
<style type="text/css">
 +
  .submenus {
 +
  position:absolute;
 +
  display: inline;
 +
  list-style: none;
 +
  margin:0;
 +
  padding: 0;
 +
border: 1px solid #EEEEEE;
 +
  background: white;
 +
  display: none;
 +
  border-radius: 3px;
 +
  opacity:0.9;
 +
  filter: alpha(opacity=90);
 +
  }
 +
  .submenus li {
 +
  display:block;
 +
  padding: 5px 8px;
 +
  list-style: none;
 +
  border-bottom: 1px solid #EEEEEE;
 +
  }
 +
  .submenus li a {
 +
  color: green;
 +
  text-decoration: none;
 +
  }
 +
  .submenus li a:hover {
 +
  text-decoration: underline;
 +
  }
 +
 
 +
  #team {
 +
  top: 100px;
 +
  left: 400px;
 +
  }
 +
  #team a{
 +
  color: #d2c03a;
 +
  }
 +
 
 +
  #project{
 +
  top: 330px;
 +
  left: 20px;
 +
  }
 +
  #project a{
 +
  color: #87430b;
 +
  }
 +
 
 +
  #result {
 +
  top: 280px;
 +
  left: 740px;
 +
  }
 +
 
 +
  #safety{
 +
  top: 620px;
 +
  left: 290px;
 +
  width:240px;
 +
  }
 +
  #safety a{
 +
  color:#5225a0;
 +
  }
 +
 
 +
  #other {
 +
  top: 640px;
 +
  left: 550px;
 +
  }
 +
 
 +
  #other a {
 +
  color: #2d7eed;
 +
  }
 +
  </style>
 +
</html>
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"

Latest revision as of 03:51, 29 October 2011

Home Team Official Team Profile Project Parts Submitted to the Registry Modeling Notebook Safety Attributions