m |
m |
||
Line 28: | Line 28: | ||
font-family: 'Martel Sans', sans-serif; | font-family: 'Martel Sans', sans-serif; | ||
z-index:50; | z-index:50; | ||
− | box-shadow: 0px | + | box-shadow: 0px 4px 20px 0px grey; |
} | } | ||
/* styling for the menu items */ | /* styling for the menu items */ | ||
.menu_item { | .menu_item { | ||
− | width: | + | width:10%; |
margin: 0px 0px 0px 0px; | margin: 0px 0px 0px 0px; | ||
padding: 10px 10px 10px 10px; | padding: 10px 10px 10px 10px; | ||
Line 75: | Line 75: | ||
/* styling for the li that are the menu items */ | /* styling for the li that are the menu items */ | ||
− | .menu_items li { | + | .menu_items > li { |
//width:100%; | //width:100%; | ||
margin-top:-2px; | margin-top:-2px; | ||
− | padding: 15px | + | padding: 15px 15px 15px 15px ; |
display:block; | display:block; | ||
border-bottom: 1px solid #d3d3d3; | border-bottom: 1px solid #d3d3d3; | ||
Line 102: | Line 102: | ||
/* When hovering on a menu item */ | /* When hovering on a menu item */ | ||
− | .menu_items li:hover { | + | .menu_items > li:hover { |
background-color:#72c9b6; | background-color:#72c9b6; | ||
color: #000000; | color: #000000; | ||
Line 119: | Line 119: | ||
ul.submenu { | ul.submenu { | ||
width: 100%; | width: 100%; | ||
− | margin: 10px | + | margin: 10px 10px -16px 0px; |
list-style: none; | list-style: none; | ||
} | } | ||
Line 126: | Line 126: | ||
.submenu li { | .submenu li { | ||
width: 100%; | width: 100%; | ||
− | margin-left: | + | margin-left: 5px; |
margin-bottom: 0px; | margin-bottom: 0px; | ||
+ | padding: 0px 0px 0px 0px; | ||
} | } | ||
Line 134: | Line 135: | ||
.submenu li a { | .submenu li a { | ||
width: 100%; | width: 100%; | ||
− | padding: 5px | + | padding: 5px 15px; |
display: inline-block; | display: inline-block; | ||
border-bottom: 1px solid #d3d3d3; | border-bottom: 1px solid #d3d3d3; |
Revision as of 04:57, 22 June 2016