Team:SUSTC-Shenzhen-A/YX2

From 2012.igem.org

(Difference between revisions)
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 129: Line 159:
   background: transparent;
   background: transparent;
}
}
 +
 +
 +
body {
 +
margin: 0;
 +
padding: 0;
 +
line-height: 1.5em;
 +
font-family: Tahoma, Geneva, sans-serif;
 +
font-size: 10px;
 +
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 */
-
#banner_right {
+
 
 +
#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: 318px;
 +
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: 270px;
+
margin-right: 30px;
-
overflow: hidden;
+
overflow: display;
}
}
 +
#banner_right span {
#banner_right span {
position: absolute;
position: absolute;
Line 147: 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>
-
  <div id="templatemo_banner">      
+
<a href="#top"><trytop></trytop></a>
-
      <div id="banner_right"><span></span>
+
<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">
          
          
-
        <div id="one" class="contentslider">
+
            <ul>
-
          <div class="cs_wrapper">
+
                <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A" >Home</a></li>
-
              <div class="cs_slider">
+
                <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>
-
                  <div class="cs_article">
+
                <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Notebook">Notebook</a></li>
-
                        <img src="https://static.igem.org/mediawiki/igem.org/d/dc/Templatemo_image_01.jpg" alt="Seagulls" />
+
                <li ><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/YX1"  class="current">Human Practice</a></li>
-
              </div>
+
            </ul>   
-
                   
+
       
-
                    <div class="cs_article">
+
        </div> <!-- end of templatemo_menu -->
-
                      <img src="https://static.igem.org/mediawiki/igem.org/7/7b/Templatemo_image_02.jpg" alt="Seagull" />
+
   
-
              </div>
+
    </div> <!-- end of templatemo_header -->
-
                   
+
   
-
                    <div class="cs_article">
+
  <div id="templatemo_banner">
-
                      <img src="https://static.igem.org/mediawiki/igem.org/c/c1/Templatemo_image_03.jpg" alt="Seagull" />
+
   
-
          </div>
+
  <div id="banner_left">
-
                   
+
<p>&nbsp;</p>
-
                  <div class="cs_article">
+
        <h2>Human Practice and Safety</h2>
-
                      <a href="#" target="_parent">
+
<p>&nbsp;</p>
-
                      <img src="https://static.igem.org/mediawiki/igem.org/8/87/Templatemo_image_04.jpg" alt="Seagulls" />
+
            <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>
-
                      </a>
+
            <p>&nbsp;</p>
-
                </div>
+
<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>  
-
              </div><!-- End cs_slider -->
+
              </a>  
-
          </div><!-- End cs_wrapper -->
+
        <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>  
-
        </div><!-- End contentslider -->
+
              </a>
 +
<p>&nbsp;</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="300" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>
 +
</P>
 +
</td>
 +
</tr>
 +
</table>
 +
</div>
 +
 
<!-- Site JavaScript -->
<!-- Site JavaScript -->
<!-- 幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯 -->
<!-- 幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯 -->

Revision as of 15:54, 23 September 2012

播放视频

Retrieved from "http://2012.igem.org/Team:SUSTC-Shenzhen-A/YX2"