Team:SUSTC-Shenzhen-A/YX2
From 2012.igem.org
(Difference between revisions)
(5 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<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></title> | + | <title>播放视频</title> |
<meta name="keywords" content="scene, clean, professional, layout, free website templates, CSS, HTML" /> | <meta name="keywords" content="scene, clean, professional, layout, free website templates, CSS, HTML" /> | ||
<meta name="description" content="Scene Template is a clean and professional website layout for free download." /> | <meta name="description" content="Scene Template is a clean and professional website layout for free download." /> | ||
Line 9: | Line 9: | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | trytop | ||
+ | { | ||
+ | position:fixed; top:540px; left:1220px; right:12px; | ||
+ | background:url("https://static.igem.org/mediawiki/2012/d/d5/Backtop.jpg") no-repeat; | ||
+ | background-position: 0px 0px; | ||
+ | display: inline; | ||
+ | float: left; | ||
+ | height: 150px; | ||
+ | width:50px; | ||
+ | margin-bottom: 0; | ||
+ | } | ||
<!--我们需要先把igem原网站的一些东西删掉--> | <!--我们需要先把igem原网站的一些东西删掉--> | ||
Line 26: | Line 37: | ||
#footer-box {display:none; } | #footer-box {display:none; } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
<!--删除完毕--> | <!--删除完毕--> | ||
+ | |||
+ | |||
+ | |||
/* | /* | ||
* Color, Border, and Button Rules | * Color, Border, and Button Rules | ||
Line 132: | Line 162: | ||
body { | body { | ||
- | |||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
Line 139: | Line 168: | ||
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; | |
} | } | ||
+ | |||
+ | a:link, a:visited { color: #17aba6; text-decoration: underline; font-weight: bold; } | ||
+ | a:active, a:hover { color: #CC9900; text-decoration: none; } | ||
+ | |||
+ | p { margin: 0px; padding: 0px; } | ||
+ | |||
+ | img { margin: 0px; padding: 0px; border: none; } | ||
+ | |||
+ | .cleaner { clear: both; width: 100%; height: 0px; font-size: 0px; } | ||
+ | |||
+ | .cleaner_h30 { clear: both; width:100%; height: 30px; } | ||
+ | .cleaner_h40 { clear: both; width:100%; height: 40px; } | ||
+ | |||
+ | .margin_r10 { margin-right: 10px; } | ||
+ | |||
+ | .float_l { float: left; } | ||
+ | .float_r { float: right; } | ||
+ | |||
+ | |||
+ | #templatemo_wrapper { | ||
+ | width: 1024px; | ||
+ | margin: 0 auto; | ||
+ | background-color:transparent; | ||
+ | } | ||
+ | |||
+ | #temmplatmeo_header { | ||
+ | height: 96px; | ||
+ | background: url(http://taftproot.gotoip2.com/ld/images/templatemo_menu.jpg) no-repeat bottom; | ||
+ | } | ||
+ | |||
+ | /* site title */ | ||
+ | |||
+ | #temmplatmeo_header #site_title { | ||
+ | float: left; | ||
+ | width: 200px; | ||
+ | padding: 10px 0 0 50px; | ||
+ | background-color:transparent; | ||
+ | } | ||
+ | |||
+ | #site_title a { | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | font-size: 30px; | ||
+ | color: #ffffff; | ||
+ | font-weight: bold; | ||
+ | text-decoration: none; | ||
+ | background-color:transparent; | ||
+ | } | ||
+ | |||
+ | #site_title h1 a:hover { | ||
+ | font-weight: bold; | ||
+ | text-decoration: none; | ||
+ | background-color:transparent; | ||
+ | } | ||
+ | |||
+ | /* end of site title */ | ||
+ | |||
+ | /* menu */ | ||
+ | |||
+ | #temmplatmeo_header #templatemo_menu { | ||
+ | float: right; | ||
+ | padding-top: 53px; | ||
+ | height: 43px; | ||
+ | margin-right: 70px | ||
+ | } | ||
+ | |||
+ | #templatemo_menu ul { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | #templatemo_menu ul li { | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | #templatemo_menu ul li a { | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | display: block; | ||
+ | height: 33px; | ||
+ | width: 123px; | ||
+ | margin: 0 0 0 -20px; | ||
+ | padding: 10px 0 0 20px; | ||
+ | font-family: "Times New Roman", Times, serif; | ||
+ | text-align: center; | ||
+ | font-size: 16px; | ||
+ | text-decoration: none; | ||
+ | color: #fff; | ||
+ | font-weight: normal; | ||
+ | outline: none; | ||
+ | background:url(https://static.igem.org/mediawiki/igem.org/e/e8/Templatemo_menu_button.png) no-repeat; | ||
+ | } | ||
+ | |||
+ | #templatemo_menu li a:hover, #templatemo_menu li .current { | ||
+ | z-index: 200; | ||
+ | background:url(https://static.igem.org/mediawiki/2012/8/82/SUSTC_SHENZHEN_A_temp_menu_button_hover.png); | ||
+ | } | ||
+ | |||
+ | /* end of menu */ | ||
+ | |||
/* banner */ | /* banner */ | ||
- | # | + | |
+ | #templatemo_banner { | ||
+ | width: 954px; | ||
+ | height: 336px; | ||
+ | padding: 10px 35px; | ||
+ | background: url(https://static.igem.org/mediawiki/igem.org/1/17/Templatemo_banner.png) no-repeat; | ||
+ | } | ||
+ | |||
+ | #banner_left { | ||
+ | float: left; | ||
+ | width: 380px; | ||
+ | color: #fff; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | #banner_left h2 { | ||
+ | font-size: 28px; | ||
+ | font-weight: normal; | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | |||
+ | #banner_left a { | ||
+ | color: #1cc9c4; | ||
+ | } | ||
+ | |||
+ | #banner_right1 { | ||
position: relative; | position: relative; | ||
float: right; | float: right; | ||
+ | width: 378px; | ||
+ | height: 348px; | ||
+ | padding: 9px; | ||
+ | margin-right: 30px; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | #banner_right { | ||
+ | position: relative; | ||
width: 517px; | width: 517px; | ||
height: 215px; | height: 215px; | ||
padding: 9px; | padding: 9px; | ||
- | margin-right: | + | margin-right: 30px; |
- | overflow: | + | overflow: display; |
} | } | ||
+ | |||
#banner_right span { | #banner_right span { | ||
position: absolute; | position: absolute; | ||
Line 158: | Line 324: | ||
left: 0; | left: 0; | ||
z-index: 800; | z-index: 800; | ||
- | background: url(https://static.igem.org/mediawiki/igem.org/6/62/Templatemo_banner_image_frame.png) no-repeat; | + | //background: url(https://static.igem.org/mediawiki/igem.org/6/62/Templatemo_banner_image_frame.png) no-repeat; |
} | } | ||
/* end of banner */ | /* end of banner */ | ||
+ | |||
+ | /* content */ | ||
+ | |||
+ | #templatemo_content { | ||
+ | |||
+ | clear: both; | ||
+ | width: 900px; | ||
+ | padding: 35px 62px 15px 62px; | ||
+ | background: url(https://static.igem.org/mediawiki/igem.org/8/89/Templatemo_content_bg.png) repeat-y center; | ||
+ | } | ||
+ | |||
+ | #content_bottom { | ||
+ | width: 1024px; | ||
+ | height: 6px; | ||
+ | background: url(images/templatemo_content_bottom.png) no-repeat; | ||
+ | } | ||
+ | |||
+ | .float_l_img { | ||
+ | float: left; | ||
+ | margin: 3px 15px 5px 0; | ||
+ | } | ||
+ | |||
+ | #templatemo_content h2 { | ||
+ | color: #9ea0a1; | ||
+ | font-weight: normal; | ||
+ | font-size: 25px; | ||
+ | margin: 0 0 25px 0; | ||
+ | } | ||
+ | |||
+ | #templatemo_content p { | ||
+ | margin-bottom: 6px; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | #templatemo_content strong { | ||
+ | color: #17aba6; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | #templatemo_content .services_list { | ||
+ | margin: 20px 150px 0 0; | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | #templatemo_content .services_list li { | ||
+ | margin: 0 0 5px 0; | ||
+ | padding: 4px 0 5px 15px; | ||
+ | border-bottom: 1px dashed #c7c7c7; | ||
+ | background: url(https://static.igem.org/mediawiki/igem.org/a/ac/List_icon.png) no-repeat center left; | ||
+ | } | ||
+ | |||
+ | .section_w900 { | ||
+ | clear: both; | ||
+ | width: 900px; | ||
+ | } | ||
+ | |||
+ | .section_w580 { | ||
+ | width: 580px; | ||
+ | } | ||
+ | |||
+ | .section_w280 { | ||
+ | float: right; | ||
+ | width: 280px; | ||
+ | } | ||
+ | |||
+ | .services_section { | ||
+ | clear: both; | ||
+ | padding: 20px; | ||
+ | background: url(https://static.igem.org/mediawiki/igem.org/3/3e/Templatemo_services.jpg) no-repeat top center; | ||
+ | } | ||
+ | |||
+ | .testimonial { | ||
+ | |||
+ | height: 160px; | ||
+ | padding: 60px 20px 20px 70px; | ||
+ | margin-bottom: 30px; | ||
+ | overflow: hidden; | ||
+ | background:url(https://static.igem.org/mediawiki/igem.org/8/81/Templatemo_testimonial.png) no-repeat; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | .twitter { | ||
+ | width: 280px; | ||
+ | height: 180px; | ||
+ | overflow: hidden; | ||
+ | background: url(https://static.igem.org/mediawiki/igem.org/a/a4/Templatemo_twitter.jpg) no-repeat center; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | .twitter ul { | ||
+ | margin: 0; | ||
+ | padding: 70px 30px 30px 30px; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | .twitter ul li { | ||
+ | margin: 0 0 10px 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | .twitter ul li span { | ||
+ | clear: both; | ||
+ | display: block; | ||
+ | font-style: italic; | ||
+ | color: #26aba7; | ||
+ | } | ||
+ | |||
+ | .showcase { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | .showcase li { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | display: block; | ||
+ | float: left; | ||
+ | width: 180px; | ||
+ | height: 196px; | ||
+ | margin: 0 13px 12px 0; | ||
+ | background: url(https://static.igem.org/mediawiki/igem.org/0/0d/Templatemo_portfolio_frame.jpg) no-repeat; | ||
+ | } | ||
+ | |||
+ | .showcase li a { | ||
+ | display: block; | ||
+ | margin: 20px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .showcase li a img { | ||
+ | margin-bottom: 5px; | ||
+ | } | ||
+ | |||
+ | .showcase li a span { | ||
+ | margin-top: 5px; | ||
+ | color: #5e5e5e; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | /* end of content */ | ||
+ | |||
+ | /* footer */ | ||
+ | |||
+ | #templatemo_footer { | ||
+ | clear: both; | ||
+ | width: 1000px; | ||
+ | padding: 10px 12px; | ||
+ | margin: 0 auto; | ||
+ | color: #252525; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | #templatemo_footer a { | ||
+ | font-weight: normal; | ||
+ | color: #252525; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | /* end of footer */ | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
</style> | </style> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
</head> | </head> | ||
<body> | <body> | ||
- | + | <a name="top"></a> | |
- | + | <a href="#top"><trytop></trytop></a> | |
- | + | <div id="templatemo_wrapper"> | |
+ | <div id="temmplatmeo_header"> | ||
+ | <div id="site_title"> | ||
+ | <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="Logo" /> | ||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | <div id="templatemo_menu"> | ||
+ | |||
+ | <ul> | ||
+ | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A" >Home</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Team" >Team</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/YX1" class="current">Human Practice</a></li> | ||
+ | </ul> | ||
- | <div | + | </div> <!-- end of templatemo_menu --> |
- | + | ||
- | + | </div> <!-- end of templatemo_header --> | |
- | + | ||
- | + | <div id="templatemo_banner"> | |
- | + | ||
- | + | <div id="banner_left"> | |
- | + | <p> </p> | |
- | + | <h2>Human Practice and Safety</h2> | |
- | + | <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> | |
- | + | <p> </p> | |
- | + | <ul> | |
- | + | <a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/YX1/High_School_Visits">High School Visits<img src="https://static.igem.org/mediawiki/2012/0/0f/Arrow_down.gif" style="BORDER: #6f6f6f; 5px dashed;margin:10px;" ></img> | |
- | + | </a> | |
- | + | <a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/YX1/PhotoGallery">Photo Gallery<img src="https://static.igem.org/mediawiki/2012/0/0f/Arrow_down.gif"style="BORDER: #6f6f6f; 5px dashed;margin:10px;"></img> | |
- | + | </a> | |
- | + | <p> </p> | |
- | + | <a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/YX1/SynBio_Intro">SynBio Intro<img src="https://static.igem.org/mediawiki/2012/0/0f/Arrow_down.gif"style="BORDER: #6f6f6f; 5px dashed;margin:10px;"></img> | |
- | + | </a> | |
- | + | <a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Safety">Safety<img src="https://static.igem.org/mediawiki/2012/0/0f/Arrow_down.gif"style="BORDER: #6f6f6f; 5px dashed;margin:10px;"></img> | |
- | + | </a> | |
- | </ | + | |
- | + | ||
- | + | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div id="banner_right1"> | ||
+ | <table> | ||
+ | <tr> | ||
+ | <td valign="left"> | ||
+ | <P> | ||
+ | <embed src="http://player.youku.com/player.php/sid/XNDUzOTI0NDY4/v.swf" play="true" quality="high" width="360" height="280" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed> | ||
+ | </P> | ||
+ | <p>Produced by "Bad-Tempered Cat"</p> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
+ | |||
<!-- Site JavaScript --> | <!-- Site JavaScript --> | ||
<!-- 幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯 --> | <!-- 幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯 --> |
Latest revision as of 16:04, 23 September 2012