Team:HKU HK

From 2012.igem.org

(Difference between revisions)
 
(70 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<meta name="generator" content="MediaWiki 1.16.0" />
 +
<link rel="shortcut icon" href="/favicon.ico" />
 +
<link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2011.igem.org (en)" />
 +
<link title="Creative Commons" type="application/rdf+xml" href="/wiki/index.php?title=Team:HKU&amp;action=creativecommons" rel="meta" />
 +
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
 +
<link rel="alternate" type="application/atom+xml" title="2011.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" /> <title>
 +
Team:HKU Hong Kong - 2012</title>
 +
<style type="text/css" media="screen, projection">/*<![CDATA[*/
 +
@import "/wiki/skins/common/shared.css?270";
 +
@import "/wiki/skins/igem/main.css?270";
 +
/*]]>*/</style>
 +
<link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?270" />
 +
<script>
 +
var skin="igem",
 +
stylepath="/wiki/skins",
 +
wgUrlProtocols="http\\:\\/\\/|https\\:\\/\\/|ftp\\:\\/\\/|irc\\:\\/\\/|gopher\\:\\/\\/|telnet\\:\\/\\/|nntp\\:\\/\\/|worldwind\\:\\/\\/|mailto\\:|news\\:|svn\\:\\/\\/",
 +
wgArticlePath="/$1",
 +
wgScriptPath="/wiki",
 +
wgScriptExtension=".php",
 +
wgScript="/wiki/index.php",
 +
wgVariantArticlePath=false,
 +
wgActionPaths={},
 +
wgServer="https://2012.igem.org",
 +
wgCanonicalNamespace="",
 +
wgCanonicalSpecialPageName=false,
 +
wgNamespaceNumber=0,
 +
wgPageName="Team:HKU",
 +
wgTitle="Team:HKU",
 +
wgAction="view",
 +
wgArticleId=408,
 +
wgIsArticle=true,
 +
wgUserName=null,
 +
wgUserGroups=null,
 +
wgUserLanguage="en",
 +
wgContentLanguage="en",
 +
wgBreakFrames=false,
 +
wgCurRevisionId=260202,
 +
wgVersion="1.16.0",
 +
wgEnableAPI=true,
 +
wgEnableWriteAPI=true,
 +
wgSeparatorTransformTable=["", ""],
 +
wgDigitTransformTable=["", ""],
 +
wgMainPageTitle="Main Page",
 +
wgFormattedNamespaces={"-2": "Media", "-1": "Special", "0": "", "1": "Talk", "2": "User", "3": "User talk", "4": "2011.igem.org", "5": "2011.igem.org talk", "6": "File", "7": "File talk", "8": "MediaWiki", "9": "MediaWiki talk", "10": "Template", "11": "Template talk", "12": "Help", "13": "Help talk", "14": "Category", "15": "Category talk"},
 +
wgNamespaceIds={"media": -2, "special": -1, "": 0, "talk": 1, "user": 2, "user_talk": 3, "2011.igem.org": 4, "2011.igem.org_talk": 5, "file": 6, "file_talk": 7, "mediawiki": 8, "mediawiki_talk": 9, "template": 10, "template_talk": 11, "help": 12, "help_talk": 13, "category": 14, "category_talk": 15, "image": 6, "image_talk": 7},
 +
wgSiteName="2011.igem.org",
 +
wgCategories=[],
 +
wgMWSuggestTemplate="https://2012.igem.org/wiki/api.php?action=opensearch\x26search={searchTerms}\x26namespace={namespaces}\x26suggest",
 +
wgDBname="2011_igem_org",
 +
wgSearchNamespaces=[0],
 +
wgMWSuggestMessages=["with suggestions", "no suggestions"],
 +
wgRestrictionEdit=[],
 +
wgRestrictionMove=[];
 +
</script> 
 +
<script type="text/javascript" src="/wiki/skins/common/wikibits.js?270"><!-- wikibits js --></script>
 +
<!-- Head Scripts -->
 +
<script src="/wiki/skins/common/ajax.js?270"></script>
 +
<script src="/wiki/skins/common/mwsuggest.js?270"></script>
 +
<script type="text/javascript" src="/wiki/index.php?title=-&amp;action=raw&amp;gen=js&amp;useskin=igem"><!-- site js --></script>
 +
<!-- jQuery Javascript -->
 +
<script type='text/javascript'        src ='/common/jquery-latest.min.js'></script>
 +
<script type='text/javascript'        src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
 +
        <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
 +
        <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
 +
        <link rel='stylesheet' type='text/css' href='/forum/forum_styles.css' />
 +
<script type='text/javascript'        src ='/forum/forum_scripts.js'></script>
 +
</head>             
 +
 
 +
<body              class="mediawiki  ltr ns-0 ns-subject page-Team_HKU">
 +
  <div id="globalWrapper">
 +
 
 +
    <div id="top-section">
 +
<div id="p-logo">
 +
    <a href="/Main_Page"
 +
      title="Main Page">
 +
    <img src='/wiki/skins/common/images/wiki.png'>&quot;
 +
    </a>
 +
</div>  <!-- end p-logo -->
 +
<script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
 +
 
 +
 
 +
 +
 
 +
    </div> <!-- close top-section-->
 +
<div id="content">
 +
<a name="top" id="top"></a>
 +
<h1 class="firstHeading">Team:HKU HK</h1>
 +
<div id="bodyContent">
 +
<h3 id="siteSub" class='noprint'>From 2011.igem.org</h3>
 +
<div id="contentSub"></div>
 +
<!--
 +
<div id="jump-to-nav">Jump to:                        <a href="#column-one">navigation</a>, <a href="#searchInput">search</a></div>-->
 +
<!-- start content -->
 +
<p>
<head>
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
-
<link rel="stylesheet" type="text/css" href="style.css" />
 
-
<title>SlickRed | florida web design</title>
 
 +
<style type="text/css">
-
<style media="screen" type="text/css">
+
/*
 +
Design by Metamorphosis Design
 +
http://www.metamorphozis.com
 +
Released for free under a Creative Commons Attribution 2.5 License
 +
*/
-
body {
+
#top-section {
-
margin: 0;
+
    height: 1px; }
-
padding: 0;
+
#p-logo {
-
text-align: left;
+
    height:1px; overflow:hidden; display:none;}
 +
