"
Template:Team:Hong Kong-CUHK/TEMPLATE 2011 HEAD
From 2011.igem.org
(Difference between revisions)
| (78 intermediate revisions not shown) | |||
| Line 2: | Line 2: | ||
<head> | <head> | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | <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 --> | <!-- 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/screen.css" type="text/css" media="screen, projection" /> | ||
| Line 8: | Line 10: | ||
<!--[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]--> | <!--[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"> | + | <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> | <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> | ||
| Line 14: | Line 16: | ||
html, body { | html, body { | ||
font-family: "Segoe UI", Arial, Helvetical, sans-serif; | font-family: "Segoe UI", Arial, Helvetical, sans-serif; | ||
| - | |||
| - | |||
| - | |||
} | } | ||
/* Wiki Hacks - START */ | /* Wiki Hacks - START */ | ||
h1.firstHeading { | h1.firstHeading { | ||
display:none; | display:none; | ||
| + | } | ||
| + | a:visited { | ||
| + | color:black; | ||
} | } | ||
#content { | #content { | ||
| Line 41: | Line 43: | ||
#menubar { | #menubar { | ||
top:0px; | top:0px; | ||
| - | } | + | } |
| + | div { | ||
| + | text-align: left; | ||
| + | } | ||
#top-section li a, #top-section li { | #top-section li a, #top-section li { | ||
padding: 0px 15px 0px 0px; | padding: 0px 15px 0px 0px; | ||
| Line 58: | Line 63: | ||
ul.nav-list { | ul.nav-list { | ||
list-style-stype: none; | list-style-stype: none; | ||
| + | } | ||
| + | ul a { | ||
| + | text-decoration:none; | ||
| + | color: black; | ||
| + | cursor: pointer; | ||
} | } | ||
/* Wiki Hacks - END */ | /* Wiki Hacks - END */ | ||
| + | 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> | </style> | ||
</head> | </head> | ||
| Line 66: | Line 283: | ||
<div id="header"> | <div id="header"> | ||
| - | <div class="span-10 prepend-1"> | + | <div class="span-10 prepend-1" style="height:380px;" alt="CUHK iGEM"> |
<a href="/Team:Hong_Kong-CUHK" id="title"><img src="http://www.cse.cuhk.edu.hk/~zwang9/igem/img/title.png" ></a> | <a href="/Team:Hong_Kong-CUHK" id="title"><img src="http://www.cse.cuhk.edu.hk/~zwang9/igem/img/title.png" ></a> | ||
<p id="uni">Chinese University of Hong Kong iGEM 2011</p> | <p id="uni">Chinese University of Hong Kong iGEM 2011</p> | ||
| - | <div> | + | <br> |
| - | + | <div> | |
| + | |||
| + | <a href="http://www.cuhk.edu.hk"><img id="i-logo" class="span-5" src="http://www.cse.cuhk.edu.hk/~zwang9/igem/img/logo.jpg" alt="CUHK iGEM 2011 team logo"></a> | ||
| + | |||
| + | <a href="https://2011.igem.org"><img class="span-5" src="http://www.cse.cuhk.edu.hk/~zwang9/igem/img/IGEM_official_logo.png" style="width:170px;" alt="iGEM offical logo"></a> | ||
| + | |||
</div> | </div> | ||
| + | <iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2F2011.igem.org%2FTeam%3AHong_Kong-CUHK&send=false&layout=standard&width=510&show_faces=true&action=like&colorscheme=light&font=segoe+ui&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:510px; height:80px; position: relative; | ||
| + | top: 15px;" allowTransparency="true"></iframe> | ||
| + | |||
</div> | </div> | ||
| - | <div class="span-12" style="margin-top: | + | <div class="span-12" style="margin-top:11px;"> |
<div class="prepend-3 square"> | <div class="prepend-3 square"> | ||
<div class="span-3 square" style="background:#FFC708"> | <div class="span-3 square" style="background:#FFC708"> | ||
| - | <a href="/Team:Hong_Kong-CUHK"><img class="igem-img" src="http://www.cse.cuhk.edu.hk/~zwang9/igem/img/home.png" | + | <a href="/Team:Hong_Kong-CUHK"><img class="igem-img" src="http://www.cse.cuhk.edu.hk/~zwang9/igem/img/home.png" alt="Home"></a> |
</div> | </div> | ||
<div class="span-3 square"> | <div class="span-3 square"> | ||
| - | <a href="/Team:Hong_Kong-CUHK/Human_practice"><img class="igem-img" src="http://www.cse.cuhk.edu.hk/~zwang9/igem/img/human. | + | <a href="/Team:Hong_Kong-CUHK/Human_practice"><img class="igem-img" src="http://www.cse.cuhk.edu.hk/~zwang9/igem/img/human.jpg" alt="Human Practices"></a> |
</div> | </div> | ||
</div> | </div> | ||
| Line 87: | Line 312: | ||
<div class="square"> | <div class="square"> | ||
<div class="span-3 square"> | <div class="span-3 square"> | ||
| - | <a href="/Team:Hong_Kong-CUHK/Team"><img class="igem-img" src="http://www.cse.cuhk.edu.hk/~zwang9/igem/img/team.gif" | + | <a href="/Team:Hong_Kong-CUHK/Team"><img class="igem-img" src="http://www.cse.cuhk.edu.hk/~zwang9/igem/img/team.gif" alt="Team"></a> |
</div> | </div> | ||
<div class="span-6 square"> | <div class="span-6 square"> | ||
| - | <a href="/Team:Hong_Kong-CUHK/Project/overview"><img class="igem-img" src="http://www.cse.cuhk.edu.hk/~zwang9/igem/img/project.png" | + | <a href="/Team:Hong_Kong-CUHK/Project/overview"><img class="igem-img" src="http://www.cse.cuhk.edu.hk/~zwang9/igem/img/project.png" alt="Project"></a> |
</div> | </div> | ||
| Line 98: | Line 323: | ||
<div class="prepend-3 square"> | <div class="prepend-3 square"> | ||
<div class="span-3 square"> | <div class="span-3 square"> | ||
| - | <a href="/Team:Hong_Kong-CUHK/Sponsors"><img class="igem-img" src="http://www.cse.cuhk.edu.hk/~zwang9/igem/img/sponsors.gif" | + | <a href="/Team:Hong_Kong-CUHK/Sponsors"><img class="igem-img" src="http://www.cse.cuhk.edu.hk/~zwang9/igem/img/sponsors.gif" alt="Sponsors and Supporters"></a> |
</div> | </div> | ||
<div class="span-6 last square"> | <div class="span-6 last square"> | ||
| - | <a href="/Team:Hong_Kong-CUHK/Laboratory"><img class="igem-img" src="http://www.cse.cuhk.edu.hk/~zwang9/igem/img/lab.png" | + | <a href="/Team:Hong_Kong-CUHK/Laboratory/biobricks"><img class="igem-img" src="http://www.cse.cuhk.edu.hk/~zwang9/igem/img/lab.png" alt="Laboratory"></a> |
</div> | </div> | ||
</div> | </div> | ||
| - | |||
| - | |||
</div> | </div> | ||
Latest revision as of 18:21, 28 October 2011
Chinese University of Hong Kong iGEM 2011
