|
|
(86 intermediate revisions not shown) |
Line 1: |
Line 1: |
| {{:Team:HIT-Harbin/header/temp}} | | {{:Team:HIT-Harbin/header/temp}} |
- | {{:Team:HIT-Harbin/header/menu}}
| |
- |
| |
| <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-family: "Lucida Sans Unicode",verdana,helvetica,sans-serif;
| + | |
- | font-size:13px;
| + | |
- | padding: 0px 18px;
| + | |
- | width :960px;
| + | |
- | height:float;
| + | |
- | margin-top : 5px;
| + | |
- | 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;
| + | |
- | }
| + | |
- | /* 设置导航结束 */
| + | |
- | | + | |
- | /* -------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/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"> |