#search-controls {
 +
    display:none;}
 +
#globalWrapper {
 +
    background: #FFF;
 +
    padding:0px;}
 +
#content {
 +
    border: 0px;
 +
    width: 100%;}
 +
#catlinks {
 +
    display:none;}
 +
h1.firstHeading {
 +
    display: none;}
 +
h1, h2, h3, h4, h5, h6 {
 +
    border-bottom: 0px;}
 +
p {
 +
    font-size: 16px;}
 +
 
 +
img
 +
{
 +
border: 0px;
 +
}
 +
 
 +
body{
font: 12px Arial, Helvetica, sans-serif;
font: 12px Arial, Helvetica, sans-serif;
-
font-size: 13px;
+
color: #000000;
-
color: #061C37;
+
background: #FFFFFF; --- background image
-
background: #FACFCF;
+
line-height: 18px;
-
background-image:url(background.png);
+
padding-bottom: 23px;
-
background-repeat:repeat-x;
+
}
}
-
*
 
-
{
 
-
  margin: 0 auto 0 auto;
 
-
text-align:left;}
 
-
#container
+
#main {
-
{
+
width: 1014px;
-
  display: block;  
+
margin: 0px auto;
-
  height:auto;
+
-
  position: relative;
+
-
  width: 960px;
+
}
}
 +
#header {
 +
width:100%;
 +
background: url(images/header.jpg) left top no-repeat;
 +
height: 183px;
 +
}
-
#header
+
#logo { font-family: Arial, Helvetica, sans-serif;
-
{
+
color:#FFFFFF;
-
height:85px;
+
font-size:18px;
-
width:960px;
+
font-style:italic;
 +
padding: 62px 0px 0px 667px;
 +
background: url(images/big_img.jpg) left top no-repeat;
 +
height: 60px;
}
}
-
#header h1
+
#logo a {
-
{
+
text-decoration: none;
-
position:absolute;
+
text-transform: lowercase;
-
text-align:left;
+
font-style: italic;
-
color:#FFFFFF;
+
font-size: 18px;
-
font-size:43px;
+
color: #FFFFFF;
-
color:#FFF;
+
-
left:14px;
+
-
top:18px;
+
}
}
 +
#logo H2 a{
 +
font-size: 12px;
 +
