Team:Hong Kong HKUST

From 2014.igem.org

(Difference between revisions)
(Undo revision 156116 by Gtong (talk))
Line 1: Line 1:
-
body {
+
<html>
-
width: 100%;
+
<head>
-
padding:0;
+
-
margin:0;
+
<link rel="stylesheet" href="https://2014.igem.org/wiki/index.php?title=Template:Team:Hong_Kong_HKUST/anti-main.css&action=raw&ctype=text/css" type="text/css" >
-
font: 14px Helvetica;
+
<link rel="stylesheet" href="https://2014.igem.org/wiki/index.php?title=Template:Team:Hong_Kong_HKUST/indexpage.css&action=raw&ctype=text/css" type="text/css" >
-
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.min.js"></script>
-
}
+
<script src="https://2014.igem.org/wiki/index.php?title=Template:Team:Hong_Kong_HKUST/access-menu.js&action=raw&ctype=text/css"></script>
-
html, body, .wrapper {
+
-
    background-color: #fcebe6;
+
<style type="text/css">
-
}
+
.quick_link_sub {
-
#content_container {
+
border: 1px solid black;
-
width:950px;
+
border-radius: 10px;
-
margin: 0 auto;
+
float: left;
-
-webkit-box-shadow: 0px 6px 6px 0px rgba(50, 50, 50, 0.64);
+
margin: 5px;
-
-moz-box-shadow:   0px 6px 6px 0px rgba(50, 50, 50, 0.64);
+
padding: 20px 0;
-
box-shadow:         0px 6px 6px 0px rgba(50, 50, 50, 0.64);
+
text-align: center;
-
}
+
width: 100%;
-
a {
+
}
-
color: #c0392b;
+
</style>
-
text-decoration: none;
+
-
}
+
</head>
-
a:hover {
+
-
color: #e74c3c;
+
-
}
+
-
#menu {
+
-
padding: 0;
+
-
text-align: center;
+
-
text-transform:uppercase;
+
-
}
+
-
h1 {
+
<body>
-
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+
<nav role="navigation">
-
font-size: 100px;
+
<ul class="access-menu">
-
text-align: center;
+
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST">Home</a></li>
-
margin: 0 0 0 0;
+
<li>
-
padding: 50px 0 0 0 ;
+
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor">Pneumosensor</a>
-
color: #fff;
+
<ul class="access-submenu">
-
font-weight:100;
+
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/module_one">Sensing</a></li>
-
letter-spacing: 0.0625em;
+
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/module_two">Expressing</a></li>
-
}
+
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/parts">Parts</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/data">Data</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/characterization">Characterization</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/results">Results</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/future_work">Future Work</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator">Riboregulator</a>
 +
<ul class="access-submenu">
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/CR_TA_Feature_Page">Feature Page</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/RNA_devices_catalog">Catalog Page</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/parts">Parts</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/data">Data</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/characterization">Characterization</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/results">Results</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/future_work">Future Work</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice">Human Practice</a>
 +
<ul class="access-submenu">
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit">Start-up Kit</a></li>
 +
<li class= "indent_list"><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit/handbook" >--Handbook</a></li>
 +
<li class= "indent_list"><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit/report" >--Report</a></li>
 +
<li class= "indent_list"><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit/search_engine" >--Search Engine</a></li>
 +
<li class= "indent_list"><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit/interview" >--Interview</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/outreach">Outreach</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/safety_and_ethics">Safety and Ethics</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team">Team</a>
 +
<ul class="access-submenu">
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team/members">Members</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team/advisers">Advisers</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team/instructors">Instructors</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team/attribution">Attributions</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team/acknowledgement">Acknowledgement</a></li>
 +
<li><a href="https://igem.org/Team.cgi?year=2014">Official Team Profile</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/wetlab">Wetlab</a>
 +
<ul class="access-submenu">
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/wetlab/notebook">Notebook</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/wetlab/protocols">Protocols</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/wetlab/safety">Safety</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/Achievements">Achievements</a>
 +
<ul class="access-submenu">
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/acheivement/medal_requirement">Medal Requirements</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/acheivement/deliverable">Deliverable</a></li>
 +
</ul>
 +
</li>
 +
<li class="access_logo">
 +
<a href="https://2014.igem.org/Main_Page"><img src= "https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"></a>
 +
</li>
 +
<li class="access_logo">
 +
