Team:Hong Kong HKUST/notebook

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
  <style>
 
-
    * { margin:0; padding:0; } /* a simple reset */
 
-
    .head, li, h2 { margin-bottom:15px;z-index:-11; }
 
-
    .head { display:block; background:#35BB91;border-radius:500px;margin-bottom:5px;align:center;width:90%;z-index:-3; }
 
-
    .content { display:none; background:#8FF5D5;border-radius:500px;margin-bottom:5px;align:center;width:90%;z-index:-3;}
 
-
    li { position:relative;overflow:hidden; }
 
-
  </style>
 
-
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
 
-
  <script>
 
-
    $(document).ready(function(){
 
-
      $('.head').each(function(){
 
-
        var $content = $(this).closest('div').find('.content');
 
-
        $(this).click(function(e){
 
-
          e.preventDefault();
 
-
          $content.not(':animated').slideToggle();
 
-
    });
 
-
});
 
-
});
 
-
  </script>
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
</script>
 +
<script type="text/javascript">
<script type="text/javascript">
$(document).ready(function(){
$(document).ready(function(){
Line 29: Line 11:
});
});
</script>   
</script>   
 +
<script>
<script>
-
$(document).ready(function()
+
  $(document).ready(function()
   {
   {
   $('#menubar').mouseover(function(){
   $('#menubar').mouseover(function(){
Line 47: Line 30:
</script>
</script>
<style type="text/css">
<style type="text/css">
-
body{background-color:#d5cfbf;width:100%;margin-bottom:20px;min-width:600px;max-width:2000px;height:100%;font: x-small sans-serif;}
+
body{background-color:#494042;width:100%;margin-bottom:20px;min-width:600px;max-width:2000px;height:100%;}
#menubar  
#menubar  
{background-color:#EEECEC;opacity:0.8;top:-4px;width:360px;height:23px;position:absolute;top:-20px;}
{background-color:#EEECEC;opacity:0.8;top:-4px;width:360px;height:23px;position:absolute;top:-20px;}
Line 63: Line 46:
{position: relative;font-size:127%;width:100%;margin:0;padding:0;padding-bottom:10px;background-color:#494042;}
{position: relative;font-size:127%;width:100%;margin:0;padding:0;padding-bottom:10px;background-color:#494042;}
#content
#content
-
{width: 1000px;border:none;padding:0px;margin-top:0px;line-height: 1.5em;color: black;}
+
{width: 1000px;border:none;background-color:#494042;padding:0px;margin-top:0px;line-height: 1.5em;color: black;}
#top-section
#top-section
{height:2px;border:none;background-color:#494042;}
{height:2px;border:none;background-color:#494042;}
Line 71: Line 54:
{display:none}
{display:none}
#kepala
#kepala
-
{position:absolute;top:15px;background-color:#F0A5BE;}
+
{position:absolute;top:15px;background-color:#F0A5BE;height:121px;width:100%;}
-
#cover
+
#copyright
-
{position:absolute;top:0px;height:168px;width:100%;background:#494042;z-index:-1;}
+
{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
.menu ul,li
{
{
Line 108: Line 63:
list-style:none;
list-style:none;
width:100%;
width:100%;
-
z-index:11;
 
}
}
ul.first>li
ul.first>li
{
{
float:left;
float:left;
-
width:16.6667%;
+
width:16.66%;
-
z-index:11;
+
}
}
ul.first>li>a:link,ul.first>li>a:visited
ul.first>li>a:link,ul.first>li>a:visited
Line 126: Line 79:
text-decoration:none;
text-decoration:none;
text-transform:uppercase;
text-transform:uppercase;
-
z-index:11;
 
}
}
ul.first>li>a:hover,ul.first>li>a:active
ul.first>li>a:hover,ul.first>li>a:active
{
{
-
background-color:#e32e51;z-index:11;
+
background-color:#e32e51;
}
}
Line 137: Line 89:
{
{
display:none;
display:none;
-
width:100%;z-index:11;
+
width:100%;
}
}
Line 150: Line 102:
text-decoration:none;
text-decoration:none;
text-transform:uppercase;
text-transform:uppercase;
-
z-index:11;
 
}
}
ul.first>li>ul>li>a:hover,ul.first>li>ul>li>a:active
ul.first>li>ul>li>a:hover,ul.first>li>ul>li>a:active
{
{
-
background-color:#f87790;z-index:11;
+
background-color:#f87790;
}
}
.menu
.menu
Line 163: Line 114:
top:141px;
top:141px;
width:100%;
width:100%;
-
z-index:11;
 
-
}
 
-
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;
 
}
}
ul, ol {
ul, ol {
 +
line-height: 1.6;
font-size: 14px;
font-size: 14px;
-
line-height: 1.6;
 
}
}
-
[class*="column"] + [class*="column"]:last-child {
+
#slide{width:96%;left:20px;height:320px;background-color:#FFFF75;margin-top:80px;}
-
float: right;
+
.center
 +
{
 +
margin:auto;
 +
width:70%;
 +
background-color:#b0e0e6;
}
}
-
.ten, .row .ten {
+
.circ
-
width: 83.33333%;
+
{margin-top:20px;width:200px;margin-right:20px;float:left;height:200px; border:2px solid;
-
top:192px;
+
border-radius:50%;}
-
z-index:-2;
+
#circ1
-
}
+
{margin-left:50px;background:#e32e51;}
-
.column, .columns {
+
#circ2,#circ4
-
float: left;
+
{background:#35bb91;}
-
min-height: 1px;
+
#circ3
-
padding: 0 15px;
+
{background:#e32e51;}
-
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%;
+
-
}
+
-
#flight{z-index:-2;}
+
</style>
</style>
</head>
</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>
-
<body>
 
-
<a href=https://2013.igem.org/Team:Hong_Kong_HKUST><center><div id="kepala" style="height:121px;width:100%;"><img src="https://static.igem.org/mediawiki/igem.org/c/c7/BANNER1_%281%29.png" style="height:121px;width:100%;align:middle;"></div></center></a>
 
-
<div id="cover"></div>
 
<div class="menu">
<div class="menu">
<ul class="first">
<ul class="first">
Line 257: Line 153:
</li>
</li>
-
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/project">Project</a>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/Project">Project</a>
<ul>
<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/abstract">Abstract</a></li>
Line 294: Line 190:
</ul>
</ul>
</div>
</div>
-
<br><br><br><br><br><br><br>
+
</div>
-
 
+
<br><br><br><div id="slide" class="center"><center><p>Notebook</p></center></div>
 +
<div id="circ1" class="circ"><a href="<center><br><br><br><h3>Module 1</h3><p>Cell Viability & Fatty Acid Quantification</p></center></div>
 +
<div id="circ2" class="circ"><center><br><br><br><h3>Module 2</h3><p>Fatty Acid Sensing Mechanism</p></center></div>
 +
<div id="circ3" class="circ"><center><br><br><br><h3>Module 3</h3><p>Protein Trafficking</p></center></div>
 +
<div id="circ4" class="circ"><center><br><br><br><h3>Module 4</h3><p>Glyoxylate Shunt</p></center></div>
 +
<div id="vids"></div>
</body>
</body>
 +
</html>
</html>

Revision as of 17:39, 19 September 2013




Notebook




Module 3

Protein Trafficking




Module 4

Glyoxylate Shunt

Retrieved from "http://2013.igem.org/Team:Hong_Kong_HKUST/notebook"