AnakinYeung (Talk | contribs) |
|||
(10 intermediate revisions by 2 users not shown) | |||
Line 34: | Line 34: | ||
text-align: left; | text-align: left; | ||
position: absolute; | position: absolute; | ||
− | left: | + | left: 5vw; |
width: 307px; | width: 307px; | ||
height: 100px; | height: 100px; | ||
Line 71: | Line 71: | ||
.dropdown:hover .dropdown-content { | .dropdown:hover .dropdown-content { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | /*right dropdown*/ | ||
+ | nav li.dropdown2 { | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | .dropdown2-content { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | right: 1vw; | ||
+ | margin-top: 0; | ||
+ | background-color: #f9f9f9; | ||
+ | min-width: 160px; | ||
+ | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | .dropdown2-content a { | ||
+ | color: black; | ||
+ | padding: 12px 16px; | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | .dropdown2-content a:hover { | ||
+ | background-color: #f1f1f1; | ||
+ | } | ||
+ | |||
+ | .dropdown2:hover .dropdown2-content { | ||
display: block; | display: block; | ||
} | } |
Latest revision as of 12:36, 10 December 2017