Team:NJU-QIBEBT/team

From 2014.igem.org

(Difference between revisions)
(Created page with "{{Team:NJU-QIBEBT/CSS/Reset}} <html> <head> <title></title> <meta charset="utf-8"> <script src="http://libs.baidu.com/jquery/1.8.1/jquery.min.js"></script> <scrip...")
Line 2: Line 2:
<html>
<html>
<head>
<head>
-
    <title></title>
+
<title></title>
-
    <meta charset="utf-8">
+
<meta charset="utf-8">
-
    <script src="http://libs.baidu.com/jquery/1.8.1/jquery.min.js"></script>
+
<script src="http://libs.baidu.com/jquery/1.8.1/jquery.min.js"></script>
-
    <script type="text/javascript">
+
<script type="text/javascript">
-
        $(function(){
+
    $(function(){
-
            $(window).scroll(function(){
+
        $(window).scroll(function(){
-
                var sTop = Math.max(document.body.scrollTop || document.documentElement.scrollTop);
+
            var sTop = Math.max(document.body.scrollTop || document.documentElement.scrollTop);
-
                if(sTop > 260 ){
+
            if(sTop > 260 ){
-
                    $("#fixedMenu").css({'position':'fixed','top':'0'});
+
                $("#fixedMenu").css({'position':'fixed','top':'0'});
-
                    $("#fixedMenu_2").css({
+
                $("#fixedMenu_2").css({
-
                        'display':'block'
+
                    'display':'block'
-
                    });
+
                });
-
                    $("#top-section").css({
+
                $("#top-section").css({
-
                        'display':'none'
+
                    'display':'none'
-
                    });
+
                });
-
                }
+
            }
-
                else{
+
            else{
-
                    $("#fixedMenu").css({'position':'relative'})
+
                $("#fixedMenu").css({'position':'relative'})
-
                    $("#fixedMenu_2").css({
+
                $("#fixedMenu_2").css({
-
                        'display':'none'
+
                    'display':'none'
-
                    });
+
                });
-
                }
+
             }
-
             })
+
         })
         })
-
     </script>
+
     })
 +
</script>
-
    <link href='http://fonts.useso.com/css?family=PT+Sans:400,700,400italic' rel='stylesheet' type='text/css'>
+
<link href='http://fonts.useso.com/css?family=PT+Sans:400,700,400italic' rel='stylesheet' type='text/css'>
-
    <style type="text/css">
+
<style type="text/css">
-
        #top-section {
+
    #top-section {
-
            background:rgba(0,0,0,0.1);}
+
        background:rgba(0,0,0,0.1);}
-
        .firstHeading{
+
    .firstHeading{
-
            display:none; }
+
        display:none; }
-
        li{
+
    li{
-
            list-style: none;
+
        list-style: none;
-
        }
+
    }
-
        *{
+
    *{
-
            padding:0;
+
        padding:0;
-
            margin: 0;
+
        margin: 0;
-
        }
+
    }
-
        a{
+
    a{
-
            text-decoration: none;
+
        text-decoration: none;
-
            color: #333333;
+
        color: #333333;
-
        }
+
    }
-
        body{
+
    body{
-
            padding:0;
+
        padding:0;
-
            margin: 0;
+
        margin: 0;
-
        }
+
    }
-
        body{
+
    body{
-
            background: url("https://static.igem.org/mediawiki/2014/f/f3/Halftone.png") repeat;
+
        background: url("https://static.igem.org/mediawiki/2014/f/f3/Halftone.png") repeat;
-
            padding:0;
+
        padding:0;
-
            margin: 0;
+
        margin: 0;
-
        }
+
    }
-
        #header{
+
    #header{
-
            margin: 0 auto;
+
        margin: 0 auto;
-
            width: 100%;
+
        width: 100%;
-
        }
+
    }
-
        #nav-top{
+
    #nav-top{
-
            width: 960px;
+
        width: 960px;
-
            margin: 0 auto;
+
        margin: 0 auto;
-
        }
+
    }
-
        #nav-bottom {
+
    /*
-
            width: 100%;
+
    #nav-bottom a{
-
            height: 50px;
+
        text-align: center;
-
            background:url("https://static.igem.org/mediawiki/2014/a/ae/10.jpg");
+
        top: 14px;
-
         }
+
        position: relative;
-
         #nav-bottom #nav_content{
+
        display: inline-block;
-
            width: 960px;
+
         font-size: 18px;
-
            margin: 0 auto;
+
         height: 54px;
-
         }
+
        padding-left: 10px;
-
         #nav-bottom ul li{
+
        padding-right: 10px;
-
            float: left;
+
        margin: 0;
-
            font-size: 18px;
+
         color: #e7e7e7;
-
            line-height: 50px;
+
         text-shadow: 2px 2px 3px #333333;
-
            text-align: center;
+
    }
-
            position: relative;
+
    */