font-family: Arial, Helvetica, sans-serif;
 +
text-transform: none;
 +
font-weight:100;
 +
}
-
#header h2
+
#buttons{
-
{
+
width: 990px;
-
position:absolute;
+
text-align:center;
-
text-align:right;
+
height: 46px;
-
color:#FFD5D5;
+
margin-left: 50px;
-
left:490px;
+
-
top:38px;
+
-
width:400px;
+
}
}
-
#mainpic
+
 
 +
.scroll_header
{
{
-
background-image:url(main.jpg);
+
width: 1014px;
-
background-repeat:no-repeat;
+
height: 229px;
-
width:900px;
+
background: url(images/header.png) no-repeat;
-
height:354px;
+
margin-bottom: 10px;
 +
padding-top: 10px;
}
}
 +
#box_all {
 +
height: 10px;
 +
background:url(https://static.igem.org/mediawiki/2012/f/f6/HKU_box_top.png) left top no-repeat;
 +
margin-top: 30px;
 +
}
 +
#box_all h1 {
 +
text-align:center;
 +
font-size:18px;
 +
color:#FFFFFF;
 +
font-weight:100;
 +
padding: 12px 0px 23px 0px;}
-
.off
+
#box_all .text {
-
{
+
padding: 0px 10px 0px 20px;}
-
color:#300;
+
 
 +
.box_munth {
 +
float: left;
 +
width: 132px;
 +
padding: 0px 0px 0px 13px}
 +
 
 +
.munth {
 +
color:#FFFFFF;
 +
font-weight:bold;
 +
background: url(https://static.igem.org/mediawiki/2012/f/f6/HKU_box_fish.png) 0px 11px no-repeat;
 +
padding: 7px  0px 7px 28px;
 +
text-decoration:none;}
 +
 
 +
.munth a{color:#FFFFFF;
 +
font-weight:bold;
 +
text-decoration:none;}
 +
 
 +
.munth:hover {
 +
text-decoration: none;
 +
background: url(https://static.igem.org/mediawiki/2012/f/f6/HKU_box_fish.png) 0px 11px no-repeat;
}
}
 +
h5 {
 +
font-weight: 100;
 +
font-size:18px;
 +
color:#10156F;
 +
padding: 13px 0px 5px 0px}
-
#menu
+
.box {
-
{
+
width: 206px;
-
display:block;
+
height: 240px;
-
float:left;
+
float: left;
-
clear:both;
+
}
-
width:960px;
+
 
-
height:54px;
+
.box_razd {float:left; width: 10px; height: 10px;}
-
float:left;
+
 
-
clear:both;
+
.box1 { background:url(images/box1.png) ;}
 +
.box2 { background:url(images/box2.png) ;}
 +
.box3 { background:url(images/box3.png) ;
 +
width: 211px}
 +
.box4 { background:url(images/box4.png) ;}
 +
 
 +
.b { color: #0E76BD;
 +
font-weight:100;
 +
font-style:italic;}
 +
.g { color: #0D748A;
 +
font-weight:100;
 +
font-style:italic;}
 +
.gr { color: #0E9A40;
 +
font-weight:100;
 +
font-style:italic;}
 +
.o { color: #DE7C09;
 +
font-weight:100;
 +
font-style:italic;}
 +
 
 +
.img_box { float:left;
 +
margin: 6px 7px 3px 0px;
}
}
-
#leftmenu
+
#top_tb {
-
{
+
width: 1014px;
-
margin-top:15px;
+
height: 10px;
-
width:204px;
+
background: url(https://static.igem.org/mediawiki/2012/f/f1/HKU_tb_top.jpg) right bottom no-repeat #FFFFFF;
-
float:left;
+
}
}
-
#leftmenu_top
+
#bot_tb {
-
{
+
width: 1014px;
-
width:204px;
+
height: 19px;
-
height:13px;
+
background: url(https://static.igem.org/mediawiki/2012/f/f7/HKU_tb_bot.jpg) right top no-repeat #FFFFFF;
-
background-image:url(leftmenu_top.png);
+
}
}
-
#leftmenu_bottom
+
 
-
{
+
#tb{
-
width:204px;
+
width: 1014px;
-
height:13px;
+
padding: 0px 0px 0px 0px;
-
background-image:url(leftmenu_bottom.png);
+
background: url(https://static.igem.org/mediawiki/2012/6/68/HKU_tb_bg.gif) right repeat-y #FFFFFF;
-
}
+
margin: 0px 0px 0px 0px;
-
#leftmenu_main
+
-
{
+
-
width:204px;
+
-
height:auto;
+
-
background-color:#420000;
+
}
}
-
#leftmenu_main ul
+
#left{
-
{
+
width: 330px;
-
list-style: none;
+
margin: 0px 0px 0px 12px;
-
padding: 0px;
+
float: left;
-
width:204px;
+
color:#000000;
}
}
-
 