<a href="http://www.ust.hk/"><img src= "https://static.igem.org/mediawiki/2014/5/55/Hkust_logo.gif"></a>
 +
</li>
 +
-
/*The access-menu start*/
+
</ul>
-
/* ============================================================================ */
+
</nav>
-
nav {
+
<!-- ================ do not touch any thing above this, dont even think about it =========================-->
-
    background-color: #ff9900;
+
-
}
+
-
nav ul{
+
<div id="content_container">
-
list-style: none;
+
<div class= "banner_area">
-
margin: 0;
+
<img src= 'https://static.igem.org/mediawiki/2014/archive/3/3c/20140930022303!HKUST_2014_pneumosensor_banner.jpg' />
-
padding: 0;
+
-
white-space: nowrap;
+
-
}
+
-
.access-menu{
+
-
display: table;
+
-
margin: 1em auto;
+
-
}
+
</div>
 +
<hr>
 +
<section id="slide">
 +
<button onclick="back_slide(true)" class="prev">&#171;</button>
 +
<button onclick="slides(true)" class="next">&#187;</button>
 +
<div class="slide_pic">
 +
<img class="picture" src="Photos/1.jpg"/>
 +
</div>
 +
<div class="slide_pic">
 +
<img src="Photos/2.jpg"/>
 +
</div>
 +
<div class="slide_pic">
 +
<img src="Photos/3.jpg"/>
 +
</div>
 +
<div class="slide_pic">
 +
<img src="Photos/4.jpg"/>
 +
</div>
 +
<div class="slide_pic">
 +
<img src="Photos/5.jpg"/>
 +
</div>
 +
</section>
 +
<!-- Work of Juston Cheney -->
-
.access-menu > li{
 
-
background: #554433;
 
-
display: inline-block;
 
-
position: relative;
 
-
margin-top: 15px;
 
-
display: inline-block;
 
-
white-space: nowrap
 
 +
<hr>
-
}
 
-
.access-menu > li + li{
+
<div class= "project_area">
-
border-left: solid 1px #000;
+
<table class = "project_table" align= "center">
-
}
+
<tr>
 +
 +
<td><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor"><div class = 'project_box'>
 +
<h4>Pneumosensor</h4>
 +
<p>Short description</p>
 +
</div></a></td>
-
.access-menu > li:hover .access-submenu{
+
-
top: 100%;
+
<td><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator"><div class= 'project_box'>
-
left: auto;
+
<h4>Cis-repressive/ Trans-activating riboregulator</h4>
-
}
+
<p>Short description</p>
 +
</div></a></td>
-
.access-menu a{
+
-
color: #eee;
+
</tr>
-
display: block;
+
</table>
-
padding: .5em 2em;
+
</div>
-
text-decoration: none;
+
<hr>
-
border: 1px solid white;
+
<table class= 'quick_link_area' align= "center">
-
-webkit-transition: all .2s linear;
+
<tr class= "quick_link_row">
-
-moz-transition: all .2s linear;
+
-
-ms-transition: all .2s linear;
+
<td class= "quick_link_button">
-
-o-transition: all .2s linear;
+
<div class= "quick_link_container">
-
transition: all .2s linear;
+
<h4>Project</h4>
-
}
+
<img src="https://static.igem.org/mediawiki/2014/e/e4/HKUST_Quicklink_Icon_Project.png"/>
-
.access-menu .access_logo{
+
<p>Short description</p>
-
padding:0;
+
<a class="quick_link_sub" href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/data">
-
}
+
<p>Pneumosensor</p>
-
.access-menu img{
+
</a>
-
height: 30px;
+
<a class="quick_link_sub" href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/data">
-
}
+
<p>Riboregulator</p>
-
.access-menu a:hover,
+
</a>
-
.access-menu a:focus{
+
</div>
-
background: #000000;
+
</td>
-
outline: none;
+
-
}
+
 +
<td class= "quick_link_button">
 +
<div class= "quick_link_container">
 +
<h4>Parts</h4>
 +
<img src="https://static.igem.org/mediawiki/2014/c/c0/HKUST_Quicklink_Icon_Parts.png"/>
 +
<p>Short description</p>
 +
<a class="quick_link_sub" href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/data">
 +
<p>Pneumosensor</p>
 +
</a>
 +
<a class="quick_link_sub" href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/data">
 +
<p>Riboregulator</p>
 +
</a>
 +
</div>
 +
</td>
 +
 +
