Difference between revisions of "Team:BNDS China"

(Undo revision 60283 by Mephistopheres (talk))
Line 1: Line 1:
 
<html>
 
<html>
−
<head>
 
−
    <meta name="viewport" content="width=device-width, initial-scale=1">
 
−
    <div class="menu">
 
−
            <div class="home" title="Home">
 
−
                <a href="https://2017.igem.org/Team:BNDS_China">
 
−
                    <img style="width: 72px; padding: 5% 20%; margin-top: -4%" src="https://static.igem.org/mediawiki/2017/thumb/1/1e/BNDS_China-Logow.png/796px-BNDS_China-Logow.png" style="padding: 10% 32%;"></img>
 
−
                </a>
 
−
            </div>
 
−
 
−
            <div class="menu_item submenu">
 
−
                <a class="mt">Team</a>
 
−
                <ul class="sublist">
 
−
                    <li><a href="https://2017.igem.org/Team:BNDS_China/Team">Team</a></li>
 
−
                    <li style="border:none"><a href="https://2017.igem.org/Team:BNDS_China/Collaborations">Collaborations</a></li>
 
−
                </ul>
 
−
 
−
            </div>
 
−
 
−
            <div class="menu_item submenu">
 
−
                <a class="mt">Project</a>
 
−
                <ul class="sublist">
 
−
                    <li><a href="https://2017.igem.org/Team:BNDS_China/Description">Description</a></li>
 
−
                    <li><a href="https://2017.igem.org/Team:BNDS_China/Design">Design</a></li>
 
−
                    <li><a href="https://2017.igem.org/Team:BNDS_China/Experiments">Experiment</a></li>
 
−
                    <li><a href="https://2017.igem.org/Team:BNDS_China/Notebook">Notebook</a></li>
 
−
                    <li><a href="https://2017.igem.org/Team:BNDS_China/InterLab">InterLab</a></li>
 
−
                    <li><a href="https://2017.igem.org/Team:BNDS_China/Contribution">Contribution</a></li>
 
−
                    <li><a href="https://2017.igem.org/Team:BNDS_China/Model">Model</a></li>
 
−
                    <li><a href="https://2017.igem.org/Team:BNDS_China/Results">Results</a></li>
 
−
                    <li><a href="https://2017.igem.org/Team:BNDS_China/Demonstrate">Demonstrate</a></li>
 
−
                    <li><a href="https://2017.igem.org/Team:BNDS_China/Improve">Improve</a></li>
 
−
                    <li style="border:none"><a href="https://2017.igem.org/Team:BNDS_China/Attributions">Attributions</a></li>
 
−
                </ul>
 
−
            </div>
 
−
 
−
            <div class="menu_item submenu">
 
−
                <a class="mt">Parts</a>
 
−
                <ul class="sublist">
 
−
                    <li><a href="https://2017.igem.org/Team:BNDS_China/Parts">Parts</a></li>
 
−
                    <li><a href="https://2017.igem.org/Team:BNDS_China/Basic_Part">Basic Parts</a></li>
 
−
                    <li><a href="https://2017.igem.org/Team:BNDS_China/Composite_Part">Composite Parts</a></li>
 
−
                    <li style="border:none"><a href="https://2017.igem.org/Team:BNDS_China/Part_Collection">Part Collection</a></li>
 
−
                </ul>
 
−
            </div>
 
−
 
−
            <div class="menu_item nosubmenu">
 
−
                <a href="https://2017.igem.org/Team:BNDS_China/Safety" class="mt">Safety</a>
 
−
            </div>
 
−
 
−
            <div class="menu_item submenu">
 
−
                <a class="mt">H.Prac</a>
 
−
                <ul class="sublist">
 
−
                    <li><a href="https://2017.igem.org/Team:BNDS_China/HP/Silver">Silver HP</a></li>
 
−
                    <li><a href="https://2017.igem.org/Team:BNDS_China/HP/Gold_Integrated">Integrated and Gold</a></li>
 
−
                    <li style="border:none"><a href="https://2017.igem.org/Team:BNDS_China/Engagement">Public Engagement</a></li>
 
−
                </ul>
 
−
            </div>
 
−
 
−
            <div class="menu_item submenu">
 
−
                <a class="mt">Awards</a>
 
−
                <ul class="sublist">
 
−
                    <li><a href="https://2017.igem.org/Team:BNDS_China/Applied_Design">Applied Design</a></li>
 
−
                    <li><a href="https://2017.igem.org/Team:BNDS_China/Entrepreneurship">Entrepreneurship</a></li>
 
−
                    <li><a href="https://2017.igem.org/Team:BNDS_China/Hardware">Hardware</a></li>
 
−
                    <li><a href="https://2017.igem.org/Team:BNDS_China/Measurement">Measurement</a></li>
 
−
                    <li><a href="https://2017.igem.org/Team:BNDS_China/Model">Model</a></li>
 
−
                    <li><a href="https://2017.igem.org/Team:BNDS_China/Plant">Plant</a></li>
 
