Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body{
- font-family: Arial, Calibri, sans-serif;
- margin: 0px;
- padding: 0px;
- }
- nav{
- width: 100%;
- background-color: #424558;
- }
- nav > ul{
- margin: 0px;
- padding: 0px;
- }
- nav > ul::after{
- content: "";
- display: block;
- clear: both;
- }
- nav > ul > li{
- float: left;
- position: relative;
- }
- nav > ul > li > a{
- padding: 20px 30px;
- color: #FFF;
- }
- nav > ul > li:hover a{
- padding: 15px 30px 20px 30px;
- }
- nav li{
- list-style-type: none;
- }
- .menu-h2{
- }
- .submenu{
- display: none;
- }
- nav a{
- display: inline-block;
- text-decoration: none;
- }
- nav li:hover .submenu{
- display: inline-block;
- position: absolute;
- top: 100%;
- left: 0px;
- padding: 0px;
- z-index: 1000;
- }
- .submenu li{
- border-bottom: 1px solid #CCC;
- }
- .submenu li a{
- padding: 15px 30px;
- font-size: 13px;
- color: #222538;
- width: 270px;
- }
- .menu-accueil:hover{
- border-top: 5px solid #BBB;
- background-color: RGBA(220,220,220,0.15);
- }
- .menu-boutique:hover {
- border-top: 5px solid #BBB;
- background-color: RGBA(220,220,220,0.15);
- }
- .menu-support:hover {
- border-top: 5px solid #BBB;
- background-color: RGBA(220,220,220,0.15);
- }
- .menu-contact:hover {
- border-top: 5px solid #BBB;
- background-color: RGBA(220,220,220,0.15);
- }
- .menu-login:hover {
- border-top: 5px solid #BBB;
- background-color: RGBA(220,220,220,0.15);
- }
- .submenu li:hover a {
- color: #000;
- font-weight: bold;
- }
- .menu-login .submenu li:hover {
- background-color: #ECF0F1;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement