Line 12: | Line 12: | ||
left:15px; | left:15px; | ||
position:relative; | position:relative; | ||
− | top: | + | top:3px; |
+ | bottom:3px; | ||
} | } | ||
.navigation{ | .navigation{ | ||
Line 19: | Line 20: | ||
padding: 0; | padding: 0; | ||
overflow: hidden; | overflow: hidden; | ||
− | background-color: | + | background-color: rgb(230, 236, 255); |
} | } | ||
.navigation li{ | .navigation li{ | ||
Line 25: | Line 26: | ||
} | } | ||
− | .navigation li a{ | + | .navigation li a, .dropbtn { |
− | display: block; | + | display: inline-block; |
− | color: | + | color: black; |
text-align: center; | text-align: center; | ||
padding: 14px 16px; | padding: 14px 16px; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
+ | |||
+ | li a:hover, .dropdown:hover .dropbtn { | ||
+ | background-color: rgb(157, 136, 221); | ||
+ | } | ||
+ | |||
+ | .dropdown { | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | .dropdown-content { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | background-color: white; | ||
+ | min-width: 160px; | ||
+ | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | .dropdown-content a { | ||
+ | color: black; | ||
+ | padding: 12px 16px; | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .dropdown-content a:hover {background-color: rgb(255, 230, 255)} | ||
+ | |||
+ | .dropdown:hover .dropdown-content { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
</style> | </style> | ||
</head> | </head> | ||
+ | |||
<body> | <body> | ||
<ul class="navigation"> | <ul class="navigation"> | ||
<a href="https://2017.igem.org/Team:TCFSH_Taiwan"> | <a href="https://2017.igem.org/Team:TCFSH_Taiwan"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/8/82/Team_Logo%28No_background%29TCFSH_Taiwan.png" class="TCFSH_Taiwan" width=" | + | <img src="https://static.igem.org/mediawiki/2017/8/82/Team_Logo%28No_background%29TCFSH_Taiwan.png" class="TCFSH_Taiwan" width="5.5%"> |
</a> | </a> | ||
<li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Human_Practice">Human Practice</a></li> | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Human_Practice">Human Practice</a></li> | ||
<li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Modeling">Modeling</a></li> | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Modeling">Modeling</a></li> | ||
− | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Project">Project</a></li> | + | <li class="dropdown"><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Project" class="dropbtn">Project</a><div class="dropdown-content"> |
+ | <a href="#">Description</a> | ||
+ | <a href="#">Experiment</a> | ||
+ | <a href="#">Results</a> | ||
+ | <a href="#">InterLab</a> | ||
+ | </div></li> | ||
<li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Team">Team</a></li> | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Team">Team</a></li> | ||
<li><a href="https://2017.igem.org/Team:TCFSH_Taiwan">Home</a></li> | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan">Home</a></li> | ||
</ul> | </ul> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/5/59/Big_Logo_overview_tcfsh_new.jpeg" width="90%"> |
</body> | </body> | ||
</html> | </html> |
Revision as of 07:40, 19 July 2017