SNC Header Custom

by Mike Gleeson

HTML

<div class='header'>
<img class='SNC_Logo'...

CSS

.header{
  background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABfCAYAAADCphYNAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAASdEVYdFNvZnR3YXJlAEdyZWVuc2hvdF5VCAUAAAB7SURBVDhPlcZZDoMwDADR3v+kdIFCIPtGUSwjOTGhH6N5j2GW+aiBZ42lhiJ43YEAvG/gIzRgZTFeYANMJwzBt4akmBuwBYvqQyA0whWsPDbDQp7wAEuheGiHCASmhqewDcQChwgs/AUiIMTURUSkPlIDmSJT/P4vZN4Bw4zatkEmcIsAAAAASUVORK5CYII=');
  background-size: 100% 100%;
  max-height:105px;
}

.SNC_Logo
{
  max-height:105px;
}

.center_container
{
  position:relative;
  left: 30%;
  display:inline-block;
}

.center_container span
{
  position:relative;
  right:105px;
  font-size:10px;
  font-family: "Verdana", Verdana, sans-serif;
}

.WorkQueue_Icon:hover
{
  cursor:pointer;
  opacity:0.5;
}

.Scan_Icon:hover
{
  cursor:pointer;
  opacity:0.5;
}

.Scan_Icon
{
  position:relative;
  right:30px;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-content a
{
  text-decoration:none;
  color:#000000;
  display:inline-block;
}

.dropdown-content a:hover
{
  background-color:#F0F0F0;
}