+
.right_b {
-
#leftmenu_main h3
+
padding-left: 52px;
-
{
+
padding-right: 5px;
-
list-style: none;
+
-
padding: 0px;
+
-
width:204px;
+
-
color:#FFFFFF;
+
-
padding-left:10px;
+
-
padding-bottom:14px;
+
}
}
-
#leftmenu_main ul li
+
.text{
-
{
+
padding: 0px 0px 0px 0px;
-
list-style: none;
+
-
padding: 0px;
+
-
width:204px;
+
-
text-align:left;
+
}
}
-
#leftmenu_main ul li a, #leftmenu_main ul li a:visited
+
.img { float:left;
-
{
+
margin: 7px 16px 3px 0px;
-
display:block;
+
-
list-style: none;
+
-
padding: 0px;
+
-
width:192px;
+
-
padding-left:12px;
+
-
padding-top:4px;
+
-
height:30px;
+
-
text-align:left;
+
-
background-image:url(leftmenu_link.png);
+
-
background-repeat:repeat-x;
+
-
margin-top:5px;
+
-
color:#FFFFFF;
+
-
text-decoration:none;
+
-
font-size:15px;
+
-
font-weight:bold;
+
}
}
-
#leftmenu_main ul li a:hover
+
.img_r { float: right;
-
{
+
margin: 7px 0px 3px 16px;
-
color:#EED7D7;
+
-
+
-
+
}
}
 +
span {font-weight:bold;}
 +
#left span { color:#000000;
 +
font-weight:bold;
 +
font-size:14px;
 +
}
-
 
+
#right span {
-
#content
+
font-weight:bold;
-
{
+
-
display:block;
+
-
float:left;
+
-
width:689px;
+
-
height:auto;
+
-
padding-left:10px;
+
-
padding-top:15px;
+
-
padding-right:10px;
+
-
padding-bottom:5px;
+
}
}
 +
.bl {color:#34902D;}
-
 
+
#left H1{
-
#content_top
+
font-family: Arial, Helvetica, sans-serif;
-
{
+
font-size:18px;
-
background-image:url(main_top.png);
+
font-weight: 100;
-
background-repeat:no-repeat;
+
color: #34902D;
-
width:689px;
+
text-align:left;
-
height:23px;
+
padding: 5px 0px 10px 0px;
}
}
-
#content_main
+
#right H1{
-
{
+
font-family: Arial, Helvetica, sans-serif;
-
background-image:url(main_back.png);
+
font-size:18px;
-
background-repeat:repeat-y;
+
font-weight: 100;
-
width:659px;
+
color: #34902D;
-
padding-left:15px;
+
text-align:left;
-
padding-right:15px;
+
padding: 5px 0px 10px 0px;
}
}
-
#content_bottom
+
.read{
-
{
+
text-align:right;
-
background-image:url(main_bottom.png);
+
padding-right:5px;
-
background-repeat:no-repeat;
+
padding-top: 6px;
-
width:689px;
+
font-weight:bold;
-
height:23px;
+
}
}
 +
.pad_view {padding-right:15px;}
 +
.read a{
 +
color: #0056CC;
 +
text-decoration: underline;}
 +
.read a:hover {
 +
text-decoration:none;}
 +
#right{
 +
float: right;
 +
width: 620px;
 +
margin-right: 18px;
 +
padding: 0px 0px 0px 0px;
 +
}
 +
