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

Line 2: Line 2:
 
<html>
 
<html>
 
<head>
 
<head>
−
<title>Parts</title>
 
−
<style>
 
  
 +
<style>
 
         .parts thead tr th{
 
         .parts thead tr th{
 
             padding: 20px;
 
             padding: 20px;
Line 18: Line 17:
 
             font-style: italic;
 
             font-style: italic;
 
             color: rgb(20,29,61);
 
             color: rgb(20,29,61);
 +
        }
 +
 +
#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>
 
     </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">
 +
                    Parts
 +
                    <!--<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 class="block-content">
  
 
<div class="col-sm-12" style="margin-top:86px">
 
<div class="col-sm-12" style="margin-top:86px">
Line 57: Line 239:
 
     </table>
 
     </table>
 
</div>
 
</div>
−
 
+
</div>
−
 
+
−
<!-- 页脚部分 -->
+
−
<div class="col-sm-12" style="padding:0">
+
−
<footer class="footer dark" >
+
−
    <div class="footer-widgets md-padding-top md-padding-bottom">
+
−
        <div class="container">
+
−
            <div class="row">
+
−
 
+
−
                <div class="col-md-3 col-sm-6">
+
−
                    <div class="widget widget-about">
+
−
                        <div class="logo--footer">
+
−
                            <a href="#">
+
−
                                <!--<img src="https://static.igem.org/mediawiki/2016/0/0b/T&#45;&#45;BIT-China&#45;&#45;logo.png" alt="">-->
+
−
                                <!--P-SLACKiller-->
+
−
                                <h3 class="widget-title" style="margin-bottom: 43px">P-SLACKiller</h3>
+
−
                            </a>
+
−
                        </div>
+
−
                        <p><b>P-SLACKiller</b>,kill the slack cells to help other working-hard cells grow better so that improving production.</p>
+
−
                    </div>
+
−
 
+
−
                </div>
+
−
 
+
−
                <div class="col-md-3 col-sm-6">
+
−
                    <div class="widget widget-categories">
+
−
                        <h4 class="widget-title" style="margin-bottom: 43px">Important Links</h4>
+
−
                        <ul>
+
−
                            <li><a href="#">Achievements</a></li>
+
−
                            <li><a href="#">Results</a></li>
+
−
                            <li><a href="#">Parts</a></li>
+
−
                            <!--<li><a href="#">Premium Themes</a></li>-->
+
−
                            <!--<li><a href="#">Payment Methods</a></li>-->
+
−
                        </ul>
+
−
                    </div>
+
−
                </div>
+
−
 
+
−
                <div class="col-md-3 col-sm-6">
+
−
                    <div class="widget widget-categories">
+
−
                        <h4 class="widget-title" style="margin-bottom: 43px">Useful Links</h4>
+
−
                        <ul>
+
−
                            <li><a href="#">Team</a></li>
+
−
                            <!--<li><a href="#">Contact US</a></li>-->
+
−
                            <li><a href="#">Human Practice</a></li>
+
−
                            <li><a href="#">Sponsor</a></li>
+
−
                            <!--<li><a href="#">PhotoDune</a></li>-->
+
−
                        </ul>
+
−
                    </div>
+
−
                </div>
+
−
 
+
−
                <div class="col-md-3 col-sm-6">
+
−
                    <div class="widget">
+
−
                        <h4 class="widget-title" style="margin-bottom: 43px">Get in touch</h4>
+
−
                        <p>
+
−
                            <strong>Email:</strong> iGEM_BIT_China@163.com <br>
+
−
                            <!--<strong>Phone:</strong> +000-1111-2222-->
+
−
                            <strong>Location:</strong> No.5 Zhongguancun South Street <br>
+
−
                        </p>
+
−
                        <ul class="social-icons">
+
−
                            <li><a href="#" class="facebook"><i class="fa fa-facebook"></i></a></li>
+
−
                            <li><a href="#" class="twitter"><i class="fa fa-twitter"></i></a></li>
+
−
                            <li><a href="#" class="instagram"><i class="fa fa-weixin"></i></a></li>
+
−
                            <li><a href="#" class="pinterest"><i class="fa fa-weibo"></i></a></li>
+
−
                        </ul>
+
−
                    </div>
+
−
                </div>
+
−
 
+
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
−
    <div class="footer-meta">
 
−
        <div class="container">
 
−
            <div class="row">
 
−
                <div class="col-sm-12">
 
−
                    <div class="copyright">BIT-China © Copyright 2016 <br> Power by Bootstrap and Themebox.</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;">Parts</span>
 
         </div>
 
         </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>
−
</footer>
+
</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/Medals">
 +
        <span style="color: #654D6F;font-weight: bold;font-size: 12px">
 +
            <i class="fa fa-angle-double-left" aria-hidden="true"></i>Medals</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>
 
</div>
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 04:00, 9 October 2016

backtop
Parts
Name Type Description
BEFDS HSFD SDF
BEFDS HSFD SDF
BEFDS HSFD SDF
BEFDS HSFD SDF