Cordeliali (Talk | contribs) |
Cordeliali (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | + | ||
− | <html> | + | <html lang="en"> |
<head> | <head> | ||
− | <meta | + | <meta charset="UTF-8"> |
+ | <title>Title</title> | ||
</head> | </head> | ||
+ | |||
<style > | <style > | ||
− | body{background-color:#FFF; | + | body{background-color:#FFF; |
− | + | } | |
− | . | + | .header { |
− | + | font-size: 24px; | |
− | + | padding:0px; | |
− | + | margin:0px; | |
− | + | position:fixed; | |
− | + | top:0; | |
− | + | left:0; | |
− | } | + | width:100%; |
+ | height:3em; | ||
+ | z-index:99; | ||
+ | float: left; | ||
+ | background-color:#E8FFC4; | ||
+ | } | ||
+ | .one{ | ||
+ | width:6em; | ||
+ | height:3em; | ||
+ | float:left; | ||
+ | margin: 0px; | ||
+ | padding: 8px; | ||
+ | } | ||
− | .two{ | + | .two{ |
− | + | width: 315px; | |
− | + | height:58px; | |
− | + | float:left; | |
− | + | padding-top:12px; | |
− | + | background-color:#E8FFC4; | |
− | + | font-size: 24px; | |
− | } | + | } |
− | .three{ | + | .three{ |
− | + | float:right; | |
− | } | + | } |
− | .other{ | + | .other{ |
− | + | width:700px; | |
− | + | height:48px; | |
− | + | float: left; | |
− | + | padding-top:12px; | |
− | + | background-color:#E8FFC4; | |
− | } | + | } |
− | + | p{ | |
− | + | padding:5px;} | |
− | h3, h4{ | + | h3, h4{ |
− | + | color:#000; | |
− | + | word-spacing:2px; | |
− | + | font-weight:normal; | |
− | + | text-indent:2em; | |
− | + | font-weight:normal; | |
− | + | line-height:25px; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | } | |
− | + | h4{text-align:center;} | |
− | + | ul li | |
− | + | { | |
− | + | list-style:none; | |
− | + | margin:0; | |
− | + | padding-top:6px; | |
− | + | padding-bottom:6px; | |
− | + | padding-left: 0; | |
− | + | float: left; | |
− | + | } | |
− | + | ||
− | + | ||
+ | li a,.dropbtn,a:link,a:visited{ | ||
+ | text-decoration: none; | ||
+ | font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; | ||
+ | color: #666; | ||
+ | padding:20px; | ||
+ | text-align:center; | ||
+ | text-transform:uppercase; | ||
+ | font-size: 16px; | ||
+ | } | ||
+ | li a:hover,.dropdown:hover.dropbtn{ | ||
+ | color:#399; | ||
+ | text-shadow:2px 2px 2px #399; | ||
+ | } | ||
− | + | .dropdown { | |
− | + | position: relative; | |
− | + | display: inline-block; | |
− | + | float: left; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | .dropdown-content { | |
− | + | display: none; | |
− | + | position: absolute; | |
− | + | background-color: #E0E0E0; | |
− | + | min-width: 700px; | |
− | + | ||
− | + | ||
− | + | ||
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | .dropdown-content a { | |
− | # | + | color: #272727; |
− | + | padding: 12px 16px; | |
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | } | ||
− | + | .dropdown-content a:hover { | |
− | + | background-color: transparent;} | |
− | + | ||
− | + | ||
− | background-color: | + | |
− | + | ||
− | + | ||
− | + | ||
+ | .dropdown:hover .dropdown-content { | ||
+ | display: block; | ||
+ | } | ||
− | |||
− | |||
− | |||
</style> | </style> | ||
<body> | <body> | ||
Line 148: | Line 122: | ||
<div class="header"> | <div class="header"> | ||
+ | <div class="two"> | ||
+ | <ul> | ||
+ | <li> | ||
+ | <div class="dropdown"> | ||
+ | <a href="https://2017.igem.org/Team:SMS_Shenzhen">Home</a> | ||
+ | </div> | ||
− | </div> | + | <div class="dropdown"> |
− | </div> | + | <a href="file:///E/igem/team.html" class="dropbtn">Team</a> |
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2017.igem.org/Team:SMS_Shenzhen/Team">Team Members</a> | ||
+ | <a href="https://2017.igem.org/Team:SMS_Shenzhen/Collaborations">Collaborations</a> | ||
+ | <a href="https://2017.igem.org/Team:SMS_Shenzhen/Attributions">attributions</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <a href="file:///E/igem/humanpractise.html" class="dropbtn">Project</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2017.igem.org/Team:SMS_Shenzhen/Description">Description</a> | ||
+ | <a href="https://2017.igem.org/Team:SMS_Shenzhen/Design">Design</a> | ||
+ | <a href="https://2017.igem.org/Team:SMS_Shenzhen/Model">Model</a> | ||
+ | <a href="https://2017.igem.org/Team:SMS_Shenzhen/Demonstrate">Demonstrate</a> | ||
+ | </div> | ||
+ | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | </li> | + | </li> |
− | + | </ul> | |
− | + | </div> | |
− | + | ||
− | + | <div class= "other"> | |
− | <div | + | <ul> |
− | < | + | <li> |
− | < | + | <a href="https://2017.igem.org/Team:SMS_Shenzhen/Safety">safety</a> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <div class="dropdown"> | |
− | + | <a href="file:///E/igem/humanpractise.html" class="dropbtn">Experiments</a> | |
− | <div | + | <div class="dropdown-content"> |
− | < | + | <a href="https://2017.igem.org/Team:SMS_Shenzhen/Experiment">Experiments</a> |
− | + | <a href="https://2017.igem.org/Team:SMS_Shenzhen/Results">Results</a> | |
− | + | </div> | |
− | + | </div> | |
− | < | + | |
− | < | + | |
− | < | + | |
− | < | + | |
− | < | + | |
+ | <div class="dropdown"> | ||
+ | <a href="https://2017.igem.org/Team:SMS_Shenzhen/Parts" >parts</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2016.igem.org/Team:SMS_Shenzhen/HP/Silver">Basic Part</a> | ||
+ | <a href="https://2016.igem.org/Team:SMS_Shenzhen/HP/Gold">Composite Part</a> | ||
+ | <a href="https://2016.igem.org/Team:SMS_Shenzhen/HP/Integrated_Pratices">Parts Collection</a> | ||
+ | <a href="https://2016.igem.org/Team:SMS_Shenzhen/HP/Integrated_Pratices">Contribution</a> | ||
+ | </div> | ||
+ | </div> | ||
− | < | + | <div class="dropdown"> |
− | </ | + | <a href="file:///E/igem/humanpractise.html" class="dropbtn">practice</a> |
− | + | <div class="dropdown-content"> | |
− | <div | + | <a href="https://2016.igem.org/Team:SMS_Shenzhen/HP/Silver">Silver</a> |
− | < | + | <a href="https://2016.igem.org/Team:SMS_Shenzhen/HP/Gold">Gold</a> |
− | + | <a href="https://2016.igem.org/Team:SMS_Shenzhen/HP/Engagement">Engagement</a> | |
− | < | + | </div> |
− | + | </div> | |
− | </ | + | |
− | < | + | |
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
</div> | </div> | ||
− | < | + | |
+ | <body> | ||
+ | |||
</body> | </body> | ||
</html> | </html> |
Revision as of 03:04, 11 October 2017