.col { width: 620px;}
-
#footer
+
.col_left { float:left;
-
{
+
width: 203px;}
-
width:inherit;
+
 
-
height:auto;
+
.images {
 +
height: 200px;
 +
padding-top: 3px;}
 +
 
 +
.img_col { float:left;
 +
margin: 7px 7px 0px 0px;}
 +
 
 +
.col_right { float: right;
 +
width: 417px;
 +
padding-top: 8px;}
 +
 
 +
#footer{
 +
height: 50px;
 +
width: 100%;
 +
font-size: 12px;
 +
color: #008B00;
 +
text-align: center;
 +
clear:both;
 +
padding: 13px 0px 0px 0px;
 +
/*background: url(https://static.igem.org/mediawiki/2012/4/45/HKU.PNG_footer.png) 0px 0px  no-repeat;*/
}
}
-
#footer h3 a,#footer h3 a:visited
+
#footer-box{
-
{
+
        position: relative;
-
display:inline;
+
        top: 400px;
-
text-align:center;
+
-
font-size:12px;
+
-
text-decoration:none;
+
-
color:#FFF;
+
}
}
-
#menu ul {
+
/*=================================*/
-
list-style: none;
+
/* Nivo Slider Demo
-
padding: 0px;
+
/* November 2010
-
margin-left:auto;
+
/* By: Gilbert Pellegrom
-
width:960px;
+
/* http://dev7studios.com
 +
/*=================================*/
 +
 
 +
 
 +
#slider-wrapper {
 +
    background:url(https://static.igem.org/mediawiki/2012/d/de/Lab_work_iGEM.jpg) no-repeat;
 +
    width: 995px;
 +
    height: 239px;
 +
    margin:0 auto;
}
}
-
#menu li {
+
#slider {
-
list-style: none;
+
position:relative;
-
padding: 0px;
+
    width: 995px;
-
display: inline;  
+
    height: 239px;
-
+
background:url(https://static.igem.org/mediawiki/2012/a/a1/DSC01657.JPG) no-repeat 50% 50%;
 +
}
 +
#slider img {
 +
position:absolute;
 +
top:0px;
 +
left:0px;
 +
display:none;
 +
}
 +
#slider a {
 +
border:0;
 +
display:block;
}
}
-
#menu a {
+
.nivo-controlNav {
-
float: left;
+
position:absolute;
-
height: 36px;
+
left: 440px;
-
display: block;
+
bottom: -16px;
-
text-align: center;
+
 
-
text-decoration: none;
+
}
-
color: #ffffff;
+
.nivo-controlNav a {
-
font-weight: bold;
+
display:block;
-
padding-top: 18px;
+
width:22px;
-
font-size: 15px;
+
height:22px;
-
padding-left:13px;
+
background:url(https://static.igem.org/mediawiki/2012/3/35/HKU_circl.png) no-repeat;
-
padding-right:13px;
+
text-indent:-9999px;
-
+
border:0;
 +
margin-right:3px;
 +
float:left;
 +
}
 +
.nivo-controlNav a.active, .nivo-controlNav a:hover {
 +
background:url(https://static.igem.org/mediawiki/2012/5/5e/Circl_hover.png) no-repeat;
}
}
-
#menu a:hover{
+
.nivo-directionNav a {
-
background-image:url(link_background.png);
+
display:block;
-
background-repeat:repeat-x;
+
width:30px;
 +
height:30px;
 +
background:url(https://static.igem.org/mediawiki/2012/9/99/HKU_arr12.png) no-repeat;
 +
text-indent:-9999px;
 +
border:0;
 +
}
 +
a.nivo-nextNav {
 +
background-position:-30px 0;
 +
right:15px;
 +
}
 +
a.nivo-prevNav {
 +
left:15px;
}
}
-
#content p
+
.nivo-caption {
-
{
+
    text-shadow:none;
-
+
    font-family: Helvetica, Arial, sans-serif;
 +
}
 +
.nivo-caption a {  
 +
    color:#efe9d1;
 +
    text-decoration:underline;
}
}
 +
/* The Nivo Slider styles */
-
html, body {
+
.nivoSlider {
-
text-align: center;
+
position:relative;
 +
}
 +
.nivoSlider img {
 +
position:absolute;
 +
top:0px;
 +
left:0px;
 +
}
 +
/* If an image is wrapped in a link */
 +
.nivoSlider a.nivo-imageLink {
 +
position:absolute;
 +
top:0px;
 +
left:0px;
 +
width:100%;
 +
height:100%;
 +
border:0;
 +
padding:0;
 +
margin:0;
 +
z-index:60;
 +
display:none;
 +
}
 +
/* The slices in the Slider */
 +
.nivo-slice {
 +
display:block;
 +
position:absolute;
 +
z-index:50;
 +
height:100%;
 +
}
 +
/* Caption styles */
 +
.nivo-caption {
 +
position:absolute;
 +
left:0px;
 +
bottom:0px;
 +
background:#000;
 +
color:#fff;
 +
opacity:0.8; /* Overridden by captionOpacity setting */
 +
width:100%;
 +
z-index:89;
 +
}
 +
.nivo-caption p {
 +
padding:5px;
 +
margin:0;
 +
}
 +
.nivo-caption a {
 +
display:inline !important;
 +
}
 +
.nivo-html-caption {
 +
    display:none;
 +
}
 +
/* Direction nav styles (e.g. Next & Prev) */
 +
.nivo-directionNav a {
 +
position:absolute;
 +
top:45%;
 +
z-index:99;
 +
cursor:pointer;
 +
}
 +
.nivo-prevNav {
 +
left:0px;
 +
}
 +
.nivo-nextNav {
 +
right:0px;
 +
}
 +
/* Control nav styles (e.g. 1,2,3...) */
 +
.nivo-controlNav a {
 +
position:relative;
 +
z-index:99;
 +
cursor:pointer;
 +
}
 +
.nivo-controlNav a.active {
 +
font-weight:bold;
}
}
-
p {text-align: left;}
 
 +
#main #header #buttons p {
 +
color: #0033CC;
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 18px;
 +
}
 +
 +
