Difference between revisions of "Team:ASTWS-China/test"
(Created page with "<html> <head> <meta http-equiv=Content-Type content="text/html; charset=utf-8"> <meta name=Generator content="Microsoft Word 15 (filtered)"> <style> <!-- /* Font Definitions...") |
|||
| Line 1: | Line 1: | ||
<html> | <html> | ||
| + | <head> | ||
| + | <meta charset="utf-8"> | ||
| + | |||
| + | <style> | ||
| + | |||
| + | |||
| + | /* //css rest end*/ | ||
| + | .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{ | ||
| + | margin: 0 !important; | ||
| + | } | ||
| + | |||
| + | #top_title{ | ||
| + | display: none; | ||
| + | } | ||
| + | html{ | ||
| + | height:100%; | ||
| + | width:100%; | ||
| + | } | ||
| + | body { | ||
| + | height:100%; | ||
| + | width:100%; | ||
| + | background-color: white; | ||
| + | } | ||
| + | |||
| + | #content{ | ||
| + | width:80%; | ||
| + | margin-top: 38px; | ||
| + | } | ||
| + | |||
| + | #globalWrapper { | ||
| + | height:100%; | ||
| + | padding:0; | ||
| + | } | ||
| + | |||
| + | #nav_wrapper { | ||
| + | display: inline-block; | ||
| + | position: fixed; | ||
| + | left: 0; | ||
| + | top:18px; | ||
| + | width: 100%; | ||
| + | height: 74px; | ||
| + | text-align: center; | ||
| + | background-color:rgba(170,170,170,0.9); | ||
| + | box-shadow: 0 0 50px 0 rgba(0,0,0,0.35); | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | #team_name{ | ||
| + | position: relative; | ||
| + | font-size: 32px; | ||
| + | } | ||
| + | |||
| + | .menu { | ||
| + | position: relative; | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | height: 100%; | ||
| + | font-size: 18px; | ||
| + | font-weight: bold; | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | #menu { | ||
| + | list-style-image: none; | ||
| + | } | ||
| + | /* | ||
| + | .menu::before { | ||
| + | float:left; | ||
| + | position: relative; | ||
| + | content:""; | ||
| + | width: 250px; | ||
| + | height: 100px; | ||
| + | } | ||
| + | */ | ||
| + | |||
| + | /* Button */ | ||
| + | .menu li { | ||
| + | position: relative; | ||
| + | display: inline-block; | ||
| + | height: 100%; | ||
| + | line-height: 69px; | ||
| + | list-style-type: none; | ||
| + | transition: background-color 0.2s ease-in-out; | ||
| + | } | ||
| + | .menu li a { | ||
| + | display: block; | ||
| + | color:black; | ||
| + | text-decoration: none; | ||
| + | padding: 0 15px 0 15px !important; | ||
| + | } | ||
| + | .menu li:hover { | ||
| + | background-color: rgb(152,193,147); | ||
| + | } | ||
| − | + | .menu li:hover ul { | |
| − | + | visibility: visible; | |
| − | + | max-height: 700px; | |
| − | + | opacity: 1.0; | |
| − | + | margin: 0; | |
| − | + | } | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | /* Container */ | |
| + | .menu li ul { | ||
| + | max-height: 0; | ||
| + | opacity: 0.0; | ||
| + | font-weight: normal; | ||
| + | position: absolute; | ||
| + | left:0; | ||
| + | padding:0; | ||
| + | visibility: hidden; | ||
| + | background-color: rgba(200,200,200, 0.87); | ||
| + | text-align: left; | ||
| + | overflow:hidden; | ||
| + | box-shadow: 0px 9px 20px 0px rgba(0,0,0,0.2), inset 0px 35px 45px -35px rgba(0,0,0,0.5); | ||
| + | transition: all 0.3s ease-in-out; | ||
| + | } | ||
| − | + | /* Element */ | |
| − | + | .menu li ul li { | |
| − | + | display: block; | |
| − | + | padding: 0; | |
| − | + | width: 100%; | |
| − | + | min-width: 250px; | |
| − | + | line-height: 55px; | |
| − | </ | + | white-space: nowrap; |
| − | + | } | |
| − | < | + | .menu li ul li:hover { |
| − | </ | + | background-color:unset; |
| − | + | } | |
| − | < | + | .menu li ul li a { |
| − | </ | + | transition: background-color 0.17s ease-in-out; |
| − | + | } | |
| − | + | .menu li ul li a:hover { | |
| − | + | background-color: rgb(152,193,147); | |
| − | < | + | } |
| − | + | ||
| − | < | + | |
| − | + | </style> | |
| − | + | ||
| − | + | </head> | |
| − | + | ||
| − | < | + | <body> |
| − | + | <div id="nav_wrapper"> | |
| − | + | <div id="burger"></div> | |
| − | + | <div class="menu_wrapper"> | |
| − | < | + | <ul class="menu" id="menu"> |
| − | + | <li id="team_name"><a href="#">ASTWS-China</a></li> | |
| − | + | <li><a href="#">Project▾</a> | |
| − | + | <ul> | |
| − | + | <li><a href="https://2018.igem.org/Team:ASTWS-China/Attributions">Attributions</a></li> | |
| − | + | <li><a href="https://2018.igem.org/Team:ASTWS-China/Demonstrate">Demonstrate</a></li> | |
| − | < | + | <li><a href="#">Description</a></li> |
| − | + | <li><a href="https://2018.igem.org/Team:ASTWS-China/Design">Design</a></li> | |
| − | + | <li><a href="https://2018.igem.org/Team:ASTWS-China/InterLab">InterLab</a></li> | |
| − | + | <li><a href="https://2018.igem.org/Team:ASTWS-China/Model">Modeling</a></li> | |
| − | < | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | < | + | |
| − | + | ||
| − | < | + | |
| − | href=" | + | |
| − | + | ||
| − | </ | + | |
| − | + | ||
| − | </ | + | |
| + | </ul> | ||
| + | </li> | ||
| + | <li><a href="#">Team▾</a> | ||
| + | <ul> | ||
| + | <li><a href="https://2018.igem.org/Team:ASTWS-China/Team">Team</a></li> | ||
| + | <li><a href="https://2018.igem.org/Team:ASTWS-China/Collaborations">Collaborations</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
| + | |||
| + | <li><a href="#">Awards▾</a> | ||
| + | <ul> | ||
| + | <li><a href="#">Applied Design</a></li> | ||
| + | <li><a href="#">Entrepreneurship</a></li> | ||
| + | <li><a href="#">Hardware</a></li> | ||
| + | <li><a href="#">Measurement</a></li> | ||
| + | <li><a href="#">Model</a></li> | ||
| + | <li><a href="#">Software</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
| + | |||
| + | <li><a href="https://2018.igem.org/Team:ASTWS-China/Safety">Safety</a></li> | ||
| + | |||
| + | <li><a href="https://2018.igem.org/Team:ASTWS-China/Human_Practices">Human Practices▾</a> | ||
| + | <ul> | ||
| + | <li><a href="https://2018.igem.org/Team:ASTWS-China/Human_Practices">Human Practices</a></li> | ||
| + | <li><a href="https://2018.igem.org/Team:ASTWS-China/Integrated_Human_Practice">Integrated Human Practices</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
| + | |||
| + | <li><a href="https://igem.org/2018_Judging_Form?team=ASTWS-China">Judging Form</a></li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | </div> | ||
| + | </body> | ||
| + | |||
| + | <footer> | ||
| + | <div class="container"> | ||
| + | <p>©2018 ASTWS-China</p> | ||
| + | <ul> | ||
| + | <li> | ||
| + | <img src="https://static.igem.org/mediawiki/2018/d/df/T--ASTWS-China--Team_Logo.jpg"> | ||
| + | </li> | ||
| + | <li> | ||
| + | <img src="https://static.igem.org/mediawiki/2018/0/00/T--ASTWS-China--QR_Code.jpg"> | ||
| + | </li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | </footer> | ||
</html> | </html> | ||
Revision as of 13:55, 16 October 2018