Team:USTC-Software/human practice
From 2011.igem.org
(Difference between revisions)
(add pictures) |
|||
Line 2: | Line 2: | ||
{{:Team:USTC-Software/temp}} | {{:Team:USTC-Software/temp}} | ||
- | <html> | + | <html xmlns="http://www.w3.org/1999/xhtml"> |
+ | |||
<head> | <head> | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
- | + | <title>Team:USTC-Software - 2011.igem.org/human practice</title> | |
+ | <meta name="description" content="human practice"/> | ||
+ | <meta name="keywords" content="USTC-Software,iGEM,synthetic biology"/> | ||
<meta name="author" content="Ao Xu"> | <meta name="author" content="Ao Xu"> | ||
- | <meta name=" | + | <meta name="copyright" content="Copyright (c) 2011 iGEM USTC Software" /> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<style type="text/css"> | <style type="text/css"> | ||
Line 23: | Line 21: | ||
font-size: 12px; | font-size: 12px; | ||
color: #555a4a; | color: #555a4a; | ||
- | + | background: #a0c73f; | |
} | } | ||
a:link, a:visited { color: #0683ab; text-decoration: none; font-weight: normal; } | a:link, a:visited { color: #0683ab; text-decoration: none; font-weight: normal; } | ||
a:active, a:hover { color: #0683ab; text-decoration: underline; } | a:active, a:hover { color: #0683ab; text-decoration: underline; } | ||
- | |||
- | |||
- | |||
- | |||
img { margin: 0px; padding: 0px; border: none; } | img { margin: 0px; padding: 0px; border: none; } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#header_wrapper { | #header_wrapper { | ||
Line 64: | Line 48: | ||
#header #site_title { | #header #site_title { | ||
float: left; | float: left; | ||
- | width: | + | width: 200px; |
- | padding: | + | padding: 33px 0; |
} | } | ||
#site_title h1 { | #site_title h1 { | ||
margin: 0; | margin: 0; | ||
- | padding: | + | padding: 3px; |
+ | font-family:"Times New Roman", Times, serif; | ||
+ | color:#000; | ||
+ | font-size:24px; | ||
} | } | ||
Line 98: | Line 85: | ||
/* end of site title */ | /* end of site title */ | ||
- | /* | + | /* ---------- Navigation ---------- */ |
- | # | + | ul { |
+ | list-style-image: none; | ||
+ | } | ||
+ | |||
+ | #nav { | ||
float: right; | float: right; | ||
+ | font-family: Arial, Helvetica, sans-serif; | ||
+ | font-weight: bold; | ||
+ | font-size: 12px; | ||
padding-top: 70px; | padding-top: 70px; | ||
height: 43px; | height: 43px; | ||
} | } | ||
- | # | + | #nav .last { |
- | + | padding-right: 2px; | |
- | + | background-image:url(https://static.igem.org/mediawiki/2011/5/59/USTC_Software_nav_button_sep.jpg); | |
- | + | background-repeat:no-repeat; | |
+ | background-position:right; | ||
} | } | ||
- | # | + | #nav, #nav ul{ |
- | + | margin:0; | |
- | + | padding:0; | |
- | + | list-style-type:none; | |
+ | list-style-position:outside; | ||
+ | position:relative; | ||
+ | line-height:1.5em; | ||
} | } | ||
- | # | + | #nav .on { |
- | + | color:#fff !important; | |
- | + | background-image: url(https://static.igem.org/mediawiki/2011/0/00/USTC_Software_nav_button_bg.jpg) !important; | |
- | + | background-position: bottom left !important; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | #nav a:link, #nav a:active, #nav a:visited{ |
- | + | display:block; | |
- | background: url(https://static.igem.org/mediawiki/2011/ | + | padding: 14px 35px; |
+ | color:#a5a5a5; | ||
+ | text-decoration:none; | ||
+ | text-transform: uppercase; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2011/0/00/USTC_Software_nav_button_bg.jpg); | ||
+ | background-position: top left; | ||
} | } | ||
- | / | + | #nav a:hover { |
+ | color:#fff; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2011/0/00/USTC_Software_nav_button_bg.jpg); | ||
+ | background-position: bottom left; | ||
+ | } | ||
- | + | #nav li{ | |
- | + | float:left; | |
- | + | position:relative; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
+ | #nav ul { | ||
+ | position:absolute; | ||
+ | width:13em; | ||
+ | top:3.8em; | ||
+ | display:none; | ||
+ | z-index: 1; | ||
+ | } | ||
- | # | + | #nav li ul a { |
- | + | width:9em; | |
- | + | float:left; | |
- | + | background-color: #2e2e2e; | |
- | + | background-image: none !important; | |
} | } | ||
- | |||
- | + | #nav li ul a:hover { | |
+ | background-color: #292929; | ||
+ | } | ||
+ | |||
+ | #nav ul ul{ | ||
+ | top:auto; | ||
+ | } | ||
+ | |||
+ | #nav li ul ul { | ||
+ | left:12em; | ||
+ | margin:0px 0 0 10px; | ||
+ | } | ||
+ | |||
+ | #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{ | ||
+ | display:block; | ||
+ | } | ||
- | + | /*end of nav*/ | |
- | + | /* content_wrapper */ | |
- | background: #a0c73f; | + | |
+ | #content { | ||
+ | background-color:#a0c73f; | ||
+ | width:auto; | ||
} | } | ||
- | |||
#content_wrapper { | #content_wrapper { | ||
Line 174: | Line 196: | ||
} | } | ||
- | # | + | #content_wrapper h1 { |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
color: #3a5909; | color: #3a5909; | ||
font-size: 24px; | font-size: 24px; | ||
Line 201: | Line 203: | ||
} | } | ||
+ | #content_wrapper p { | ||
+ | font-family: Verdana, Arial; | ||
+ | font-size: 14px; | ||
+ | } | ||
- | # | + | #content_wrapper_bottom { |
- | color: # | + | width: 1000px; |
+ | height: 15px; | ||
+ | margin: 0 auto; | ||
+ | background: url(https://static.igem.org/mediawiki/2011/a/a5/USTC_Software_content_bottom.jpg) no-repeat; | ||
+ | background-color: #a0c73f; | ||
} | } | ||
+ | /* end of content_wrapper */ | ||
- | /* | + | /* footer */ |
- | + | ||
- | + | ||
#mfooter { | #mfooter { | ||
Line 217: | Line 226: | ||
text-align: center; | text-align: center; | ||
color: #333333; | color: #333333; | ||
- | + | background-color: #a0c73f; | |
} | } | ||
#mfooter a { | #mfooter a { | ||
- | color: # | + | color:#000; |
} | } | ||
Line 241: | Line 250: | ||
} | } | ||
- | + | #totop_box { | |
position:fixed; | position:fixed; | ||
- | width: | + | width: 77px; |
height: 75px; | height: 75px; | ||
bottom: 21px; | bottom: 21px; | ||
- | right: | + | right: 15px; |
} | } | ||
- | |||
#totop_box form { | #totop_box form { | ||
Line 257: | Line 265: | ||
} | } | ||
+ | #to_org_box { | ||
+ | position:fixed; | ||
+ | width: 77px; | ||
+ | height: 75px; | ||
+ | bottom: 21px; | ||
+ | right: 105px; | ||
+ | } | ||
- | /* end of | + | #to_org_box form { |
+ | width: 280px; | ||
+ | height: 27px; | ||
+ | margin: 0; | ||
+ | padding: 25px 0 0 0; | ||
+ | } | ||
+ | /* end of footer*/ | ||
</style> | </style> | ||
- | |||
</head> | </head> | ||
+ | <body> | ||
- | |||
- | |||
- | |||
<div id="header_wrapper"> | <div id="header_wrapper"> | ||
Line 274: | Line 292: | ||
<div id="site_title"> | <div id="site_title"> | ||
- | <h1><img src="https://static.igem.org/mediawiki/2011/b/b8/USTC_Software_iGEM_logo.jpg" alt="iGEM" width=" | + | <h1><img src="https://static.igem.org/mediawiki/2011/b/b8/USTC_Software_iGEM_logo.jpg" alt="iGEM" width="173" height="150" /> </br> </br> USTC-Software </h1> |
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
- | < | + | <!-- Navigation --> |
- | + | <ul id="nav"> | |
- | + | <li><a href="./index.html">Home</a></li> | |
- | + | <li><a href="./02_project.html">Project</a> | |
- | + | <ul> | |
- | <li><a href=" | + | <li><a href="#">TBD_1</a></li> |
- | + | <li><a href="#">TBD_2</a></li> | |
- | + | <li><a href="#">TBD_3</a> | |
- | + | <ul> | |
- | + | <li><a href="#">TBD_3_1</a></li> | |
+ | <li><a href="#">TBD_3_2</a></li> | ||
+ | <li><a href="#">TBD_3_3</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="./03_model.html">MoDeL</a> | ||
+ | <ul> | ||
+ | <li><a href="#">TBD_1</a></li> | ||
+ | <li><a href="#">TBD_2</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="./04_notebook.html">Notebook</a> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="./05_team.html">Team</a> | ||
+ | <ul> | ||
+ | <li><a href="./05_01_members.html">members</a></li> | ||
+ | <li><a href="./05_02_collaboration.html">collaboration</a></li> | ||
+ | <li><a href="./05_03_attribution.html">attribution</a></li> | ||
+ | <li><a href="./05_04_acknowledgements.html">acknowledgements</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a class="on" href="./06_human practice.html">Human practice</a> <!--current page--> | ||
+ | <ul> | ||
+ | <li><a href="./06_01_safety.html">safety</a></li> | ||
+ | <li><a href="./06_02_meetup.html">meetup</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | <!-- // Navigation --> | ||
<div class="cleaner"></div> | <div class="cleaner"></div> | ||
Line 298: | Line 345: | ||
<div id="content_wrapper"> | <div id="content_wrapper"> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</div> | </div> | ||
Line 393: | Line 355: | ||
<div id="mfooter"> | <div id="mfooter"> | ||
- | + | <ul class="mfooter_menu"> | |
- | <li><a href=" | + | <li><a href="./index.html" target="_parent">Home</a></li> |
- | <li><a href=" | + | <li><a href="./02_project.html" target="_parent">Proiect</a></li> |
- | <li><a href=" | + | <li><a href="./03_model.html" target="_parent">MoDeL</a></li> |
- | <li><a href=" | + | <li><a href="./04_notebook.html" target="_parent">Notebook</a></li> |
- | <li><a href=" | + | <li><a href="./05_team.html" target="_parent">Team</a></li> |
- | <li class="last_menu"><a href=" | + | <li class="last_menu"><a href="#" class="current">Human Practice</a></li> |
- | + | </ul> | |
- | Welcome to   <a href="http://en.ustc.edu.cn/" target="_blank">University of Science and Technology of China</a> ! | + | <b> Welcome to   <a href="http://en.ustc.edu.cn/" target="_blank">University of Science and Technology of China</a> ! </b> |
- | <div id="to_org_box"><a href="https://2011.igem.org/Main_Page"><img class="logo" src="https://static.igem.org/mediawiki/2011/8/88/USTC_Software_back_to_igem.png" width=" | + | <div id="to_org_box"><a href="https://2011.igem.org/Main_Page"><img class="logo" src="https://static.igem.org/mediawiki/2011/8/88/USTC_Software_back_to_igem.png" width="69" height="70"alt="to igem.org" style="right:auto"/></a> |
+ | </div> | ||
<div id="totop_box"> | <div id="totop_box"> | ||
- | <a href="#top"><img class="logo" src="https://static.igem.org/mediawiki/2011/e/eb/USTC_Software_top_icon.gif" width=" | + | <a href="#top"><img class="logo" src="https://static.igem.org/mediawiki/2011/e/eb/USTC_Software_top_icon.gif" width="76" height="72"alt="go back to top" style="right:auto"/></a> |
</div> | </div> | ||
Revision as of 13:04, 1 September 2011