Team:NJU-QIBEBT

From 2014.igem.org

(Difference between revisions)
 
(282 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE html>
+
{{Team:NJU-QIBEBT/CSS/Reset}}
<html>
<html>
<head>
<head>
-
    <title>team</title>
+
<title></title>
-
    <meta charset="utf-8">
+
<meta charset="utf-8">
-
    <style type="text/css">
+
-
        /* font */
+
-
        .speakers .name{
+
-
            font-family:  "Nueva Std","Adobe Caslon Pro";
+
-
            font-size: 19px;
+
-
            font-style: italic;
+
-
        }
+
-
        /* reset */
+
-
        body {
+
-
            font-family: Helvetica,"Comic Sans MS", "Times New Roman", serif;
+
-
            background: url("img/wall.jpg") no-repeat ;
+
-
        }
+
-
        *{
+
-
            padding: 0;
+
-
            margin: 0;
+
-
        }
+
-
        table {
+
-
            border-collapse: collapse;
+
-
            border-spacing: 0;
+
-
        }
+
-
        fieldset,img {
+
-
            border: 0;
+
-
        }
+
-
        address,caption,cite,code,dfn,em,strong,th,var {
+
-
            font-weight: normal;
+
-
            font-style: normal;
+
-
        }
+
-
        ol,ul {
+
-
            list-style: none;
+
-
        }
+
-
        caption,th {
+
-
            text-align: left;
+
-
        }
+
-
        h1,h2,h3,h4,h5,h6 {
+
-
            font-weight: normal;
+
-
            font-size: 100%;
+
-
        }
+
-
        abbr,acronym {
+
-
            border: 0;
+
-
        }
+
-
        a{
+
-
            text-decoration: none;
+
-
        }
+
-
        ul{
+
-
            text-align: center;
+
-
            margin: 0 auto;
+
-
        }
+
-
        /* header */
+
-
        #content{
+
-
            width: 960px;
+
-
            position: relative;
+
-
            margin: 0 auto;
+
-
        }
+
-
        #header{
+
-
            position: absolute;
+
-
            width: 100%;
+
-
            background-color: #6166cc;
+
-
            height: 60px;
+
-
            box-shadow:1px 1px 3px rgba(0,0,0,.8);
+
-
            top:-60px;
+
-
        }
+
-
        li{
+
-
            float: left;
+
-
        }
+
-
        #header a{
+
-
            text-align: center;
+
-
            color: #dddddd;
+
-
            height: 60px;
+
-
            line-height: 60px;
+
-
            width: 100px;
+
-
            display: block;
+
-
            background-color: #6166cc;
+
-
            transition: 0.2s all;
+
-
            border-left: 1px dashed rgba(255,255,255,0.3)
+
-
        }
+
-
        #header a[href="/"]{
+
-
            width: 149px;
+
-
            background: url("img/2.png");
+
-
            transition:0.3s all;
+
-
        }
+
<script src="https://2014.igem.org/wiki/index.php?title=Template:Team:NJU-QIBEBT/JS/Jquery&action=raw"></script>
-
         #header a[href='/']:hover{
+
<script type="text/javascript">
-
            background: url("img/3.png");
