Team:Hong Kong HKUST/prealpha index
From 2014.igem.org
(Difference between revisions)
(2 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<head> | <head> | ||
- | <link rel="stylesheet" | + | <link rel="stylesheet" type="text/css" href="indexpage.css"> |
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.min.js"></script> | <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.min.js"></script> | ||
<script> | <script> | ||
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> | ||
Latest revision as of 05:33, 31 August 2014
Main projectpneumosensor |
Side ProjectCis-repressive/ Trans-activating riboregulator |
Projectcan here have some description about project? |
Parts |
Characterization |
Data |
Human Practice |
Achievement |
Home
|
Team
|
Project
|
WetLab |
Achievement |
Human Practice |
Side Project |