Team:HIT-Harbin/header

From 2011.igem.org

(Difference between revisions)
 
(97 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:HIT-Harbin/header/temp}}
{{:Team:HIT-Harbin/header/temp}}
-
 
<html>
<html>
<head>
<head>
-
<link rel="stylesheet" type="text/css" href="?action=raw&ctype=text/css" />
+
<link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:HIT-Harbin/HIT-Harbin_main.css?action=raw&ctype=text/css" />  
-
<style type="text/css">
+
-
     
+
-
      *{ margin:0; padding:0;}
+
-
 
+
-
        p {padding:10px;word-break:break-all; word-wrap:break-word;}
+
-
       
+
-
        html,body {
+
-
font-family: "Lucida Sans Unicode",verdana,helvetica,sans-serif;
+
-
        text-decoration:none;
+
-
        background:#91d0e1;
+
-
                        }
+
-
 
+
-
        a{TEXT-DECORATION:none}
+
-
        a:hover{TEXT-DECORATION:none}
+
-
 
+
-
/* Global Form Styles */
+
-
    #header{
+
-
    width: 100%;
+
-
    height: 285px;
+
-
    margin:0 auto; 
+
-
    padding:0;
+
-
    background-color: transparent;
+
-
    }
+
-
 
+
-
    #banner{
+
-
    width: 1000px;
+
-
    height: 250px;
+
-
    margin:0 auto; 
+
-
    padding:0;
+
-
    border:0;
+
-
    background:url( https://static.igem.org/mediawiki/2011/1/12/Banner_HIT-Harbin.jpg); 
+
-
    position: relative;
+
-
    margin-bottom: 0px;
+
-
    -moz-border-radius: 20px 20px 0 0;
+
-
    -webkit-border-radius: 20px 20px 0 0;
+
-
    border-radius:20px 20px 0 0;
+
-
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px;
+
-
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px;
+
-
    -goog-ms-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px;
+
-
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px;
+
-
}     
+
-
 
+
-
#igem_logo {
+
-
float:right;
+
-
height:90px;
+
-
width:90px;
+
-
}   
+
-
+
-
#HIT_container{
+
-
           
+
-
              width: 100%;
+
-
              margin:0;
+
-
              padding:0;
+
-
              border-top: 3px solid #ccc;
+
-
              border-right: 0;
+
-
              border-bottom: 10px solid #0F67A1;
+
-
              border-left: 0;
+
-
              background:#fff;
+
-
}
+
-
             
+
-
        #HIT_mainbox{
+
-
            width: 1000px;
+
-
    margin:0 auto;
+
-
            padding:0;
+
-
            height:float;
+
-
            border: 0;
+
-
            background:#fff;
+
-
                }
+
-
 
+
-
 
+
-
 
+
-
      #footer{
+
-
      width: 100%;
+
-
      margin: 0 auto;
+
-
      border: 0;
+
-
    color:#9ccbf7;
+
-
      }
+
-
 
+
-
/* 设置cadre */
+
-
 
+
-
.cadre{
+
-
    text-align:left;
+
-
    font-size:20px;
+
-
    width :1000px;
+
-
    height:float;
+
-
    margin-top : 20px;
+
-
    border: 2px solid #ccc;
+
-
    -moz-border-radius: 10px;
+
-
    -webkit-border-radius: 10px;
+
-
    -goog-ms-border-radius: 10px;
+
-
    border-radius: 10px;
+
-
    }
+
-
 
+
-
       
+
-
 
+
-
/* 设置导航 */
+
-
.webwidget_menu_glide{
+
-
    padding: 5px  200px;
+
-
                }
+
-
 