-
         }
+
    #back_to_top {
-
         #nav-bottom li a{
+
        position: fixed;
-
            padding: 0 12px;
+
        left: 50%;
-
            font-family: 'PT Sans', sans-serif;
+
        margin-left: 500px;
 +
        width: 100px;
 +
        height: 100px;
 +
        bottom: 30px;
 +
         background: url("https://static.igem.org/mediawiki/2014/2/2e/Nju_back_to_top.png");
 +
    }
 +
    #back_to_top:hover{
 +
         background: url("https://static.igem.org/mediawiki/2014/3/35/Nju_back_to_top.gif");
 +
    }
 +
    #footer{
 +
        width: 100%;
 +
        background: url("https://static.igem.org/mediawiki/2014/6/6f/NJU_motif_grille.png") repeat;
 +
        height: 150px;
-
         }
+
    }
-
         #nav-bottom li a:hover{
+
    #footer #footerContent{
-
            color: #e7e7e7;
+
         width: 960px;
-
            text-decoration: none;
+
        overflow: hidden;
-
            background: rgba(51,51,51,0.5);
+
        color: #FAFAFA;
-
            display: block;
+
        margin: 0 auto;
-
            transition: all 0.3s;
+
    }
 +
    #footer #footerContent #footerLeft{
 +
         width: 400px;
 +
        float: left;
 +
        margin-top: 10px;
 +
    }
 +
    #footer #footerContent #footerRight{
 +
        width: 500px;
 +
        float: right;
 +
        margin-top: 10px;
 +
    }
 +
    #footer #footerContent p{
 +
        padding-top: 5px;
 +
        font-family: 'PT Sans', sans-serif;
 +
    }
 +
    #footer #footerContent h3{
 +
        font-size: 1.5em;
 +
        padding-top: 5px;
 +
        font-family: 'PT Sans', sans-serif;
 +
        font-weight: 700;
 +
    }
 +
    #nav-bottom {
 +
        width: 100%;
 +
        height: 50px;
 +
        background:url("https://static.igem.org/mediawiki/2014/a/ae/10.jpg");
 +
    }
 +
    #nav-bottom #nav_content{
 +
        width: 960px;
 +
        margin: 0 auto;
 +
    }
 +
    #nav-bottom ul li{
 +
        float: left;
 +
        font-size: 16px;
 +
        text-align: center;
 +
        overflow: hidden;
 +
    }
 +
    #nav-bottom li a{
 +
        padding: 0 12px;
 +
        font-family: 'PT Sans', sans-serif;
 +
        line-height: 50px;
 +
    }
 +
    #nav-bottom li a:hover{
 +
        color: #e7e7e7;
 +
        text-decoration: none;
 +
        background: rgba(51,51,51,0.5);
 +
        display: block;
 +
        transition: all 0.3s;
 +
    }
 +
    #nav-bottom ul li ul li{
 +
        float: none;
 +
        background-color: rgba(51,51,51,0.5);
 +
    }
-
         }
+
    #nav-bottom ul li ul li{
 +
         margin: 0px;
 +
        position: relative;
 +
        left: -999em;
 +
        transition:all 0.3s;
-
        #nav-bottom ul li ul li{
+
    }
-
            float: none;
+
    #nav-bottom ul li ul li a{
-
            background-color: #e7e7e7;
+
         padding: 10px;
-
        }
+
         display: inline;
-
        #nav-bottom ul li ul{
+
-
            position: absolute;
+
-
            top: 50px;
+
-
            left: 0px;
+
-
         }
+
-
        /*
+
-
        #nav-bottom a{
+
-
            text-align: center;
+
-
            top: 14px;
+
-
            position: relative;
+
-
            display: inline-block;
+
-
            font-size: 18px;
+
-
            height: 54px;
+
-
            padding-left: 10px;
+
-
            padding-right: 10px;
+
-
            margin: 0;
+
-
            color: #e7e7e7;
+
-
            text-shadow: 2px 2px 3px #333333;
+
-
         }
+
-
        */
+
-
        #back_to_top {
+
-
            position: fixed;
+
-
            left: 50%;
+
-
            margin-left: 500px;
+
-
            width: 100px;
+
-
            height: 100px;
+
-
            bottom: 30px;
+
-
            background: url("https://static.igem.org/mediawiki/2014/2/2e/Nju_back_to_top.png");
+
-
        }
+
-
        #back_to_top:hover{
+
-
            background: url("https://static.igem.org/mediawiki/2014/3/35/Nju_back_to_top.gif");
+
-
        }
+
-
        #footer{
