CSS   33
layerednav
Guest on 12th May 2022 09:36:18 AM


  1. .block-categories li {border-bottom:1px solid #e9e9e9;}
  2. .block-categories li.first {border-top:1px solid #e9e9e9;}
  3. .block-categories li.level0.first {border-top:none;}
  4. .block-categories li:last-child {border-bottom:none;}
  5. .block-categories li.level0 {text-transform: uppercase;}
  6. .block-categories li.level1 {}
  7. .block-categories li.level2 {padding-left:10px;}
  8. .block-categories li.level3 {padding-left:10px;}
  9. .block-categories li > a {line-height: 15px;padding-top:17px;padding-bottom:17px;display:inline-block;}
  10. .block-categories li.current > a {color:#cda85c;}
  11. .block-categories li.level1 a {color:#767676;}
  12. .block-categories li.level1 a:hover {color:#cda85c;}
  13. .block-categories li.level1 a:before {display: inline-block;font-family: "FontAwesome";font-weight: normal;font-style: normal;text-decoration: inherit;content: "\f105";-webkit-font-smoothing: antialiased;line-height: 16px;font-size: 16px;margin-right: 15px;}
  14. .block-categories li > .opener {cursor: pointer;float:right;margin-top: 6px;}
  15. .block-categories li > .opener > span {cursor: pointer;float:right;color:#000;margin-right: 5px;line-height: 40px;font-size: 9px;}
  16. .block-categories li > .opener > span.icon-minus {display: none;}
  17. .block-categories li.active > .opener > span.icon-minus {display: inline-block;}
  18. .block-categories li.active > .opener > span.icon-plus {display: none;}
  19. .block-categories li.active > .parent > li.last {border-bottom: none;}
  20.  
  21. .layers-container dt {cursor:pointer;}
  22. .layers-container dd {margin-bottom: 30px;}
  23. .layers-container dd li {overflow:hidden;padding-top:15px;padding-bottom:15px;border-bottom:1px solid #ddd;position: relative;}
  24. .layers-container dd li:last-child {border-bottom: none;}
  25. .layers-container dd li:before {display: inline-block;content:"";width:10px;height:10px;border:1px solid #ddd;position: absolute;left:10px;top:21px;}
  26. .layers-container dd li.eg-swatch-item {border: none;float: left;margin-right: 10px;padding: 7px 0;}
  27. .layers-container dd li.eg-swatch-item:before {display: none;}
  28. .layers-container dd li.eg-swatch-item a.eglayerednav_attribute {float: none;display: inline-block;vertical-align: middle;padding: 8px;border: 1px solid #ddd;line-height: 1em;min-width: 32px;text-align: center;}
  29. .layers-container dd li.eg-swatch-item a.eglayerednav_attribute:hover {border-color: #767676;}
  30. .layers-container dd li.eg-swatch-item a.eglayerednav_attribute_selected {border-color: #767676;}
  31. .layers-container dd li.eg-swatch-item a.eglayerednav_attribute_selected:before {display: none;}
  32. .layers-container dd li.eg-swatch-item span {padding-left: 5px;float: none;display: inline-block;vertical-align: middle;}
  33. .layers-container input {width:32%;padding:0 5px;height:30px;}
  34. .layers-container button.button {margin-top:20px;}
  35. .layers-container button.button:hover {background: #cda85c;}
  36. .layers-container button.button span {padding:2px 8px;color:#fff;}
  37. .layers-container dd a {padding:0px 5px 0px 0px; display:block; float: left;}
  38. .layers-container a.eglayerednav_attribute { padding-left:25px;color:#666;}
  39. .layers-container a.eglayerednav_attribute:hover {}
  40. .layers-container a.eglayerednav_attribute_selected {padding-left:25px; overflow:hidden;}
  41. .layers-container a.eglayerednav_attribute_selected:hover {}
  42. .layers-container a.eglayerednav_attribute_selected:before {display: inline-block;font-family:"royal";content:"\e61f";position: absolute;left: 11px;top:13px;color: #000;}
  43. .layers-container a.eglayerednav_disabled {color:gray; cursor:wait}
  44. .layers-container a.eglayerednav_clear {float: right; cursor:pointer;}
  45. .layers-container .price_slider { height:2px; margin:5px 0 20px 0; background:#ddd; cursor:pointer; width:100%;border:none; }
  46. .layers-container .price_slider > div {top:0;background: #cda85c;height:2px;}
  47. .layers-container .price_slider > a { z-index:999;top: -4px;margin-left:0;width: 10px;height: 10px;border-radius:0;border: 1px solid #cda85c;background: #cda85c;cursor: move; }
  48. .layers-container .price_slider > a:last-child {margin-left:-10px;}
  49. .layers-container .category-filter {text-transform: uppercase;}
  50. .layers-container .category-filter li:before {display: none !important;}
  51. .layers-container .category-filter span.current-category {color: #cda85c;}
  52. .layers-container .category-filter a.category-level-2 {}
  53. .layers-container .category-filter a.category-level-3 {}
  54. .layerednav_loading { width:100%;height:100%;background-color:#000;z-index:99999;opacity: 0.6;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);position:fixed;top:0;left:0;}
  55. .layerednav_loading img {left:50%;top:50%;display:block;position:fixed;z-index:900;
  56.         -webkit-transform: translate(-50%, -50%);
  57.     -moz-transform: translate(-50%, -50%);
  58.     -ms-transform: translate(-50%, -50%);
  59.     -o-transform: translate(-50%, -50%);
  60.     transform: translate(-50%, -50%);
  61. }
  62.  
  63. #eglayerednav_price li:before {display: none !important;}
  64. #eglayerednav_price span,
  65. #eglayerednav_price input {display: inline-block;vertical-align: middle;}

Raw Paste

Login or Register to edit or fork this paste. It's free.