+
-
.webwidget_menu_glide .webwidget_menu_glide_sprite{
+
-
    width: 100px;
+
-
    height: 20px;
+
-
    background-color: fuchsia;
+
-
    position: absolute;
+
-
    -moz-border-radius-topright: 10px;
+
-
    -moz-border-radius-topleft: 10px;
+
-
    -webkit-border-top-left-radius: 10px;
+
-
    -webkit-border-top-right-radius: 10px;
+
-
    -khtml-border-radius-topright: 10px;
+
-
    -khtml-border-radius-topleft: 10px;
+
-
    border-radius-topright: 10px;
+
-
    border-radius-topleft: 10px;
+
-
    -moz-border-radius-bottomright: 10px;
+
-
    -moz-border-radius-bottomleft: 10px;
+
-
    -webkit-border-bottom-left-radius: 10px;
+
-
    -webkit-border-bottom-right-radius: 10px;
+
-
    -khtml-border-radius-bottomright: 10px;
+
-
    -khtml-border-radius-bottomleft: 10px;
+
-
    border-radius-bottomright: 10px;
+
-
    border-radius-bottomleft: 10px;
+
-
 
+
-
 
+
-
    border-radius:10px;
+
-
}
+
-
.webwidget_menu_glide ul{
+
-
    padding: 0px;
+
-
    margin: 0px;
+
-
    font-family:Arial;
+
-
}
+
-
.webwidget_menu_glide ul li{
+
-
    float: left;
+
-
    list-style: none;
+
-
    position: relative;
+
-
    text-align: center;
+
-
    margin-right: 10px;
+
-
    width: 100px;
+
-
}
+
-
.webwidget_menu_glide ul li a{
+
-
    color: black;
+
-
    text-decoration: none;
+
-
    font-weight: bold;
+
-
}
+
-
.webwidget_menu_glide ul li ul{
+
-
    -moz-border-radius-bottomright: 7px;
+
-
    -moz-border-radius-bottomleft: 7px;
+
-
    -webkit-border-bottom-left-radius: 7px;
+
-
    -webkit-border-bottom-right-radius: 7px;
+
-
    -khtml-border-radius-bottomright: 7px;
+
-
    -khtml-border-radius-bottomleft: 7px;
+
-
    border-radius-bottomright: 7px;
+
-
    border-radius-bottomleft: 7px;
+
-
    border-radius:7px;
+
-
 
+
-
    padding-bottom: 5px;
+
-
    position: absolute;
+
-
    z-index: 999999;
+
-
    display: none;
+
-
}
+
-
.webwidget_menu_glide ul li ul li{
+
-
    -moz-border-radius-topright: 0px;
+
-
    -moz-border-radius-topleft: 0px;
+
-
    -webkit-border-top-left-radius: 0px;
+
-
    -webkit-border-top-right-radius: 0px;
+
-
    -khtml-border-radius-topright: 0px;
+
-
    -khtml-border-radius-topleft: 0px;
+
-
    border-radius-topright: 0px;
+
-
    border-radius-topleft: 0px;
+
-
    border-radius:0px;
+
-
    margin: 0px;
+
-
    float: none;
+
-
    border:none;
+
-
    word-wrap:break-word;
+
-
}
+
-
.webwidget_menu_glide ul li ul li a{
+
-
    padding-left: 5px;
+
-
    padding-right: 5px;
+
-
    font-weight: normal;
+
-
}
+
-
/* 设置导航结束 */
+
-
 
+
-
/* 设置slider */
+
-
 
+
-
#wowslider-container1  .ws_bullets {
+
-
    bottom: 18px;
+
-
left:50%;
+
-
}
+
-
#wowslider-container1  .ws_bullets div{
+
-
left:-50%;
+
-
}
+
-
#wowslider-container1 {
+
-
/* overflow: hidden; */
+
-
zoom: 1;
+
-
position: relative;
+
-
width:980px;
+
-
height:386px;
+
-
margin:0 auto;
+
-
z-index:100;
+
-
background-image: url(https://static.igem.org/mediawiki/2011/2/2a/HIT-Harbin_bg.png);
+
-
}
+
-
#wowslider-container1 .ws_images{
+
-
position: absolute;
+
-
left:10px;
+
-
top:9px;
+
-
width:960px;
+
-
height:360px;
+
-
overflow:hidden;
+
-
}
+
-
#wowslider-container1 .ws_images a{
+
-
color:transparent;
+
-
}
+
-
 
+
-
#wowslider-container1 .ws_images img{
+
-
top:0;
+
-
left:0;
+
-
border:none 0;
+
-
}
+
-
#wowslider-container1 a{
+
-
text-decoration: none;
+
-
outline: none;
+
-
border: none;
+
-
}
+
-
 
