Team:Hong Kong HKU

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{:Team:Hong Kong HKU/templates/header frontpage}}
+
<html>
 +
<meta charset="UTF-8">
 +
<meta name="title" content="HKU iGEM 2014" />
 +
<meta name="keywords" content="iGEM, HKU, Synthetic Biology, PPK" />
 +
<meta name="description" content="HKU's IGEM Team">
 +
<title>HKU IGEM Team</title>
 +
<style>
 +
#contentSub, #search-controls, .firstHeading, #catlinks, #p-logo {
 +
    display:none;
 +
}
 +
/* Reset CSS */
 +
/* v1.0 | 20080212 */
-
<html>
+
html, body, div, span, applet, object, iframe,
-
<head>
+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+
a, abbr, acronym, address, big, cite, code,
-
<script src="http://www.buzz-code.com/file/hku_igem/lean-slider.js"></script>
+
del, dfn, em, font, img, ins, kbd, q, s, samp,
-
<link rel="stylesheet" href="http://www.buzz-code.com/file/hku_igem/lean-slider.css" type="text/css" />
+
small, strike, strong, sub, sup, tt, var,
-
<link rel="stylesheet" href="http://www.buzz-code.com/file/hku_igem/sample-styles.css" type="text/css" />
+
b, u, i, center,
-
</head>
+
dl, dt, dd, ol, ul, li,
 +
fieldset, form, label, legend,
 +
table, caption, tbody, tfoot, thead, tr, th, td {
 +
    margin: 0;
 +
    padding: 0;
 +
    border: 0;
 +
    outline: 0;
 +
    font-size: 100%;
 +
    vertical-align: baseline;
 +
    background: transparent;
 +
}
 +
body {
 +
    line-height: 1;
 +
}
 +
ol, ul {
 +
    list-style: none;
 +
}
 +
blockquote, q {
 +
    quotes: none;
 +
}
 +
blockquote:before, blockquote:after,
 +
q:before, q:after {
 +
    content: '';
 +
    content: none;
 +
}
 +
/* remember to define focus styles! */
 +
:focus {
 +
    outline: 0;
 +
}
 +
/* remember to highlight inserts somehow! */
 +
ins {
 +
    text-decoration: none;
 +
}
 +
del {
 +
    text-decoration: line-through;
 +
}
-
<p style="color:#000; font-size:22px; width:800px; margin:o 80px;font-family:calibri, Arial,Helvetica,sans-serif;line-height:28px;text-align:justify;">
+
/* tables still need 'cellspacing="0"' in the markup */
-
*testing only, all the design style is temporary and we do not own the copyright*
+
table {
-
</p>
+
    border-collapse: collapse;
 +
    border-spacing: 0;
 +
}
-
<body bgcolor="#000000">
 
-
<div id="wrapper"> 
 
-
<div id="slider">
+
 
-
     <div class="slide1">
+
 
-
        <img src="https://static.igem.org/mediawiki/2013/c/c1/Panel_Welcome_00000_00000.jpg" alt="" />
+
 
 +
div#menu * {
 +
    list-style: none;
 +
}
 +
 
 +
div#menu {
 +
    position: fixed;
 +
    float: left;
 +
    top: 0;
 +
    left: -11.5rem;
 +
    width: 15.5rem;
 +
    height: 100%;
 +
    padding: 0;
 +
    margin: 0;
 +
    background: #DDD;
 +
    transition: 0.5s;
 +
    font-size: 0.8rem;
 +
}
 +
 
 +
div#menu:hover {
 +
    left: 0;
 +
}
 +
 
 +
div#menu-title {
 +
    position: absolute;
 +
    width: 100%;
 +
    top: 0.5rem;
 +
    font-size: 1.5rem;
 +
    text-align: center;
 +
}
 +
 
 +
div#menu-icon {
 +
    position: absolute;
 +
    top: 50%;
 +
    right: 0;
 +
    margin: 0 1rem 0 0;
 +
    padding: 0.3rem;
 +
    font-size: 1.5rem;
 +
    color: #AAA;
 +
    background: #CCC;
 +
    border-radius: 1rem;
 +
    cursor: default;
 +
}
 +
 
 +
div#menu ul {
 +
    margin: 0.5rem 0 1rem 0.5rem;
 +
}
 +
 
 +
ul.main-menu {
 +
    position: absolute;
 +
    top: 4rem;
 +
}
 +
 
 +
ul.main-menu a {
 +
    text-decoration: none;
 +
}
 +
 
 +
ul.main-menu>li>a {
 +
    padding: 0.1rem;
 +
    background: #DDD;
 +
}
 +
 
 +
ul.sub-menu li {
 +
    padding: 0.3rem 0.4rem 0.4rem 0.3rem;
 +
    background: #88B;
 +
    border: 1px dashed #44D;
 +
}
 +
 
 +
div#sponsor {
 +
    position: fixed;
 +
    height: 6rem;
 +
    width: 100%;
 +
    left: 0;
 +
    bottom: -4.5rem;
 +
    background: #EC9D75;
 +
    transition: 0.5s;
 +
}
 +
 
 +
div#sponsor:hover {
 +
    bottom: 0;
 +
}
 +
 
 +
div#content {
 +
    position: fixed;
 +
    top: 0;
 +
    left: 4rem;
 +
    width: calc(100% - 4rem);
 +
    height: calc(100% - 1.5rem);
 +
    background: #75B1EC;
 +
}
 +
 
 +
div#content>div.page {
 +
    position: absolute;
 +
    top: 0;
 +
    left: 0;
 +
    width: 100%;
 +
    height: 100%;
 +
}
 +
 
 +