<td class= "quick_link_button">
 +
<div class= "quick_link_container">
 +
<h4>Characterization</h4>
 +
<img src="https://static.igem.org/mediawiki/2014/3/33/HKUST_Quicklink_Icon_Charactrization.png"/>
 +
<p>Short description</p>
 +
<a class="quick_link_sub" href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/data">
 +
<p>Pneumosensor</p>
 +
</a>
 +
<a class="quick_link_sub" href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/data">
 +
<p>Riboregulator</p>
 +
</a>
 +
</div>
 +
</td>
-
.access-submenu{
+
</tr>
-
background: #665544;
+
<tr class= "quick_link_row">
-
left: -9999px;
+
-
position: absolute;
+
<td class= "quick_link_button">
-
top: -9999px;
+
<div class= "quick_link_container">
-
width: 150%;
+
<h4>Data</h4>
-
}
+
<img src="https://static.igem.org/mediawiki/2014/4/42/HKUST_Quicklink_Icon_Data.png"/>
 +
<p>Short description</p>
 +
<a class="quick_link_sub" href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/data">
 +
<p>Pneumosensor</p>
 +
</a>
 +
<a class="quick_link_sub" href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/data">
 +
<p>Riboregulator</p>
 +
</a>
 +
</div>
 +
</td>
 +
 +
<td class= "quick_link_button">
 +
<a href="#"><div class= "quick_link_container">
 +
<h4>Human Practice</h4>
 +
<img src="https://static.igem.org/mediawiki/2014/e/e8/HKUST_Quicklink_Icon_Human_Practice.png"/>
 +
<p>Short description</p>
 +
</div></a>
 +
</td>
 +
 +
<td class= "quick_link_button">
 +
<a href="#"><div class= "quick_link_container">
 +
<h4>Achievement</h4>
 +
<img src="https://static.igem.org/mediawiki/2014/e/ec/HKUST_Quicklink_Icon_Achievements.png"/>
 +
<p>Short description</p>
 +
</div></a>
 +
</td>
-
.access-submenu > li + li{
+
</tr>
-
border-top: solid 1px #000;
+
-
}
+
-
.access-submenu > li:last-child{
+
</table>
-
border-bottom: solid 3px #000;
+
</div>
-
}
+
-
.access-submenu a{
+
<table class= "site_map_table" align= "center">
-
padding: .5em 1em;
+
<tr>
-
}
+
<td class= 'site_map_column'><h4><a href="https://2014.igem.org/Team:Hong_Kong_HKUST">Home</a></h4>
 +
<ul class= 'site_list'>
 +
<li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor">Pneumosensor</a></li>
 +
<li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator">Riboregulator</a></li>
 +
<li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice">Human Practice</a></li>
 +
<li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team">Team</a></li>
 +
<li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/wetlab">WetLab</a></li>
 +
<li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/Achievements">Achievements</a></li>
 +
</ul>
 +
 +
</td>
 +
<td class= 'site_map_column'><h4><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor">Pneumosensor</a></h4>
 +
<ul class= 'site_list'>
 +
<li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/module_one">Sensing</a></li>
 +
<li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/module_two">Expressing</a></li>
 +
<li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/parts">Parts</a></li>
 +
<li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/data">Data</a></li>
 +
<li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/characterization">Characterization</a></li>
 +
<li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/results">Results</a></li>
 +
<li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/future_work">Future Work</a></li>
 +
</ul>
 +
</td>
 +
<td class= 'site_map_column'><h4><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator">Riboregulator</a></h4>
 +
<ul class= 'site_list'>
 +
<li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/CR_TA_Feature_Page">Feature Page</a></li>
 +
<li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/RNA_devices_catalog">Catalog Page</a></li>
 +
<li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/parts">Parts</a></li>
 +
<li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/data">Data</a></li>
 +
<li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/characterization">Characterization</a></li>
 +
<li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/results">Results</a></li>
 +
<li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/future_work">Future Work</a></li>
 +
</ul>
 +
</td>
 +
<td class= 'site_map_column'><h4><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice">Human Practice</a></h4>
 +
<ul class= 'site_list'>
 +
<li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit">Start-up Kit</a>
 +
<ul>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit/handbook" >--Handbook</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit/report" >--Report</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit/search_engine" >--Search Engine</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit/interview" >--Interview</a></li>
 +
</ul>
 +
</li>
 +
<li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/outreach">Outreach</a></li>
 +
