Team:Hong Kong HKUST/Project

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 *** -->
 
-
 
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<head>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
-
This is a template page. READ THESE INSTRUCTIONS.
+
</script>
-
</div>
+
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
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>.
+
-
</div>
+
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
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.
+
-
</div>
+
-
</div>
+
-
</html>
+
-
<!-- *** End of the alert box *** -->
+
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$("ul.first > li").hover(function(){
 +
$(this).find("ul").stop().fadeToggle(10);
 +
});
 +
});
 +
</script> 
 +
<script>
 +
  $(document).ready(function()
 +
  {
 +
  $('#menubar').mouseover(function(){
 +
    $('#menubar').stop().animate({top:"0px"},500);
 +
  });
 +
  $('#menubar').mouseleave(function(){
 +
    $('#menubar').stop().animate({top:"-20px"},500);
 +
  });
 +
  $('#menubar.right-menu').mouseover(function(){
 +
    $('#menubar.right-menu').stop().animate({top:"0px"},500);
 +
  });
 +
  $('#menubar.right-menu').mouseleave(function(){
 +
    $('#menubar.right-menu').stop().animate({top:"-20px"},500);
 +
  });
 +
});
 +
</script>
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
<style type="text/css">
-
!align="center"|[[Team:Hong_Kong_HKUST|Home]]
+
body{background-color:#d5cfbf;width:100%;margin-bottom:20px;min-width:600px;max-width:2000px;height:100%;font: x-small sans-serif;}
-
!align="center"|[[Team:Hong_Kong_HKUST/Team|Team]]
+
#menubar
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=Hong_Kong_HKUST Official Team Profile]
+
{background-color:#EEECEC;opacity:0.8;top:-4px;width:360px;height:23px;position:absolute;top:-20px;}
-
!align="center"|[[Team:Hong_Kong_HKUST/Project|Project]]
+
#menubar ul li a
-
!align="center"|[[Team:Hong_Kong_HKUST/Parts|Parts Submitted to the Registry]]
+
{ color:#8D1919;}
-
!align="center"|[[Team:Hong_Kong_HKUST/Modeling|Modeling]]
+
#menubar.right-menu
-
!align="center"|[[Team:Hong_Kong_HKUST/Notebook|Notebook]]
+
{background-color:#EEECEC;opacity:0.8;top:-4px;width:240px;height:23px;position:absolute;top:-20px;}
-
!align="center"|[[Team:Hong_Kong_HKUST/Safety|Safety]]
+
.right-menu li a
-
!align="center"|[[Team:Hong_Kong_HKUST/Attributions|Attributions]]
+
{color:#8D1919;background-color:#EEECEC;}
-
|}
+
#p-logo
 +
{visibility:hidden;}
 +
.firstHeading
 +
{visibility:hidden;}
 +
#globalWrapper
 +
{position: relative;font-size:127%;width:100%;margin:0;padding:0;padding-bottom:10px;background-color:#d5cfbf;}
 +
#content
 +
{width: 1000px;border:none;background-color:#d5cfbf;padding:0px;margin-top:0px;line-height: 1.5em;color: black;}
 +
#top-section
 +
{height:2px;border:none;background-color:#494042;}
 +
#catlinks
 +
{border-color:#494042;background-color:#494042;}
 +
#footer-box
 +
{display:none}
 +
#kepala
 +
{position:absolute;top:15px;background-color:#F0A5BE;height:121px;width:100%;}
 +
#copyright
 +
{position:absolute;left:325px;top:630px;}
 +
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td {
 +
margin: 0;
 +
padding: 0;
 +
font-size: 14px;
 +
}
 +
* {
 +
-webkit-box-sizing: border-box;
 +
-moz-box-sizing: border-box;
 +
box-sizing: border-box;
 +
}
 +
div.menu
 +
{
 +
width:100%;
 +
}
 +
.row {
 +
width: 940px;
 +
max-width: 100%;
 +
min-width: 768px;
 +
margin: 0 auto;
 +
}
 +
.row:after {
 +
clear: both;
 +
}
 +
.row:before, .row:after {
 +
content: "";
 +
display: table;
 +
}
 +
.menu ul,li
 +
{
 +
margin:0;
 +
padding:0;
 +
list-style:none;
 +
width:100%;
 +
}
 +
ul.first>li
 +
{
 +
float:left;
 +
width:16.66%;
 +
}
 +
ul.first>li>a:link,ul.first>li>a:visited
 +
{
 +
display:block;
 +
font-weight:bold;
 +
color:#494042;
 +
background-color:#35bb91;
 +
text-align:center;
 +
padding:3%;
 +
text-decoration:none;
 +
text-transform:uppercase;
 +
}
 +
ul.first>li>a:hover,ul.first>li>a:active
 +
{
 +
background-color:#e32e51;
 +
}
 +
ul.first>li>ul
 +
{
 +
display:none;
 +
width:100%;
 +
}
 +
ul.first>li>ul>li>a:link,ul.first>li>ul>li>a:visited
 +
{
 +
display:block;
 +
font-weight:bold;
 +
color:#494042;
 +
background-color:#8ff5d5;
 +
text-align:center;
 +
padding:3%;
 +
text-decoration:none;
 +
text-transform:uppercase;
 +
}
-
== '''Overall project''' ==
+
ul.first>li>ul>li>a:hover,ul.first>li>ul>li>a:active
 +
{
 +
background-color:#f87790;
 +
}
 +
.menu
 +
{
 +
position:absolute;
 +
left:0px;
 +
top:141px;
 +
width:100%;
 +
}
 +
ul.side-nav {
 +
display: block;
 +
list-style: none;
 +
margin: 0;
 +
padding: 17px 0;
 +
}
 +
ul.side-nav h6 {
 +
margin: 47px 0px 0px;
 +
}
 +
ul.side-nav li.divider {
 +
border-top: 1px solid #ddd;
 +
}
 +
.two, .row .two {
 +
width: 16.66667%;
 +
top:160px;
 +
z-index:-2;
 +
}
 +
ul, ol {
 +
font-size: 14px;
 +
line-height: 1.6;
 +
}
 +
[class*="column"] + [class*="column"]:last-child {
 +
float: right;
 +
}
 +
.ten, .row .ten {
 +
width: 83.33333%;
 +
top:192px;
 +
z-index:-2;
 +
}
 +
.column, .columns {
 +
float: left;
 +
min-height: 1px;
 +
padding: 0 15px;
 +
position: relative;
 +
}
 +
.twelve, .row .twelve {
 +
width: 100%;
 +
}
 +
h1, h2, h3, h4, h5, h6 {
 +
font-family: 'Bitter', serif;
 +
font-weight: normal;
 +
color: #000;
 +
border-bottom: none;
 +
}
 +
div.team-bios-container div.row {
 +
padding: 0px 0px 10px;
 +
border-bottom: 1px solid #ddd;
 +
}
 +
.row .row {
 +
width: auto;
 +
max-width: none;
 +
min-width: 0;
 +
margin: 0 -15px;
 +
}
 +
media="screen, projection"
 +
#bodyContent h1, #bodyContent h2 {
 +
margin-bottom: .6em;
 +
}
 +
h1.centered, h2.centered, h3.centered, h4.centered, h5.centered, h6.centered {
 +
text-align: center;
 +
}
 +
h2 {
 +
font-size: 37px;
 +
}
 +
.nine, .row .nine {
 +
width: 75%;
 +
}
 +
[class*="column"] + [class*="column"]:last-child {
 +
float: right;
 +
}
 +
.three, .row .three {
 +
width: 25%;
 +
}
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
<a href=https://2013.igem.org/Team:Hong_Kong_HKUST><center><div id="kepala"><img src="https://static.igem.org/mediawiki/igem.org/c/c7/BANNER1_%281%29.png" style="height:121px;width:100%;"></div></center></a>
-
Tell us more about your project.  Give us background.  Use this is the abstract of your project.  Be descriptive but concise (1-2 paragraphs)
+
<div class="menu">
 +
<ul class="first">
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST">Home</a></li>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/team">Team</a>
 +
<ul>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/members">Members</a></li>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/advisors">Advisors</a></li>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/instructors">Instructors</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/project">Project</a>
 +
<ul>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/abstract">Abstract</a></li>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/modelling">Modelling</a></li>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/characterization">Characterization</a></li>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/Parts">Parts</a></li>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/datapage">Data Page</a></li>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/results">Results</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/Wetlab">Wetlab</a>
 +
<ul>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/notebook">notebook</a></li>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/protocols">protocols</a></li>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/safety">safety</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/achievement">Achievement</a>
 +
<ul>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/medals">Medal Requirements</a></li>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/prizes">Prizes</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp">Human Practice</a>
 +
<ul>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/Interviews">Interviews</a></li>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/Presentation">Presentation</a></li>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/Videos">Videos</a></li>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/Article">Article</a></li>
 +
</ul>
 +
</li>
-
== Project Details==
+
</ul>
-
 
+
</html>
-
 
+
-
 
+
-
 
+
-
 
+
-
=== Part 2 ===
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
=== The Experiments ===
+
-
 
+
-
 
+
-
 
+
-
 
+
-
=== Part 3 ===
+
-
 
+
-
 
+
-
 
+
-
 
+
-
== Results ==
+

Revision as of 16:48, 10 August 2013