Allen850413 (Talk | contribs) |
Allen850413 (Talk | contribs) |
||
Line 508: | Line 508: | ||
padding-top: 10px; | padding-top: 10px; | ||
height: 55px; | height: 55px; | ||
+ | } | ||
+ | nav { | ||
+ | height: 55px; | ||
+ | } | ||
+ | nav ul { | ||
+ | margin: 0; | ||
+ | list-style: none; | ||
+ | padding-top: 5px; | ||
+ | } | ||
+ | nav ul li { | ||
+ | display: inline-block; | ||
+ | margin-left: 85px; | ||
+ | padding-top: 5px; | ||
+ | position: relative; | ||
+ | } | ||
+ | nav ul li ul{ | ||
+ | position:absolute; | ||
+ | background: #000000; | ||
+ | margin-left:0; | ||
+ | clear:left; | ||
+ | life-style: none; | ||
+ | padding-top:9px; | ||
+ | padding-left:0px; | ||
+ | width:140px; | ||
+ | } | ||
+ | nav ul li ul li{ | ||
+ | margin-left: 0; | ||
+ | position: relative; | ||
+ | text-align: center; | ||
+ | float:none; | ||
+ | display: none; | ||
+ | } | ||
+ | nav a { | ||
+ | color:#FFFFFF; | ||
+ | font-family: monospace; | ||
+ | font-size: 25px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | nav a::before { | ||
+ | content: ''; | ||
+ | display: block; | ||
+ | height: 3px; | ||
+ | background-color: #7FFFD4; | ||
+ | |||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | width: 0%; | ||
+ | transition: all ease-in-out 400ms; | ||
+ | } | ||
+ | nav a:hover { | ||
+ | color: #000000; | ||
+ | background: #F5F5F5; | ||
+ | transition: 300ms; | ||
+ | border-radius: 2px; | ||
+ | } | ||
+ | nav a:hover::before { | ||
+ | width: 100%; | ||
+ | } | ||
+ | nav ul li:hover ul li{ | ||
+ | display: block; | ||
} | } | ||
Revision as of 02:47, 11 July 2018