Line 331: | Line 331: | ||
background-color: transparent; | background-color: transparent; | ||
} | } | ||
+ | /*-- Nav Bar Display --*/ | ||
− | #nav | + | #nav { |
− | + | position: fixed; | |
+ | width: 100%; | ||
+ | top: -1px; | ||
+ | background-color: #fff; | ||
+ | text-align: center; | ||
+ | padding: 10px 0; | ||
+ | transition: all 0.5s ease; | ||
+ | align-content: right; | ||
+ | z-index: 500; | ||
+ | box-shadow: 2px -6px 8px 5px #333; | ||
} | } | ||
− | #nav | + | #nav.hidden { |
− | + | transform: translate(0, -100%); | |
} | } | ||
− | #nav ul li | + | #nav ul li { |
− | + | margin-right: 0px; | |
− | + | ||
} | } | ||
− | #nav { | + | #nav ul { |
− | + | margin: 0px; | |
− | + | padding: 10000px; | |
+ | list-style: none; | ||
} | } | ||
− | #nav | + | #nav ul li { |
− | + | box-sizing: border-box; | |
− | + | position: relative; | |
+ | display: inline-block; | ||
+ | min-width: 10%; | ||
+ | min-height: 100%; | ||
+ | color: #000; | ||
+ | line-height: 50px; | ||
+ | text-align: center; | ||
+ | font-size: 15px; | ||
} | } | ||
+ | |||
+ | #nav ul li a { | ||
+ | text-decoration: none; | ||
+ | color: #000; | ||
+ | display: block; | ||
+ | font-family: 'Lato', sans-serif; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | #nav ul li a:hover { | ||
+ | background-color: #000; | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | nav ul li ul { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #nav ul li:hover ul { | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | top: 35px; | ||
+ | z-index: 3; | ||
+ | margin: 0 !important; | ||
+ | width: 100%; | ||
+ | z-index: 20; | ||
+ | box-shadow: 4px 4px 14px 0px #999; | ||
+ | } | ||
+ | |||
+ | #nav ul li ul li { | ||
+ | display: block; | ||
+ | background-color: #fff; | ||
+ | opacity: .9; | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | |||
</style> | </style> |
Revision as of 22:31, 19 July 2018
>
Silver
Gold
Bronze