Team:NJU-QIBEBT

<html>
<head>
    <title>team</title>
    <meta charset="utf-8">
    <style type="text/css">
        /* font */
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/

        .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;

        }
        #header a[href='/']:hover{
            background: url("img/3.png");
            transition:0.3s all;

        }
        #header a:hover{
            background-color: #CCB761;
            text-shadow: 1px;
            color: #ffffff;

        }
        #menu_off{
            margin-left: 930px;
            width: 100px;


        }
        #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');


        }
        #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{
            transform:rotate(5deg);
            -ms-transform:rotate(5deg); 	/* IE 9 */
            -moz-transform:rotate(5deg); 	/* Firefox */
            -webkit-transform:rotate(5deg); /* Safari 和 Chrome */
            -o-transform:rotate(5deg); 	/* Opera */
        }
        #detail-intro{
            font-size: 20px;
            position: relative;
            top: 950px;
        }
        #news {
            width: 960px;
            margin: 0 auto;
            background: url("img/news-bac.png") repeat;
            height: 300px;
            border-radius: 10px;
            visibility: visible;
        }
        /* footer */
        #footer {
            background:url("img/footer_bac.png") repeat ;
            height: 80px;

        }
        #footer-content {
            width: 960px;
            margin: 0 auto;
            color: #ffffff;
            height: 80px;
        }
    </style>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
</head>
<body>
<div id="header">
    <div id="content" style="">
        <ul class="left-720" id="menu">
            <li><a href="#">Home</a></li>
            <li><a href="#">Project</a></li>
            <li><a href="#">Team</a></li>
            <li><a href="#">Parts</a></li>
            <li><a href="/"></a> </li>
            <li><a href="#">Pratice</a></li>
            <li><a href="#">Modeling</a></li>
            <li><a href="#">Safety</a></li>
            <li><a href="#">Extras</a></li>

        </ul>
    </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>
    <br>
    <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>
    <img src="img/logo-igem.png" width="250px">
<div id="news">
    <p style="font-size: 20px;margin: 0 auto" >latest news</p>
</div>

</div>
<div id="footer">
    <div id="footer-content">
    NJU-QIBEBT/SPONSOR/FOOTER
    </div>
</div>
</body>
</html>