| Current Path : /var/www/homesaver/www/bitrix/components/bitrix/menu/templates/catalog_vertical/ |
| Current File : /var/www/homesaver/www/bitrix/components/bitrix/menu/templates/catalog_vertical/style.css |
.bx_vertical_menu_advanced{
border-left:7px solid #e3eaef;
background:#f1f4f7;
border-radius:4px;
position:relative;
box-shadow:0 0 1px 1px #dcdcdc;
}
.bx_vertical_menu_advanced>ul{
display:block;
margin:0 0 10px 0;
padding:0;
width:100%;
border-radius:5px;
background:#fff;
list-style:none;
}
/* 1 уровень */
.bx_vertical_menu_advanced .bx_hma_one_lvl{
display:block;
padding:0;
}
.bx_vertical_menu_advanced .bx_hma_one_lvl>a{
position:relative;
z-index:105;
display:block;
padding:10px 0 10px 12px;
border-bottom: 1px solid #e3eaef;
color:#000;
vertical-align:middle;
text-align:left;
text-decoration:none;
text-shadow:0 1px 1px rgba(255,255,255,.8);
font-size:14px;
line-height:16px;
}
.bx_vertical_menu_advanced .bx_hma_one_lvl:first-child,
.bx_vertical_menu_advanced .bx_hma_one_lvl:first-child>a{border-radius:0 4px 0 0}
.bx_vertical_menu_advanced .bx_hma_one_lvl:last-child,
.bx_vertical_menu_advanced .bx_hma_one_lvl:last-child>a {border-radius:0 0 4px 0}
.bx_vertical_menu_advanced ul:last-child .bx_hma_one_lvl:last-child>a{border-bottom:none}
.bx_vertical_menu_advanced .bx_hma_one_lvl>a{
-webkit-transition: border-color 0s ease;
-moz-transition: border-color 0s ease;
-o-transition: border-color 0s ease;
-ms-transition: border-color 0s ease;
transition: border-color 0s ease;
}
.bx_vertical_menu_advanced .bx_hma_one_lvl.hover{
padding:1px 0 0;
border:none;
}
.bx_vertical_menu_advanced .bx_hma_one_lvl.hover>a{
margin-left:-11px;
padding:10px 0 10px 12px;
width:100%;
border:none;
border-right:2px;
background:#fff;
box-shadow:-1px 2px 3px 0px rgba(1,1,1,.22);
font-weight:bold;
line-height:16px;
box-sizing:content-box;
}
.bx_vertical_menu_advanced .bx_hma_one_lvl.dropdown.hover{}
.bx_vertical_menu_advanced .bx_hma_one_lvl.dropdown.hover>a{z-index:1500}
.bx_vertical_menu_advanced .bx_hma_one_lvl>a:active,
.bx_vertical_menu_advanced .bx_hma_one_lvl.current>a{}
/* // 1й уровень */
/* Контейнер*/
.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container{
position:absolute;
top:-1px;
left:100%;
z-index:1300;
display:none;
overflow:hidden;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
border-top:1px solid rgba(1,1,1,.1);
border-radius:2px;
background:#fff;
box-shadow:0 5px 10px 0 rgba(1,1,1,.29);
}
.bx_vertical_menu_advanced .bx_hma_one_lvl.hover .bx_children_container{display:block}
.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_block{
float:left;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin-bottom:-20000px;
padding:10px 12px;
padding-bottom:20000px;
min-width:130px;
max-width:280px;
border-left:1px solid #f2f2f2;
background:#fff;
}
.bx_shadow_fix{display:none}
.bx_vertical_menu_advanced .dropdown:hover .bx_shadow_fix,
.bx_vertical_menu_advanced .dropdown.hover .bx_shadow_fix{
position: absolute;
top: -1px;
right: -2px;
bottom: 0;
z-index: 1500;
display: block;
width: 5px;
background: #fff;
opacity: 1;
}
.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container.b1{min-width:180px}
.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container.b2{min-width:360px}
.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container.b3{min-width:540px}
.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container.b4{min-width:720px}
.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_block:first-child{border-left:none}
.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container.b1 .bx_children_block{width:100%}
.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container.b2 .bx_children_block{width:50%}
.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container.b3 .bx_children_block{width:33.3%}
.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container.b4 .bx_children_block{width:25%}
.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_block.advanced{
border-left:none;
background:#f7fafb;
box-shadow:inset 5px 0 7px -5px rgba(0,0,0,.12);
}
/*// Контейнер*/
/* 2й уровень*/
.bx_vertical_menu_advanced .bx_hma_one_lvl ul{
display:block;
margin:0;
padding:0 0 14px 0;
list-style:none;
}
.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_advanced_panel {
display: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent>a{
display:block;
padding:5px 10px;
}
/*.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent>a:hover{
color: #366181;
}*/
/* //2й уровень*/
/* 3й уровень */
.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent ul{border-bottom:1px solid #f2f2f2}
.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent:last-child ul{border-bottom:none}
.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent ul li{line-height:24px}
.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent ul a{
display:block;
padding:5px 10px;
}
/*.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent ul a:hover{
background:#f0f6f8;
box-shadow:inset 0 1px 1px 0 #e3e9eb;
}*/
/* // 3й уровень */
/* Панель */
.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_advanced_panel{
display:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
}
.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_block.advanced .bx_children_advanced_panel{display:block !important}
.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_advanced_panel img{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
max-width:100%;
max-height:220px;
border:1px solid #e7e9ea;
}
.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_advanced_panel .bx_item_description{
max-width:100%;
max-height:220px;
color:#000;
text-align:left;
white-space:normal;
font-weight:normal;
font-size:12px;
line-height:18px;
}
/* // Панель*/
.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_block>ul>li{
display:block;
background:#fff;
}
.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_block>ul>li>a{
display:block;
color:#20394c;
text-decoration:none;
font-weight:bold;
font-size:15px;
line-height:23px;
}
.bx_vertical_menu_advanced .bx_hma_one_lvl ul li ul li a{
color:#000;
text-decoration:none;
font-size:13px;
line-height:16px;
}
@media (max-width:569px) {
.bx_vertical_menu_advanced{display:none}
.header_inner_bottom_line{
overflow:hidden;
height:auto;
}
}