|
|
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 110: |
Line 28: |
| | | |
| <style> | | <style> |
− | #globalWrapper{
| |
− | font-size: 100%;
| |
− | }
| |
− | body{
| |
− | margin: 0px;
| |
− | }
| |
| .backgroundblur{ | | .backgroundblur{ |
| filter: url(blur.svg#blur); | | filter: url(blur.svg#blur); |
Line 163: |
Line 75: |
| 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{ |
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> |