Difference between revisions of "Team:ASTWS-China/test"
| (15 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
| − | <meta charset="utf-8"> | + | <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1"> |
| − | + | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | |
<style> | <style> | ||
| Line 27: | Line 27: | ||
width:80%; | width:80%; | ||
margin-top: 38px; | margin-top: 38px; | ||
| + | margin-left: auto; | ||
} | } | ||
| Line 45: | Line 46: | ||
box-shadow: 0 0 50px 0 rgba(0,0,0,0.35); | box-shadow: 0 0 50px 0 rgba(0,0,0,0.35); | ||
text-align: center; | text-align: center; | ||
| + | z-index: 3; | ||
} | } | ||
| Line 58: | Line 60: | ||
height: 100%; | height: 100%; | ||
font-size: 18px; | font-size: 18px; | ||
| − | |||
text-align: center; | text-align: center; | ||
} | } | ||
| − | + | .menu { | |
list-style-image: none; | list-style-image: none; | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
/* Button */ | /* Button */ | ||
| Line 134: | Line 126: | ||
.menu li ul li a:hover { | .menu li ul li a:hover { | ||
background-color: rgb(152,193,147); | background-color: rgb(152,193,147); | ||
| + | } | ||
| + | .menu .icon { | ||
| + | display: none; | ||
} | } | ||
| + | @media screen and (max-width: 1000px) { | ||
| + | .menu li{ | ||
| + | display: block; | ||
| + | } | ||
| + | |||
| + | .menu li ul li a.icon { | ||
| + | float: right; | ||
| + | display: block; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @media screen and (max-width: 1000px) { | ||
| + | .menu.responsive li {position: relative;} | ||
| + | .menu.responsive li ul li a.icon { | ||
| + | position: absolute; | ||
| + | right: 0; | ||
| + | top: 0; | ||
| + | } | ||
| + | .menu.responsive li a { | ||
| + | float: none; | ||
| + | display: block; | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | .menu.responsive li { | ||
| + | float: none; | ||
| + | } | ||
| + | .menu.responsive li ul { | ||
| + | position: relative; | ||
| + | } | ||
| + | .menu.responsive li ul li a{ | ||
| + | display: block; | ||
| + | width: 100%; | ||
| + | text-align: center; | ||
| + | } | ||
| + | } | ||
</style> | </style> | ||
| + | |||
| + | <script> | ||
| + | function myFunction() { | ||
| + | var x = document.getElementById("mymenu"); | ||
| + | if (x.className === "menu li") { | ||
| + | x.className += " responsive"; | ||
| + | } | ||
| + | else { | ||
| + | x.className = "menu li"; | ||
| + | } | ||
| + | } | ||
| + | </script> | ||
</head> | </head> | ||
| Line 145: | Line 188: | ||
<div id="burger"></div> | <div id="burger"></div> | ||
<div class="menu_wrapper"> | <div class="menu_wrapper"> | ||
| − | <ul class="menu" id=" | + | <ul class="menu" id="mymenu"> |
| − | <li id="team_name"><a href=" | + | <li id="team_name"><a href="https://2018.igem.org/Team:ASTWS-China">ASTWS-China</a></li> |
<li><a href="#">Project▾</a> | <li><a href="#">Project▾</a> | ||
<ul> | <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/Attributions">Attributions</a></li> | ||
<li><a href="https://2018.igem.org/Team:ASTWS-China/Demonstrate">Demonstrate</a></li> | <li><a href="https://2018.igem.org/Team:ASTWS-China/Demonstrate">Demonstrate</a></li> | ||
| − | <li><a href=" | + | <li><a href="https://2018.igem.org/Team:ASTWS-China/Description">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/Design">Design</a></li> | ||
| + | <li><a href="https://2018.igem.org/Team:ASTWS-China/Improve">Improve</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/InterLab">InterLab</a></li> | ||
<li><a href="https://2018.igem.org/Team:ASTWS-China/Model">Modeling</a></li> | <li><a href="https://2018.igem.org/Team:ASTWS-China/Model">Modeling</a></li> | ||
| Line 167: | Line 211: | ||
<li><a href="#">Awards▾</a> | <li><a href="#">Awards▾</a> | ||
<ul> | <ul> | ||
| − | <li><a href=" | + | <li><a href="https://2018.igem.org/Team:ASTWS-China/Applied_Design">Applied Design</a></li> |
| − | + | <li><a href="https://2018.igem.org/Team:ASTWS-China/Measurement">Measurement</a></li> | |
| − | + | ||
| − | <li><a href=" | + | |
| − | + | ||
| − | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
| Line 178: | Line 218: | ||
<li><a href="https://2018.igem.org/Team:ASTWS-China/Safety">Safety</a></li> | <li><a href="https://2018.igem.org/Team:ASTWS-China/Safety">Safety</a></li> | ||
| − | <li><a href=" | + | <li><a href="#">Human Practices▾</a> |
<ul> | <ul> | ||
| − | <li><a href="https://2018.igem.org/Team:ASTWS-China/Human_Practices"> | + | <li><a href="https://2018.igem.org/Team:ASTWS-China/Human_Practices">Silver</a></li> |
| − | <li><a href="https://2018.igem.org/Team:ASTWS-China/ | + | <li><a href="https://2018.igem.org/Team:ASTWS-China/Human_Practices#gold">Gold Integrated</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
<li><a href="https://igem.org/2018_Judging_Form?team=ASTWS-China">Judging Form</a></li> | <li><a href="https://igem.org/2018_Judging_Form?team=ASTWS-China">Judging Form</a></li> | ||
| + | |||
| + | <li><a href="javascript:void(0);" class="icon" onclick="myFunction()">☰</a></li> | ||
</ul> | </ul> | ||
</div> | </div> | ||
</div> | </div> | ||
| + | |||
| + | <h1>This is a test case.</h1> | ||
</body> | </body> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</html> | </html> | ||
Latest revision as of 00:17, 18 October 2018