Difference between revisions of "Team:BIT-China/Results"

(Replaced content with "{{BIT-China}} <html> <head> <style> </style> </head> <body> </body> </html> {{BIT-China/footer}}")
Line 2: Line 2:
 
<html>
 
<html>
 
<head>
 
<head>
−
<style>
+
 
−
</style>
+
    <style>
 +
 
 +
#mw-content-text{
 +
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 +
    font-size: 14px;
 +
    line-height: 1.42857143;
 +
}
 +
#mw-content-text>p{
 +
    position:absolute;
 +
    top:-100%;
 +
}
 +
 
 +
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
 
 +
 
 +
.footer-widgets .widget-title {
 +
    margin-top: 0;
 +
    margin-bottom: 43px;
 +
    font-weight: 700;
 +
    text-transform: uppercase;
 +
    letter-spacing: 0.08em;
 +
    position: relative;
 +
}
 +
 
 +
        .nav_left_ul{
 +
            list-style: none;
 +
            padding-left: 50px;
 +
        }
 +
       
 +
        .nav_left_ul>li{
 +
            position: relative;
 +
            margin-top: -15px;
 +
        }
 +
 
 +
        .nav_left_ul>li:nth-child(1){
 +
            margin-top: -14px;
 +
        }
 +
 
 +
        .nav_left_txt{
 +
            word-break: keep-all;
 +
            white-space: nowrap;
 +
            height: 70px;
 +
            line-height: 70px;
 +
            top: 8px;
 +
            left: 0;
 +
            width:100%;position:absolute;
 +
            color: #FFFFFF;
 +
            font-weight: bold;text-align: center;font-size: 14px;
 +
        }
 +
 
 +
        .nav_left_txt_plus{
 +
            height: 60px;
 +
            line-height: 60px;
 +
            top: 5px;
 +
            right: 0;
 +
            width:60%;position:absolute;
 +
            text-align: center;
 +
            color: #FFFFFF;
 +
            font-weight: bold;font-size: 8px;
 +
            white-space: nowrap;
 +
        }
 +
 
 +
        .content-title{
 +
            width: 100%;
 +
            text-align: center;
 +
            font-size: 2.5em;
 +
        }
 +
 
 +
        .block-title{
 +
            margin-top: 20px;
 +
            padding-bottom: 10px;
 +
            width: 100%;
 +
            text-align: center;
 +
            font-size: 2em;
 +
        }
 +
 
 +
        .problem-title{
 +
            font-size: 1.5em;
 +
        }
 +
 
 +
        .problem-txt div{
 +
            margin-top: 1em;
 +
        }
 +
 
 +
        .block-content-header{
 +
            display: inline-block;
 +
            margin-top: 10px;
 +
            margin-bottom: 20px;
 +
            font-weight: bolder;
 +
        }
 +
 
 +
        .block-content-sub-header{
 +
            display: inline-block;
 +
            font-style: italic;
 +
            margin-top: 5px;
 +
            margin-bottom: 15px;
 +
            font-weight: bold;
 +
        }
 +
    </style>
 +
    <script>
 +
        $(document).ready(function() {
 +
 
 +
            //弹出导航监听
 +
            window.onscroll = function () {
 +
                if($(window).scrollTop()>100){
 +
                    $("#nav-hide").removeClass("roll-nav-hide");
 +
                }
 +
                else{
 +
                    $("#nav-hide").addClass("roll-nav-hide");
 +
                }
 +
 
 +
                //固定侧边导航
 +
                if($(window).scrollTop()>95){
 +
                    $("#nav_left_wrapper").css({
 +
                        "margin-left":"0",
 +
                        "top":"50px",
 +
                        "position":"fixed"
 +
                    });
 +
 
 +
                    $("#site-change-btn").css({
 +
                        "position":"fixed"
 +
                    })
 +
                }
 +
                else{
 +
                    $("#nav_left_wrapper").css({
 +
                        "margin-left":"-100%",
 +
                        "top":"auto",
 +
                        "position":"relative"
 +
                    });
 +
 
 +
                    $("#site-change-btn").css({
 +
                        "position":"absolute"
 +
                    })
 +
 
 +
                }
 +
 
 +
                //页间跳转
 +
                if($(window).scrollTop()>300){
 +
                    $("#site-change-btn").css("display","block");
 +
                }
 +
                else{
 +
                    $("#site-change-btn").css("display","none");
 +
                }
 +
 
 +
                //底部隐藏左侧导航
 +
                if($(".footer").offset().top - $(window).scrollTop() < 300){
 +
                    $("#nav_left_wrapper").css("display","none");
 +
                    $("#site-change-btn").css("display","none");
 +
 
 +
                }
 +
                else{
 +
                    $("#nav_left_wrapper").css("display","block");
 +
                    $("#site-change-btn").css("display","block");
 +
                }
 +
            };
 +
 
 +
            //平滑跳转
 +
            var navs=$(".nav_point");
 +
            for(i=0;i<navs.length;i++){
 +
                navs.eq(i).click(function (e) {
 +
                    e.preventDefault();
 +
                    var href=$(this).attr("href");
 +
                    $.scrollTop(href+"",-100,400);
 +
                });
 +
            }
 +
        });
 +
    </script>
 
