Team:WHU-China/templates/standardpage header

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
  <link rel="stylesheet" href="https://2011.igem.org/Team:DTU-Denmark/stylesheet?action=raw&ctype=text/css" type="text/css" />
 
-
<script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script>
+
<style type="text/css">
-
    <!-- iGem wiki hacks -->
+
#content{position:absolute;top:10px;left:0;width:100%;height:auto;}
-
        <!-- Remove all empty <p> tags -->
+
#top-section{border:0;height:0;}
-
        <script type="text/javascript">
+
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {display: none;}
-
            $(document).ready(function() {
+
.firstHeading {margin-bottom: 0.1em;}
-
                $("p").filter( function() {
+
# p-logo{display:none;}
-
                    return $.trim($(this).html()) == '';
+
#header{position:relative;z-index:1000;min-height:88px;height:auto!important;height:88px;background: url(./files/iconleft.jpg) 0 0 no-repeat;background-color:#f3f5f2;}
-
                }).remove();
+
#header-inner{position:relative;margin:0 auto;width:960px;height:88px;}
-
            });
+
#logo{position:relative;top:17px;zoom:1;width:129px;height:58px;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png',sizingMethod='image');}
-
        </script>
+
#logo img{_display:none;}
 +
#menu{position:absolute;right:7px;bottom:0;height:34px;font-size:13px;_font-size:12px;}
 +
.toplist{float:left;height:34px;line-height:34px;}
 +
#menu_lbg{position:absolute;left:-7px;top:0;width:7px;height:34px;background:url(../images/mbg_l.png) 0 0 no-repeat;_background-image:url(../images/mbg_l.jpg);}
 +
#menu_rbg{position:absolute;right:-7px;top:0;width:7px;height:34px;background:url(../images/mbg_r.png) 0 0 no-repeat;_background-image:url(../images/mbg_r.jpg);}
 +
