Team:Hong Kong HKUST/prealpha index

From 2014.igem.org

(Difference between revisions)
(Undo revision 96218 by Gtong (talk))
Line 43: Line 43:
</script>
</script>
 +
<style type= "text/css">
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear{
 +
display:none;
 +
} /*-- hides default wiki settings --*/
 +
#top-section{
 +
border: 0 none;
 +
height: 20px;
 +
z-index: 100;
 +
top: 0;
 +
position: fixed;
 +
width: 900px;
 +
left: 50%;
 +
margin-left: -487px;
 +
background-color:black;
 +
}
 +
 +
#globalWrapper, #content {
 +
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
margin: 0px;
 +
padding: 0px;
 +
}
 +
 +
html, body, .wrapper {
 +
background-color: #FFFFFF;
 +
}
 +
 +
body {
 +
width: 100%;
 +
padding:0;
 +
margin:0;
 +
font: 14px Helvetica;
 +
}
 +
#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;
 +
}
 +
nav a:visited{
 +
color: #FFF;
 +
}
 +
#menu {
 +
padding: 0;
 +
text-align: center;
 +
text-transform:uppercase;
 +
}
 +
 +
h1 {
 +
font-family: HelveticaNeue-UltraLight;
 +
font-size: 100px;
 +
text-align: center;
 +
margin: 0 0 0 0;
 +
padding: 50px 0 0 0 ;
 +
background: #5E412F;
 +
color: #fff;
 +
font-weight:100;
 +
letter-spacing: 0.0625em;
 +
}
 +
 +
/*----------------------------------drop down ---------------------------------*/
 +
h1 {
 +
font-size:60px;
 +
}
 +
 +
p {
 +
font-size:20px;
 +
}
 +
nav {
 +
margin:0 auto;
 +
padding: 0 auto;
 +
background-color: orange;
 +
width:990px;
 +
display:block;
 +
}
 +
 +
nav ul {
 +
padding:0;
 +
margin:0 auto;
 +
list-style: none;
 +
position: relative;
 +
display:block;
 +
text-align: center;
 +
}
 +
 +
nav ul li {
 +
display: inline-block;
 +
float: left;
 +
display:list-item;
 +
list-style: none;
 +
background-color:#5E412F;
 +
 +
}
 +
 +
nav ul li a {
 +
display:block;
 +
padding:20px 10px 0px 10px;
 +
 +
color:#FFF;
 +
font-size:16px;
 +
text-decoration:none;
 +
font-family: 'Bree Serif', 'serif';
 +
}
 +
 +
li a:hover { background-color: #000000; }
 +
 +
 +
 +
 +
/* The Dropdown Styles */
 +
/* =================== */
 +
 +
/* Hide Dropdowns by Default */
 +
nav ul ul {
 +
display: none;
 +
position: absolute;
 +
top: 48px;
 +
}
 +
 +
/* Display Dropdowns on Hover */
 +
nav ul li:hover > ul {
 +
display:list-item;
 +
}
 +
 +
/* Fisrt Tier Dropdown */
 +
nav ul ul li {
 +
width:180px;
 +
position: relative;
 +
border-bottom:none;
 +
list-style-type: none;
 +
}
 +
 +
/* Second, Third and more Tiers */
 +
nav ul ul ul li {
 +
position: absolute relative;
 +
top:-5px;
 +
}
 +
.fixed {
 +
position: fixed;
 +
z-index: 10;
 +
top: 0;
 +
width: 100%;
 +
}
 +
.fixed ul ul ul li a {
 +
color: #fff;
 +
text-decoration: none;
 +
}
 +
 +
div#nav_container{
 +
text-align: center;
 +
width:1000px;
 +
padding:0 auto;
 +
margin:0 auto;
 +
max-width:700px;
 +
z-index:100000;
 +
}
 +
 +
#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:black;
 +
}
 +
.project_area h4, .project_area p{
 +
color:white;
 +
}
 +
div.project_box{
 +
border: 1px solid gray;
 +
width: 450px;
 +
height: 150px;
 +
text-align: center;
 +
background-color:black;
 +
 +
}
 +
 +
div.quick_link_container{
 +
padding:50px;
 +
width: 200px;
 +
height:300px;
 +
-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);
 +
 +
}
 +
table.site_map_table{
 +
background-color: black;
 +
width: 100%;
 +
}
 +
.site_map_table h4, .site_map_table p, .site_map_table ul{
 +
color: white;
 +
}
 +
div.banner_area{
 +
width:100%;
 +
margin:0 auto;
 +
padding:0 auto;
 +
}
 +
div.banner_area img{
 +
width:100%;
 +
height: 550px;
 +
}
 +
div.content_1{
 +
width:100%;
 +
 +
}
 +
div.content_1 h3{
 +
font-size:30px;
 +
color:#5E412F;
 +
border-bottom: 2px solid black;
 +
 +
}
 +
table.content_table td{
 +
width:50%;
 +
}
 +
table.content_table p {
 +
font-size: 18px;
 +
font-family: "helvetica" ,"Open Sans", "Vollkorn", "Fedra Sans";
 +
line-height: 2em;
 +
}
 +
div.content_area{
 +
padding:0 20px 0 20px;
 +
background-color:#FCEBB6;
 +
border-radius: 2px;
 +
height:600px;
 +
}
 +
td.content_cell img{
 +
width:100%;
 +
display:inline;
 +
}
 +
td.content_cell h5{
 +
font-size: 19px;
 +
font-family:"helvetica" ,"Open Sans", "Vollkorn", "Fedra Sans";
 +
font-weight:bold;
 +
display:inline;
 +
}
 +
td.content_cell h6{
 +
font-size: 15px;
 +
font-family:"helvetica" ,"Open Sans", "Vollkorn", "Fedra Sans";
 +
font-weight:normal;
 +
display:inline;
 +
}
 +
div#description_area h2 {
 +
text-align:center;
 +
font-size: 30px;
 +
font-family:"helvetica" ,"Open Sans", "Vollkorn", "Fedra Sans";
 +
font-weight:900;
 +
display:block;
 +
text-decoration:underline;
 +
}
 +
div#description_area{
 +
padding: 20px;
 +
border-bottom: 2px dotted black;
 +
}
 +
 +
</style>
</head>
</head>

Revision as of 02:54, 31 August 2014



Main project

pneumosensor

Side Project

Cis-repressive/ Trans-activating riboregulator



Home

Team

Project

WetLab

Achievement

Human Practice

Side Project