|
|
Line 1: |
Line 1: |
- | <html>
| + | {{:Team:Hong_Kong-CUHK/template_v1}} |
- | <head>
| + | |
- | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
| + | |
- | <meta name="description" content="Halorhopdsin the versatile biobrick" />
| + | |
- | <meta name="keywords" content="Halorhodopsin, Light, Gene expression, Electricity, Pgad, HR" />
| + | |
- | <meta name="author" content=" John Lai Ho Chun, Ngai Ho, Kelvin Tse, Sung Hoi, Gordon Chan, Wayne Lam Kai, Irons Hau, Carloy Mo, Eric Chung, Clement Chong, Angus Lau,Carl Pun, Winnie So Ka Yan, Andrew Choi, Sam Lo Wing Sum, Wang Zuo, Pauline Yeung, Sally Wong, Allen Lam, Vicki Hoi, Irene Chu, Cherry Chan, Ruby Cheung, Ada Chen, Johnny Tam" />
| + | |
- | <!-- Framework CSS -->
| + | |
- | <link rel="stylesheet" href="http://www.cse.cuhk.edu.hk/~zwang9/blueprint/screen.css" type="text/css" media="screen, projection" />
| + | |
- | <link rel="stylesheet" href="http://www.cse.cuhk.edu.hk/~zwang9/blueprint/print.css" type="text/css" media="print" />
| + | |
- | <!--[if lt IE 8]><link rel="stylesheet" href="http://www.cse.cuhk.edu.hk/~zwang9/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
| + | |
- | | + | |
- | <link rel="stylesheet" href="http://www.cse.cuhk.edu.hk/~zwang9/igem/style.css" type="text/css" />
| + | |
- | | + | |
- | <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
| + | |
- | <style type="text/css">
| + | |
- | /* Wiki Hacks - START */
| + | |
- | h1.firstHeading {
| + | |
- | display:none;
| + | |
- | }
| + | |
- | a:visited {
| + | |
- | color:black;
| + | |
- | }
| + | |
- | #content {
| + | |
- | border:none;
| + | |
- | }
| + | |
- | #top-section {
| + | |
- | border:none;
| + | |
- | }
| + | |
- | #globalWrapper {
| + | |
- | }
| + | |
- | #top-section {
| + | |
- | height:15px;
| + | |
- | }
| + | |
- | #p-logo {
| + | |
- | display:none;
| + | |
- | }
| + | |
- | #search-controls {
| + | |
- | display:none;
| + | |
- | }
| + | |
- | #menubar {
| + | |
- | top:0px;
| + | |
- | }
| + | |
- | div {
| + | |
- | text-align: left;
| + | |
- | }
| + | |
- | #top-section li a, #top-section li {
| + | |
- | padding: 0px 15px 0px 0px;
| + | |
- | color: black;
| + | |
- | background-color:white;
| + | |
- | text-decoration: none;
| + | |
- | font-size: 11px;
| + | |
- | }
| + | |
- | #menubar {
| + | |
- | background-color:white;
| + | |
- | }
| + | |
- | #menubar ul {}
| + | |
- | #catlinks {
| + | |
- | border:none;
| + | |
- | }
| + | |
- | ul.nav-list {
| + | |
- | list-style-stype: none;
| + | |
- | }
| + | |
- | ul a {
| + | |
- | text-decoration:none;
| + | |
- | color: black;
| + | |
- | cursor: pointer;
| + | |
- | }
| + | |
- | /* Wiki Hacks - END */ | + | |
- | html, body {
| + | |
- | font-family: "Segoe UI", Arial, Helvetical, sans-serif;
| + | |
- | } | + | |
- | body
| + | |
- | {
| + | |
- | font-family: "Segoe UI", Arial, Helvetical, sans-serif;
| + | |
- | } | + | |
- | p + p {
| + | |
- | /* text-indent: 2em;*/
| + | |
- | margin-top: 15px;
| + | |
- | }
| + | |
- | div#light img {
| + | |
- | max-width: 500px;
| + | |
- | }
| + | |
- | a:hover {
| + | |
- | text-decoration: none;
| + | |
- | }
| + | |
- | div#header {
| + | |
- | position: relative;
| + | |
- | top: 20px;
| + | |
- | }
| + | |
- | img.igem-img:hover
| + | |
- | {
| + | |
- | opacity: 1;
| + | |
- | /*Glow*/
| + | |
- | }
| + | |
- | | + | |
- | div.container
| + | |
- | {
| + | |
- | /*background:#313131;*/
| + | |
- | }
| + | |
- | .list-2 {
| + | |
- | margin-left:30px;
| + | |
- | }
| + | |
- | p
| + | |
- | {
| + | |
- | color:black;
| + | |
- | margin-top:2px;
| + | |
- | margin-bottom:2px;
| + | |
- | }
| + | |
- | div.high {
| + | |
- | height:300px;
| + | |
- | }
| + | |
- | img.title-img
| + | |
- | {
| + | |
- | position:relative;
| + | |
- | left:10px;
| + | |
- | }
| + | |
- | p.infor
| + | |
- | {
| + | |
- | text-indent:2em;
| + | |
- | font-size:17px;
| + | |
- | position: relative;
| + | |
- | left: 25px;
| + | |
- | top:5px;
| + | |
- | }
| + | |
- | div.square
| + | |
- | {
| + | |
- | height:110px;
| + | |
- | }
| + | |
- | | + | |
- | .hor
| + | |
- | {
| + | |
- | background:#666666;
| + | |
- | }
| + | |
- | p#uni
| + | |
- | {
| + | |
- | color:#999999;
| + | |
- | font-size:18px;
| + | |
- | }
| + | |
- | | + | |
- | ul
| + | |
- | {
| + | |
- | padding:0px;
| + | |
- | }
| + | |
- | div#Collaboration img {
| + | |
- | width: 300px;
| + | |
- | }
| + | |
- | | + | |
- | ul#highlights li
| + | |
- | {
| + | |
- | padding-left: 60px;
| + | |
- | /*background: url('img/ok.gif') left center no-repeat;*/
| + | |
- | line-height: 22px;
| + | |
- | list-style: none;
| + | |
- | }
| + | |
- | ul.nav-list li
| + | |
- | {
| + | |
- | padding-left: 10px;
| + | |
- | list-style-type: none;
| + | |
- | /*background: url('img/list.gif') left center no-repeat;*/
| + | |
- | line-height: 35px;
| + | |
- | list-style: none;
| + | |
- | font-size:15px;
| + | |
- | }
| + | |
- | div#electricity img {
| + | |
- | max-width: 500px;
| + | |
- | }
| + | |
- | ul.igem-list li
| + | |
- | {
| + | |
- | font-size:15px;
| + | |
- | color:white;
| + | |
- | }
| + | |
- | ul#links p
| + | |
- | {
| + | |
- | color:#F0970C;
| + | |
- | font-size:15px;
| + | |
- | }
| + | |
- | div#copyright
| + | |
- | {
| + | |
- | margin-left:40px;
| + | |
- | background:#666666;
| + | |
- | margin-bottom:20px;
| + | |
- | text-align:center;
| + | |
- | }
| + | |
- | div#copyright p
| + | |
- | {
| + | |
- | font-size:15px;
| + | |
- | }
| + | |
- | div.square-2
| + | |
- | {
| + | |
- | width:40px;
| + | |
- | height:40px;
| + | |
- | }
| + | |
- | ul.nav-list a {
| + | |
- | padding: 5px 10px;
| + | |
- | }
| + | |
- | ul#human-list a:hover {
| + | |
- | background: #CA1382;
| + | |
- | color: white;
| + | |
- | }
| + | |
- | ul#human-list a.selected {
| + | |
- | background: #CA1382;
| + | |
- | color: white;
| + | |
- | }
| + | |
- | ul#project-list a:hover {
| + | |
- | background: #1BA0E1;
| + | |
- | color: white;
| + | |
- | }
| + | |
- | ul#project-list a.selected {
| + | |
- | background: #1BA0E1;
| + | |
- | color: white;
| + | |
- | }
| + | |
- | ul#lab-list a:hover {
| + | |
- | background: #95DC19;
| + | |
- | color: white;
| + | |
- | }
| + | |
- | ul#lab-list a.selected {
| + | |
- | background: #95DC19;
| + | |
- | color: white;
| + | |
- | }
| + | |
- | ul#team-list a {
| + | |
- | color: black;
| + | |
- | background: white;
| + | |
- | }
| + | |
- | ul#team-list a:hover {
| + | |
- | color: white;
| + | |
- | background: #4BAAB0;
| + | |
- | }
| + | |
- | ul#team-list a.selected {
| + | |
- | color: white;
| + | |
- | background: #4BAAB0;
| + | |
- | }
| + | |
- | ul.nav-list {
| + | |
- | list-style-type: none;
| + | |
- | list-style-image: none;
| + | |
- | }
| + | |
- | | + | |
- | .background-2 {
| + | |
- | margin-left: 25px;
| + | |
- | }
| + | |
- | div.sponsors {
| + | |
- | float: left;
| + | |
- | height: 170px;
| + | |
- | text-align: center;
| + | |
- | width: 300px;
| + | |
- | }
| + | |
- | div.sponsors img {
| + | |
- | max-height: 60px;
| + | |
- | }
| + | |
- | div.sponsors p {
| + | |
- | font-size: 12px;
| + | |
- | }
| + | |
- | img.question {
| + | |
- | float: left;
| + | |
- | width: 500px;
| + | |
- | }
| + | |
- | div#human-target img {
| + | |
- | width: 500px;
| + | |
- | }
| + | |
- | div.student img {
| + | |
- | width: 224px;
| + | |
- | float: left;
| + | |
- | }
| + | |
- | div.student ul {
| + | |
- | float: right;
| + | |
- | position: relative;
| + | |
- | top:20px;
| + | |
- | left: 40px;
| + | |
- | }
| + | |
- | div.student ul {
| + | |
- | width: 420px;
| + | |
- | }
| + | |
- | div.instructor {
| + | |
- | margin-bottom: 20px;
| + | |
- | }
| + | |
- | div.instructor img {
| + | |
- | max-width: 200px
| + | |
- | }
| + | |
- | | + | |
- | </style>
| + | |
- | <!-- InstanceBeginEditable name="doctitle" -->
| + | |
- | <!-- InstanceEndEditable -->
| + | |
- | <script type="text/javascript">
| + | |
- | function MM_preloadImages() { //v3.0
| + | |
- | var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
| + | |
- | var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
| + | |
- | if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
| + | |
- | }
| + | |
- | function MM_swapImgRestore() { //v3.0
| + | |
- | var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
| + | |
- | }
| + | |
- | function MM_findObj(n, d) { //v4.01
| + | |
- | var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
| + | |
- | d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
| + | |
- | if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
| + | |
- | for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
| + | |
- | if(!x && d.getElementById) x=d.getElementById(n); return x;
| + | |
- | }
| + | |
- | | + | |
- | function MM_swapImage() { //v3.0
| + | |
- | var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
| + | |
- | if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
| + | |
- | }
| + | |
- | </script>
| + | |
- | <style type="text/css">
| + | |
- | td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {
| + | |
- | display: block;
| + | |
- | z-index: 100;
| + | |
- | }
| + | |
- | .NoBorder {
| + | |
- | border-top-style: none;
| + | |
- | border-right-style: none;
| + | |
- | border-bottom-style: none;
| + | |
- | border-left-style: none;
| + | |
- | }
| + | |
- | body,td,th {
| + | |
- | font-family: "A.C.M.E. Secret agent";
| + | |
- | font-size: 12px;
| + | |
- | line-height: 20px;
| + | |
- | }
| + | |
- | .aloveofthunder {
| + | |
- | font-family: "A Love of Thunder";
| + | |
- | font-size: 50px;
| + | |
- | }
| + | |
- | .horizontalrule {
| + | |
- | color: #FFFF00;
| + | |
- | font-weight: 900;
| + | |
- | }
| + | |
- | .titl {
| + | |
- | font-family: "AARDVARK CAFE";
| + | |
- | font-size: 32px;
| + | |
- | }td img {display: block;}td img {display: block;}
| + | |
- | a:link {
| + | |
- | color: #000;
| + | |
- | text-decoration: none;
| + | |
- | }
| + | |
- | a:visited {
| + | |
- | text-decoration: none;
| + | |
- | color: #000;
| + | |
- | }
| + | |
- | a:hover {
| + | |
- | text-decoration: none;
| + | |
- | color: #F00;
| + | |
- | }
| + | |
- | a:active {
| + | |
- | text-decoration: none;
| + | |
- | }td img {display: block;}
| + | |
- | </style>
| + | |
- | <!-- InstanceBeginEditable name="head" -->
| + | |
- | <!-- InstanceEndEditable -->
| + | |
- | </head>
| + | |
| <body onload="MM_preloadImages('biggermenu_r1_c1_s2.png','biggermenu_r1_c3_s2.png','biggermenu_r1_c5_s2.png','biggermenu_r1_c7_s2.png','biggermenu_r1_c9_s2.png','biggermenu_r1_c11_s2.png','biggermenu_r1_c13_s2.png')"> | | <body onload="MM_preloadImages('biggermenu_r1_c1_s2.png','biggermenu_r1_c3_s2.png','biggermenu_r1_c5_s2.png','biggermenu_r1_c7_s2.png','biggermenu_r1_c9_s2.png','biggermenu_r1_c11_s2.png','biggermenu_r1_c13_s2.png')"> |
| <table width="1200" border="0" align="center" cellpadding="0" cellspacing="0"> | | <table width="1200" border="0" align="center" cellpadding="0" cellspacing="0"> |