Team:Hong Kong-CUHK/template v1

From 2012.igem.org

(Difference between revisions)
(Created page with "This is a test header")
Line 1: Line 1:
-
This is a test header
+
<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">
 +
html, body {
 +
font-family: "Segoe UI", Arial, Helvetical, sans-serif;
 +
}
 +
/* 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 */
 +
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>
 +
</head>
 +
<body>
 +
 
 +
<div id="header">
 +
 
 +
<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>
 +
<p id="uni">Chinese University of Hong Kong iGEM 2011</p>
 +
<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>
 +
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2F2011.igem.org%2FTeam%3AHong_Kong-CUHK&amp;send=false&amp;layout=standard&amp;width=510&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font=segoe+ui&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:510px; height:80px; position: relative;
 +
    top: 15px;" allowTransparency="true"></iframe>
 +
 
 +
</div>
 +
 
 +
<div class="span-12" style="margin-top:11px;">
 +
<div class="prepend-3 square">
 +
<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" alt="Home"></a>
 +
</div>
 +
<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.jpg" alt="Human Practices"></a>
 +
</div>
 +
</div>
 +
<div class="clear" style="height:10px;"></div>
 +
 +
<div class="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" alt="Team"></a>
 +
</div>
 +
<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" alt="Project"></a>
 +
</div>
 +
 +
</div>
 +
<div class="clear" style="height:10px;"></div>
 +
 +
<div class="prepend-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" alt="Sponsors and Supporters"></a>
 +
</div>
 +
<div class="span-6 last square">
 +
<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 class="prepend-1 span-22">
 +
<hr />
 +
</div>
 +
</div>
 +
<div class="clear" style="height:30px;"></div>
 +
 
 +
</body>
 +
</html>

Revision as of 02:51, 21 August 2012