Template:Team:Hong Kong-CUHK/TEMPLATE 2011 HEAD

From 2011.igem.org

(Difference between revisions)
 
(94 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>
<style type="text/css">
<style type="text/css">
html, body {
html, body {
font-family: "Segoe UI", Arial, Helvetical, sans-serif;
font-family: "Segoe UI", Arial, Helvetical, sans-serif;
-
}
 
-
p.main-content {
 
-
font-size:19px;line-height:28px;
 
}
}
/* 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 55: Line 60:
#catlinks {
#catlinks {
border:none;
border:none;
 +
}
 +
ul.nav-list {
 +
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 63: 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.jpg" ></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>
-
<img class="span-5" src="http://www.cse.cuhk.edu.hk/~zwang9/igem/img/IGEM_official_logo.png" style="width:170px;" />
+
<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&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>
-
<div class="span-12" style="margin-top:30px;">
+
<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:#CA1382">
+
<div class="span-3 square" style="background:#FFC708">
-
<a href="#"><img class="igem-img" src="http://www.cse.cuhk.edu.hk/~zwang9/igem/img/human.gif" /></a>
+
<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/Safety#safety"><img class="igem-img" src="http://www.cse.cuhk.edu.hk/~zwang9/igem/img/safety.gif" /></a>
+
<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 84: 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>
+
<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"><img class="igem-img" src="http://www.cse.cuhk.edu.hk/~zwang9/igem/img/project.gif" /></a>
+
<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 class="span-3 last square">
+
-
<a href="#"><img class="igem-img" src="http://www.cse.cuhk.edu.hk/~zwang9/igem/img/parts.gif" /></a>
+
</div>
</div>
 +
</div>
</div>
<div class="clear" style="height:10px;"></div>
<div class="clear" style="height:10px;"></div>
<div class="prepend-3 square">
<div class="prepend-3 square">
-
<div class="span-3 square" style="background:#FFC708">
 
-
<img src="http://www.cse.cuhk.edu.hk/~zwang9/igem/img/left.gif" />
 
-
</div>
 
<div class="span-3 square">
<div class="span-3 square">
-
<a href="modeling.php"><img class="igem-img" src="http://www.cse.cuhk.edu.hk/~zwang9/igem/img/modeling.gif" /></a>
+
<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-3 last square">
+
<div class="span-6 last square">
-
<a href="sponsors.php"><img class="igem-img" src="http://www.cse.cuhk.edu.hk/~zwang9/igem/img/sponsors.gif" /></a>
+
<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 class="clear" style="height:20px;"></div>
 
</div>
</div>
Line 115: Line 336:
</div>
</div>
<div class="clear" style="height:30px;"></div>
<div class="clear" style="height:30px;"></div>
 +
</body>
</body>
</html>
</html>

Latest revision as of 18:21, 28 October 2011

Retrieved from "http://2011.igem.org/Template:Team:Hong_Kong-CUHK/TEMPLATE_2011_HEAD"