(header_footer) |
m |
||
(52 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
− | |||
+ | <style> | ||
html, body{ | html, body{ | ||
height: 100%; | height: 100%; | ||
Line 9: | Line 9: | ||
color: #ffffff; | color: #ffffff; | ||
font-size: 1.25rem; | font-size: 1.25rem; | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | . | + | .fixed-top { |
− | + | top: 16px; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | . | + | /*header*/ |
− | padding: | + | .navbar { |
− | + | padding: .25rem 1rem; | |
− | + | ||
border-radius: .3rem; | border-radius: .3rem; | ||
} | } | ||
− | . | + | .navbar-light .navbar-nav .nav-link { |
− | + | color: #aaa; | |
− | + | font-size: 1.25rem; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | . | + | .dropdown-item:hover { |
− | + | font-weight: 500; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | - | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | a:visited { | |
color: rgba(155,30,30,.8); | color: rgba(155,30,30,.8); | ||
} | } | ||
Line 84: | Line 36: | ||
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { | .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { | ||
color: rgba(155,30,30,.8); | color: rgba(155,30,30,.8); | ||
+ | font-weight: 600; | ||
} | } | ||
Line 92: | Line 45: | ||
.dropdown-item { | .dropdown-item { | ||
color: rgba(155,30,30,.8); | color: rgba(155,30,30,.8); | ||
+ | } | ||
+ | |||
+ | #bodyContent a[href ^="https://"], .link-https { | ||
+ | background: none; | ||
+ | } | ||
+ | |||
+ | #bodyContent a[href ^="https://2020.igem.org/Team:CCU_Taiwan/"]:hover, .link-https:hover { | ||
+ | background-color: #f8f9fa; | ||
+ | } | ||
+ | |||
+ | #bodyContent a[href ^="https://2020.igem.org/Team:CCU_Taiwan/"]:active, .link-https:active { | ||
+ | background-color: rgba(155,30,30); | ||
} | } | ||
Line 97: | Line 62: | ||
color: rgba(155,30,30); | color: rgba(155,30,30); | ||
text-decoration: none; | text-decoration: none; | ||
− | background-color: #f8f9fa; | + | background-color: #f8f9fa;!importent |
} | } | ||
Line 106: | Line 71: | ||
} | } | ||
− | + | /*gotop*/ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
#gotop a{ | #gotop a{ | ||
display: block; | display: block; | ||
Line 140: | Line 82: | ||
cursor: pointer; | cursor: pointer; | ||
z-index: 1000; | z-index: 1000; | ||
− | background: url(../ | + | background: url(https://static.igem.org/mediawiki/2020/7/72/T--CCU_Taiwan--mosquito_1.png); |
} | } | ||
#gotop a:hover { | #gotop a:hover { | ||
− | background: url(../ | + | background: url(https://static.igem.org/mediawiki/2020/9/9e/T--CCU_Taiwan--mosquito_2.png); |
} | } | ||
#gotop a:active { | #gotop a:active { | ||
− | background: url(../ | + | background: url(https://static.igem.org/mediawiki/2020/d/d5/T--CCU_Taiwan--mosquito_3.png); |
} | } | ||
</style> | </style> | ||
+ | |||
+ | <section> | ||
+ | <nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top"> | ||
+ | <a class="navbar-brand" href="https://2020.igem.org/Team:CCU_Taiwan"><img src="https://static.igem.org/mediawiki/2020/7/7e/T--CCU_Taiwan--logo.png"></a> | ||
+ | <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> | ||
+ | <span class="navbar-toggler-icon"></span> | ||
+ | </button> | ||
+ | <section class="collapse navbar-collapse" id="navbarSupportedContent"> | ||
+ | <ul class="navbar-nav mr-auto"> | ||
+ | <li class="nav-item dropdown"> | ||
+ | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Team</a> | ||
+ | <section class="dropdown-menu" aria-labelledby="navbarDropdown"> | ||
+ | <a class="dropdown-item" href="#">Team Members</a> | ||
+ | <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Attributions">Attributions</a> | ||
+ | <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Contribution">Contribution</a> | ||
+ | <a class="dropdown-item" href="#">Sponsors</a> | ||
+ | </section> | ||
+ | </li> | ||
+ | <li class="nav-item dropdown"> | ||
+ | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Project</a> | ||
+ | <section class="dropdown-menu" aria-labelledby="navbarDropdown"> | ||
+ | <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Description">Description</a> | ||
+ | <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Implementation">Implementation</a> | ||
+ | <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Design">Design</a> | ||
+ | <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Engineering">Engineering</a> | ||
+ | <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Model">Model</a> | ||
+ | <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Results">Results</a> | ||
+ | <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Safety">Safety</a> | ||
+ | </section> | ||
+ | </li> | ||
+ | <li class="nav-item dropdown"> | ||
+ | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Parts</a> | ||
+ | <section class="dropdown-menu" aria-labelledby="navbarDropdown"> | ||
+ | <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Parts">Parts</a> | ||
+ | <a class="dropdown-item" href="#">Improvement</a> | ||
+ | </section> | ||
+ | </li> | ||
+ | <li class="nav-item dropdown"> | ||
+ | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Human Practices | ||
+ | </a> | ||
+ | <section class="dropdown-menu" aria-labelledby="navbarDropdown"> | ||
+ | <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Human_Practices">Human Practices</a> | ||
+ | <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Education">Education</a> | ||
+ | <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Collaborations">Collaborations</a> | ||
+ | </section> | ||
+ | </li> | ||
+ | <li class="nav-item dropdown"> | ||
+ | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Notebook | ||
+ | </a> | ||
+ | <section class="dropdown-menu" aria-labelledby="navbarDropdown"> | ||
+ | <a class="dropdown-item" href="#">Notebook</a> | ||
+ | <a class="dropdown-item" href="#">Protocols</a> | ||
+ | </section> | ||
+ | </li> | ||
+ | <li class="nav-item"> | ||
+ | <a class="nav-link" href="#">Awards</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </section> | ||
+ | </nav> | ||
+ | </section> | ||
+ | |||
</html> | </html> |
Latest revision as of 13:37, 5 September 2020