Difference between revisions of "Team:Jilin China/Navbar CSS"
| (8 intermediate revisions by the same user not shown) | |||
| Line 32: | Line 32: | ||
.navcontent{ | .navcontent{ | ||
width:100%; | width:100%; | ||
| − | min-width: | + | min-width: 1 080px; |
box-sizing: border-box; | box-sizing: border-box; | ||
padding: 0 4.5vw 0 6.5vw; | padding: 0 4.5vw 0 6.5vw; | ||
| Line 103: | Line 103: | ||
padding: 0; | padding: 0; | ||
margin: 0 auto; | margin: 0 auto; | ||
| − | transform: | + | transform: translate(9vw,-3rem); |
width: 9vw; | width: 9vw; | ||
border: 0px solid red; | border: 0px solid red; | ||
background: rgba(20,57,93,0.80); | background: rgba(20,57,93,0.80); | ||
display: none; | display: none; | ||
| − | border-radius: 0 0 0.5rem 0.5rem; | + | border-radius: 0 0.5rem 0.5rem 0.5rem; |
box-shadow: 0 0 5px rgba(0,0,0,0.5); | box-shadow: 0 0 5px rgba(0,0,0,0.5); | ||
animation-duration: 0.3s; | animation-duration: 0.3s; | ||
| Line 125: | Line 125: | ||
line-height: 3rem; | line-height: 3rem; | ||
} | } | ||
| − | .navbar ul li ul li | + | .navbar ul li ul li ul li:hover{ |
background: rgba(0,0,0,0.50); | background: rgba(0,0,0,0.50); | ||
border-radius: 0.5rem; | border-radius: 0.5rem; | ||
| Line 157: | Line 157: | ||
.navbar.navbar_scrolled .navbottom li a { | .navbar.navbar_scrolled .navbottom li a { | ||
color:black; | color:black; | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| Line 244: | Line 242: | ||
display: none; | display: none; | ||
z-index: 99999; | z-index: 99999; | ||
| + | pointer-events: none; | ||
} | } | ||
.title_nav h2{ | .title_nav h2{ | ||
| Line 298: | Line 297: | ||
.navbar ul li{ | .navbar ul li{ | ||
list-style-type:none; | list-style-type:none; | ||
| − | + | height: 100%; | |
width: 100%; | width: 100%; | ||
min-height: 3rem; | min-height: 3rem; | ||
| Line 334: | Line 333: | ||
} | } | ||
.navbar ul li ul li{ | .navbar ul li ul li{ | ||
| − | |||
line-height: 3rem; | line-height: 3rem; | ||
min-height: 3rem; | min-height: 3rem; | ||
| Line 340: | Line 338: | ||
box-sizing: border-box; | box-sizing: border-box; | ||
font-size: 14px; | font-size: 14px; | ||
| + | height: 100%; | ||
} | } | ||
.navbar ul li ul li:last-of-type{ | .navbar ul li ul li:last-of-type{ | ||
border-radius: 0; | border-radius: 0; | ||
} | } | ||
| + | |||
| + | .navbar ul li ul li ul{ | ||
| + | display:block; | ||
| + | padding: 0; | ||
| + | margin: 0 auto; | ||
| + | width: 100%; | ||
| + | border: 0px solid red; | ||
| + | background: rgba(0,0,0,0.6); | ||
| + | position: relative; | ||
| + | height:auto; | ||
| + | overflow: hidden; | ||
| + | /*transition: all 0.3s ease;*/ | ||
| + | } | ||
| + | .navbar ul li ul li ul li{ | ||
| + | height: 3rem; | ||
| + | line-height: 3rem; | ||
| + | min-height: 3rem; | ||
| + | padding: 0 1rem; | ||
| + | box-sizing: border-box; | ||
| + | font-size: 14px; | ||
| + | } | ||
| + | .navbar ul li ul li ul li:last-of-type{ | ||
| + | border-radius: 0; | ||
| + | } | ||
| + | |||
.logo { | .logo { | ||
height: 3.5rem; | height: 3.5rem; | ||
Latest revision as of 17:27, 17 October 2018