.stockCat-bg, .stockCat-bg { background-size: 16px 16px !important; padding-left: 25px !important; background-repeat: no-repeat !important; background-position: 5px 8px !important; } .stockCat-bg-admin { background-size: 16px 16px !important; padding-left: 20px !important; background-repeat: no-repeat !important; background-position: 0px 0px !important; } .stockCat-home { background: url('../images/cat-home.png'); } .stockCat-def { background: url('../images/h-bg.png') 5px 10px no-repeat; padding-left: 20px !important; } .stockCat-def-admin { background: url('../images/h-bg.png'); padding-left: 18px !important; background-repeat: no-repeat !important; background-position: 0px 0px !important; } .stockCat-def-admin { background: url('../images/icons/location-grey.png'); padding-left: 18px !important; background-repeat: no-repeat !important; background-position: 0px 0px !important; } .stockCat-def { background: url('../images/icons/location-grey.png') 5px 7px no-repeat; padding-left: 25px !important; } .resetLoc { background: url('../images/icons/cancel.png') 5px 7px no-repeat; width: 17px; height: 17px; display: inline-block; margin-left: 5px; } .input-location { background: #FFF url(../images/icons/location.png) no-repeat scroll 7px 8px !important; padding-left: 30px !important; } .currentLocation { background: #FFF url(../images/icons/location-current.png) no-repeat scroll 7px 3px !important; padding-left: 25px !important; margin-bottom: 10px; border-bottom: 1px solid #ddd; padding-bottom: 5px; } .location-wrapper { background: #ececec; color: #555; cursor: help; left: 230px; position: absolute; text-align: center; min-width: 250px; -webkit-transform: translateZ(0); /* webkit flicker fix */ -webkit-font-smoothing: antialiased; /* webkit text rendering fix */ } .location-wrapper .location-tooltip { background: #1496bb; bottom: 100%; color: #fff; margin-bottom: 12px; pointer-events: none; position: absolute; width: 100%; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); } /* This bridges the gap so you can mouse into the tooltip without it disappearing */ .location-wrapper .location-tooltip:before { bottom: -20px; content: " "; display: block; height: 20px; left: 0; position: absolute; width: 100%; } /* CSS Triangles - see Trevor's post */ .location-wrapper .location-tooltip:after { border-left: solid transparent 10px; border-right: solid transparent 10px; border-top: solid #1496bb 10px; bottom: -10px; content: " "; height: 0; left: 50%; margin-left: -13px; position: absolute; width: 0; } .location-wrapper:hover .location-tooltip { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } /* IE can just show/hide with no transition */ .lte8 .location-wrapper .location-tooltip { display: none; } .lte8 .location-wrapper:hover .location-tooltip { display: block; } .stockCat1{ background: url('../../../uploads/icons/stock-1.png') 5px 7px no-repeat; padding-left: 25px !important; } .stockCat3{ background: url('../../../uploads/icons/stock-3.png') 5px 7px no-repeat; padding-left: 25px !important; } .stockCat7{ background: url('../../../uploads/icons/stock-7.png') 5px 7px no-repeat; padding-left: 25px !important; } .stockCat10{ background: url('../../../uploads/icons/stock-10.png') 5px 7px no-repeat; padding-left: 25px !important; }