Template:SUSTC A4
From 2012.igem.org
(Difference between revisions)
m |
|||
(17 intermediate revisions not shown) | |||
Line 8: | Line 8: | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | trytop | ||
+ | { | ||
+ | position:fixed; bottom:0px; right:0px; | ||
+ | background:url("https://static.igem.org/mediawiki/2012/a/a8/SustcTop.png") no-repeat; | ||
+ | background-position: 0px 0px; | ||
+ | display: inline; | ||
+ | float: left; | ||
+ | height: 60px; | ||
+ | width:60px; | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | sitemap | ||
+ | { | ||
+ | position:fixed; bottom:0px; left:0px; | ||
+ | background:url("https://static.igem.org/mediawiki/2012/e/e7/SUSTCSitemap.png") no-repeat; | ||
+ | background-position: 0px 0px; | ||
+ | display: inline; | ||
+ | float: left; | ||
+ | height: 60px; | ||
+ | width:60px; | ||
+ | |||
+ | margin-bottom: 0; | ||
+ | } | ||
Line 157: | Line 181: | ||
font-size: 10px; | font-size: 10px; | ||
color: #6f6f6f; | color: #6f6f6f; | ||
- | + | background: #2ac5c0 url(https://static.igem.org/mediawiki/2012/e/e8/Templatemo_body_top2.jpg) repeat-x; | |
} | } | ||
Line 258: | Line 282: | ||
z-index: 200; | z-index: 200; | ||
background:url(https://static.igem.org/mediawiki/2012/8/82/SUSTC_SHENZHEN_A_temp_menu_button_hover.png); | background:url(https://static.igem.org/mediawiki/2012/8/82/SUSTC_SHENZHEN_A_temp_menu_button_hover.png); | ||
+ | } | ||
+ | |||
+ | #sustc_menu | ||
+ | { | ||
+ | height:35px; | ||
+ | // width:920px; | ||
+ | // margin-left:20px; | ||
+ | color:blue; | ||
+ | display:block; | ||
+ | <!-- background-color:yellow;--> | ||
+ | border-radius: 7px; | ||
+ | // background-color:#CCFFCC; | ||
+ | |||
+ | } | ||
+ | |||
+ | #sustc_menu li | ||
+ | { | ||
+ | list-style:none; | ||
+ | float:left; | ||
+ | display:block; | ||
+ | margin-left:3px; | ||
+ | <!-- background-color:green;--> | ||
+ | height:35px; | ||
+ | width:100px; | ||
+ | border-radius:3px; | ||
+ | text-align:left; | ||
+ | |||
+ | } | ||
+ | |||
+ | #sustc_menu li.long | ||
+ | { | ||
+ | list-style:none; | ||
+ | float:left; | ||
+ | display:block; | ||
+ | margin-left:3px; | ||
+ | <!-- background-color:green;--> | ||
+ | height:35px; | ||
+ | width:150px; | ||
+ | border-radius:3px; | ||
+ | text-align:left; | ||
+ | |||
+ | } | ||
+ | #sustc_menu li.center | ||
+ | { | ||
+ | list-style:none; | ||
+ | float:left; | ||
+ | display:block; | ||
+ | margin-left:3px; | ||
+ | <!-- background-color:green;--> | ||
+ | height:35px; | ||
+ | width:100px; | ||
+ | border-radius:3px; | ||
+ | text-align:center; | ||
+ | |||
+ | } | ||
+ | #sustc_menu li.right | ||
+ | { | ||
+ | list-style:none; | ||
+ | float:left; | ||
+ | display:block; | ||
+ | margin-left:3px; | ||
+ | <!-- background-color:green;--> | ||
+ | height:35px; | ||
+ | width:100px; | ||
+ | border-radius:3px; | ||
+ | text-align:right; | ||
+ | |||
+ | } | ||
+ | |||
+ | #sustc_menu a | ||
+ | { | ||
+ | padding-top:3px; | ||
+ | padding-left:3px; | ||
+ | } | ||
+ | #sustc_menu li:hover | ||
+ | { | ||
+ | <!-- background-color:red--> | ||
+ | border-radius: 3px; | ||
+ | text-decoration; | ||
+ | background-color:#00868B; | ||
+ | } | ||
+ | |||
+ | |||
+ | #sustc_menu a | ||
+ | { | ||
+ | margin:0; | ||
+ | padding-bottom:3px; | ||
+ | display:block; | ||
+ | } | ||
+ | #sust_menu a:hover | ||
+ | { | ||
+ | background-color:#C1CDCD | ||
+ | } | ||
+ | |||
+ | #sustc_menu li li | ||
+ | { | ||
+ | margin-left:0px; | ||
+ | float:none; | ||
+ | text-align:left; | ||
+ | padding-left:1px; | ||
+ | padding-top:5px; | ||
+ | width:100px; | ||
+ | <!-- background-color:black;--> | ||
+ | background-color:#C1CDCD; | ||
+ | } | ||
+ | #sustc_menu li ul { /* second-level lists */ | ||
+ | position: absolute; | ||
+ | width: 100px; | ||
+ | margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ | ||
+ | margin-top:2.2em; | ||
+ | border-width:1px; | ||
+ | border-color:#F0FFF0 ; | ||
+ | border-style:solid; | ||
+ | border-radius: 7px; | ||
+ | background-color:#F0FFF0; | ||
+ | z-index:2; | ||
+ | } | ||
+ | #sustc_menu li:hover ul | ||
+ | { | ||
+ | margin-left: 0px; | ||
+ | margin-top:0; | ||
+ | } | ||
+ | #sustc_menu li li:hover | ||
+ | { | ||
+ | background-color:#98F5FF ; | ||
} | } | ||
Line 490: | Line 639: | ||
</head> | </head> | ||
<body> | <body> | ||
- | + | <a name="top"></a> | |
+ | <a href="#top"><trytop></trytop></a> | ||
+ | <a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/SiteMap"><sitemap></sitemap></a> | ||
<div id="templatemo_wrapper"> | <div id="templatemo_wrapper"> | ||
<div id="temmplatmeo_header"> | <div id="temmplatmeo_header"> | ||
<div id="site_title"> | <div id="site_title"> | ||
- | <a href=" | + | <a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A" target="_parent"> |
- | <img src="https://static.igem.org/mediawiki/2012/8/89/Sustclogo-1.png" width="270" height="74" alt=" | + | <img src="https://static.igem.org/mediawiki/2012/8/89/Sustclogo-1.png" width="270" height="74" alt="Logo" /> |
</a> | </a> | ||
</div> | </div> | ||
Line 506: | Line 657: | ||
<li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Project">Project</a></li> | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Project">Project</a></li> | ||
<li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Notebook">Notebook</a></li> | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Notebook">Notebook</a></li> | ||
- | <li ><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/ | + | <li ><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Human_practice" class="current">Human Practice</a></li> |
</ul> | </ul> | ||
Line 516: | Line 667: | ||
<div id="banner_left"> | <div id="banner_left"> | ||
- | <h2> | + | <h2>Human Practice and Safety</h2> |
- | <p> | + | <p> </p> |
- | + | <p> Human practice is a part of iGem competition. The goal of this part is to spread the main idea and basic knowledge of synthetic biology, to provide a correct definition of it and to stimulate civil interest towards it.</p> | |
- | <ul> | + | |
- | + | <div id="sustc_menu"> | |
- | + | <ul><li class="long"><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Human_practice">Overview</a> </li></ul> | |
- | + | </div> | |
- | + | <div id="sustc_menu"> | |
- | + | <ul><li class="long"><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/iphone_biology">iPhone and Biology </a> </li></ul> | |
- | + | <ul><li class="long"><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Human_practice/High_School_Visits">High School Lectures</a> </li></ul> | |
- | + | </div> | |
- | + | <div id="sustc_menu"> | |
- | + | <ul><li class="long"><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Human_practice/SynBio_Intro">SynBio Intro</a></li></ul> | |
- | + | <ul><li class="long"><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Safety">Safety</a></li></ul> | |
- | + | </div> | |
- | + | ||
</div> | </div> | ||
Latest revision as of 19:02, 26 September 2012