Difference between revisions of "Team:BNDS China"

(Undo revision 60319 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 5: Line 87:
 
             <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 26: Line 110:
  
 
     <style>
 
     <style>
 +
        #globalWrapper{
 +
            font-size: 100%;
 +
        }     
 +
        body{
 +
            margin: 0px;
 +
        }
 
         .backgroundblur{
 
         .backgroundblur{
 
             filter: url(blur.svg#blur);       
 
             filter: url(blur.svg#blur);       
Line 56: Line 146:
 
             height: 200px;
 
             height: 200px;
 
         }
 
         }
 +
 
         .block_grey{
 
         .block_grey{
 
             background-color: #e6e6e6;
 
             background-color: #e6e6e6;
Line 72: Line 163:
 
             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 91: Line 175:
 
         #content{
 
         #content{
 
             width: 100%;
 
             width: 100%;
−
             padding: none;
+
             padding: 0;
 
             margin: 0;
 
             margin: 0;
 
         }
 
         }
−
         body{
+
 
−
            margin: 0px;
+
    li{
−
         }
+
         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:34, 21 July 2017

Team
Project
Parts
Safety
H.Prac
Awards
Judge

标题

正文

© 2017 BNDS_China All Rights Reserved.