Difference between revisions of "Team:Jilin China/Navbar CSS"
| Line 97: | Line 97: | ||
} | } | ||
.navbar ul li ul li:hover { | .navbar ul li ul li:hover { | ||
| + | background: rgba(0,0,0,0.50); | ||
| + | border-radius: 0.5rem; | ||
| + | } | ||
| + | .navbar ul li ul li ul{ | ||
| + | padding: 0; | ||
| + | margin: 0 0 0 9vw; | ||
| + | width: 9vw; | ||
| + | border: 0px solid red; | ||
| + | background: rgba(20,57,93,0.80); | ||
| + | display: none; | ||
| + | border-radius: 0 0 0.5rem 0.5rem; | ||
| + | box-shadow: 0 0 5px rgba(0,0,0,0.5); | ||
| + | animation-duration: 0.3s; | ||
| + | } | ||
| + | .navbar ul li ul li ul li{ | ||
| + | list-style-type: none; | ||
| + | font-size: 12px; | ||
| + | width: 100%; | ||
| + | height: 3rem; | ||
| + | line-height: 3rem; | ||
| + | text-align: right; | ||
| + | border: 0px solid purple; | ||
| + | margin: 0 auto; | ||
| + | } | ||
| + | .navbar ul li ul li ul li a{ | ||
| + | line-height: 3rem; | ||
| + | } | ||
| + | .navbar ul li ul li:hover ul li{ | ||
background: rgba(0,0,0,0.50); | background: rgba(0,0,0,0.50); | ||
border-radius: 0.5rem; | border-radius: 0.5rem; | ||
Revision as of 10:21, 9 October 2018