Team:Hong Kong-CUHK
From 2012.igem.org
Line 1: | Line 1: | ||
- | {{: | + | <html> |
+ | <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" --> | <!-- InstanceBeginEditable name="doctitle" --> | ||
<!-- InstanceEndEditable --> | <!-- InstanceEndEditable --> |
Revision as of 03:07, 21 August 2012
|
||||||||||||||||||||||||||||||||||
|