Team:HKU HongKong/Project/Background.html
From 2012.igem.org
(Difference between revisions)
Line 78: | Line 78: | ||
<a href="/Main_Page" | <a href="/Main_Page" | ||
title="Main Page"> | title="Main Page"> | ||
- | |||
<img src='/wiki/skins/common/images/wiki.png'>" | <img src='/wiki/skins/common/images/wiki.png'>" | ||
- | |||
</a> | </a> | ||
- | </div | + | </div> <!-- end p-logo --> |
<script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script> | <script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script> | ||
Line 88: | Line 86: | ||
- | + | </div> <!-- close top-section--> | |
- | + | <div id="content"> | |
- | + | ||
- | + | ||
- | + | ||
- | </div | + | |
- | + | ||
- | <div id="content | + | |
- | + | ||
<a name="top" id="top"></a> | <a name="top" id="top"></a> | ||
- | + | <h1 class="firstHeading">Team:HKU HK</h1> | |
- | <h1 class="firstHeading | + | |
<div id="bodyContent"> | <div id="bodyContent"> | ||
- | <h3 id="siteSub" class='noprint' | + | <h3 id="siteSub" class='noprint'>From 2011.igem.org</h3> |
<div id="contentSub"></div> | <div id="contentSub"></div> | ||
- | |||
<!-- | <!-- | ||
<div id="jump-to-nav">Jump to: <a href="#column-one">navigation</a>, <a href="#searchInput">search</a></div>--> | <div id="jump-to-nav">Jump to: <a href="#column-one">navigation</a>, <a href="#searchInput">search</a></div>--> | ||
<!-- start content --> | <!-- start content --> | ||
- | |||
<p> | <p> | ||
<head> | <head> | ||
Line 113: | Line 101: | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | /* | ||
+ | Design by Metamorphosis Design | ||
+ | http://www.metamorphozis.com | ||
+ | Released for free under a Creative Commons Attribution 2.5 License | ||
+ | */ | ||
+ | |||
+ | *Cleaning and Resetting the Background -- Credits to 2012 iGEM NorthWestern university*/ | ||
+ | * { | ||
+ | margin:0; | ||
+ | padding:0;} | ||
#top-section { | #top-section { | ||
height: 1px; } | height: 1px; } | ||
Line 133: | Line 131: | ||
p { | p { | ||
font-size: 16px;} | font-size: 16px;} | ||
+ | |||
+ | * | ||
+ | { | ||
+ | border: 0; | ||
+ | margin: 0; | ||
+ | } | ||
img | img | ||
Line 142: | Line 146: | ||
font: 12px Arial, Helvetica, sans-serif; | font: 12px Arial, Helvetica, sans-serif; | ||
color: #000000; | color: #000000; | ||
- | background:# | + | background: #FFFFFF; --- background image |
line-height: 18px; | line-height: 18px; | ||
padding-bottom: 23px; | padding-bottom: 23px; | ||
Line 153: | Line 157: | ||
#header { | #header { | ||
- | + | width:100%; | |
- | background: | + | background: url(images/header.jpg) left top no-repeat; |
height: 183px; | height: 183px; | ||
} | } | ||
#logo { font-family: Arial, Helvetica, sans-serif; | #logo { font-family: Arial, Helvetica, sans-serif; | ||
- | color:# | + | color:#FFFFFF; |
font-size:18px; | font-size:18px; | ||
font-style:italic; | font-style:italic; | ||
padding: 62px 0px 0px 667px; | padding: 62px 0px 0px 667px; | ||
+ | background: url(images/big_img.jpg) left top no-repeat; | ||
height: 60px; | height: 60px; | ||
} | } | ||
Line 187: | Line 192: | ||
margin-left: 50px; | margin-left: 50px; | ||
} | } | ||
- | |||
Line 201: | Line 205: | ||
#box_all { | #box_all { | ||
height: 10px; | height: 10px; | ||
- | background:url( | + | background:url(https://static.igem.org/mediawiki/2012/f/f6/HKU_box_top.png) left top no-repeat; |
- | margin-top: 30px | + | margin-top: 30px; |
} | } | ||
Line 223: | Line 227: | ||
color:#FFFFFF; | color:#FFFFFF; | ||
font-weight:bold; | font-weight:bold; | ||
- | background: url( | + | background: url(https://static.igem.org/mediawiki/2012/f/f6/HKU_box_fish.png) 0px 11px no-repeat; |
- | text-decoration:none; | + | padding: 7px 0px 7px 28px; |
+ | text-decoration:none;} | ||
.munth a{color:#FFFFFF; | .munth a{color:#FFFFFF; | ||
Line 232: | Line 237: | ||
.munth:hover { | .munth:hover { | ||
text-decoration: none; | text-decoration: none; | ||
- | background: url( | + | background: url(https://static.igem.org/mediawiki/2012/f/f6/HKU_box_fish.png) 0px 11px no-repeat; |
} | } | ||
Line 280: | Line 285: | ||
width: 1014px; | width: 1014px; | ||
height: 19px; | height: 19px; | ||
- | background: | + | background: url(https://static.igem.org/mediawiki/2012/f/f7/HKU_tb_bot.jpg) right top no-repeat #FFFFFF; |
} | } | ||
#tb{ | #tb{ | ||
width: 1014px; | width: 1014px; | ||
- | padding: 0px; | + | padding: 0px 0px 0px 0px; |
- | background: | + | background: url(https://static.igem.org/mediawiki/2012/6/68/HKU_tb_bg.gif) right repeat-y #FFFFFF; |
- | margin: 0px; | + | margin: 0px 0px 0px 0px; |
} | } | ||
Line 384: | Line 389: | ||
width: 417px; | width: 417px; | ||
padding-top: 8px;} | padding-top: 8px;} | ||
+ | |||
+ | #footer{ | ||
+ | height: 50px; | ||
+ | width: 100%; | ||
+ | font-size: 12px; | ||
+ | color: #008B00; | ||
+ | text-align: center; | ||
+ | clear:both; | ||
+ | padding: 13px 0px 0px 0px; | ||
+ | /*background: url(https://static.igem.org/mediawiki/2012/4/45/HKU.PNG_footer.png) 0px 0px no-repeat;*/ | ||
+ | } | ||
#main #header #buttons p { | #main #header #buttons p { | ||
- | color: # | + | color: #0033CC; |
font-family: Arial, Helvetica, sans-serif; | font-family: Arial, Helvetica, sans-serif; | ||
font-size: 18px; | font-size: 18px; | ||
Line 411: | Line 427: | ||
outline-style:none;} | outline-style:none;} | ||
ul#css3menu2 a{ | ul#css3menu2 a{ | ||
- | + | display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold 20px Trebuchet MS;color:#000000;text-shadow:#FFF 0 0 1px;cursor:pointer;padding:10px;background-color:#c1c1c1;background-image:url("https://static.igem.org/mediawiki/2012/0/0c/HKU_mainbk.png");background-repeat:repeat;background-position:0 0;border-width:0 0 0 1px;border-style:solid;border-color:#C0C0C0;} | |
ul#css3menu2 ul li{ | ul#css3menu2 ul li{ | ||
float:none;margin:10px 0 0;} | float:none;margin:10px 0 0;} | ||
Line 417: | Line 433: | ||
text-align:left;padding:4px;background-color:#FFFFFF;background-image:none;border-width:0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:14px Tahoma;color:#000;text-decoration:none;} | text-align:left;padding:4px;background-color:#FFFFFF;background-image:none;border-width:0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:14px Tahoma;color:#000;text-decoration:none;} | ||
ul#css3menu2 li:hover>a,ul#css3menu2 li a.pressed{ | ul#css3menu2 li:hover>a,ul#css3menu2 li a.pressed{ | ||
- | background-color:#f8ac00;border-color:#C0C0C0;border-style:solid;color:#000000;text-shadow:#FFF 0 0 1px;background-image:url( | + | background-color:#f8ac00;border-color:#C0C0C0;border-style:solid;color:#000000;text-shadow:#FFF 0 0 1px;background-image:url("https://static.igem.org/mediawiki/2012/0/0c/HKU_mainbk.png");background-position:0 100px;text-decoration:none;} |
ul#css3menu2 span{ | ul#css3menu2 span{ | ||
display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;} | display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;} | ||
Line 427: | Line 443: | ||
border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:10px;-webkit-border-bottom-right-radius:10px;} | border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:10px;-webkit-border-bottom-right-radius:10px;} | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</style> | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
<div id="main"> | <div id="main"> | ||
- | |||
<!-- header begins --> | <!-- header begins --> | ||
- | |||
<div id="header"> | <div id="header"> | ||
- | <div id="buttons | + | <div id="buttons"> |
- | <p> | + | <p><img src="https://static.igem.org/mediawiki/2012/0/0e/HKU_logo.fw.jpg" alt="logo_HKU" width="859" height="160" /></p> |
- | + | ||
<p> </p> | <p> </p> | ||
- | |||
- | |||
- | |||
<!-- Start css3menu.com BODY section id=2 --> | <!-- Start css3menu.com BODY section id=2 --> | ||
- | |||
<ul id="css3menu2" class="topmenu"> | <ul id="css3menu2" class="topmenu"> | ||
- | <li class="topfirst"><a href="https://2012.igem.org/Team:HKU_HongKong" style="height:26px;line-height:26px; | + | <li class="topfirst"><a href="https://2012.igem.org/Team:HKU_HongKong" style="height:26px;line-height:26px;"> Home </a></li> |
- | + | <li class="topmenu"><a href="#" style="height:26px;line-height:26px;"> Team </a> | |
- | <li class="topmenu"><a href="#" style="height:26px;line-height:26px; | + | |
- | + | ||
- | + | ||
<ul> | <ul> | ||
- | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Team/About_Us.html | + | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Team/About_Us.html">About Us</a></li></font> |
- | + | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Team/Profiles.html">Profiles</a></li></font> | |
- | + | ||
- | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Team/Profiles.html | + | |
- | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | <li class="topmenu"><a href="#" style="height:26px;line-height:26px; | + | <li class="topmenu"><a href="#" style="height:26px;line-height:26px;"> Project </a> |
- | + | ||
- | + | ||
<ul> | <ul> | ||
- | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Project/Background.html | + | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Project/Background.html">Background</a></li></font> |
- | + | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Project/Future_Implications.html">Future Implications</a></li></font> | |
- | + | ||
- | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Project/Future_Implications.html | + | |
- | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | <li class="topmenu"><a href="#" style="height:26px;line-height:26px; | + | <li class="topmenu"><a href="#" style="height:26px;line-height:26px;"> Data </a> |
- | + | ||
- | + | ||
<ul> | <ul> | ||
- | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Protocols.html | + | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Protocols.html">Protocols</a></li></font> |
- | + | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Weekly_Notebook.html">Weekly Notebook</a></li></font> | |
- | + | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Bio_Bricks.html">Bio Bricks</a></li></font> | |
- | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Weekly_Notebook.html | + | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Results.html">Results</a></li></font> |
- | + | ||
- | + | ||
- | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Bio_Bricks.html | + | |
- | + | ||
- | + | ||
- | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Results.html | + | |
- | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | <li class="topmenu"><a href="https://2012.igem.org/Team:HKU_HongKong/Safety.html" style="height:26px;line-height:26px; | + | <li class="topmenu"><a href="https://2012.igem.org/Team:HKU_HongKong/Safety.html" style="height:26px;line-height:26px;"> Safety </a></li> |
- | + | <li class="topmenu"><a href="https://2012.igem.org/Team:HKU_HongKong/Attributions.html" style="height:26px;line-height:26px;"> Attributions </a></li> | |
- | <li class="topmenu"><a href="https://2012.igem.org/Team:HKU_HongKong/Attributions.html" style="height:26px;line-height:26px; | + | <li class="toplast"><a href="https://2012.igem.org/Team:HKU_HongKong/Human_Practise.html" style="height:26px;line-height:26px;"> Human Practise </a></li> |
- | + | ||
- | <li class="toplast"><a href="https://2012.igem.org/Team:HKU_HongKong/Human_Practise.html" style="height:26px;line-height:26px; | + | |
- | + | ||
</ul> | </ul> | ||
+ | <p> </p> | ||
- | + | <div class="scroll_header"> | |
- | + | <div id="wrapper"> | |
- | + | <div id="slider-wrapper"> | |
- | + | <div id="slider" class="nivoSlider"></div> | |
- | + | <p> </p> | |
- | + | <p> </p> | |
- | + | <p> </p> | |
- | + | </div> | |
- | + | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> | |
- | + | <script type="text/javascript" src="https://static.igem.org/mediawiki/2010/2/28/Sliderpack.txt"></script> | |
- | + | <script type="text/javascript"> | |
- | + | $(window).load(function() { | |
- | + | $('#slider').nivoSlider(); | |
- | + | }); | |
- | + | </script> | |
- | + | ||
- | + | </div> <div style="clear: both"></div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | </div> | |
- | + | <div style="clear: both"></div> | |
- | + | <!-- header ends --> | |
- | + | <!-- table begins --> | |
- | + | <div id="tb"> | |
- | + | <div id="right"> | |
- | + | <p> </p> | |
- | + | <p> </p> | |
- | + | <p> </p> | |
- | + | <p> </p> | |
- | + | <p> </p> | |
- | + | ||
- | + | </div> | |
- | + | ||
- | + | ||
- | + | </div> | |
- | + | <p> </p> | |
- | + | <p> </p> | |
- | + | <p> </p> | |
- | + | <p> </p> | |
- | + | <div id="left"> | |
- | + | <p> </p> | |
- | + | <div class="right_b fish_10"><br /> | |
- | + | <br /> | |
- | + | </div> | |
- | + | <div class="right_b fish_11"><br /> | |
- | + | </div> | |
- | + | </div> | |
- | + | <div style="clear: both"><img src="images/spaser.gif" alt="" width="1" height="1" /></div> | |
- | + | </div> | |
- | + | <div id="bot_tb"></div> | |
- | + | <!-- table ends --> | |
- | + | <!-- footer begins --> | |
- | + | <div id="footer"> | |
+ | </div> | ||
+ | <!-- footer ends --> | ||
+ | </div> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 09:35, 23 September 2012