Team:HIT-Harbin/header

From 2011.igem.org

(Difference between revisions)
Line 98: Line 98:
/* 设置导航 */
/* 设置导航 */
 +
.webwidget_menu_glide{
 +
    padding: 5px;
 +
    -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 .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;
 +
}
/* 设置导航结束 */
/* 设置导航结束 */
Line 274: Line 375:
<div id="banner">
<div id="banner">
         </div>
         </div>
-
         <div id="nav">
+
 
 +
         <div style="margin:0 auto; text-align:center;">
 +
 
 +
      <script language="javascript" type="text/javascript">
 +
            $(function() {
 +
                $("#webwidget_menu_glide3").webwidget_menu_glide({menu_width:"100", menu_height:"23", 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_glide3" });
 +
            });
 +
        </script>
 +
      <div id="webwidget_menu_glide3" class="webwidget_menu_glide">
 +
        <div class="webwidget_menu_glide_sprite"></div>
         <ul>
         <ul>
-
<li><a href="https://2011.igem.org/Team:HIT-Harbin"><span>Home</span></a></li>
+
          <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/Project"><span>Project</span></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/Team"><span>Team</span></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/Parts"><span>Parts</span></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/Data"><span>Data</span></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/Human Practice"><span>Human Practice</span></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/Notebook"><span>Notebook</span></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/Safety"><span>Safety</span></a></li>
+
          <li><a href="https://2011.igem.org/Team:HIT-Harbin/Safety">Safety</a></li>
         </ul>
         </ul>
-
        </div>
+
          <div style="clear: both"></div>
 +
      </div>
 +
<div>
 +
 
</div>
</div>
<div id="container">   
<div id="container">   
       <div id="mainbox">
       <div id="mainbox">

Revision as of 04:24, 21 September 2011