/*MENU */
/*Remove default settings of a list*/
ul { /*unordered list*/
list-style-type: none; /*type nummering vd lijst*/
margin: 0; /*remove space around elements*/
padding: 0; /*remove space around elements*/
overflow: hidden; /*no scrollbar when text too long*/
background-color: #999999; /*background-color of menu*/
}
/*List items*/
li {
float: left; /*menu begins on leftside*/
}
/* Style The Dropdown Button .dropbtn */
li a, .dropbtn {
display: inline-block;
color: #000000;
text-align: center;
text-decoration: none;
padding: 14px 16px;
}
/* Change the background color of the dropdown button when the dropdown content is shown .dropdown:hover .dropbtn*/
li a:hover, .dropdown:hover .dropbtn {
background-color: #98ca00;
color: black;
padding: 14px 30px;
background-image: url(../menu2/hatchetman.png);
background-position: left center;
background-repeat: no-repeat;
}
/* The container <div> - needed to position the dropdown content */
li.dropdown {
display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
-webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
/* Links inside the dropdown */
.dropdown-content a {
color: black;
padding: 9px 25px;
text-decoration: none;
display: block;
text-align: left;
background: #cccccc;
background-image: url(../menu2/meatcleaver.png);
background-position: left center;
background-repeat: no-repeat;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #98ca00}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
display: block;
}