Team:Hong Kong HKUST

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
body {
-
<head>
+
width: 100%;
-
+
padding: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" >
+
margin:0;
-
<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: 14px Helvetica;
-
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.min.js"></script>
+
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
-
<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 {
-
<style type="text/css">
+
    background-color: #fcebe6;
-
.quick_link_sub {
+
}
-
border: 1px solid black;
+
#content_container {
-
border-radius: 10px;
+
width:950px;
-
float: left;
+
margin: 0 auto;
-
margin: 5px;
+
-webkit-box-shadow: 0px 6px 6px 0px rgba(50, 50, 50, 0.64);
-
padding: 20px 0;
+
-moz-box-shadow:   0px 6px 6px 0px rgba(50, 50, 50, 0.64);
-
text-align: center;
+
box-shadow:         0px 6px 6px 0px rgba(50, 50, 50, 0.64);
-
width: 100%;
+
}
-
}
+
a {
-
</style>
+
color: #c0392b;
-
+
text-decoration: none;
-
</head>
+
}
 +
a:hover {
 +
color: #e74c3c;
 +
}
 +
#menu {
 +
padding: 0;
 +
text-align: center;
 +
text-transform:uppercase;
 +
}
-
<body>
+
h1 {
-
<nav role="navigation">
+
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
-
<ul class="access-menu">
+
font-size: 100px;
-
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST">Home</a></li>
+
text-align: center;
-
<li>
+
margin: 0 0 0 0;
-
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor">Pneumosensor</a>
+
padding: 50px 0 0 0 ;
-
<ul class="access-submenu">
+
color: #fff;
-
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/module_one">Sensing</a></li>
+
font-weight:100;
-
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/module_two">Expressing</a></li>
+
letter-spacing: 0.0625em;
-
<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>
+
-
+
-
</ul>
+
/*The access-menu start*/
-
</nav>
+
/* ============================================================================ */
-
<!-- ================ do not touch any thing above this, dont even think about it =========================-->
+
nav {
-
+
    background-color: #ff9900;
-
+
}
-
<div id="content_container">
+
nav ul{
-
<div class= "banner_area">
+
list-style: none;
-
<img src= 'https://static.igem.org/mediawiki/2014/archive/3/3c/20140930022303!HKUST_2014_pneumosensor_banner.jpg' />
+
margin: 0;
 +
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>
 
 +
}
-
<div class= "project_area">
+
.access-menu > li + li{
-
<table class = "project_table" align= "center">
+
border-left: solid 1px #000;
-
<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{
-
<td><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator"><div class= 'project_box'>
+
top: 100%;
-
<h4>Cis-repressive/ Trans-activating riboregulator</h4>
+
left: auto;
-
<p>Short description</p>
+
}
-
</div></a></td>
+
-
+
.access-menu a{
-
</tr>
+
color: #eee;
-
</table>
+
display: block;
-
</div>
+
padding: .5em 2em;
-
<hr>
+
text-decoration: none;
-
<table class= 'quick_link_area' align= "center">
+
border: 1px solid white;
-
<tr class= "quick_link_row">
+
-webkit-transition: all .2s linear;
-
+
-moz-transition: all .2s linear;
-
<td class= "quick_link_button">
+
-ms-transition: all .2s linear;
-
<div class= "quick_link_container">
+
-o-transition: all .2s linear;
-
<h4>Project</h4>
+
transition: all .2s linear;
-
<img src="https://static.igem.org/mediawiki/2014/e/e4/HKUST_Quicklink_Icon_Project.png"/>
+
}
-
<p>Short description</p>
+
.access-menu .access_logo{
-
<a class="quick_link_sub" href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/data">
+
padding:0;
-
<p>Pneumosensor</p>
+
}
-
</a>
+
.access-menu img{
-
<a class="quick_link_sub" href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/data">
+
height: 30px;
-
<p>Riboregulator</p>
+
}
-
</a>
+
.access-menu a:hover,
-
</div>
+
.access-menu a:focus{
-
</td>
+
background: #000000;
-
+
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>
+
-
</tr>
+
.access-submenu{
-
<tr class= "quick_link_row">
+
background: #665544;
-
+
left: -9999px;
-
<td class= "quick_link_button">
+
position: absolute;
-
<div class= "quick_link_container">
+
top: -9999px;
-
<h4>Data</h4>
+
width: 150%;
-
<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>
+
-
</tr>
+
.access-submenu > li + li{
 +
border-top: solid 1px #000;
 +
}
-
</table>
+
.access-submenu > li:last-child{
-
</div>
+
border-bottom: solid 3px #000;
 +
}
-
<table class= "site_map_table" align= "center">
+
.access-submenu a{
-
<tr>
+
padding: .5em 1em;
-
<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;
-
</body>
+
top: 100%;
-
</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:13, 3 October 2014

body { width: 100%; padding:0; margin:0; font: 14px Helvetica; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } html, body, .wrapper { 

   background-color: #fcebe6;

}

  1. content_container {

width:950px; margin: 0 auto; -webkit-box-shadow: 0px 6px 6px 0px rgba(50, 50, 50, 0.64); -moz-box-shadow: 0px 6px 6px 0px rgba(50, 50, 50, 0.64); box-shadow: 0px 6px 6px 0px rgba(50, 50, 50, 0.64); } a { color: #c0392b; text-decoration: none; } a:hover { color: #e74c3c; }

  1. menu {

padding: 0; text-align: center; text-transform:uppercase; }

h1 { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 100px; text-align: center; margin: 0 0 0 0; padding: 50px 0 0 0 ; color: #fff; font-weight:100; letter-spacing: 0.0625em; }

/*The access-menu start*/ /* ============================================================================ */ nav { 

   background-color: #ff9900;

} nav ul{ list-style: none; margin: 0; padding: 0; white-space: nowrap; 

}

.access-menu{ display: table; margin: 1em auto;

}

.access-menu > li{ background: #554433; display: inline-block; position: relative; margin-top: 15px; display: inline-block; white-space: nowrap


}

.access-menu > li + li{ border-left: solid 1px #000; }

.access-menu > li:hover .access-submenu{ top: 100%; left: auto; }

.access-menu a{ color: #eee; display: block; padding: .5em 2em; text-decoration: none; border: 1px solid white; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .access-menu .access_logo{ padding:0; } .access-menu img{ height: 30px; } .access-menu a:hover, .access-menu a:focus{ background: #000000; outline: none; }

.access-submenu{ background: #665544; left: -9999px; position: absolute; top: -9999px; width: 150%; }

.access-submenu > li + li{ border-top: solid 1px #000; }

.access-submenu > li:last-child{ border-bottom: solid 3px #000; }

.access-submenu a{ padding: .5em 1em; }


.is-show{ left: auto; top: 100%; } li.indent_list a{ background-color:#776655; } /* ============================================================================ */ /*The access-menu end*/


  1. slide{

width: 100%; height: 600px; overflow:hidden; margin: 30px auto; box-shadow: 0 8px 6px -6px rgba(0,0,0,1); }

  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; }

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