Line 51: | Line 51: | ||
url('https://static.igem.org/mediawiki/2018/6/68/T--CCU_Taiwan--CCUfontsBold.svg') format('svg'), | url('https://static.igem.org/mediawiki/2018/6/68/T--CCU_Taiwan--CCUfontsBold.svg') format('svg'), | ||
url('https://static.igem.org/mediawiki/2018/d/dc/T--CCU_Taiwan--CCUfontsBold.woff') format('woff'); | url('https://static.igem.org/mediawiki/2018/d/dc/T--CCU_Taiwan--CCUfontsBold.woff') format('woff'); | ||
+ | } | ||
+ | |||
+ | |||
+ | #top { | ||
+ | position: fixed; | ||
+ | top: 100px; | ||
+ | z-index: 6; | ||
+ | } | ||
+ | |||
+ | header{ | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | .container { | ||
+ | position: fixed; | ||
+ | width: 100%; | ||
+ | margin-top: 0; | ||
+ | background: #000000; | ||
+ | height: 55px; | ||
+ | z-index:3; | ||
+ | } | ||
+ | nav { | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | height: 55px; | ||
+ | } | ||
+ | nav ul { | ||
+ | margin: 0; | ||
+ | list-style: none; | ||
+ | background:white; | ||
+ | } | ||
+ | nav ul li { | ||
+ | float:left; | ||
+ | display: inline-block; | ||
+ | position: relative; | ||
+ | padding-top:10px; | ||
+ | width: 190px; | ||
+ | height: 42px; | ||
+ | text-align:center; | ||
+ | line-height:42px | ||
+ | margin-left:0vw; | ||
+ | margin-right:0vw; | ||
+ | } | ||
+ | nav ul li ul{ | ||
+ | position:absolute; | ||
+ | top:46px; | ||
+ | left:-29.5px; | ||
+ | margin-left:0px; | ||
+ | background:black; | ||
+ | width:190px; | ||
+ | } | ||
+ | nav ul li ul li{ | ||
+ | margin-left: 0; | ||
+ | position: relative; | ||
+ | text-align: center; | ||
+ | line-height:42px | ||
+ | float:none; | ||
+ | display: none; | ||
+ | border-radius:1px; | ||
+ | } | ||
+ | nav a { | ||
+ | color:#F5F5F5!important; | ||
+ | font-family: monospace; | ||
+ | font-size: 23px; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | /*nav a::before { | ||
+ | content: ''; | ||
+ | display: block; | ||
+ | height: 3px; | ||
+ | background-color: blue; | ||
+ | position: absolute; | ||
+ | top: -7px; | ||
+ | width: 0%; | ||
+ | border-radius: 2px; | ||
+ | transition: all ease-in-out 400ms; | ||
+ | }*/ | ||
+ | nav ul li:hover { | ||
+ | background-color:#F5F5F5; | ||
+ | transition: 200ms; | ||
+ | } | ||
+ | nav a:hover{ | ||
+ | color:black!important; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | /*nav a:hover::before { | ||
+ | width: 100%; | ||
+ | }*/ | ||
+ | nav ul li:hover ul li{ | ||
+ | display: block; | ||
+ | transition: 300ms; | ||
} | } | ||
Revision as of 08:07, 7 August 2018