Team:SUSTC-Shenzhen-A DengLuo index

From 2012.igem.org

(Difference between revisions)
 
(39 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>Scene Template, free website template</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." />
-
<link href="https://static.igem.org/mediawiki/igem.org/6/6b/Templatemo_style.txt" rel="stylesheet" type="text/css" />
+
 
-
<link href="https://static.igem.org/mediawiki/igem.org/c/c2/Jquery.ennui.contentslider.txt" rel="stylesheet" type="text/css" media="screen,projection" />
+
 
 +
 
 +
<style type="text/css">
 +
 
 +
 
 +
 
 +
<!--我们需要先把igem原网站的一些东西删掉-->
 +
#globalWrapper {width: 100%;  }
 +
#top-section {width: 100%; height:100%; border:none;}
 +
#p-logo {display:none;}
 +
#search-controls {display:none;}
 +
.printfooter {display:none;}
 +
#footer-box {border:none;}
 +
.firstHeading {display:none;}
 +
#content { border:none;  }
 +
#bodyContent {border:none;  }
 +
 
 +
<!--删除完毕-->
 +
 
 +
 
 +
 
 +
/*
 +
* Color, Border, and Button Rules
 +
*/
 +
.contentslider {
 +
  padding: 0; /* This acts as a border for the content slider */
 +
  background: none; /* This is the color of said border */
 +
    overflow:hidden;
 +
}
 +
.cs_wrapper, .cs_article {
 +
/*  background-color: none;  Background color for the entries */
 +
}
 +
.cs_leftBtn, .cs_rightBtn {
 +
margin-top: 50px;
 +
  width:52px; /* Should be as wide as the button graphic being used */
 +
/*  background: none;  This will probably match the contentslider bg color */
 +
}
 +
 
 +
/*
 +
* Article styles (font, color, etc.)
 +
*
 +
* If textResize is set to TRUE, sizing shouldn't need to be touched. However,
 +
* depending on the sizes you have defined, additional tweaking may be
 +
* required in order to get the text to display properly.
 +
*/
 +
 
 +
/*
 +
******************************************************************************
 +
* These styles may be affected by the plugin, so avoid changing them if
 +
* it's not absolutely necessary.
 +
******************************************************************************
 +
*/
 +
.contentslider {
 +
  position:relative;
 +
  display:block;
 +
  width: 535px;
 +
  height: 233px;
 +
  margin:0 auto;
 +
  overflow:hidden;
 +
}
 +
.cs_wrapper {
 +
  position:relative;
 +
  display:block;
 +
  width:100%;
 +
  height:100%;
 +
  margin:0;
 +
  padding:0;
 +
  overflow:hidden;
 +
}
 +
.cs_slider {
 +
  position:absolute;
 +
  width:10000px;
 +
  height:100%;
 +
  margin:0;
 +
  padding:0;
 +
    overflow:hidden;
 +
}
 +
.cs_article {
 +
  float:left;
 +
  position:relative;
 +
  top:0;
 +
  left:0;
 +
  display:block;
 +
  width: 535px;
 +
  height: 233px;
 +
  margin:0 auto;
 +
  padding: 0;
 +
/* background-color: none; */
 +
    overflow:hidden;
 +
}
 +
 
 +
.cs_article img {
 +
float: left;
 +
}
 +
 
 +
.cs_leftBtn, .cs_rightBtn {
 +
  position:absolute;
 +
  top: 0px;
 +
  height: 233px;
 +
  padding:0;
 +
  z-index:10000;
 +
}
 +
.cs_leftBtn {
 +
  left:0;
 +
  outline:0;
 +
}
 +
.cs_rightBtn {
 +
  right:0;
 +
  outline:0;
 +
}
 +
.cs_leftBtn img, .cs_rightBtn img {
 +
  border:0;
 +
  position:relative;
 +
  top: 10px;
 +
  margin:0;
 +
}
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
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/igem.org/2/24/Templatemo_body_top.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;
 +
}
 +
 
 +
#temmplatmeo_header {
 +
height: 96px;
 +
        margin-right: 50px
 +