+
-
#wowslider-container1  .ws_bullets {
+
-
font-size: 0px;
+
-
padding: 10px;
+
-
float: left;
+
-
position:absolute;
+
-
z-index:70;
+
-
}
+
-
#wowslider-container1  .ws_bullets div{
+
-
position:relative;
+
-
float:left;
+
-
}
+
-
#wowslider-container1 .ws_bullets a {
+
-
width:15px;
+
-
height:15px;
+
-
background: url(https://static.igem.org/mediawiki/2011/5/53/HIT-Harbin_bullet.png) left top;
+
-
float: left;
+
-
text-indent: -1000px;
+
-
position:relative;
+
-
margin-left:3px;
+
-
}
+
-
#wowslider-container1 .ws_bullets a:hover{
+
-
background-position: 0 50%;
+
-
}
+
-
#wowslider-container1 .ws_bullets a.ws_selbull{
+
-
background-position: 0 100%;
+
-
}
+
-
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
+
-
position:absolute;
+
-
display:none;
+
-
top:50%;
+
-
margin-top:-15px;
+
-
z-index:60;
+
-
height: 45px;
+
-
width: 45px;
+
-
background-image: url(https://static.igem.org/mediawiki/2011/b/bc/HIT-Harbin_arrows.png);
+
-
}
+
-
#wowslider-container1 a.ws_next{
+
-
background-position: 100% 0;
+
-
right:21px;
+
-
}
+
-
#wowslider-container1 a.ws_prev {
+
-
left:21px;
+
-
background-position: 0 0;
+
-
}
+
-
* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}
+
-
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev {display:block}
+
-
 
+
-
#wowslider-container1 .ws-title{
+
-
position:absolute;
+
-
display:block;
+
-
bottom: 26px;
+
-
left: 20px;
+
-
margin-right:25px;
+
-
padding:15px;
+
-
background:#FFFFFF;
+
-
color:#333333;
+
-
z-index: 50;
+
-
font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
+
-
font-size: 14px;
+
-
opacity:0.8;
+
-
border-radius:5px;
+
-
-moz-border-radius:5px;
+
-
-webkit-border-radius:5px;
+
-
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
+
-
}
+
-
#wowslider-container1 .ws-title div{
+
-
padding-top:5px;
+
-
font-size: 12px;
+
-
}#wowslider-container1 .ws_bullets  a img{
+
-
text-indent:0;
+
-
display:block;
+
-
bottom:20px;
+
-
left:-120px;
+
-
visibility:hidden;
+
-
position:absolute;
+
-
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
+
-
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
+
-
    border: 4px solid #FFF;
+
-
border-radius:5px;
+
-
-moz-border-radius:5px;
+
-
}
+
-
#wowslider-container1 .ws_bullets a:hover img{
+
-
visibility:visible;
+
-
}
+
-
 
+
-
#wowslider-container1 .ws_bulframe div div{
+
-
height:90px;
+
-
overflow:visible;
+
-
position:relative;
+
-
}
+
-
#wowslider-container1 .ws_bulframe div {
+
-
left:0;
+
-
overflow:hidden;
+
-
position:relative;
+
-
width:240px;
+
-
}
+
-
#wowslider-container1  .ws_bullets .ws_bulframe{
+
-
display:none;
+
-
bottom:18px;
+
-
overflow:visible;
+
-
position:absolute;
+
-
cursor:pointer;
+
-
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
+
-
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
+
-
    border: 4px solid #FFF;
+
-
border-radius:5px;
+
-
-moz-border-radius:5px;
+
-
}
+
-
#wowslider-container1 .ws_bulframe span{
+
-
display:block;
+
-
position:absolute;
+
-
bottom:-10px;
+
-
margin-left:-4px;
+
-
left:120px;
+
-
background:url(https://static.igem.org/mediawiki/2011/0/08/HIT-Harbin_triangle.png);
+
-
width:15px;
+
-
height:6px;
+
-
}
+
-
/* 设置导slider结束 */
+
-
 
+
-
/* -------Team------ */
+
-
.team_info {
+
-
padding:10px;
+
-
padding-top:15px;
+
-
width:350px;
+
-
height:240px;
+
-
border: 4px solid #7ECBDF;
+
-
background: white;
+
-
-moz-border-radius: 20px;
+
-
-webkit-border-radius: 20px;
+
-
-goog-ms-border-radius: 20px;
+
-
border-radius: 20px;
+
-
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px;
+
-
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px;
+
-
-goog-ms-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px;
+
-
box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px;
+
-
border-top-left-radius: 20px 20px;
+
-
border-top-right-radius: 20px 20px;
+
-
border-bottom-right-radius: 20px 20px;
+
-
border-bottom-left-radius: 20px 20px;
+
-
}
+
-
.team_info p{ padding:0px;width:165px;}
+
-
.team_info div{ float:left;width:175px;height:230px;}
+
-
.team_intro{ width:180px;}
+
-
.team_intro th{ float:left;}
+
-
/* ------Team END------ */
+
-
 