ul#css3menu2,ul#css3menu2 ul{
 +
margin:0;list-style:none;padding:0;background-color:#dedede;border-width:1px;border-style:solid;border-color:#5f5f5f;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
 +
ul#css3menu2 ul{
 +
display:none;position:absolute;left:0;top:100%;-moz-box-shadow:3.5px 3.5px 5px #000000;-webkit-box-shadow:3.5px 3.5px 5px #000000;box-shadow:3.5px 3.5px 5px #000000;background-color:#FFFFFF;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;border-color:#d4d4d4;padding:0 10px 10px;}
 +
ul#css3menu2 li:hover>*{
 +
display:block;}
 +
ul#css3menu2 li{
 +
position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
 +
ul#css3menu2 li:hover{
 +
z-index:1;}
 +
ul#css3menu2{
 +
font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;padding:0;
 +
*display:inline;}
 +
* html ul#css3menu2 li a{
 +
display:inline-block;}
 +
ul#css3menu2>li{
 +
margin:0;}
 +
ul#css3menu2 a:active, ul#css3menu2 a:focus{
 +
outline-style:none;}
 +
ul#css3menu2 a{
 +
display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold 20px Trebuchet MS;color:#000000;text-shadow:#FFF 0 0 1px;cursor:pointer;padding:10px;background-color:#c1c1c1;background-image:url("https://static.igem.org/mediawiki/2012/0/0c/HKU_mainbk.png");background-repeat:repeat;background-position:0 0;border-width:0 0 0 1px;border-style:solid;border-color:#C0C0C0;}
 +
ul#css3menu2 ul li{
 +
float:none;margin:10px 0 0;}
 +
ul#css3menu2 ul a{
 +
text-align:left;padding:4px;background-color:#FFFFFF;background-image:none;border-width:0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:14px Tahoma;color:#000;text-decoration:none;}
 +
ul#css3menu2 li:hover>a,ul#css3menu2 li a.pressed{
 +
background-color:#f8ac00;border-color:#C0C0C0;border-style:solid;color:#000000;text-shadow:#FFF 0 0 1px;background-image:url("https://static.igem.org/mediawiki/2012/0/0c/HKU_mainbk.png");background-position:0 100px;text-decoration:none;}
 +
ul#css3menu2 span{
 +
display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
 +
ul#css3menu2 ul li:hover>a,ul#css3menu2 ul li a.pressed{
 +
background-color:#FFFFFF;background-image:none;color:#868686;text-decoration:none;}
 +
ul#css3menu2 li.topfirst>a{
 +
border-radius:10px 0 0 10px;-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;}
 +
ul#css3menu2 li.toplast>a{
 +
border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:10px;-webkit-border-bottom-right-radius:10px;}
</style>
</style>
</head>
</head>
 +
<body>
 +
<div id="main">
 +
<!-- header begins -->
 +
  <div id="header">
 +
