Team:SUSTC-Shenzhen-A/YX2

From 2012.igem.org

(Difference between revisions)
 
(6 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/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;
}
}
 +
 +
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 {
#banner_left a {
color: #1cc9c4;
color: #1cc9c4;
}
}
-
#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;
}
}
 +
#banner_right span {
#banner_right span {
position: absolute;
position: absolute;
-
width: 935px;
+
width: 535px;
height: 233px;
height: 233px;
top: 0;
top: 0;
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 327: 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

播放视频

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