Line 42: | Line 42: | ||
</nav> | </nav> | ||
<!------------------------END NAV BAR------------------------> | <!------------------------END NAV BAR------------------------> | ||
− | + | <!------------------------NAV CSS------------------------> | |
<style> | <style> | ||
− | #top | + | #top { |
− | z-index: 2; | + | z-index: 2; |
− | width: | + | width: 1000px; |
− | line-height: | + | line-height: 20px; |
− | + | padding: 30px; | |
− | padding: 30px | + | } |
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | # | + | #top li li, #top li li a { |
− | height: | + | height:20px; |
− | margin-top: -10px; | + | margin-top: -10px; |
− | text-align: center; | + | text-align: center; |
+ | text-decoration: none; | ||
-webkit-transition:all .7s ease-in-out; | -webkit-transition:all .7s ease-in-out; | ||
− | } | + | } |
− | # | + | #top li:hover li { |
− | height: 40px; | + | height:40px; |
− | margin-top: 5px; | + | margin-top:5px; |
− | margin-bottom: 5px; | + | margin-bottom: 5px; |
− | + | border-radius: 20px; | |
− | } | + | } |
#top li li:first-of-type { | #top li li:first-of-type { | ||
padding-top: 15px; | padding-top: 15px; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | + | li { | |
− | + | list-style: none; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
</style> | </style> | ||
+ | <!------------------------END NAV CSS------------------------> | ||
+ | |||
</head> | </head> | ||
</html> | </html> |
Revision as of 15:21, 15 June 2018