<li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/safety_and_ethics">Safety and Ethics</a></li>
 +
</ul>
 +
</td>
 +
<td class= 'site_map_column'><h4><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team">Team</a></h4>
 +
<ul class= 'site_list'>
 +
<li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team/members">Members</a></li>
 +
<li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team/advisers">Advisers</a></li>
 +
<li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team/instructors">Instructors</a></li>
 +
<li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team/attribution">Attributions</a></li>
 +
<li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team/acknowledgement">Acknowledgement</a></li>
 +
<li class='site_link'><a href="https://igem.org/Team.cgi?year=2014">Official Team Profile</a></li>
 +
</ul>
 +
</td>
 +
<td class= 'site_map_column'><h4><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/wetlab">WetLab</a></h4>
 +
<ul class= 'site_list'>
 +
<li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/wetlab/notebook">Notebook</a></li>
 +
<li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/wetlab/protocols">Protocols</a></li>
 +
<li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/wetlab/safety">Safety</a></li>
 +
</ul>
 +
</td>
 +
<td class= 'site_map_column'><h4><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/Achievements">Achievement</a></h4>
 +
<ul class= 'site_list'>
 +
<li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/acheivement/medal_requirement">Medal Requirements</a></li>
 +
<li class='site_link'><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/acheivement/deliverable">Deliverable</a></li>
 +
</ul>
 +
</td>
 +
</tr>
 +
 +
</table>
-
.is-show{
+
-
left: auto;
+
-
top: 100%;
+
</body>
-
}
+
</html>
-
li.indent_list a{
+
-
background-color:#776655;
+
-
}
+
-
/* ============================================================================ */
+
-
/*The access-menu end*/
+
-
 
+
-
 
+
-
#slide{
+
-
width: 100%;
+
-
height: 600px;
+
-
overflow:hidden;
+
-
margin: 30px auto;
+
-
box-shadow: 0 8px 6px -6px rgba(0,0,0,1);
+
-
}
+
-
#slide div{
+
-
display:block;
+
-
width:0;
+
-
float: left;
+
-
-webkit-transition: all 0.75s;
+
-
-moz-transition: all 0.75s;
+
-
-o-transition:all 0.75s;
+
-
transition: all 0.75s;
+
-
}
+
-
img.picture {
+
-
width:960px;
+
-
}
+
-
button.prev, button.next {
+
-
position: absolute;
+
-
z-index: 999;
+
-
display: block;
+
-
padding:0 10px;
+
-
width: auto;
+
-
height:350px;
+
-
background: rgba(0,0,0,0);
+
-
color: #ffffff;
+
-
font-size:26px;
+
-
cursor: pointer;
+
-
border:none;
+
-
outline:none;
+
-
}
+
-
button.prev:hover, button.next:hover {
+
-
background: rgba(0,0,0,0.8);
+
-
}
+
-
button.next {
+
-
margin-left:926px;
+
-
}
+
-
 
+
-
 
+
-
div.project_area{
+
-
margin:0 auto;
+
-
border: 1px solid black;
+
-
background-color:#006699;
+
-
padding:15px;
+
-
  }
+
-
.project_area h4, .project_area p{
+
-
color:white;
+
-
}
+
-
div.project_box{
+
-
border: 1px solid gray;
+
-
width: 450px;
+
-
height: 150px;
+
-
text-align: center;
+
-
background-color:#006699;
+
-
}
+
-
div.project_box:hover {
+
-
    background-color: #0077AA;
+
-
}
+
-
 
+
-
div.quick_link_container{
+
-
    border-radius: 15px;
+
-
-webkit-box-shadow: 0px 5px 2px 0px rgba(50, 50, 50, 0.69);
+
-
-moz-box-shadow:    0px 5px 2px 0px rgba(50, 50, 50, 0.69);
+
-
box-shadow:        0px 5px 2px 0px rgba(50, 50, 50, 0.69);
+
-
width:200px;
+
-
background-color:#F0A830;
+
-
    height: 500px;
+
-
    padding: 20px 50px;
+
-
}
+
-
.quick_link_container > h4,.start_up_link_container > h4{
+
-
font-size: 25px;
+
-
    color: black;
+
-
    font-weight: 600;
+
-
}
+
-
 
