/*---------------------------------------------------*/ .speedButtonNavBar{ margin-bottom: 1px !important; padding-bottom: 0.2rem !important; } .speedButtonNavBar img{ display: block; margin: 0 auto 5px auto; max-width: 64px; } .speedButtonNavBar ul{ margin-bottom: 1px; list-style: none; padding-left: 0; } .speedButtonNavBar ul::after { content: ""; clear: both; display: table; } .speedButtonNavBar ul li{ text-align: center; width: 100px; height: 105px; padding-top: 10px; float: left; /*margin: 10px;*/ font-size: 11px; line-height: 1.2; position: relative; } .speedButtonDropdown { display: none; position: absolute; top: 105px; left: 0; width: 200px; background-color: #343a40; border: 1px solid #453821; z-index: 1000; text-align: left; border-radius: 0 0 5px 5px; box-shadow: 0 4px 6px rgba(0,0,0,0.3); } .speedButtonNavBar ul li:hover .speedButtonDropdown { display: block; } .speedButtonDropdown a { padding: 10px 15px; color: white !important; text-decoration: none; display: block !important; height: auto !important; border-bottom: 1px solid #454545; font-weight: bold; } .speedButtonDropdown a:hover { background-color: #453821; text-decoration: none; } .speedButtonDropdown a:last-child { border-bottom: none; } .speedButtonNavBar ul li.selected{ background-color: rgba(200,200,200,0.5); border-radius: 10px; } .speedButtonNavBar ul a{ display: block; width: 100%; height: 100%; } /* .speedButtonNavBar ul li{ text-align: center; width: 100px; height: 100px; padding-top: 10px; float: left; margin: 10px; font-size: 11px; overflow: hidden; line-height: 1.2; } .speedButtonNavBar ul li.selected{ background-color: rgba(200,200,200,0.5); border-radius: 10px; } .speedButtonNavBar ul a{ display: block; width: 100%; height: 100%; } .speedButtonNavBar.smallicons{ } .speedButtonNavBar.smallicons ul li{ width: 80px; height: 70px; padding: 10px 10px 0 10px; margin: 5px; } .speedButtonNavBar.smallicons img{ max-width: 32px; } */