<div id="buttons">
 +
      <p><img src="https://static.igem.org/mediawiki/igem.org/5/5d/Wiki_Wide_Band.jpg" alt="logo_HKU" width="859" height="160" /></p>
 +
      <p>&nbsp;</p>
 +
<!-- Start css3menu.com BODY section id=2 -->
 +
<ul id="css3menu2" class="topmenu">
 +
<li class="topfirst"><a href="https://2012.igem.org/Team:HKU_HongKong" style="height:26px;line-height:26px;">
 +
&nbsp;&nbsp;Home&nbsp;&nbsp;</a></li>
 +
<li class="topmenu"><a href="#" style="height:26px;line-height:26px;">
 +
&nbsp;&nbsp;Team&nbsp;&nbsp;</a>
 +
<ul>
 +
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Team/About_Us.html">
 +
About Us</a></li></font>
 +
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Team/Profiles.html">
 +
Profiles</a></li></font>
 +
</ul>
 +
    </li>
 +
    <li class="topmenu"><a href="#" style="height:26px;line-height:26px;">
 +
&nbsp;&nbsp;Project&nbsp;&nbsp;</a>
 +
    <ul>
 +
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Project/Background.html">
 +
Background</a></li></font>
 +
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Project/Future_Implications.html">
 +
Future Implications</a></li></font>
 +
        </ul>
 +
    </li>
 +
    <li class="topmenu"><a href="#" style="height:26px;line-height:26px;">
 +
&nbsp;&nbsp;Data&nbsp;&nbsp;</a>
 +
    <ul>
 +
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Weekly_Notebook.html">
 +
Weekly Notebook</a></li></font>
 +
      <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Bio_Bricks.html">
 +
Bio Bricks</a></li></font>
 +
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Results.html">
 +
Results</a></li></font>
 +
        </ul>
 +
    <li class="topmenu"><a href="#" style="height:26px;line-height:26px;">
 +
&nbsp;&nbsp;Protocols&nbsp;&nbsp;</a>
 +
      <ul>
 +
    <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Mol_Protocols.html">
 +
&nbsp;Molecular Cloning&nbsp;</a></li></font>
 +
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/pvdQ_Protocols.html">
 +
&nbsp;pvdQ Expression Analysis&nbsp;</a></li></font>
 +
</ul>
 +
</li>
 +
    </li>
 +
<li class="topmenu"><a href="https://2012.igem.org/Team:HKU_HongKong/Safety.html" style="height:26px;line-height:26px;">
 +
&nbsp;&nbsp;Safety&nbsp;&nbsp;</a></li>   
 +
    <li class="toplast"><a href="https://2012.igem.org/Team:HKU_HongKong/Human_Practice.html" style="height:26px;line-height:26px;">
 +
&nbsp;&nbsp;Human Practice&nbsp;&nbsp;</a></li>
 +
</ul>
 +
<p>&nbsp;</p>
 +
<div class="scroll_header">
 +
  <div id="wrapper">
 +
        <div id="slider-wrapper">       
 +
            <div id="slider" class="nivoSlider">
 +
                <img src="https://static.igem.org/mediawiki/2012/archive/9/9c/20120926222607%21Web_Pic.png" alt="" />
 +
                <img src="https://static.igem.org/mediawiki/2012/a/a1/DSC01657.JPG" alt=""/>
 +
                <img src="https://static.igem.org/mediawiki/2012/d/de/Lab_work_iGEM.jpg" alt="" />
 +
            </div>
 +
            <p>&nbsp;</p>
 +
            <p>&nbsp;</p>
 +
<p>&nbsp;</p>
 +
<p>&nbsp;</p>
 +
<p>&nbsp;</p>
 +
<p>&nbsp;</p>
 +
               
 +
      </div>
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
 +
    <script type="text/javascript" src="https://static.igem.org/mediawiki/2010/2/28/Sliderpack.txt"></script>
 +
    <script type="text/javascript">
 +
    $(window).load(function() {
 +
        $('#slider').nivoSlider();
 +
    });
 +
    </script>
 +
 +
</div> <div style="clear: both"></div>
-
 
+
</div>
-
 
+
    <p>&nbsp;</p>
-
<body>
+
<p>&nbsp;</p>
-
<div id="container">
+
<p style="text-align: left">&nbsp;</p>
-
<div id="header">
+
<p style="text-align: left"><font color="#008000" face="Kristen ITC">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-
        <h1>HKU<span class="off"></span></h1>