+
-
</style>
+
-
 
+
-
<script type="text/javascript" src="https://2011.igem.org/Team:HIT-Harbin/jquery.js?action=raw&ctype=text/javascript"></script>
+
-
<style type="text/css">a#vlb{display:none}</style>
+
-
 
+
-
<script type="text/javascript" src="https://2011.igem.org/Team:HIT-Harbin/header/HIT-Harbin_jquery-1.3.2.js?action=raw&ctype=text/javascript"></script>
+
-
 
+
-
<script type="text/javascript" src="https://2011.igem.org/Team:HIT-Harbin/header/HIT-Harbin_webwidget_menu_glide.js?action=raw&ctype=text/javascript"></script>
+
-
 
+
</head>
</head>
-
 
<body>
<body>
-
 
+
<div id="header">
-
<div id="header">
+
-
+
       <div id="banner">
       <div id="banner">
       <a href="https://2011.igem.org/Main_Page" id="igem_logo">             
       <a href="https://2011.igem.org/Main_Page" id="igem_logo">             
       </a>
       </a>
       </div>
       </div>
-
 
+
       <div class="menu">
-
        <div style="width:100%; margin:0 auto;text-align:center;">
+
-
       <div id="webwidget_menu_glide" class="webwidget_menu_glide">
+
-
        <div class="webwidget_menu_glide_sprite"></div>
+
         <ul>
         <ul>
-
           <li class="current"><a href="https://2011.igem.org/Team:HIT-Harbin">Home</a></li>
+
           <li><a href="https://2011.igem.org/Team:HIT-Harbin" style="width:90px; "  class="button blue  round glass">Home</a></li>
-
  <li><a href="https://2011.igem.org/Team:HIT-Harbin/Project">Project</a></li>
+
  <li><a href="https://2011.igem.org/Team:HIT-Harbin/Project"style="width:90px; "  class="button blue round  glass">Project</a></li>
-
           <li><a href="https://2011.igem.org/Team:HIT-Harbin/Team">Team</a></li>
+
           <li><a href="https://2011.igem.org/Team:HIT-Harbin/Team" style="width:90px; " class="button blue  round glass">Team</a></li>
-
           <li><a href="https://2011.igem.org/Team:HIT-Harbin/Parts">Parts</a></li>
+
           <li><a href="https://2011.igem.org/Team:HIT-Harbin/Parts" style="width:90px; "  class="button  blue  round glass">Parts</a></li>
-
           <li><a href="https://2011.igem.org/Team:HIT-Harbin/Data">Data</a></li>
+
           <li><a href="https://2011.igem.org/Team:HIT-Harbin/Data" style="width:90px; " class="button blue  round glass">Data</a></li>
-
  <li><a href="https://2011.igem.org/Team:HIT-Harbin/Human Practice">Human Practice</a></li>
+
  <li><a href="https://2011.igem.org/Team:HIT-Harbin/Human Practice" style="width:110px;font-size:10px; padding:4px 6px;margin:5px 8px 10px 8px;  " class="button blue  round glass">Human Practice</a></li>
-
           <li><a href="https://2011.igem.org/Team:HIT-Harbin/Notebook">Notebook</a></li>
+
           <li><a href="https://2011.igem.org/Team:HIT-Harbin/Notebook"  style="width:90px;" class="button blue  round glass">Notebook</a></li>
-
           <li><a href="https://2011.igem.org/Team:HIT-Harbin/Safety">Safety</a></li>
+
           <li><a href="https://2011.igem.org/Team:HIT-Harbin/Safety" style="width:90px;"  class="button blue round glass">Safety</a></li>
         </ul>
         </ul>
-
          <div style="clear: both"></div>
 
-
      </div>
 
  </div>
  </div>
-
      <script language="javascript" type="text/javascript">
+
 
-
            $(function() {
+
-
                $("#webwidget_menu_glide").webwidget_menu_glide({menu_width:"100", menu_height:"25",    menu_text_size:"12", menu_text_color:"#FFF", menu_sprite_color:"#86C7EF", menu_background_color:"#0F67A1", menu_margin:"2", sprite_speed:"normal", container:"webwidget_menu_glide" });
+
-
            });
+
-
        </script>
+
</div>
</div>
<div id="HIT_container">   
<div id="HIT_container">   
       <div id="HIT_mainbox">
       <div id="HIT_mainbox">

Latest revision as of 10:48, 25 November 2011