Line 19: | Line 19: | ||
<link href="http://fonts.googleapis.com/css?family=Cookie" rel="stylesheet" type="text/css"> | <link href="http://fonts.googleapis.com/css?family=Cookie" rel="stylesheet" type="text/css"> | ||
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Shanghaitech/CSS/DEMO?action=raw&ctype=text/css "> | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Shanghaitech/CSS/DEMO?action=raw&ctype=text/css "> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<style type="text/css"> | <style type="text/css"> | ||
#menu-bar { | #menu-bar { | ||
Line 431: | Line 380: | ||
} | } | ||
</script> | </script> | ||
+ | <style> | ||
+ | .sidenav { | ||
+ | height: 50%; | ||
+ | width: 0; | ||
+ | position: fixed; | ||
+ | z-index: 1; | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | background-color: #F4E6CF; | ||
+ | overflow-x: hidden; | ||
+ | transition: 0.5s; | ||
+ | padding-top: 40px; | ||
+ | margin: 200px -6px 0 100px; | ||
+ | } | ||
+ | |||
+ | .sidenav a { | ||
+ | /*侧边栏调整字体距离框的距离*/ | ||
+ | padding: 10px 50px 15px 100px; | ||
+ | text-decoration: none; | ||
+ | font-size: 20px; | ||
+ | color: #818181; | ||
+ | display: block; | ||
+ | transition: 0.3s; | ||
+ | } | ||
+ | |||
+ | .sidenav a:hover { | ||
+ | color: #f1f1f1; | ||
+ | } | ||
+ | |||
+ | .sidenav .closebtn { | ||
+ | position: absolute; | ||
+ | top: -15px; | ||
+ | right: -30px; | ||
+ | font-size: 36px; | ||
+ | margin-left: 50px; | ||
+ | } | ||
+ | |||
+ | @media screen and (max-height: 450px) { | ||
+ | .sidenav { | ||
+ | padding-top: 15px; | ||
+ | } | ||
+ | .sidenav a { | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | } | ||
+ | </style> | ||
+ | <style type="text/css"> | ||
+ | body { | ||
+ | background: url(https://static.igem.org/mediawiki/2017/c/c0/T--Shanghaitech--background4.png); | ||
+ | } | ||
+ | </style> | ||
</html> | </html> |
Revision as of 07:16, 22 October 2017
Right-\n
Click on the elavigation menu.
☰ close22333
22333
22333
22333
22333
22333
22333
22333
22333
22333
22333
22333
22333
22333
22333
22333
22333
22333
22333
22333
22333
22333
22333
22333
22333
22333
22333
22333
22333
22333
22333
22333
22333
22333
22333
22333
22333
22333
22333
22333
22333
22333
22333
22333