+
    $(function(){
-
            transition:0.3s all;
+
         $("#sideMenu_2").toggle(function(){
 +
            $("body").css({"background":"url('https://static.igem.org/mediawiki/2014/0/0c/Halloween.jpg')",
 +
        "width":" 100%",
 +
        "height":"300px",
 +
        "margin": "0 auto",
 +
      "background-size": "100%  auto"}
 +
);
 +
                $("#nav-top").css({
 +
                    "background":"url('https://static.igem.org/mediawiki/2014/9/9c/Banner_night.jpg')",
 +
                    "width":" 100%",
 +
                    "height":"300px",
 +
                    "margin": "0 auto",
 +
                    "background-size": "100%  auto"
 +
                });
-
        }
 
-
        #header a:hover{
 
-
            background-color: #CCB761;
 
-
            text-shadow: 1px;
 
-
            color: #ffffff;
 
-
        }
 
-
        #menu_off{
 
-
            margin-left: 930px;
 
-
            width: 100px;
 
 +
        },function(){
 +
            $("body").css("background","url('https://static.igem.org/mediawiki/2014/3/30/NJU_Bac.jpg') 10px");
 +
                $("#nav-top").css({
 +
                    "background":"url('https://static.igem.org/mediawiki/2014/7/75/Njuday_%281%29-1.jpg')",
 +
                    "width":" 100%",
 +
                    "height":"300px",
 +
                    "margin": "0 auto",
 +
                    "background-size": "100%  auto"
 +
                });
-
         }
+
         });
-
        #menu_off img:hover{
+
-
            cursor: pointer;
+
-
        }
+
-
        /* main */
+
-
        #main{
+
-
            width: 960px;
+
-
            margin: 150px auto 20px auto;
+
-
            color: whitesmoke;
+
-
            text-shadow: 4px 4px 8px #000000;
+
-
            filter: Shadow(Color='green', Direction='135', Strength='6');
+
-
            filter: dropshadow(OffX=2, OffY=2, Color='black', Positive='true');
+
 +
        $(window).scroll(function(){
 +
            var sTop = Math.max(document.body.scrollTop || document.documentElement.scrollTop);
 +
 +
            if(sTop > 260 ){
 +
                $("#fixedMenu").css({'position':'fixed','top':'0'});
 +
                $("#fixedMenu_2").css({
 +
                    'display':'block'
 +
                });
 +
 +
            }
 +
            else{
 +
                $("#fixedMenu").css({'position':'relative'})
 +
                $("#fixedMenu_2").css({
 +
                    'display':'none'
 +
                });
 +
 +
            }
 +
        })
 +
    })
 +
</script>
 +
 +
 +
<style type="text/css">
 +
      #sideMenu_2{
 +
      width:100px;
 +
      height:117px;
 +
      background:url("https://static.igem.org/mediawiki/2014/d/d9/关灯.png");
 +
      background-size:100%;
 +
      position:absolute;
 +
      right:50%;
 +
      margin-right:-600px;
 +
      top:205px;
 +
}
 +
      #sideMenu_2:hover{
 +
        background:url("https://static.igem.org/mediawiki/2014/4/42/关灯.gif");
 +
              background-size:100%;
 +
cursor:pointer;
-
        }
 
-
        #main #main-intro{
 
-
            font-size: 40px;
 
-
        }
 
-
        #main #name:hover{
 
-
            color: blue;
 
-
            transition: ease-in 0.2s;
 
-
        }
 
-
        #test{
 
-
            position: relative;
 
-
            left: -1500px;
 
-
            top:30px;
 
-
        }
 
-
        #main img{
 
-
            position: relative;
 
-
            right: -1500px;
 
-
            top: -120px;
 
         }
         }
-
         #main img:hover{
+
         .welcome{
-
            transform:rotate(5deg);
+
        margin:0 auto;
-
            -ms-transform:rotate(5deg); /* IE 9 */
+
        width:600px;
-
            -moz-transform:rotate(5deg); /* Firefox */
+
-
            -webkit-transform:rotate(5deg); /* Safari 和 Chrome */
+
-
            -o-transform:rotate(5deg); /* Opera */
+
         }
         }
-
         #detail-intro{
+
         #main .welcome img{
-
             font-size: 20px;
+
             width:300px;
-
             position: relative;
+
             display:block;
-
             top: 950px;
+
             margin:0 auto;
         }
         }
-
        #news {
+
    *{
-
            width: 960px;
+
        padding:0;
-
            margin: 0 auto;
+
        margin: 0;
-
            background: url("img/news-bac.png") repeat;
+
    }
