Team:NJU-QIBEBT/team

From 2014.igem.org

(Difference between revisions)
Line 32: Line 32:
<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">
 +
    *{
 +
        padding:0;
 +
        margin: 0;
 +
    }
 +
    a{
 +
        text-decoration: none;
 +
        color: #333333;
 +
    }
 +
    body{
 +
        background: url("https://static.igem.org/mediawiki/2014/f/f3/Halftone.png") repeat;
 +
    }
 +
    #header{
 +
        margin: 0 auto;
 +
        width: 100%;
 +
    }
 +
    /*========================*/
 +
    #nav-bottom {
 +
        width: 100%;
 +
        height: 50px;
 +
        background:url("https://static.igem.org/mediawiki/2014/a/ae/10.jpg");
 +
    }
 +
    ul#nav_content{
 +
        width: 960px;
 +
        margin: 0 auto;
 +
        padding: 0;
 +
        list-style: none;
 +
 +
    }
 +
    ul#nav_content a{
 +
        display: inline-block;
 +
        line-height: 50px;
 +
        color: #333333;
 +
        padding: 0 10px;
 +
        transition:all 0.4s;
 +
 +
 +
    }
 +
    ul#nav_content a:hover{
 +
        background-color: rgba(51,51,51,0.4);
 +
        color: whitesmoke;
 +
 +
    }
 +
    ul#nav_content ul{
 +
        padding: 0;
 +
        list-style: none;
 +
        float: left;
 +
        margin-top: 0px;
 +
 +
    }
 +
    ul#nav_content li{
 +
        float: left;
 +
    }
 +
    ul#nav_content li ul li{
 +
        background-color: rgba(51,51,51,0.3);
 +
        float: left;
 +
        border-radius: 3px;
 +
        transition:all 0.4s;
 +
 +
    }
 +
    ul#nav_content li ul li{
 +
    }
 +
    ul#nav_content li ul{
 +
        position: absolute;
 +
        left: -999em;
 +
 +
    }
 +
    #nav_content li:hover ul{
 +
        left: auto;
 +
    }
 +
</style>
<style type="text/css">
<style type="text/css">
Line 63: Line 134:
     }
     }
     #nav-top{
     #nav-top{
-
         width: 960px;
+
         width: 100%;
         margin: 0 auto;
         margin: 0 auto;
 +
        height: 100%;
 +
     }
     }
     /*
     /*
Line 129: Line 202:
         height: 50px;
         height: 50px;
         background:url("https://static.igem.org/mediawiki/2014/a/ae/10.jpg");
         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: absolute;
 
-
        left: -999em;
 
-
        transition:all 0.3s;
 
-
 
-
    }
 
-
    #nav-bottom ul li ul li a{
 
-
        padding: 10px;
 
-
        display: inline;
 
-
 
-
    }
 
-
    #nav-bottom ul li ul li a:hover{
 
-
        padding: 10px;
 
-
        display: inline;
 
-
 
-
    }
 
-
    #nav-bottom ul li:hover{
 
-
        background: rgba(51,51,51,0.5);
 
-
 
-
    }
 
-
    #nav-bottom ul li:hover ul li{
 
-
        left: auto;
 
-
        transition:all 0.3s;
 
     }
     }
     #main{
     #main{
Line 237: Line 258:
<div id="header">
<div id="header">
     <div id="nav-top">
     <div id="nav-top">
-
         <img src="https://static.igem.org/mediawiki/2014/1/1a/Top_bg.png" height="200px" >
+
         <img src="https://static.igem.org/mediawiki/2014/1/19/Day.jpg" width="100%">
-
 
+
     </div>
     </div>
     <div id="nav-bottom">
     <div id="nav-bottom">
Line 291: Line 311:
</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>

Revision as of 08:48, 14 October 2014