−
                    <li style="border:none"><a href="https://2017.igem.org/Team:BNDS_China/Software">Software</a></li>
 
−
                </ul>
 
−
            </div>
 
−
 
−
            <div class="menu_item nosubmenu">
 
−
                <a href="https://igem.org/2017_Judging_Form?team=BNDS_China" class="mt">Judge</a>
 
−
            </div>
 
−
 
−
            <div class="home" id="totop" title="Go back to the top of this page">
 
−
                <img style="margin-top: 12%;" src="https://static.igem.org/mediawiki/2017/4/44/BNDS_China-Topw.png" style="padding: 10% 32%;"></img>
 
−
            </div>
 
−
           
 
−
        </div>
 
−
</head>
 
−
 
 
     <body>
 
     <body>
  
Line 87: Line 5:
 
             <img class="backgroundblur" src="https://raw.githubusercontent.com/Mephistopheres/igem2017/master/ws_The_Sierra_Nevada_1920x1080.jpg">
 
             <img class="backgroundblur" src="https://raw.githubusercontent.com/Mephistopheres/igem2017/master/ws_The_Sierra_Nevada_1920x1080.jpg">
 
         </div>
 
         </div>
−
 
 
         <div>
 
         <div>
 
             <center><img class="titleback" src="https://static.igem.org/mediawiki/2017/1/10/BNDS_China-Title.png"></img></center>
 
             <center><img class="titleback" src="https://static.igem.org/mediawiki/2017/1/10/BNDS_China-Title.png"></img></center>
 
         </div>
 
         </div>
−
 
+
         <div class="wrapper">
−
         <div class="block_white" style="margin-top: 368px;">
+
            <div class="block_white" style="margin-top: 368px;">
−
            <p>标题</p>
+
                <p>标题</p>
 +
            </div>
 +
            <div class="block_grey" style="margin-top: 0px;">
 +
                <p>正文</p>
 +
            </div>
 
         </div>
 
         </div>
−
 
−
        <div class="block_grey" style="margin-top: 0px;">
 
−
            <p>正文</p>
 
−
        </div>
 
−
           
 
 
     </body>
 
     </body>
  
Line 110: Line 26:
  
 
     <style>
 
     <style>
−
        #globalWrapper{
 
−
            font-size: 100%;
 
−
        }     
 
−
        body{
 
−
            margin: 0px;
 
−
        }
 
 
         .backgroundblur{
 
         .backgroundblur{
 
             filter: url(blur.svg#blur);       
 
             filter: url(blur.svg#blur);       
Line 146: Line 56:
 
             height: 200px;
 
             height: 200px;
 
         }
 
         }
−
 
 
         .block_grey{
 
         .block_grey{
 
             background-color: #e6e6e6;
 
             background-color: #e6e6e6;
Line 163: Line 72:
 
             position: absolute;
 
             position: absolute;
 
             margin-bottom: 0px;
 
             margin-bottom: 0px;
 +
        }
 +
        globalWrapper{
 +
            font-size: 100%;
 +
            padding-bottom: 0;
 
         }
 
         }
 
         .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{
 
         .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{
 
             margin: 0;
 
             margin: 0;
 +
        }
 +
        #top_menu_under{
 +
            height: 11px;
 
         }
 
         }
 
         #sideMenu{
 
         #sideMenu{
Line 175: Line 91:
 
         #content{
 
         #content{
 
             width: 100%;
 
             width: 100%;
−
             padding: 0;
+
             padding: none;
 
             margin: 0;
 
             margin: 0;
 
         }
 
         }
−
 
+
         body{
−
    li{
+
            margin: 0px;
−
         list-style-type: none !important;
+
         }
−
        list-style: none !important;
+
−
        margin: 0;
+
−
    }
+
−
    ul{
+
−
        -webkit-padding-start: 0em !important;
+
−
        margin: 0;
+
−
    }
+
−
    p{
+
−
        -webkit-margin-before: 0em !important;
+
−
    }
+
−
    a{
+
−
        color: #ffffff;
+
−
        text-decoration: none;
+
−
    }
+
−
    body{
+
−
        font-size: 100% !important;
+
−
        font: Segoe UI, sans-serif !important;
+
−
    }
+
−
    #globalWrapper{
+
−
        font-size: 100%;
+
−
    }
+
−
    ::-webkit-scrollbar{
+
−
        width: 12px;
+
−
        height: 16px;
+
−
        background-color: #e0e0e0;
+
−
    }
+
−
    ::-webkit-scrollbar-track{
+
−
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+
−
        border-radius: 10px;
+
−
        background-color: #e0e0e0;
+
−
    }
+
−
    ::-webkit-scrollbar-thumb{
+
−
        border-radius: 10px;
+
−
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+
−
        background-color: #9e9e9e;
+
−
    }
+
−
    .menu{
+
−
        position: fixed;
+
−
        width: 100%;
+
−
        height: 8%;
+
−
        background-color: transparent;
+
−
        border-bottom: none;
+
−
        z-index: 999;
+
−
    }