+
<span style="font-size: 30pt">Our Project Video</span></font></p>
-
</div>  
+
<blockquote>
 +
<iframe width="500" height="330" src="http://www.youtube.com/embed/MquNEQY_Pkc" frameborder="0" align="left">
 +
</iframe>
 +
</blockquote>
 +
<p>&nbsp;</p>
 +
<p><font face="Segoe UI Semibold" size="5" color="#000000">Welcome!!</font></div>
          
          
-
        <div id="menu">
+
<!-- footer begins -->
-
        <ul>
+
    <p>&nbsp;</p>
-
            <li class="menuitem"><a href="#">Home</a></li>
+
    <p>&nbsp;</p>
-
                <li class="menuitem"><a href="#">About</a></li>
+
    <p>&nbsp;</p>
-
                <li class="menuitem"><a href="#">Products</a></li>
+
    <p>&nbsp;</p>
-
                <li class="menuitem"><a href="#">Services</a></li>
+
    <p>&nbsp;</p>
-
                <li class="menuitem"><a href="#">Design</a></li>
+
    <p>&nbsp;</p>
-
              <li class="menuitem"><a href="#">Contact</a></li>
+
-
            </ul>
+
-
        </div>
+
-
       
+
-
        <div id="leftmenu">
+
-
        <div id="leftmenu_top"></div>
+
            <div id="footer" style="width: 1075px; height: 206px">
 +
    <p>&nbsp;</p>
 +
    <p>&nbsp;</p>
-
<div id="leftmenu_main">  
+
<p style="text-align: left">
-
               
+
<font color="#0E9A40" face="Segoe UI Semibold"><b>
-
                <h3>Links</h3>
+
<span style="font-size: 14pt">Our kind Sponsors:</span></b></font></p>
-
                       
+
<p style="text-align: left">
-
                <ul>
+
<img border="0" src="https://static.igem.org/mediawiki/2012/8/82/0-APSC_logo-psd.jpg" width="352" height="163">&nbsp;&nbsp;&nbsp;
-
                    <li><a href="#">SEO</a></li>
+
<img border="0" src="https://static.igem.org/mediawiki/2012/1/19/Hku-logo.jpg" width="292" height="146"><img border="0" src="https://static.igem.org/mediawiki/2012/c/c7/Logo_kofa.jpg" width="406" height="98">&nbsp;&nbsp;
-
                    <li><a href="#">PHP</a></li>
+
</p></div>
-
                    <li><a href="#">Ajax</a></li>
+
-
                    <li><a href="#">jQuery</a></li>
+
-
                    <li><a href="#">Web design</a></li>
+
-
                    <li><a href="#">Web Programming</a></li>
+
-
                    <li><a href="#">Content Creation</a></li>
+
-
                    <li><a href="#">Internet Marketing</a></li>
+
-
                    <li><a href="#">XHTML Templates</a></li>
+
-
                </ul>
+
</div>
</div>
-
               
 
-
               
 
-
              <div id="leftmenu_bottom"></div>
 
-
        </div>
 
-
       
 
-
       
 
-
       
 
-
       
 
-
<div id="content">
 
-
       
 
-
       
 
-
        <div id="content_top"></div>
 
-
        <div id="content_main">
 
-
        <h2>You may use this template in any manner you like. All I ask is that you leave the link back to my site at the bottom of the page. </h2>
 
-
        <p>&nbsp;</p>
 
-
          <p>&nbsp;</p>
 
-
        <h3>Template Notes</h3>
 
-
        <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 
-
        <p>&nbsp;</p>
 
-
<h3>More information</h3>
 
-
        <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 
-
        <p>&nbsp;</p>
 
-
        <h3>Template Notes</h3>
 
-
            <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 
-
          <p></p>
 
-
<p>&nbsp;</p>
 
-
        </div>
 
-
        <div id="content_bottom"></div>
 
-
           
 
-
            <div id="footer"><h3><a href="http://www.bryantsmith.com">florida web design</a></h3></div>
 
-
      </div>
 
-
  </div>
 
</body>
</body>
</html>
</html>

Latest revision as of 22:27, 26 September 2012

Team:HKU Hong Kong - 2012

Team:HKU HK

From 2011.igem.org