258 lines
5.9 KiB
CSS
258 lines
5.9 KiB
CSS
#enabled_filters {
|
|
background: #484848;
|
|
padding: 16px 20px;
|
|
margin-bottom: 16px;
|
|
}
|
|
#enabled_filters span.layered_subtitle {
|
|
color: white;
|
|
display: block;
|
|
padding-bottom: 11px;
|
|
}
|
|
#enabled_filters li {
|
|
padding: 1px 15px 1px 0;
|
|
color: #9c9b9b;
|
|
cursor: pointer;
|
|
position: relative;
|
|
}
|
|
#enabled_filters li:hover, #enabled_filters li:hover a {
|
|
color: white;
|
|
}
|
|
#enabled_filters li a {
|
|
position: absolute;
|
|
top: 1px;
|
|
right: 0;
|
|
display: block;
|
|
cursor: pointer;
|
|
text-indent: 0px;
|
|
color: #888888;
|
|
}
|
|
#enabled_filters li a:before {
|
|
content: "";
|
|
display: block;
|
|
font-family: "FontAwesome";
|
|
width: 12px;
|
|
height: 12px;
|
|
}
|
|
|
|
#layered_block_left .layered_subtitle_heading {
|
|
border-bottom: 1px solid #d6d4d4;
|
|
padding: 0 12px 6px 0;
|
|
margin-bottom: 8px;
|
|
font-weight: bold;
|
|
position: relative;
|
|
color: #333333;
|
|
}
|
|
#layered_block_left .layered_subtitle_heading .layered_close {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 4px;
|
|
height: 14px;
|
|
width: 12px;
|
|
}
|
|
#layered_block_left .layered_subtitle_heading .layered_close a {
|
|
display: block;
|
|
height: 14px;
|
|
width: 12px;
|
|
text-indent: -5000px;
|
|
position: relativee;
|
|
color: #d3d2d2;
|
|
font-size: 12px;
|
|
line-height: 14px;
|
|
}
|
|
#layered_block_left .layered_subtitle_heading .layered_close a:after {
|
|
content: "";
|
|
display: block;
|
|
text-indent: 0;
|
|
height: 14px;
|
|
width: 12px;
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0;
|
|
font-family: "FontAwesome";
|
|
vertical-align: 1px;
|
|
}
|
|
#layered_block_left .layered_subtitle_heading .layered_close a:hover {
|
|
color: #515151;
|
|
}
|
|
#layered_block_left .layered_subtitle_heading .layered_close.closed a:after {
|
|
content: "";
|
|
}
|
|
|
|
#layered_block_left label {
|
|
font-weight: normal;
|
|
}
|
|
#layered_block_left .layered_filter_ul {
|
|
padding: 0 20px 5px;
|
|
}
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
#layered_block_left .layered_filter_ul {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
}
|
|
#layered_block_left .layered_filter_ul li {
|
|
padding-bottom: 7px;
|
|
}
|
|
#layered_block_left .layered_filter_ul li .checker span, #layered_block_left .layered_filter_ul li .radio span {
|
|
top: 0;
|
|
}
|
|
#layered_block_left .layered_filter_ul li label {
|
|
margin-bottom: 0;
|
|
}
|
|
#layered_block_left .layered_filter_ul li label a {
|
|
font-weight: normal;
|
|
}
|
|
#layered_block_left .layered_filter_ul li label a:hover {
|
|
color: #333333;
|
|
}
|
|
|
|
#layered_block_left ul li label {
|
|
cursor: pointer;
|
|
display: inline;
|
|
}
|
|
|
|
/* Style moved form the template to the css */
|
|
/******************************************************************************
|
|
Color List Style
|
|
*******************************************************************************/
|
|
#layered_block_left ul.color-group {
|
|
padding-top: 2px;
|
|
overflow: hidden;
|
|
}
|
|
#layered_block_left ul.color-group li {
|
|
width: 50%;
|
|
float: left;
|
|
line-height: 15px;
|
|
vertical-align: middle;
|
|
padding-bottom: 9px;
|
|
}
|
|
#layered_block_left ul.color-group li .color-option {
|
|
border: 1px solid #d6d4d4;
|
|
height: 15px;
|
|
margin-left: 0;
|
|
margin-right: 4px;
|
|
padding: 0;
|
|
width: 15px;
|
|
-webkit-box-shadow: white 0 0 1px 0px inset, white 0 0 0px 1px inset, white 0 0 0px 1px inset, white 0 0 1px 0px inset;
|
|
-moz-box-shadow: white 0 0 1px 0px inset, white 0 0 0px 1px inset, white 0 0 0px 1px inset, white 0 0 1px 0px inset;
|
|
box-shadow: white 0 0 1px 0px inset, white 0 0 0px 1px inset, white 0 0 0px 1px inset, white 0 0 1px 0px inset;
|
|
}
|
|
#layered_block_left ul.color-group li .color-option.on {
|
|
border-color: #000;
|
|
}
|
|
#layered_block_left ul.color-group li .color-option.disable {
|
|
opacity: 0.5;
|
|
filter: alpha(opacity=50);
|
|
-moz-opacity: 0.5;
|
|
}
|
|
|
|
#layered_block_left .nomargin a {
|
|
display: inline;
|
|
}
|
|
|
|
/**************************************************************************************
|
|
Layered Form Selects Styles
|
|
***************************************************************************************/
|
|
#layered_form .select {
|
|
max-width: 230px;
|
|
}
|
|
|
|
/**************************************************************************************
|
|
Range Slider Styles
|
|
***************************************************************************************/
|
|
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
|
|
background: #fbfbfb;
|
|
border-color: #d6d4d4;
|
|
-webkit-border-radius: 0px;
|
|
-moz-border-radius: 0px;
|
|
-ms-border-radius: 0px;
|
|
-o-border-radius: 0px;
|
|
border-radius: 0px;
|
|
width: 15px;
|
|
height: 15px;
|
|
}
|
|
.ui-state-default.ui-state-hover, .ui-widget-content .ui-state-default.ui-state-hover, .ui-widget-header .ui-state-default.ui-state-hover {
|
|
background: #555454;
|
|
border-color: #333333;
|
|
}
|
|
|
|
.ui-slider .ui-slider-range {
|
|
background: #959595;
|
|
border: none;
|
|
}
|
|
|
|
.ui-corner-all {
|
|
-webkit-border-radius: 0px;
|
|
-moz-border-radius: 0px;
|
|
-ms-border-radius: 0px;
|
|
-o-border-radius: 0px;
|
|
border-radius: 0px;
|
|
background: #efefef;
|
|
border: none;
|
|
height: 11px;
|
|
}
|
|
|
|
.ui-slider-horizontal .ui-slider-handle {
|
|
top: -0.14em;
|
|
}
|
|
|
|
.layered_price_range {
|
|
margin-left: 7px;
|
|
}
|
|
|
|
/**************************************************************************************
|
|
Range Input Styles
|
|
***************************************************************************************/
|
|
.layered_price_range_unit {
|
|
margin-right: 7px;
|
|
}
|
|
|
|
.layered_slider_container {
|
|
margin: 6px 0 6px 7px;
|
|
}
|
|
|
|
.layered_input_range_min, .layered_input_range_max {
|
|
width: 60px;
|
|
display: inline;
|
|
}
|
|
|
|
.layered_list_selected {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.layered_list {
|
|
display: block;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.layered_list:hover {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.layered_ajax_loader p {
|
|
margin: 20px 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.hide-action {
|
|
text-align: center;
|
|
text-align: right;
|
|
display: block;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.hide-action:hover {
|
|
font-weight: bold;
|
|
}
|
|
|
|
#ul_layered_price_0 .col-xs-6, #ul_layered_weight_0 .col-xs-6 {
|
|
padding-top: 10px;
|
|
}
|
|
@media (min-width: 1200px) {
|
|
#ul_layered_price_0 .col-xs-6, #ul_layered_weight_0 .col-xs-6 {
|
|
padding-top: 0;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
}
|