Team:SUSTC-Shenzhen-A/YX2

From 2012.igem.org

(Difference between revisions)
(Created page with "<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta name="keywords" content="scene, cle...")
 
(7 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 138: Line 168:
font-size: 10px;
font-size: 10px;
color: #6f6f6f;
color: #6f6f6f;
-
     background: #2ac5c0 url(https://static.igem.org/mediawiki/igem.org/2/24/Templatemo_body_top.jpg) repeat-x;
+
     background: #2ac5c0 url(https://static.igem.org/mediawiki/2012/e/e8/Templatemo_body_top2.jpg) repeat-x;
}
}
Line 159: Line 189:
 +
#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 {
#banner_left {
float: left;
float: left;
-
width: 365px;
+
width: 380px;
color: #fff;
color: #fff;
text-align: justify;
text-align: justify;
Line 180: Line 299:
}
}
-
#banner_right {
+
#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: 30px;
margin-right: 30px;
-
overflow: hidden;
+
overflow: display;
}
}
Line 197: 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 */
Line 360: Line 487:
/* end of footer */
/* 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="templatemo_wrapper">
<div id="temmplatmeo_header">
<div id="temmplatmeo_header">
   <div id="site_title">
   <div id="site_title">
-
           <a href="#" target="_parent">
+
           <a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A" target="_parent">
-
             <img src="https://static.igem.org/mediawiki/igem.org/2/2f/Templatemo_logo.png" alt="Scene Template" />
+
             <img src="https://static.igem.org/mediawiki/2012/8/89/Sustclogo-1.png" width="270" height="74" alt="Logo" />
-
                </a>
+
            </a>
-
                </div> 
+
         </div>
-
         </div> <!-- end of templatemo_header -->
+
      
      
-
  <div id="templatemo_banner">     
+
    <div id="templatemo_menu">
-
      <div id="banner_right"><span></span>
+
          
          
-
        <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="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

播放视频