+
-
            width: 100%;
+
-
            background: url("https://static.igem.org/mediawiki/2014/6/6f/NJU_motif_grille.png") repeat;
+
-
            height: 150px;
+
-
        }
+
    }
-
        #footer #footerContent{
+
    #nav-bottom ul li ul li a:hover{
-
            width: 960px;
+
         padding: 10px;
-
            overflow: hidden;
+
         display: inline;
-
            color: #FAFAFA;
+
-
            margin: 0 auto;
+
-
        }
+
-
        #footer #footerContent #footerLeft{
+
-
            width: 400px;
+
-
            float: left;
+
-
            margin-top: 10px;
+
-
        }
+
-
        #footer #footerContent #footerRight{
+
-
            width: 500px;
+
-
            float: right;
+
-
            margin-top: 10px;
+
-
         }
+
-
        #footer #footerContent p{
+
-
            padding-top: 5px;
+
-
            font-family: 'PT Sans', sans-serif;
+
-
         }
+
-
        #footer #footerContent h3{
+
-
            font-size: 1.5em;
+
-
            padding-top: 5px;
+
-
            font-family: 'PT Sans', sans-serif;
+
-
            font-weight: 700;
+
-
        }
+
-
     </style>
+
     }
-
     <style type="text/css">
+
     #nav-bottom ul li:hover{
-
        #header{
+
         background: rgba(51,51,51,0.5);
-
            margin-bottom: 10px;
+
-
        }
+
-
        #main{
+
-
            width: 960px;
+
-
            margin: 0 auto;
+
-
         }
+
-
        #main #fixedMenu{
+
-
            padding:10px;
+
-
            font-family: 'PT Sans', sans-serif;
+
-
            font-size: 2.8em;
+
-
            display: inline-block;
+
-
            color: #e7e7e7;
+
-
            background-color: rgba(51,51,51,0.5);
+
-
            width: 200px;
+
-
            padding-left: 10px;
+
-
         }
+
    }
-
         #main p{
+
    #nav-bottom ul li:hover ul li{
-
            font-size: 1.4em;
+
         left: auto;
-
            font-family: 'PT Sans', sans-serif;
+
        transition:all 0.3s;
-
        }
+
    }
-
        #fixedMenu_2{
+
    #main{
-
            display: none;
+
         z-index: 99;
-
            height: 36px;
+
    }
-
        }
+
</style>
-
        #sideMenu{
+
<style type="text/css">
-
            position: fixed;
+
    #header{
-
            display: none;
+
        margin-bottom: 10px;
-
        }
+
    }
-
    </style>
+
    #main{
-
    <style type="text/css">
+
        width: 960px;
-
        #main p{
+
        margin: 0 auto;
-
            margin-top: 10px;
+
    }
-
            margin-bottom: 10px;
+
    #main #fixedMenu{
-
        }
+
        padding:10px;
-
        #main img{
+
        font-family: 'PT Sans', sans-serif;
-
            margin-left: 20px;
+
        font-size: 2.8em;
-
            margin-top: 30px;
+
        display: inline-block;
-
            margin-bottom: 30px;
+
        color: #e7e7e7;
-
            margin-left: 30px;
+
        background-color: rgba(51,51,51,0.5);
-
            width: 80%;
+
        width: 200px;
-
        }
+
        padding-left: 10px;
-
    </style>
+
 
 +
    }
 +
    #main p{
 +
        font-size: 1.4em;
 +
        font-family: 'PT Sans', sans-serif;
 +
    }
 +
    #fixedMenu_2{
 +
        display: none;
 +
        height: 36px;
 +
    }
 +
    #sideMenu{
 +
        position: fixed;
 +
        display: none;
 +
    }
 +
</style>
 +
<style type="text/css">
 +
    #main p{
 +
        margin-top: 10px;
 +
        margin-bottom: 10px;
 +
    }
 +
    #main img{
 +
        margin-left: 20px;
 +
        margin-top: 30px;
 +
        margin-bottom: 30px;
 +
        margin-left: 30px;
 +
        width: 80%;
 +
    }
 +
</style>
Line 222: Line 242:
     <div id="nav-bottom">
     <div id="nav-bottom">
         <ul id="nav_content">
         <ul id="nav_content">
-
             <li class="menu"><a href="#">HOME</a>
+
             <li class="menu"><a href="/Team:NJU-QIBEBT">HOME</a>
-
                 <ul style="display: none">
+
            </li>
-
                     <li><a href="#">11111</a></li>
+
            <li class="menu"><a href="background">PROJECT</a>
-
                     <li><a href="#">22222</a></li>