-
            height: 300px;
+
    a{
-
            border-radius: 10px;
+
        text-decoration: none;
-
            visibility: visible;
+
        color: #333333;
-
        }
+
    }
-
        /* footer */
+
    body{
-
        #footer {
+
        background: url("https://static.igem.org/mediawiki/2014/3/30/NJU_Bac.jpg") fixed;
-
            background:url("img/footer_bac.png") repeat ;
+
    }
-
            height: 80px;
+
    #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 12px;
 +
        transition:all 0.4s;
 +
        font-size: 14px;
 +
        font-weight:bold;
 +
        font-family: 'PT Sans', sans-serif;
 +
 
 +
 
-
         }
+
    }
-
         #footer-content {
+
    ul#nav_content ul a{
-
            width: 960px;
+
    color:whitesmoke;
-
            margin: 0 auto;
+
}
-
            color: #ffffff;
+
    ul#nav_content a:hover{
-
            height: 80px;
+
         background-color: rgba(231,201,100,0.5);
-
         }
+
        color: whitesmoke;
-
     </style>
+
 
-
     <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
+
    }
 +
    ul#nav_content ul{
 +
         padding: 0;
 +
        list-style: none;
 +
        float: left;
 +
        margin-top: 0px;
 +
        margin-left: 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">
 +
    #top-section {
 +
        background:rgba(0,0,0,0.1);}
 +
    .firstHeading{
 +
        display:none; }
 +
    li{
 +
        list-style: none;
 +
    }
 +
    *{
 +
        padding:0;
 +
        margin: 0;
 +
    }
 +
    a{
 +
        text-decoration: none;
 +
        color: #333333;
 +
    }
 +
    body{
 +
        padding:0;
 +
        margin: 0;
 +
    }
 +
    body{
 +
        background: url("https://static.igem.org/mediawiki/2014/3/30/NJU_Bac.jpg") fixed;
 +
        padding:0;
 +
        margin: 0;
 +
    }
 +
    #header{
 +
        margin: 0 auto;
 +
        width: 100%;
 +
    }
 +
    #nav-top{
 +
        width: 100%;
 +
        height:300px;
 +
        margin: 0 auto;
 +
        background:url("https://static.igem.org/mediawiki/2014/7/75/Njuday_%281%29-1.jpg");
 +
      background-size: 100%  auto;
 +
    }
 +
    /*
 +
    #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: 110px;
 +
        height: 110px;
 +
         bottom: 30px;
 +
        background: url("https://static.igem.org/mediawiki/2014/8/86/Still_superman-f.png");
 +
       
 +
    }
 +
     #back_to_top:hover{
 +
        background: url("https://static.igem.org/mediawiki/2014/b/b6/Flying_superman-ff.gif");
 +
        height: 105px;
 +
        bottom: 25px;
 +
 
 +
 
 +
     }
 +
    #footer{
 +
        width: 100%;
 +
        background: url("https://static.igem.org/mediawiki/2014/6/6f/NJU_motif_grille.png") repeat;
 +
        height: 200px;
 +
 
 +
    }
 +
    #footer img{
 +
        height: 50px;
 +
        margin-top: 10px;
 +
    }
 +
    #footer #footerContent{
 +
        width: 960px;
 +
        overflow: hidden;
 +
        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;
 +
    }
 +
    #nav-bottom {
 +
        width: 100%;
 +
        height: 50px;
 +
        background:url("https://static.igem.org/mediawiki/2014/3/30/NJU_Bac.jpg");
 +
    }
 +
    #main{
 +
        z-index: 99;
 +
    }
 +
</style>
 +
<style type="text/css">
 +
    #header{
 +
        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{
 +
        font-size: 1.4em;
 +
        font-family: 'PT Sans', sans-serif;
 +
    }
 +
    #fixedMenu_2{
 +
        display: none;
 +
        height: 36px;
 +
    }
 +
</style>
 +
<style type="text/css">
 +
    #main p{
 +
        margin-top: 10px;
 +
        margin-bottom: 10px;
 +
        font-size: 16px;
 +
    }
 +
    #main img{
 +
        margin-left: 20px;
 +
        margin-top: 30px;
 +
        margin-bottom: 30px;
 +
        margin-left: 30px;
 +
    }
 +
    #main h1{
 +
        font-size: 36px;
 +
        font-family:'PT Sans', sans-serif;
 +
        font-weight: 700;
 +
    }
 +
    #main h2{
 +
        font-size: 28px;
 +
        font-weight: 400;
 +
        font-family:'PT Sans', sans-serif;
 +
        margin-top: 10px;
 +
    }
 +
    #main h3{
 +
        font-family:'PT Sans', sans-serif;
 +
        font-style: italic;
 +
    }
 +
    #main h1,#main h2,#main h3{
 +
        border-bottom:none;
 +
   
 +
    }
 +
  #main .eoil{
 +
    width:900px;
 +
    margin:0 auto;
 +
}
 +
#main .eoil img{
 +
display:block;
 +
}
 +
</style>
</head>
</head>
<body>
<body>
 +
 +
<div id="main" style="min-height:500">
 +
<div id="eoil">
 +
<img src="https://static.igem.org/mediawiki/2014/d/d2/E.coil.png">
 +
</div>
 +
 +
<img src="https://static.igem.org/mediawiki/2014/9/9d/大logo.png" width="960px">
 +
<div class="welcome">
 +
<a href="https://2014.igem.org/Team:NJU-QIBEBT/team/Overview"><img src="https://static.igem.org/mediawiki/2014/1/15/Walking_welcome_small.gif" ></a>
 +
</div>
 +
</div>
 +
<div id="sideMenu" >
 +
        <a href="https://2014.igem.org/Main_Page" style="position:absolute;left:50%;top:605px;margin-left:-600px;"><img src="https://static.igem.org/mediawiki/2014/0/0b/IGEM_y.png" style="width:70px;"></a>
 +
</div>
 +
<div id="sideMenu_2" >
 +
        <a href="javascript:" style="position:absolute;left:50%;top:205px;margin-left:530px;"></a>
 +
</div>
 +
<div id="header">
<div id="header">
-
     <div id="content" style="">
+
     <div id="nav-bottom">
-
         <ul class="left-720" id="menu">
+
         <ul id="nav_content">
-
             <li><a href="#">Home</a></li>
+
             <li class="menu"><a href="/Team:NJU-QIBEBT">HOME</a>
-
             <li><a href="#">Project</a></li>
+
            </li>
-
            <li><a href="#">Team</a></li>
+
             <li class="menu"><a href="/Team:NJU-QIBEBT/team/Overview">PROJECT</a>
-
            <li><a href="#">Parts</a></li>
+
                <ul>
-
            <li><a href="/"></a> </li>
+
                    <li><a href="/Team:NJU-QIBEBT/team/Overview">Overview</a></li>
-
            <li><a href="#">Pratice</a></li>
+
                    <li><a href="/Team:NJU-QIBEBT/team/Backgroud">Backgroud</a></li>
-
            <li><a href="#">Modeling</a></li>
+
                    <li><a href="/Team:NJU-QIBEBT/Production module">Production module</a></li>
-
            <li><a href="#">Safety</a></li>
+
                    <li><a href="/Team:NJU-QIBEBT/Pumping out module">Pumping out module</a></li>
-
            <li><a href="#">Extras</a></li>
+
                    <li><a href="/Team:NJU-QIBEBT/Indicator module">Indicator module</a></li>
 +
                </ul>
 +
            </li>
 +
            <li class="menu"><a href="/Team:NJU-QIBEBT/ACHIEVEMENT/Parts test results">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/Protocol">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 class="menu"><a href="/Team:NJU-QIBEBT/humanPractice">HUMAN PRACTICE</a></li>
 +
            <li class="menu"><a href="/Team:NJU-QIBEBT/SAFETY">ETHICS AND SAFETY</a></li>
 +
            <li class="menu"><a href="/Team:NJU-QIBEBT/team">TEAM</a>
 +
                <ul>
 +
                    <li><a href="/Team:NJU-QIBEBT/wetlab/member">Member</a></li>
 +
                    <li><a href="/Team:NJU-QIBEBT/wetlab/attribution">Attribution</a></li>
 +
                </ul>
 +
</li>
 +
            <li class="menu"><a href="/Team:NJU-QIBEBT/ACKNOWLEDGEMENT">ACKNOWLEDGEMENT</a></li>
         </ul>
         </ul>
-
         <p id="menu_off"><img src="img/menu_on.png"></p>
+
         <!--
-
 
+
        <div id="content1" style="width: 720px;margin: 0 auto">
 +
        <a href="/Team:NJU-QIBEBT/Extras" >Extras<img src="img/nav_r.png"></a><a href="/Team:NJU-QIBEBT/Safety">Safety</a><a href="/Team:NJU-QIBEBT/Modeling">Modeling</a><a href="/Team:NJU-QIBEBT/Practice" >Practice<img src="img/nav_r.png"></a><a href="/Team:NJU-QIBEBT/Parts">Parts</a><a href="/Team:NJU-QIBEBT/Team">Team</a><a href="/Team:NJU-QIBEBT/Project">Project</a><a href="/Team:NJU-QIBEBT">Home</a>
 +
        </div>
 +
        -->
     </div>
     </div>
-
</div>
 
-
<div id="main">
 
-
    <div id="test">
 
-
    <p id="main-intro">Welcome to our wiki! This is <span id="name">NJU-QIBEBT.</span>        </p>
 
 +
<div id="footer">
 +
    <div id="footerContent">
 +
        <div id="footerLeft">
 +
<img src="https://static.igem.org/mediawiki/2014/5/58/Nanjing_university_ack.jpg">
 +
<img src="https://static.igem.org/mediawiki/2014/5/50/M3-Acknowledgement11.png" >
 +
<img src="https://static.igem.org/mediawiki/2014/2/28/M3-Acknowledgement1.png" >
 +
<img src="https://static.igem.org/mediawiki/2014/f/f7/QIBEBT.jpg" >
 +
        </div>
-
</div>
+
        <div id="footerRight" style="text-align:left;'>
-
    <br>
+
            <p style="color:white;font-size:20px;" > </p>
-
    <p id="detail-intro" style="width: 750px">   Detail information of software can be found in PROJECT part of this wiki. detail introduction detail introduction detail introduction detail introduction detail introduction detail introduction detail introduction detail introduction detail introduction detail introduction detail introduction detail introduction </p>
+
            <p style="color:white;font-size:28px;" > Nanjing University </p>
-
    <img src="img/logo-igem.png" width="250px">
+
            <p style="color:white;font-size:20px;">Address：No.22 Hankou Rd.,Gulou District, Nanjing, Jiangsu 210093,P.R.China.
-
<div id="news">
+
            </p>
-
    <p style="font-size: 20px;margin: 0 auto" >latest news</p>
+
            <p style="color:white;font-size:20px;" >TEL:(+86)15261874993</p>
-
</div>
+
            <p style="color:white;font-size:20px;" >Email:NJU_QIBEBT@outlook.com</p>
-
</div>
+
 
-
<div id="footer">
+
        </div>
-
    <div id="footer-content">
+
-
    NJU-QIBEBT/SPONSOR/FOOTER
+
     </div>
     </div>
</div>
</div>
 +
<a href="#" id="back_to_top"><span></span></a>
</body>
</body>
</html>
</html>

Latest revision as of 03:24, 18 October 2014