div#content-prev-page, div#content-next-page {
 +
    position: absolute;
 +
    top: 50%;
 +
    color: white;
 +
    font-size: 2rem;
 +
    cursor: pointer;
 +
    opacity: 0.5;
 +
}
 +
 
 +
div#content-prev-page:hover,div#content-next-page:hover {
 +
    opacity: 0.7;
 +
}
 +
 
 +
div#content-prev-page {
 +
    left: 1rem;
 +
}
 +
 
 +
div#content-next-page {
 +
    right: 1rem;
 +
}
 +
 
 +
</style>
 +
<body>
 +
 
 +
<div id="content">
 +
     <div class="page">
     </div>
     </div>
-
     <div class="slide2">
+
     <div id="content-prev-page">
-
         <img src="https://static.igem.org/mediawiki/2013/2/2a/Panel_Biobricks_00000_00000.jpg" alt="" />
+
         ⬅
     </div>
     </div>
-
     <div class="slide3">
+
     <div id="content-next-page">
-
         <img src="https://static.igem.org/mediawiki/2013/5/58/Panel_Human_Practice_00000_00000.jpg" alt="" />
+
         ➡
-
    </div>   
+
-
    <div class="slide4">
+
-
        <img src="https://static.igem.org/mediawiki/2013/0/00/Panel_Applications_00000_00000.jpg" alt="" />
+
     </div>
     </div>
</div>
</div>
-
    <div id="slider-direction-nav"></div>
 
-
    <div id="slider-control-nav"></div>
 
 +
<div id="menu">
 +
    <div id="menu-title">
 +
        HKU iGEM 2014
 +
        <a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a>
 +
    </div>
 +
    <div id="menu-icon">
 +
        ➤
 +
    </div>
 +
    <ul class="main-menu">
 +
        <li>
 +
        <a href="#">E. CAPSI</a>
 +
        <ul class="sub-menu">
 +
            <li><a href="#">M1: Phosphate Removal</a></li>
 +
            <li><a href="#">M2: Polyphosphate Kinase</a></li>
 +
            <li><a href="#">M3: Micro-compartment</a></li>
 +
            <li><a href="#">Modelling</a></li>
 +
            <li><a href="#">References</a></li>
 +
        </ul>
 +
        </li>
 +
        <li>
 +
        <a href="#">HUMAN PRACTICE</a>
 +
        <ul class="sub-menu">
 +
            <li><a href="#">Lab Safety</a></li>
 +
            <li><a href="#">Public Promotion</a></li>
 +
            <li><a href="#">Public Promotion</a></li>
 +
            <li><a href="#">Collaborations</a></li>
 +
            <li><a href="#">Future Applications</a></li>
 +
        </ul>
 +
        </li>
 +
        <li>
 +
        <a href="#">ACHIEVEMENTS</a>
 +
        <ul class="sub-menu">
 +
            <li><a href="#">BioBricks</a></li>
 +
            <li><a href="#">Results</a></li>
 +
            <li><a href="#">Judging Criteria</a></li>
 +
        </ul>
 +
        </li>
 +
        <li>
 +
        <a href="#">EXTRAS</a>
 +
        <ul class="sub-menu">
 +
            <li><a href="#">Protocols</a></li>
 +
            <li><a href="#">Lab Note - Our Diary</a></li>
 +
            <li><a href="#">Photo Gallery</a></li>
 +
        </ul>
 +
        </li>
 +
        <li>
 +
        <a href="#">TEAM</a>
 +
        <ul class="sub-menu">
 +
            <li><a href="#">Our Profile</a></li>
 +
            <li><a href="#">People</a></li>
 +
            <li><a href="#">Attributions</a></li>
 +
            <li><a href="#">Supporters</a></li>
 +
        </ul>
 +
        </li>
 +
    </ul> 
 +
</div>
-
<br>
+
<div id="sponsor">
-
<table width="960px" cellpadding="0px">
+
-
<tr>
+
-
<td>
+
-
<p>
+
-
<a href="https://2013.igem.org/Team:Hong_Kong_HKU/Project" target="_new">
+
-
<img src="https://static.igem.org/mediawiki/2013/2/24/New_button_take_a_glance_00000.jpg" width="236" />
+
-
</a>
+
-
<a href="https://2013.igem.org/Team:Hong_Kong_HKU/Parts" target="_new">
+
-
<img src="https://static.igem.org/mediawiki/2013/6/68/New_button_biobricks_00000.jpg" width="236"  />
+
-
</a>
+
-
<a href="https://2013.igem.org/Team:Hong_Kong_HKU/humanpractice/talk" target="_new">
+
-
<img src="https://static.igem.org/mediawiki/2013/5/56/New_button_Human_Practice_00000.jpg" width="236"  />
+
-
</a>
+
-
<a href="https://2013.igem.org/Team:Hong_Kong_HKU/humanpractice/futureapps" target="_new">
+
-
<img src="https://static.igem.org/mediawiki/2013/e/ee/New_button_applications_00000.jpg" width="236" />
+
-
</a>
+
-
</p>
+
-
</td>
+
-
</tr>
+
-
</table>
+
-
<br><br>
+
</div>
</div>
<script>
<script>
-
$(document).ready(function() {
 
-
    $('#slider').leanSlider({
 
-
            directionNav: '#slider-direction-nav',
 
-
            controlNav: '#slider-control-nav'
 
-
        });
 
-
});
 
-
 
</script>
</script>
 +
</body>
</body>
</html>
</html>

Revision as of 06:55, 19 August 2014

HKU IGEM Team

⬅
➡

Retrieved from "http://2014.igem.org/Team:Hong_Kong_HKU"