background: url(https://static.igem.org/mediawiki/2012/9/91/Templatemo_menu.jpg) no-repeat bottom;
 +
}
 +
 
 +
/* site title */
 +
 
 +
#temmplatmeo_header  #site_title {
 +
float: left;
 +
width: 200px;
 +
padding: 10px 0 0 50px;
 +
}
 +
 
 +
 
 +
#site_title a {
 +
margin: 0px;
 +
padding: 0px;
 +
font-size: 30px;
 +
color: #ffffff;
 +
font-weight: bold;
 +
text-decoration: none;
 +
}
 +
 
 +
#site_title h1 a:hover {
 +
font-weight: bold;
 +
text-decoration: none;
 +
}
 +
 
 +
/* 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/2012/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/a/ad/Templatemo_menu_button_hover.png);
 +
}
 +
 
 +
/* end of menu */
 +
 
 +
/* banner */
 +
 
 +
#templatemo_banner {
 +
width: 954px;
 +
height: 236px;
 +
padding: 50px 35px;
 +
background: url(https://static.igem.org/mediawiki/2012/1/17/Templatemo_banner.png) no-repeat;
 +
}
 +
 
 +
#banner_left {
 +
float: left;
 +
width: 365px;
 +
color: #fff;
 +
text-align: justify;
 +
}
 +
 
 +
#banner_left h2 {
 +
font-size: 28px;
 +
font-weight: normal;
 +
margin-top: 0;
 +
}
 +
 
 +
#banner_left a {
 +
color: #1cc9c4;
 +
}
 +
 
 +
#banner_right {
 +
position: relative;
 +
float: right;
 +
width: 517px;
 +
height: 215px;
 +
padding: 9px;
 +
margin-right: 30px;
 +
overflow: hidden;
 +
}
 +
 
 +
#banner_right span {
 +
position: absolute;
 +
width: 535px;
 +
height: 233px;
 +
top: 0;
 +
left: 0;
 +
z-index: 800;
 +
background: url(https://static.igem.org/mediawiki/2012/6/62/Templatemo_banner_image_frame.png) no-repeat;
 +
}
 +
