Line 2: | Line 2: | ||
<style> | <style> | ||
− | + | div#wrapper { | |
− | margin: | + | margin: 0 auto; |
− | + | width: 90%; | |
− | + | ||
} | } | ||
+ | ul.nv { | ||
+ | margin: 0px; | ||
+ | padding: 0px 0px 0px 15px; | ||
+ | background-color: #cc0000; | ||
+ | } | ||
+ | |||
− | |||
− | |||
− | |||
ul.nv li { | ul.nv li { | ||
− | width: 125px; | + | width: 125px; |
− | display: inline-block; | + | display: inline-block; |
− | list-style-type: none; | + | list-style-type: none; |
− | position: relative; | + | position: relative; |
} | } | ||
ul.nv a { | ul.nv a { | ||
− | background-color: #cc0000; | + | background-color: #cc0000; |
− | color: white; | + | color: white; |
− | line-height: 40px; | + | line-height: 40px; |
− | text-align: center; | + | text-align: center; |
− | text-decoration: none; | + | text-decoration: none; |
− | font-weight: bold; | + | font-weight: bold; |
− | display: block; | + | display: block; |
} | } | ||
ul.nv a:hover { | ul.nv a:hover { | ||
− | background-color: #ffdddd; | + | background-color: #ffdddd; |
− | color: #dd0000; | + | color: #dd0000; |
} | } | ||
− | + | ||
− | + | ||
− | + | ||
ul.nv li:hover ul { | ul.nv li:hover ul { | ||
− | display: block; | + | display: block; |
} | } | ||
− | |||
− | |||
− | |||
ul.nv ul { | ul.nv ul { | ||
− | margin: 0px; | + | margin: 0px; |
− | padding: 0px; | + | padding: 0px; |
− | display: none; | + | display: none; |
− | position: absolute; | + | position: absolute; |
} | } | ||
− | + | ||
− | + | ||
− | + | ||
ul.nv ul li { | ul.nv ul li { | ||
− | width: 135px; | + | width: 135px; |
− | border-top: 1px solid pink; | + | border-top: 1px solid pink; |
} | } | ||
ul.nv ul li a { | ul.nv ul li a { | ||
− | line-height: 35px; | + | line-height: 35px; |
− | text-align: left; | + | text-align: left; |
− | padding-left: 5px; | + | padding-left: 5px; |
− | font-weight: normal; | + | font-weight: normal; |
} | } | ||
ul.nv ul li a:hover { | ul.nv ul li a:hover { | ||
− | background-color: #ffff80; | + | background-color: #ffff80; |
− | color: #005500; | + | color: #005500; |
} | } | ||
Revision as of 03:30, 1 October 2017