@charset "utf-8"; /* CSS Document */ #topMen { min-width:800px; } #topMen li a { border-radius:0px; background-color:black; color:white; margin-bottom:0px; /*white-space: nowrap;*/ max-height: 45px; height:45px; padding:15px 5px 15px 5px; cursor:pointer; } #topMen li a:hover { color:yellow; text-decoration:underline; } @media (max-width: 768px) { #topMen > li { display: table-cell; } } #topNavBar { margin:0px; background: #40bf80; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(#40bf80, #26734d); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#40bf80, #26734d); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#40bf80, #26734d); /* For Firefox 3.6 to 15 */ background: linear-gradient(#40bf80, #26734d); /* Standard syntax */ border:none; border-radius:0px; } #topNavBar > button { margin-left:2px; margin-right:2px; } #topNavBar > button:hover { color:yellow; } #payments_menu { padding:0px; border-radius: 5px; overflow:hidden; min-width:200px; } #payments_menu li a { padding-left: 10px; background-color:#633000; } #payments_menu li a:hover { text-decoration:none; background-color: #7c440f; } #reports_menu { padding:0px; border-radius: 5px; overflow:hidden; min-width:200px; } #reports_menu li a { padding-left: 10px; background-color:darkgreen; } #reports_menu li a:hover { text-decoration:none; background-color: #397D02; } #brands_menu { padding:0px; border-radius: 5px; overflow:hidden; min-width:200px; } #brands_menu li a { padding-left: 10px; background-color:#0000cc; } #brands_menu li a:hover { text-decoration:none; background-color: #3535d7; } #admin_menu { padding:0px; border-radius: 5px; overflow:hidden; min-width:200px; } #admin_menu li a { padding-left: 10px; background-color:black; } #admin_menu li a:hover { text-decoration:none; background-color: #202020; } #intranetMenu { display: flex; height: 40px; } #intranetMenu > a { display:flex; align-items:center; justify-content: center; width: 100%; color: white; cursor: pointer; } #intranetMenu > a:hover { color: yellow; text-decoration: underline; }