+
-
.quick_link_container > p, .start_up_link_container > p{
+
-
    font-size: 17px;
+
-
}
+
-
.quick_link_container > img {
+
-
    margin: auto;
+
-
    width: 200px;
+
-
}
+
-
.quick_link_sub {
+
-
border: 1px solid black;
+
-
border-radius: 10px;
+
-
float: left;
+
-
margin: 5px;
+
-
padding: 20px 0;
+
-
text-align: center;
+
-
width: 100%;
+
-
background-color:#fceeb4;
+
-
color:black;
+
-
}
+
-
.quick_link_sub:hover{
+
-
background-color:#ffffc5;
+
-
color:#aaaaaa;
+
-
}
+
-
table.site_map_table{
+
-
background-color: #554433;
+
-
width: 90%;
+
-
padding: 5px 20px;
+
-
border-radius: 5px;
+
-
margin: 20px auto;
+
-
}
+
-
table.site_map_table td{
+
-
vertical-align: text-top;
+
-
+
-
}
+
-
table.site_map_table td h4{
+
-
font-weight:900;
+
-
color:white;
+
-
font-size:100%;
+
-
}
+
-
table.site_map_table td a{
+
-
color: #eee;
+
-
}
+
-
.site_map_table h4{
+
-
color:#F07818;
+
-
}
+
-
.site_map_table ul ul{
+
-
padding:0 15px;
+
-
}
+
-
 
+
-
.site_map_table p, .site_map_table ul, .site_map_table a{
+
-
color: #F0A830;
+
-
}
+
-
 
+
-
.site_map_table a:hover {
+
-
    text-decoration: underline;
+
-
}
+
-
 
+
-
div.banner_area{
+
-
width:100%;
+
-
margin:0 auto;
+
-
padding:0 auto;
+
-
display:block;
+
-
}
+
-
div.banner_area img{
+
-
width:100%;
+
-
height: 150px;
+
-
padding-top: 10px;
+
-
}
+
-
div.content_1{
+
-
width:100%;
+
-
margin-top:20px;
+
-
}
+
-
div.content_1 h3{
+
-
font-size:45px;
+
-
color:#5E412F;
+
-
border-bottom: 2px solid black;
+
-
padding:0px 30px;
+
-
}
+
-
table.content_table td{
+
-
width:50%;
+
-
padding: 30px;
+
-
vertical-align:top;
+
-
}
+
-
table.content_table p {
+
-
font-size: 18px;
+
-
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+
-
line-height: 1.5em;
+
-
}
+
-
table.content_table{
+
-
background-color:transparent;
+
-
}
+
-
div.content_area{
+
-
padding:0 20px 0 20px;
+
-
border-radius: 2px;
+
-
height:auto;
+
-
}
+
-
td.content_cell img{
+
-
width:100%;
+
-
display:inline;
+
-
 
+
-
}
+
-
 
+
-
p.first_letter_enhanced::first-letter{
+
-
font-size:300%;
+
-
color: navy;
+
-
}
+
-
td.content_cell h5{
+
-
font-size: 19px;
+
-
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+
-
font-weight:bold;
+
-
display:inline;
+
-
}
+
-
td.content_cell{
+
-
background-color: #FFFFAA;
+
-
border-radius: 8px;
+
-
text-indent: 1em;
+
-
}
+
-
td.content_cell h6{
+
-
font-size: 15px;
+
-
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+
-
font-weight:normal;
+
-
display:inline;
+
-
}
+
-
.embedded_image_right{
+
-
float: right;
+
-
margin: 20px;
+
-
width:50%;
+
-
padding:10px;
+
-
}
+
-
.embedded_image_left{
+
-
float: left;
+
-
        margin: 20px;
+
-
width:50%;
+
-
        padding:10px;
+
-
}
+
-
div#description_area{
+
-
padding: 20px;
+
-
border-bottom: 2px dotted black;
+
-
background-color:#5E412F;
+
-
padding:10px 90px;
+
-
}
+
-
div#description_area h2 {
+
-
text-align:center;
+
-
font-size: 30px;
+
-
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+
-
font-weight:900;
+
-
display:block;
+
-
text-decoration:underline;
+
-
color:#78C0A8;
+
-
text-transform:uppercase;
+
-
}
+
-
div#description_area p{
+
-
text-indent:20px;
+
-
color:white;
+
-
}
+
-
table.start_up_link_area{
+
-
width:100%;
+
-
}
+
-
td.start_up_link_button{
+
-
width:25%;
+
-
height:300px;
+
-
}
+
-
div.start_up_link_container{
+
-
width:90%;
+
-
height:300px;
+
-
padding:5px 10px 5px 10px;
+
-
-webkit-box-shadow: 0px 5px 2px 0px rgba(50, 50, 50, 0.69);
+
-
-moz-box-shadow:    0px 5px 2px 0px rgba(50, 50, 50, 0.69);
+
-
box-shadow:        0px 5px 2px 0px rgba(50, 50, 50, 0.69);
+
-
}
+
-
 