+
                 <ul>
 +
                    <li><a href="/Team:NJU-QIBEBT/team/Overview">Overview</a></li>
 +
                     <li><a href="/Team:NJU-QIBEBT/team/Backgroud">Backgroud</a></li>
 +
                     <li><a href="/Team:NJU-QIBEBT/Production module">Production module</a></li>
 +
                    <li><a href="/Team:NJU-QIBEBT/Pumping out module">Pumping out module</a></li>
 +
                    <li><a href="/Team:NJU-QIBEBT/Indicator module">Indicator module</a></li>
                 </ul>
                 </ul>
 +
 +
            </li>
 +
            <li class="menu"><a href="/Team:NJU-QIBEBT/ACHIEVEMENT">ACHIEVEMENT</a>
 +
                <ul>
 +
                    <li><a href="/Team:NJU-QIBEBT/ACHIEVEMENT/Parts test results">Parts test results</a></li>
 +
                    <li><a href="/Team:NJU-QIBEBT/ACHIEVEMENT/Modeling">Modeling</a></li>
 +
                    <li><a href="/Team:NJU-QIBEBT/ACHIEVEMENT/Judging Criteria">Judging Criteria</a></li>
 +
                </ul>
 +
            </li>
 +
            <li class="menu"><a href="/Team:NJU-QIBEBT/wetlab">WET LAB</a>
 +
                <ul>
 +
                    <li><a href="/Team:NJU-QIBEBT/wetlab/Protocol">Protocol</a></li>
 +
                    <li><a href="/Team:NJU-QIBEBT/wetlab/Notebook">Notebook</a></li>
 +
                    <li><a href="/Team:NJU-QIBEBT/wetlab/Parts">Parts</a></li>
 +
                </ul>
 +
             </li>
             </li>
-
             <li class="menu"><a href="background">PROJECT</a></li>
+
             <li class="menu"><a href="/Team:NJU-QIBEBT/humanPractice">HUMAN PRACTICE</a></li>
-
            <li class="menu"><a href="#">ACHIEVEMENT</a></li>
+
             <li class="menu"><a href="/Team:NJU-QIBEBT/SAFETY">SAFETY</a></li>
-
             <li class="menu"><a href="#">WET LAB</a></li>
+
-
            <li class="menu"><a href="#">HUMAN PRACTICE</a></li>
+
-
            <li class="menu"><a href="#">SAFETY</a></li>
+
             <li class="menu"><a href="/Team:NJU-QIBEBT/team">TEAM</a></li>
             <li class="menu"><a href="/Team:NJU-QIBEBT/team">TEAM</a></li>
-
             <li class="menu"><a href="#">ACKNOWLEDGEMENT</a></li>
+
             <li class="menu"><a href="/Team:NJU-QIBEBT/ACKNOWLEDGEMENT">ACKNOWLEDGEMENT</a></li>
         </ul>
         </ul>
         <!--
         <!--
Line 253: Line 291:
</div>
</div>
<div id="main" style="min-height:1000px">
<div id="main" style="min-height:1000px">
 +
    #nav-bottom ul li ul li a{
 +
    padding: 10px;
 +
    display: inline;
 +
 +
    }
 +
    #nav-bottom ul li ul li a{
 +
    padding: 10px;
 +
    display: inline;
 +
 +
    }
 +
    #nav-bottom ul li ul li a{
 +
    padding: 10px;
 +
    display: inline;
 +
 +
    }
 +
    #nav-bottom ul li ul li a{
 +
    padding: 10px;
 +
    display: inline;
 +
 +
    }
 +
    #nav-bottom ul li ul li a{
 +
    padding: 10px;
 +
    display: inline;
 +
 +
    }
 +
    #nav-bottom ul li ul li a{
 +
    padding: 10px;
 +
    display: inline;
 +
 +
    }
 +
    #nav-bottom ul li ul li a{
 +
    padding: 10px;
 +
    display: inline;
 +
 +
    }
</div>
</div>
Line 258: Line 331:
     <div id="footerContent">
     <div id="footerContent">
         <div id="footerLeft">
         <div id="footerLeft">
-
          <img src="">
+
            <img src="">
         </div>
         </div>

Revision as of 03:30, 14 October 2014

#nav-bottom ul li ul li a{ padding: 10px; display: inline; } #nav-bottom ul li ul li a{ padding: 10px; display: inline; } #nav-bottom ul li ul li a{ padding: 10px; display: inline; } #nav-bottom ul li ul li a{ padding: 10px; display: inline; } #nav-bottom ul li ul li a{ padding: 10px; display: inline; } #nav-bottom ul li ul li a{ padding: 10px; display: inline; } #nav-bottom ul li ul li a{ padding: 10px; display: inline; }

Retrieved from "http://2014.igem.org/Team:NJU-QIBEBT/team"