+
−
    .menu_item{
+
−
        width: 12%;
+
−
        height: 100%;
+
−
        float: left;
+
−
        border-left: 1px solid #bdbdbd;
+
−
        color: #ffffff
+
−
        background-color: transparent;
+
−
        -webkit-transition: all 0.3s ease;
+
−
-moz-transition: all 0.3s ease;
+
−
-ms-transition: all 0.3s ease;
+
−
-o-transition: all 0.3s ease; transition: all 0.3s ease;
+
−
    }
+
−
    .menu_item a{
+
−
        line-height: 333%;
+
−
        text-decoration: none;
+
−
    }
+
−
    .menu_item:hover{
+
−
        background-color: transparent;
+
−
        -webkit-transition: all 0.3s ease;
+
−
-moz-transition: all 0.3s ease;
+
−
-ms-transition: all 0.3s ease;
+
−
-o-transition: all 0.3s ease; transition: all 0.3s ease;
+
−
    }
+
−
    .menu_item a:visited{
+
−
        color: #ffffff;
+
−
    }
+
−
    .nosubmenu:active{
+
−
        background-color: transparent;
+
−
        -webkit-transition: all 0.3s ease;
+
−
-moz-transition: all 0.3s ease;
+
−
-ms-transition: all 0.3s ease;
+
−
-o-transition: all 0.3s ease; transition: all 0.3s ease;
+
−
    }
+
−
    .mt{
+
−
        padding: 10% 35%;
+
−
        text-align: center;
+
−
    }
+
−
    .sublist a{
+
−
        text-align: initial !important;
+
−
        padding: 7% 62% 7% 20%;
+
−
        color: #ffffff;
+
−
        white-space: nowrap;
+
−
    }
+
−
    .sublist li{
+
−
        border-bottom: 1px solid #bdbdbd;
+
−
        background-color: transparent;
+
−
        -webkit-transition: all 0.3s ease;
+
−
-moz-transition: all 0.3s ease;
+
−
-ms-transition: all 0.3s ease;
+
−
-o-transition: all 0.3s ease; transition: all 0.3s ease;
+
−
    }
+
−
    .sublist li:hover{
+
−
        background-color: transparent;
+
−
        -webkit-transition: all 0.3s ease;
+
−
-moz-transition: all 0.3s ease;
+
−
-ms-transition: all 0.3s ease;
+
−
-o-transition: all 0.3s ease; transition: all 0.3s ease;
+
−
    }
+
−
    .sublist li:active{
+
−
        background-color: transparent;
+
−
        -webkit-transition: all 0.3s ease;
+
−
-moz-transition: all 0.3s ease;
+
−
-ms-transition: all 0.3s ease;
+
−
-o-transition: all 0.3s ease; transition: all 0.3s ease;
+
−
    }
+
−
    .submenu .sublist{
+
−
        display: none;
+
−
        left: -1px;
+
−
        background: transparent;
+
−
        border: 1px solid #bdbdbd;
+
−
        position: relative; 
+
−
        width: 230px;
+
−
        top: 3px;
+
−
    }
+
−
    .submenu:hover .sublist{
+
−
        display: block;
+
−
        background-color: transparent;
+
−
    }
+
−
    .home{
+
−
        width: 7.7%;
+
−
        height: 100%;
+
−
        float: left;
+
−
        text-align: center;
+
−
        background-color: transparent;
+
−
        -webkit-transition: all 0.3s ease;
+
−
-moz-transition: all 0.3s ease;
+
−
-ms-transition: all 0.3s ease;
+
−
-o-transition: all 0.3s ease; transition: all 0.3s ease;
+
−
    }
+
−
    .home:hover{
+
−
        background-color: transparent;
+
−
        -webkit-transition: all 0.3s ease;
+
−
-moz-transition: all 0.3s ease;
+
−
-ms-transition: all 0.3s ease;
+
−
-o-transition: all 0.3s ease; transition: all 0.3s ease;
+
−
    }
+
−
    .home:active{
+
−
        background-color: transparent;
+
−
        -webkit-transition: all 0.3s ease;
+
−
-moz-transition: all 0.3s ease;
+
−
-ms-transition: all 0.3s ease;
+
−
-o-transition: all 0.3s ease; transition: all 0.3s ease;
+
−
    }
+
−
    #totop{
+
−
        cursor: pointer;
+
−
        border-left: 1px solid #bdbdbd;
+
−
    }
+
−
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{
+
−
        margin: 0;
+
−
    }
+
−
    #sideMenu{
+
−
         display: none;
+
−
    }
+
 
     </style>
 
     </style>
  
−
<script>
 
−
    $(document).ready(function() {
 
−
        $("#totop").click(function() {
 
−
                $('html, body').animate({
 
−
                    scrollTop: '0px'
 
−
                }, 1000);
 
−
            });
 
−
    });
 
−
</script>
 
 
</html>
 
</html>

Revision as of 07:33, 21 July 2017

标题

正文

© 2017 BNDS_China All Rights Reserved.