</head>
 
</head>
 
<body>
 
<body>
 +
<div class="col-sm-12 clearfix" style="padding: 0;padding-top:30px;
 +
background: url(https://static.igem.org/mediawiki/2016/4/45/T--BIT-China--content_bg.jpg)">
 +
    <div class="content-right" style="float: left;width:100%;padding: 10px;">
 +
        <div style="margin-left:220px;background: white;margin-top: 0.5em;margin-bottom:0.5em;padding: 1px;border-radius: 10px">
 +
            <div class="overview-content" style="border:1px dashed #F08B1F;
 +
            border-radius: 10px;margin: 0.5em;padding: 10px;">
 +
 +
                <div class="content-title">
 +
                    Results
 +
                    <!--<img src="https://static.igem.org/mediawiki/2016/3/30/T&#45;&#45;BIT-China&#45;&#45;Project&#45;&#45;Design&#45;&#45;title.png"-->
 +
                    <!--alt="title" class="col-sm-8 col-sm-offset-2">-->
 +
                    <!--<br>-->
 +
                </div>
 +
 +
            </div>
 +
        </div>
 +
    </div>
 +
 +
    <div class="nav-left" id="nav_left_wrapper"  style="float: left;margin-left:-100%;width: 200px;">
 +
        <div class="nav-left-title" style="position:relative;width: 200px;padding: 0;">
 +
            <img src="https://static.igem.org/mediawiki/2016/4/43/T--BIT-China--img--nav_left_top.png" alt="nav_left_top" style="width: 100%;">
 +
            <span style="color: #FFFFFF;font-size: 20px;font-weight: bold;position: absolute;
 +
        right: 40px;bottom: 20px;">Results</span>
 +
        </div>
 +
        <ul class="nav_left_ul" style="padding-left: 50px;">
 +
            <li>
 +
                <img src="https://static.igem.org/mediawiki/2016/e/e2/T--BIT-China--img--nav_left_c1.png"
 +
                    alt="c1" style="width: 100%;height: 70px;">
 +
                <a href="#equipments" class="nav_point">
 +
                    <span class="nav_left_txt"></span></a>
 +
            </li>
 +
            <li>
 +
                <img src="https://static.igem.org/mediawiki/2016/9/9d/T--BIT-China--img--nav_left_c3.png"
 +
                    alt="c1" style="width: 100%;height: 70px;">
 +
                <a href="#materials" class="nav_point">
 +
                    <span class="nav_left_txt" ></span></a>
 +
            </li>
 +
        </ul>
 +
    </div>
 +
</div>
 +
 +
<!--相邻页面切换按钮-->
 +
<div id="site-change-btn"
 +
    style="position: absolute;left: 20px;bottom: 20px;z-index:9;display: none;">
 +
    <a href="https://2016.igem.org/Team:BIT-China/E_M">
 +
        <span style="color: #654D6F;font-weight: bold;font-size: 12px">
 +
            <i class="fa fa-angle-double-left" aria-hidden="true"></i>E & M</span>
 +
    </a>
 +
    <img src="https://static.igem.org/mediawiki/2016/a/ab/T--BIT-China--img--page_change_left.png"
 +
        alt="page_change" style="width: 40px;height: auto;">
 +
</div>
 +
 
</body>
 
</body>
 
</html>
 
</html>
−
 
 
{{BIT-China/footer}}
 
{{BIT-China/footer}}

Revision as of 03:55, 9 October 2016

backtop
Results

P-SLACKiller

· Work or Die
· Monitor Plasmid Numbers
· Kill the Slacker
· Maintain the Better Biosystem

Useful Links

Sponsors

zhongniang BIT ketizu

Get in touch

Email: iGEM_BIT_China@163.com
Location: No.5 Zhongguancun South Street

BIT-China © Copyright 2016
Powered by Bootstrap.