+
-
.quick_link_row:nth-child(odd) .quick_link_button:nth-child(even) div.quick_link_container,
+
-
.quick_link_row:nth-child(even) .quick_link_button:nth-child(odd) div.quick_link_container,
+
-
tr.start_up_link_row:nth-child(odd) td.start_up_link_button:nth-child(even) div.start_up_link_container,
+
-
tr.start_up_link_row:nth-child(even) td.start_up_link_button:nth-child(odd) div.start_up_link_container{
+
-
background-color:#FF9c00;
+
-
color: #000000;
+
-
}
+
-
.quick_link_row:nth-child(odd) .quick_link_button:nth-child(even) a div.quick_link_container:hover,
+
-
.quick_link_row:nth-child(even) .quick_link_button:nth-child(odd) a div.quick_link_container:hover,
+
-
tr.start_up_link_row:nth-child(odd) td.start_up_link_button:nth-child(even) div.start_up_link_container:hover ,
+
-
tr.start_up_link_row:nth-child(even) td.start_up_link_button:nth-child(odd) div.start_up_link_container:hover {
+
-
background-color: #FF7700;
+
-
color:#009999;
+
-
}
+
-
.quick_link_row:nth-child(odd) .quick_link_button:nth-child(odd) div.quick_link_container,
+
-
.quick_link_row:nth-child(even) .quick_link_button:nth-child(even) div.quick_link_container,
+
-
tr.start_up_link_row:nth-child(odd) td.start_up_link_button:nth-child(odd) div.start_up_link_container,
+
-
tr.start_up_link_row:nth-child(even) td.start_up_link_button:nth-child(even) div.start_up_link_container{
+
-
background-color:#009999;
+
-
color: #000000;
+
-
}
+
-
.quick_link_row:nth-child(odd) .quick_link_button:nth-child(odd) a div.quick_link_container:hover,
+
-
.quick_link_row:nth-child(even) .quick_link_button:nth-child(even) a div.quick_link_container:hover,
+
-
tr.start_up_link_row:nth-child(odd) td.start_up_link_button:nth-child(odd) div.start_up_link_container:hover ,
+
-
tr.start_up_link_row:nth-child(even) td.start_up_link_button:nth-child(even) div.start_up_link_container:hover {
+
-
background-color: #11aaaa;
+
-
color:#FF9c00;
+
-
}
+
-
 
+
-
div#medal_reqire_container{
+
-
display: flex;
+
-
flex-wrap: row;
+
-
justify-content: center;
+
-
align-items: stretch;
+
-
align-content: space-between;
+
-
}
+
-
h3.What_medal{
+
-
font-size: large;
+
-
font-weight: 200;
+
-
text-transform: uppercase;
+
-
text-align: center;
+
-
border-bottom: 2px solid black;
+
-
}
+
-
div.each_medal{
+
-
background: tomato;
+
-
padding: 10px;
+
-
margin:10px;
+
-
}
+
-
 
+
-
div.achievement_container{
+
-
padding: 10px;
+
-
margin:0 auto;
+
-
+
-
}
+
-
div.achievement_container ul{
+
-
padding: 10px;
+
-
margin:10px;
+
-
background-color: #E3E0D7;
+
-
}
+
-
div.achievement_container ul li{
+
-
background-color: gray;
+
-
list-style: none;
+
-
font-size: 16px;
+
-
}
+

Revision as of 14:14, 3 October 2014

Pneumosensor

Short description

Cis-repressive/ Trans-activating riboregulator

Short description

Project

Short description

Pneumosensor

Riboregulator

Parts

Short description

Pneumosensor

Riboregulator

Characterization

Short description

Pneumosensor

Riboregulator

Data

Short description

Pneumosensor

Riboregulator

Human Practice

Short description

Achievement

Short description

Home

Pneumosensor

Riboregulator

Human Practice

Team

WetLab

Achievement

Retrieved from "http://2014.igem.org/Team:Hong_Kong_HKUST"