.topla{display:inline-block;height:34px;line-height:37px\9;background:url(../images/mbg_rp.png) 0 0 repeat-x;_background:url(../images/mbg_rp.jpg) 0 0 repeat-x;text-decoration:none;color:#000;overflow:hidden;border-left:solid 1px #c0c0c0;cursor:pointer;}
 +
.toplist a.first{border:none;}
 +
.topla:hover{background-image:url(../images/mbg_rp_h.png);_background-image:url(../images/mbg_rp_h.jpg);}
 +
.topla span{display:inline-block;padding:0 28px;height:34px;background:url(../images/mbg_s.jpg) right 0 no-repeat;}
 +
.toplist a.last span{background:none!important;}
 +
.toplist a.hover{background-image:url(../images/mbg_rp_h.png);}
 +
.toplist a.hover span{background-image:url(../images/mbg_s_h.jpg);}
 +
.hover #menu_lbg{background-image:url(../images/mbg_l_h.png);_background-image:url(../images/mbg_l_h.jpg);}
 +
.hover #menu_rbg{background-image:url(../images/mbg_r_h.png);_background-image:url(../images/mbg_r_h.jpg);}
 +
.sec{display:none;}
 +
#menu-sub-container{margin:0 auto;width:100%;height:0;background-color:#d3d3d3;color:#000;overflow:hidden;}
 +
#menu-sub-container-inner{display:block;position:absolute;left:50%;top:0;margin-left:-480px;width:960px;}
 +
.menu-sub-list-row{margin:0 auto;padding-top:12px;}
 +
.menu-sub-list-row li{width:150px;}
 +
.menu-sub-list-row a{color:#000;text-decoration:none;}
 +
.menu-sub-list-row h3 a{color:#000;}
 +
.menu-sub-list-row .hover h3,.menu-sub-list-row .hover h3 a{color:#fc3;}
 +
.menu-sub-list-row .hover a{color:#000;text-decoration:none;}
 +
.menu-sub-list-row a:hover{text-decoration:underline;}
 +
.iframe_gd{float:right;margin-right:20px;margin-top:1px;margin-top:-5px\9;*margin-top:1px;}
 +
@-moz-document url-prefix(){.iframe_gd{margin-top:-5px;}} 
 +
</style>
-
        <!-- Remove "team" from the menubar -->
+
<div id="header-inner">
-
        <script type="text/javascript">
+
      <a id="logo" href="./BGI_files/BGI.htm"><img src="./BGI_files/logo.png"></a>
-
            $(document).ready(function() {
+
-
                $("menubar > ul > li:last-child").remove();
+
<ul id="menu">
-
            });
+
<li class="toplist"><a class="first  topla" title="中文" href="./iGEM2013_WHU.htm"><span>HOME</span><b id="menu_lbg"></b></a></li>
-
        </script>
+
 +
 +
 +
 +
<li class="toplist"><a class="topla" title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1491"><span>Team</span></a>
 +
 +
 +
<div class="sec">
 +
<ul class="menu-sub-list-row lh180 clearfix fr">
 +
 +
                <li class="clearfix fl">
 +
                    <h3 class="fb"><a title="Team" href="http://www.genomics.cn/navigation/show_navigation?nid=5643">official team profile</a></h3>
 +
 +
                    <ul>
 +
 +
                        </ul>
 +
 +
                </li>
 +
 +
                <li class="clearfix fl">
 +
                    <h3 class="fb"><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1496">Team member</a></h3>
 +
 +
                    <ul>
 +
 +
                        </ul>
 +
 +
                </li>
 +
 +
                <li class="clearfix fl">
 +
                    <h3 class="fb"><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1497">Space</a></h3>
 +
 +
                    <ul>
 +
 +
                        </ul>
 +
 +
                </li>
 +
 +
 +
</ul>
 +
</div>
 +
 +
</li>
 +
 +
 +
 +
<li class="toplist"><a class="topla" title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1492"><span>Project</span></a>
 +
 +
 +
<div class="sec">
 +
<ul class="menu-sub-list-row lh180 clearfix fr">
 +
 +
                <li class="clearfix fl">
 +
                    <h3 class="fb"><a target="_blank" title="project" href="http://www.bgitechsolutions.cn/">Project brief</a></h3>
 +
 +
                    <ul>
 +
 +
                        </ul>
 +
 +
                </li>
 +
 +
                <li class="clearfix fl">
 +
                    <h3 class="fb"><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1503">cas9</a></h3>
 +
 +
                    <ul>
 +
 +
                        <li><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1534">construction</a></li>
 +
 +
                        <li><a title="" href="http://www.forensics.org.cn/">how it work</a></li>
 +
 +
                        <li><a title="" href="http://www.gbi.com.cn/">how to use</a></li>
 +
 +
                        </ul>
 +
 +
                </li>
 +
             
 +
                             
 +
                <li class="clearfix fl">
 +
                    <h3 class="fb"><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1503">RNAP</a></h3>
 +
 +
                    <ul>
 +
 +
                        <li><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1534">construction</a></li>
 +
 +
                        <li><a title="" href="http://www.forensics.org.cn/">how it work</a></li>
 +
 +
                        <li><a title="" href="http://www.gbi.com.cn/">how to use</a></li>
 +
 +
                        </ul>
 +
 +
                </li>
 +
                             
 +
                <li class="clearfix fl">
 +
                    <h3 class="fb"><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1503">gRNA</a></h3>
 +
 +
                    <ul>
 +
 +
                        <li><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1534">construction</a></li>
 +
 +
                        <li><a title="" href="http://www.forensics.org.cn/">how it work</a></li>
 +
 +
                        <li><a title="" href="http://www.gbi.com.cn/">how to use</a></li>
 +
 +
                        </ul>
 +
 +
                </li>
 +
 +
<li class="clearfix fl">
 +
                    <h3 class="fb"><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1503">Promoter</a></h3>
 +
 +
                    <ul>
 +
 +
                        <li><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1534">construction</a></li>
 +
 +
                        <li><a title="" href="http://www.forensics.org.cn/">how it work</a></li>
 +
 +
                        <li><a title="" href="http://www.gbi.com.cn/">how to use</a></li>
 +
 +
                        </ul>
 +
 +
                </li>
-
        <!-- Empty heading? - Then remove it.. -->
+
                <li class="clearfix fl">
-
        <script type="text/javascript">
+
                    <h3 class="fb"><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1504">moedeling</a></h3>
-
            $(document).ready(function() {
+
-
                if ("" == "</html>{{{1}}}<html>") {
+
                    <ul>
-
                    $("#heading").remove();
+
-
                }
+
                        <li><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1538">pair1</a></li>
-
            });
+
-
        </script>
+
                        <li><a target="_blank" title="" href="http://www.bab-genomics.com/">pair2</a></li>
 +
 +
                        <li><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1540">pair3</a></li>
 +
 +
                        <li><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1541">promoter</a></li>
 +
 +
                        </ul>
 +
 +
                </li>
 +
 +
</ul>
 +
</div>
 +
 +
</li>
 +
 +
 +
 +
<li class="toplist"><a class="topla" title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1493"><span>Modeling</span></a>
 +
 +
 +
<div class="sec">
 +
<ul class="menu-sub-list-row lh180 clearfix fr">
 +
 +
                <li class="clearfix fl">
 +
                    <h3 class="fb"><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1507">pair1</a></h3>
 +
 +
                    <ul>
 +
 +
                        <li><a title="454 GS FLX+ System" href="http://www.genomics.cn/navigation/show_navigation?nid=5671"></a></li>
 +
 +
                        <li><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1545"></a></li>
 +
 +
                        <li><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1547"></a></li>
 +
 +
                        <li><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1548"></a></li>
 +
 +
                        </ul>
 +
 +
                </li>
 +
 +
                <li class="clearfix fl">
 +
                    <h3 class="fb"><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1509">pair2</a></h3>
 +
<ul>
 +
<li><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1549"></a></li>
 +
                       
 +
                        <li><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1550"></a></li>
-
 
+
</ul>
-
<!-- HTML CONTENT -->
+
                </li>
-
<!-- ************ -->
+
-
 
+
                <li class="clearfix fl">
-
    <!-- Header image -->
+
                    <h3 class="fb"><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1510">pair3</a></h3>
-
    <div id="header">
+
-
        <div class="centering">
+
                    <ul>
-
        </div>
+
 +
                        <li><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1553"></a></li>
 +
 +
                        <li><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=3078"></a></li>
 +
 +
                        </ul>
 +
 +
                </li>
 +
 +
                <li class="clearfix fl">
 +
                    <h3 class="fb"><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1511">pair4</a></h3>
 +
 +
                    <ul>
 +
 +
                        </ul>
 +
 +
                </li>
 +
 +
</ul>
 +
</div>
 +
 +
</li>
 +
 +
 +
 +
<li class="toplist"><a class="topla" title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1494"><span>Notebook & Safety</span></a>
 +
 +
 +
<div class="sec">
 +
<ul class="menu-sub-list-row lh180 clearfix fr">
 +
 +
                <li class="clearfix fl">
 +
                    <h3 class="fb"><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1513">Safety problems</a></h3>
 +
 +
                </li>
 +
 +
                <li class="clearfix fl">
 +
                    <h3 class="fb"><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1512">Notebook</a></h3>
 +
 +
                    <ul>
 +
 +
                        <li><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=3087">Sponsers</a></li>
 +
 +
                        <li><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=5667">Thanks</a></li>
 +
 +
                        <li><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=5655">support</a></li>
 +
 +
                        </ul>
 +
 +
                </li>
 +
 +
                <li class="clearfix fl">
 +
                    <h3 class="fb"><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1514">Attributions</a></h3>
 +
 +
                </li>
 +
 +
                <li class="clearfix fl">
 +
                    <h3 class="fb"><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1515"></a></h3>
 +
 +
                </li>
 +
 +
</ul>
 +
</div>
 +
 +
</li>
 +
 +
 +
<li class="toplist"><a class="last topla" title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1495"><span>Human Practice</span><b id="menu_rbg"></b></a>
 +
 +
 +
 +
<div class="sec">
 +
<ul class="menu-sub-list-row lh180 clearfix fr">
 +
 +
                <li class="clearfix fl">
 +
                    <h3 class="fb"><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1516">Preach & Communication</a></h3>
 +
 +
                    <ul>
 +
 +
                        <li><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1561"></a></li>
 +
 +
                        <li><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1562"></a></li>
 +
 +
                        <li><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1563"></a></li>
 +
 +
                        <li><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1564"></a></li>
 +
 +
                        <li><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=3076"></a></li>
 +
 +
                        <li><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=5691"></a></li>
 +
 +
                        </ul>
 +
 +
                </li>
 +
 +
                <li class="clearfix fl">
 +
                    <h3 class="fb"><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1517">Dark Cooking</a></h3>
 +
 +
                    <ul>
 +
 +
                        <li><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1565">Season 1</a></li>
 +
 +
                        <li><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1566">Season 2</a></li>
 +
 +
                        <li><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1567">Season 3</a></li>
 +
 +
                        <li><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1568">Season 4</a></li>
 +
 +
                        </ul>
 +
 +
                </li>
 +
 +
                <li class="clearfix fl">
 +
                    <h3 class="fb"><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1518">Brochures</a></h3>
 +
 +
                    <ul>
 +
 +
                        <li><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=5654">fast gate1</a></li>
 +
 +
                        <li><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1572">fast gate2</a></li>
 +
 +
                        </ul>
 +
 +
                </li>
 +
 +
                <li class="clearfix fl">
 +
                    <h3 class="fb"><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1519">Frisndship</a></h3>
 +
 +
</ul>
 +
</div>
 +
 +
</li>
 +
 +
 +
</ul>
 +
 +
     </div>
     </div>
-
 
+
     <div id="menu-sub-container" class="pr" style="height: 0px; display: block;">
-
     <!-- Navigation bar -->
+
<div id="menu-sub-container-inner">
-
    </html>{{:Team:DTU-Denmark/Templates/Navigationbar}}<html>
+
<ul class="menu-sub-list-row lh180 clearfix fr">
-
</div>
+
-
    <!-- Page heading -->
+
                <li class="clearfix fl">
-
    <div id="heading">
+
                    <h3 class="fb"><a title="Team" href="http://www.genomics.cn/navigation/show_navigation?nid=5643">official team profile</a></h3>
-
        <div class="centering">
+
-
            <h1>
+
                    <ul>
-
</html>
+
-
{{{1}}}
+
                        </ul>
-
<html>
+
-
            </h1>
+
                </li>
-
        </div>
+
-
    </div>
+
                <li class="clearfix fl">
-
 
+
                    <h3 class="fb"><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1496">Team member</a></h3>
-
    <!-- Prepare for content -->
+
-
    <div id="innercontent">
+
                    <ul>
-
        <div class="centering">
+
-
            <div class="whitebox article">
+
                        </ul>
 +
 +
                </li>
 +
 +
                <li class="clearfix fl">
 +
                    <h3 class="fb"><a title="" href="http://www.genomics.cn/navigation/show_navigation?nid=1497">Space</a></h3>
 +
 +
                    <ul>
 +
 +
                        </ul>
 +
 +
                </li>
 +
 +
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
</html>
</html>

Revision as of 01:36, 10 September 2013

Retrieved from "http://2013.igem.org/Team:WHU-China/templates/standardpage_header"