/* 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>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
</head>
</head>
<body>
<body>
Line 13: Line 470:
<div id="temmplatmeo_header">
<div id="temmplatmeo_header">
   <div id="site_title">
   <div id="site_title">
-
           <a href="http://www.templatemo.com" target="_parent">
+
           <a href="#" 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/igem.org/2/2f/Templatemo_logo.png" alt="Scene Template" />
             </a>
             </a>
Line 22: Line 479:
             <ul>
             <ul>
                 <li><a href="index.html" class="current">Home</a></li>
                 <li><a href="index.html" class="current">Home</a></li>
-
                 <li><a href="#">About</a></li>
+
                 <li><a href="#">About1</a></li>
 +
                <li><a href="#">About2</a></li>
                 <li><a href="portfolio.html">Portfolio</a></li>
                 <li><a href="portfolio.html">Portfolio</a></li>
                 <li><a href="#">Contact Us</a></li>
                 <li><a href="#">Contact Us</a></li>
Line 35: Line 493:
   <div id="banner_left">
   <div id="banner_left">
         <h2>SUSTC  TEAM</h2>
         <h2>SUSTC  TEAM</h2>
-
             <p>Vivamus a velit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur quis velit quis tortor tincidunt aliquet. Vivamus leo velit, convallis id, ultrices sit amet, tempor a, libero.</p>
+
             <p>Vivamus a velit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.  
 +
 
 +
Curabitur quis velit quis tortor tincidunt aliquet. Vivamus leo velit, convallis id, ultrices sit amet, tempor a,  
 +
 
 +
libero.</p>
             <p>&nbsp;</p>
             <p>&nbsp;</p>
-
             <p>Mauris quis nulla sed ipsum pretium sagittis. Suspendisse feugiat. Ut sodales libero ut odio. Maecenas venenatis metus eu est. In sed risus ac felis varius bibendum. Nulla imperdiet congue metus. Vestibulum dapibus tortor. <a href="#">Read More</a></p>
+
             <p>Mauris quis nulla sed ipsum pretium sagittis. Suspendisse feugiat. Ut sodales libero ut odio. Maecenas  
 +
 
 +
venenatis metus eu est. In sed risus ac felis varius bibendum. Nulla imperdiet congue metus. Vestibulum dapibus tortor.  
 +
 
 +
<a href="#">Read More</a></p>
   </div>
   </div>
          
          
Line 45: Line 511:
           <div class="cs_wrapper">
           <div class="cs_wrapper">
               <div class="cs_slider">
               <div class="cs_slider">
 +
               
 +
<!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 -->
                  
                  
                   <div class="cs_article">
                   <div class="cs_article">
-
                         <img src="https://static.igem.org/mediawiki/igem.org/d/dc/Templatemo_image_01.jpg" alt="Seagulls" />
+
                         <img src="http://www.templatemo.com/templates/templatemo_195_scene/images/templatemo_image_01.jpg" alt="Seagulls" />
               </div>
               </div>
                      
                      
                     <div class="cs_article">
                     <div class="cs_article">
-
                       <img src="https://static.igem.org/mediawiki/igem.org/7/7b/Templatemo_image_02.jpg" alt="Seagull" />
+
                       <img src="http://www.templatemo.com/templates/templatemo_195_scene/images/templatemo_image_02.jpg" alt="Seagull" />
               </div>
               </div>
                      
                      
                     <div class="cs_article">
                     <div class="cs_article">
-
                       <img src="https://static.igem.org/mediawiki/igem.org/c/c1/Templatemo_image_03.jpg" alt="Seagull" />
+
                       <img src="http://www.templatemo.com/templates/templatemo_195_scene/images/templatemo_image_03.jpg" alt="Seagull" />
           </div>
           </div>
                      
                      
                   <div class="cs_article">
                   <div class="cs_article">
                       <a href="http://www.templatemo.com" target="_parent">
                       <a href="http://www.templatemo.com" target="_parent">
-
                       <img src="https://static.igem.org/mediawiki/igem.org/8/87/Templatemo_image_04.jpg" alt="Seagulls" />
+
                       <img src="http://www.templatemo.com/templates/templatemo_195_scene/images/templatemo_image_04.jpg" alt="Seagulls" />
                       </a>
                       </a>
                 </div>
                 </div>
 +
             
 +
 +
<!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 -->
 +
<!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 -->
 +
                
                
               </div><!-- End cs_slider -->
               </div><!-- End cs_slider -->
           </div><!-- End cs_wrapper -->
           </div><!-- End cs_wrapper -->
-
        </div><!-- End contentslider -->
 
-
<!-- Site JavaScript -->
+
 
 +
 
 +
<!-- Site JavaScript -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
-
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
+
<script type="text/javascript" src="http://www.templatemo.com/templates/templatemo_195_scene/js/jquery.easing.1.3.js"></script>
-
<script type="text/javascript" src="js/jquery.ennui.contentslider.js"></script>
+
 
 +
 
 +
<script type="text/javascript"src="http://www.templatemo.com/templates/templatemo_195_scene/js/jquery.ennui.contentslider.js">
 +
</script>
 +
 
 +
 
 +
 
<script type="text/javascript">
<script type="text/javascript">
$(function() {
$(function() {
Line 82: Line 562:
});
});
</script>
</script>
-
<script src="js/jquery.chili-2.2.js" type="text/javascript"></script>
+
<script src="http://www.templatemo.com/templates/templatemo_195_scene/js/jquery.chili-2.2.js" type="text/javascript"></script>
-
<script src="js/chili/recipes.js" type="text/javascript"></script>
+
<script src="http://www.templatemo.com/templates/templatemo_195_scene/js/chili/recipes.js" type="text/javascript"></script>
-
          
+
 
 +
         </div><!-- End contentslider -->
 +
 
 +
<!-- Site JavaScript -->
 +
     
       </div>  <!-- end of slider -->  
       </div>  <!-- end of slider -->  
Line 96: Line 580:
</body>
</body>
 +
</html>
</html>

Latest revision as of 14:30, 8 September 2012

************************

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