%PDF- %PDF-
| Direktori : /home/bitrix/www/bitrix/components/bitrix/rest.marketplace/templates/.default/ |
| Current File : //home/bitrix/www/bitrix/components/bitrix/rest.marketplace/templates/.default/style.css |
.mp_wrap {
border-top: 1px solid rgba(255,255,255,.4);
padding-top: 15px;
}
.mp_top_nav
{
background: url("images/topshadow.png") no-repeat center bottom / 100% 10px;
padding-bottom: 15px;
position: relative;
}
.mp_top_nav_ul
{
display: block;
margin: 0;
padding: 0;
}
.mp_dt_rc_graybutton, .mp_top_nav_ul_li
{
display: inline-block;
margin: 0 10px;
position: relative;
}
.leftborder, .rightborder
{
display: none;
height: 45px;
position: absolute;
top: 0;
width: 7px;
}
.mp_dt_rc_graybutton a, .mp_top_nav_ul_li > a
{
color: #252c38;
display: block;
font-size: 15px;
height: 45px;
line-height: 44px;
margin-bottom: 2px;
padding: 0 15px 0 35px;
position: relative;
text-decoration: none;
}
.mp_dt_rc_graybutton a, .mp_top_nav_ul_li:hover > a
{
background: url("images/top_nav_center.png") repeat-x center bottom;
}
.mp_dt_rc_graybutton .leftborder, .mp_top_nav_ul_li:hover .leftborder
{
background: url("images/top_nav_leftborder.png") no-repeat left bottom;
display: block;
left: -7px;
}
.mp_dt_rc_graybutton .rightborder, .mp_top_nav_ul_li:hover .rightborder
{
background: url("images/top_nav_rightborder.png") no-repeat right bottom;
display: block;
right: -7px;
}
.mp_dt_rc_graybutton a
{
color: #5b6371;
font-weight: bold;
padding: 0 15px;
}
.mp_dt_rc_graybutton:active a, .mp_top_nav_ul_li > a:active, .mp_top_nav_ul_li.active > a, .mp_top_nav_ul_li:active > a
{
background: url("images/top_nav_center.png") repeat-x center top;
bottom: -2px;
display: block;
height: 45px;
line-height: 40px;
margin-bottom: 0;
outline: medium none;
position: relative;
}
.mp_dt_rc_graybutton:active a .leftborder, .mp_top_nav_ul_li.active > a .leftborder, .mp_top_nav_ul_li > a:active .leftborder
{
background: url("images/top_nav_leftborder.png") no-repeat left top;
display: block;
left: -7px;
outline: medium none;
}
.mp_dt_rc_graybutton:active a .rightborder, .mp_top_nav_ul_li.active > a .rightborder, .mp_top_nav_ul_li > a:active .rightborder
{
background: url("images/top_nav_rightborder.png") no-repeat right top;
display: block;
right: -7px;
}
.mp_top_nav_ul_li.top .icon, .mp_top_nav_ul_li.updates .icon, .mp_top_nav_ul_li.category .icon, .mp_top_nav_ul_li.sale .icon
{
background: url("images/icons.png") no-repeat 0 0;
display: inline-block;
height: 21px;
left: 7px;
position: absolute;
top: 11px;
width: 20px;
}
.mp_top_nav_ul_li.top .icon
{
background-position: 0 0;
}
.mp_top_nav_ul_li.updates .icon
{
background-position: -60px 0;
}
.mp_top_nav_ul_li.category .icon
{
background-position: -20px 0;
}
.mp_top_nav_ul_li.sale .icon
{
background-position: -40px 0;
}
.mp_top_nav_ul_li.active .icon, .mp_top_nav_ul_li:active .icon
{
top: 9px;
}
.mp_top_nav_ul_li.category > a .arrow
{
background: url("images/arrow.png") no-repeat 0 0;
display: inline-block;
height: 20px;
position: absolute;
right: 3px;
top: 21px;
width: 6px;
}
.mp_top_nav_ul_sub
{
background: none repeat 0 0 #f8fafb;
border: 1px solid #d4e0e2;
border-radius: 3px;
box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.4) inset, 0 20px 18px 0 rgba(88, 112, 118, 0.13);
margin: -5px 0 0;
padding: 8px;
position: absolute;
right: -13px;
z-index: 200;
}
.mp_top_nav_ul_sub li
{
display: block;
list-style: none outside none;
white-space: nowrap;
}
.mp_top_nav_ul_sub li a
{
color: #555555;
display: block;
font-size: 13px;
padding: 8px;
text-decoration: none;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.mp_top_nav_ul_sub li a:hover
{
background: none repeat 0 0 #dae4e6;
border: 1px solid #b4bdbe;
border-radius: 3px;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2) inset;
padding: 7px;
}
.mp_top_nav_ul_sub .arrow
{
background: url("images/top.png") no-repeat center bottom;
height: 10px;
position: absolute;
right: 10px;
top: -10px;
width: 18px;
}
.mp_search_container
{
border: 1px solid #b9bcbe;
border-radius: 3px;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15) inset;
height: 31px;
position: absolute;
right: 10px;
top: 5px;
width: 214px;
}
.mp_search_result
{
background: none repeat 0 0 #f8fafb;
border: 1px solid #d4e0e2;
border-radius: 3px;
box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.4) inset, 0 20px 18px 0 rgba(88, 112, 118, 0.13);
display: none;
left: -1px;
margin: 0;
padding: 8px;
position: absolute;
right: -1px;
top: 100%;
z-index: 200;
}
.mp_search_input_text
{
border: none;
background: none;
left: 5px;
outline: medium none;
height: 100%;
padding: 0;
position: absolute;
top: 0;
width: 170px;
}
.mp_search_list_solutions
{
margin: 0;
padding: 0;
}
.mp_search_list_solutions li
{
border: 1px solid #f8fafb;
display: block;
height: 40px;
margin-bottom: 5px;
padding-left: 40px;
position: relative;
transition: background 0.1s ease-in-out 0s;
white-space: normal;
}
.mp_search_list_solutions li:hover
{
background: none repeat 0 0 #dae4e6;
border: 1px solid #b4bdbe;
border-radius: 3px;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2) inset;
}
.mp_search_ls_img
{
background: url("images/default-upic-mp.png") no-repeat center center / 100% 100%;
border-radius: 4px;
box-sizing: border-box;
display: block;
height: 30px;
left: 5px;
overflow: hidden;
position: absolute;
top: 5px;
width: 30px;
z-index: 102;
}
.mp_search_ls_img span
{
display: block;
height: 30px;
left: 50%;
margin-left: -150px;
position: absolute;
text-align: center;
top: 0;
width: 300px;
}
.mp_search_ls_img img
{
border-radius: 3px;
height: 30px;
width: auto;
}
.mp_search_ls_title
{
color: #404a58;
display: block;
font-size: 13px;
font-weight: bold;
line-height: 40px;
overflow: hidden;
text-decoration: none;
text-overflow: ellipsis;
vertical-align: middle;
white-space: nowrap;
width: 100%;
}
.mp_search_ls_shadow
{
background: url("images/frame.png") no-repeat left top / 32px 36px;
height: 35px;
left: 4px;
position: absolute;
top: 4px;
width: 33px;
z-index: 104;
}
.mp_search_submit
{
background: url("images/icon_search.png") no-repeat center center;
border: medium none;
cursor: pointer;
height: 16px;
padding: 2px;
position: absolute;
right: 10px;
top: 6px;
width: 16px;
}
.mp_dt_title_icon
{
float: left;
height: 91px;
margin-bottom: 20px;
margin-left: 15px;
position: relative;
}
.mp_td_owner, .mp_dt_title_section, .mp_dt_pp_title_section
{
font-weight: bold;
line-height: 25px;
margin: 0 0 0 125px;
}
.mp_dt_title_section
{
padding-top: 10px;
}
.mp_td_owner
{
font-size: 13px;
}
.mp_td_owner a
{
color: #2785b3;
}
.mp_td_owner a:hover
{
text-decoration: none;
}
.mp_dt_title_section, .mp_title_section
{
color: #3a4255;
font-size: 25px;
}
.mp_dt_pp_title_section
{
font-size: 18px;
padding-top: 10px;
}
.mp_section_container
{
border-radius: 4px;
box-shadow: 0 1px 3px 0 rgba(42, 48, 60, 0.39);
}
.mp_dt_container
{
padding: 15px;
position: relative;
}
.mp_sc_container
{
border-bottom: 1px solid #dde7ec;
padding: 15px;
position: relative;
}
.mp_section_container .mp_sc_container:last-child
{
border: medium none;
}
.mp_sc_container.buttons
{
height: 30px;
}
.mp_sc_title
{
color: #878b94;
font-size: 17px;
font-weight: bold;
}
.mp_sc_slide
{
position: relative;
width: 100%;
}
.mp_sc_list_solutions
{
padding: 0;
white-space: nowrap;
}
.mp_sc_list_solutions li
{
display: block;
float: left;
margin-bottom: 30px;
min-height: 100px;
position: relative;
white-space: normal;
width: 25%;
}
@media (max-width: 995px)
{
.mp_sc_list_solutions li
{
width: 33%;
}
}
.mp_sc_ls_li_hover
{
background: none repeat 0 0 #ffffff;
border: 1px solid #ededed;
border-radius: 5px;
bottom: -20px;
box-shadow: 0 10px 16px 0 rgba(42, 48, 60, 0.29);
display: none;
left: -5px;
position: absolute;
right: 0;
top: -5px;
z-index: 100;
}
.mp_sc_ls_li_hover a
{
background: linear-gradient(to bottom, #ffae00 0%, #ff8000 100%) repeat 0 0;
border-color: #ffc600 #ffb900 #ff8000;
border-left: 1px solid #ffb900;
border-radius: 5px;
border-right: 1px solid #ffb900;
border-style: solid;
border-width: 1px;
bottom: 8px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15), 0 1px 0 0 #ffc600 inset;
color: #ffffff;
display: block;
font-size: 14px;
font-weight: bold;
padding: 6px 8px;
position: absolute;
right: 8px;
text-decoration: none;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.mp_sc_ls_li_hover a:hover
{
color: #fff;
}
.mp_sc_list_solutions li:hover .mp_sc_ls_li_hover
{
display: block;
}
.mp_sc_ls_img
{
background: url("images/default-upic-mp.png") no-repeat center center / 100% 100%;
border-radius: 9px;
box-sizing: border-box;
display: block;
height: 79px;
left: 5px;
overflow: hidden;
position: absolute;
top: 5px;
width: 81px;
z-index: 102;
}
.mp_sc_ls_img span
{
display: block;
height: 79px;
left: 50%;
margin-left: -150px;
position: absolute;
text-align: center;
top: 0;
width: 300px;
}
.mp_sc_ls_img img
{
border-radius: 7px;
height: 79px;
width: auto;
}
.mp_discount_icon
{
background: url("images/percent.png") no-repeat 0 0;
bottom: -6px;
display: block;
height: 34px;
left: 1px;
position: absolute;
width: 34px;
z-index: 999;
}
.mp_installed_icon
{
background: url("images/li.png") no-repeat left center;
bottom: -6px;
display: block;
height: 12px;
left: 2px;
position: absolute;
width: 150px;
z-index: 999;
font-size: 0.8em;
padding-left: 15px;
}
.mp_sc_ls_shadow
{
background: url("images/frame.png") no-repeat left top;
height: 91px;
left: 2px;
position: absolute;
top: 4px;
width: 87px;
z-index: 104;
}
.mp_sc_ls_container
{
left: 100px;
position: absolute;
right: 5px;
top: 3px;
word-wrap: break-word;
z-index: 102;
}
.mp_sc_ls_title
{
color: #404a58;
display: block;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}
.mp_sc_ls_title.crop
{
height: 36px;
line-height: 18px;
overflow: hidden;
text-overflow: ellipsis;
}
.mp_sc_ls_price
{
color: #000000;
display: block;
font-size: 16px;
font-weight: bold;
padding-top: 7px;
}
.mp_sc_ls_stars
{
background: url("images/star.png") no-repeat left center;
color: #a5adb7;
font-size: 14px;
padding-left: 20px;
}
.bt_gray
{
background: linear-gradient(to bottom, #dee9ec 0%, #fafafa 100%) repeat 0 0;
border-color: #fafafa #f1f6f7 #dee9ec;
border-radius: 2px;
border-style: solid;
border-width: 1px;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.11), 0 1px 1px rgba(0, 0, 0, 0.4), 0 0 1px rgba(255, 255, 255, 0.5) inset;
color: #585c68 !important;
cursor: pointer;
display: inline-block;
font-size: 13px;
font-weight: bold;
margin-right: 10px;
padding: 8px 17px !important;
text-decoration: none;
text-shadow: 0 1px #ffffff;
}
.bt_gray:hover
{
background: none repeat 0 0 #f1f6f7;
text-decoration: none;
}
.bt_gray:active
{
background: linear-gradient(to bottom, rgba(191, 205, 210, 0.79) 0%, rgba(211, 223, 226, 0.79) 100%) repeat 0 0;
bottom: -1px;
box-shadow: 0 1px 1px 1px rgba(122, 128, 141, 0.78) inset;
position: relative;
}
.mp_dt_left_container
{
float: left;
padding: 5px;
width: 220px;
}
.mp_dt_right_container
{
margin-left: 230px;
padding: 5px;
}
.mp_dt_preview img
{
border: 1px solid #e6e6e6;
}
.mp_dt_lc_slider
{
height: 45px;
margin-bottom: 25px;
margin-top: 10px;
position: relative;
width: 173px;
}
.mp_dt_lc_slider_container
{
height: 45px;
margin: 0 20px;
overflow: hidden;
position: relative;
width: 133px;
}
.mp_dt_preview_list
{
display: block;
height: 45px;
margin: 0;
padding: 0;
text-align: center;
white-space: nowrap;
}
.mp_dt_preview_list li
{
border: 1px solid #e6e6e6;
display: inline-block;
padding: 0;
width: 39px;
}
.mp_dt_lc_slider_right, .mp_dt_lc_slider_left
{
cursor: pointer;
height: 45px;
opacity: 0.1;
position: absolute;
top: 0;
width: 12px;
}
.mp_dt_lc_slider_left
{
background: url("images/left.png") no-repeat center center;
left: 0;
}
.mp_dt_lc_slider_right
{
background: url("images/right.png") no-repeat center center;
right: 0;
}
.mp_dt_lc_slider_right:hover, .mp_dt_lc_slider_left:hover
{
opacity: 0.5;
}
.mp_dt_lc_desc
{
font-size: 12px;
line-height: 30px;
}
.mp_lt_right_container, .mp_lt_left_container
{
box-sizing: border-box;
float: left;
min-height: 105px;
position: relative;
width: 25%;
}
.mp_lt_right_container
{
padding-top: 35px;
text-align: center;
}
.mp_lt_centrer_container
{
box-sizing: border-box;
float: left;
width: 50%;
}
.mp_lt_centrer_container p
{
color: #585e6c;
font-size: 14px;
line-height: 19px;
margin-top: 0;
padding: 0 20px;
}
.mp_delete_confirm
{
margin: 10px;
}
.mp_install_confirm
{
margin: 20px;
}
.mp_delete_confirm_text
{
font-weight: bold;
margin-bottom: 8px;
}
.mp_install_confirm_text
{
margin-bottom: 8px;
text-align: center;
}
.bt_popup_arrow, .bt_green
{
background: linear-gradient(to bottom, #a2d43b 0%, #689a01 100%) repeat 0 0;
border: none;
border-top: 1px solid #88c900;
border-radius: 3px;
box-shadow: 0 2px 0 -1px rgba(255, 255, 255, 0.5) inset, 0 1px 2px 0 rgba(0, 0, 0, 0.2);
color: #ffffff !important;
cursor: pointer;
display: inline-block;
font-size: 13px;
font-weight: bold;
margin-right: 5px;
padding: 8px 17px !important;
text-decoration: none;
text-shadow: 0 0 1px rgba(52, 100, 119, 0.05), 0 1px 1px rgba(0, 0, 0, 0.2);
}
.bt_popup_arrow:hover, .bt_green:hover
{
background: linear-gradient(to bottom, #a2d43b 0%, #689a01 100%) repeat 0 0;
box-shadow: 0 2px 0 -1px rgba(255, 255, 255, 0.5) inset, 0 1px 2px 0 rgba(0, 0, 0, 0.2);
color: #ffffff;
text-decoration: none;
}
.bt_popup_arrow:active, .bt_green:active
{
background-color: #649f00;
border-top: 1px solid #649f00;
bottom: -1px;
box-shadow: 0 1px 0 rgba(69, 102, 9, 0.31) inset;
color: #ffffff;
position: relative;
}
.bt_popup
{
display: inline-block;
padding: 0 40px 0 0 !important;
position: relative;
}
.bt_popup .bt_green
{
border-radius: 3px 0 0 3px;
border-right: 1px solid #6c9616;
}
.bt_popup_arrow
{
border-left: 1px solid #a1d33a;
border-radius: 0 3px 3px 0;
bottom: 0;
padding: 0 !important;
position: absolute;
right: 0;
top: 0;
width: 40px;
}
.bt_popup_arrow span
{
background: url("images/arrow_white.png") no-repeat 0 0;
display: block;
height: 7px;
left: 50%;
margin-left: -4px;
margin-top: -3px;
position: absolute;
top: 50%;
width: 9px;
}
.bt_popup_arrow:active
{
bottom: -1px;
box-shadow: 0 1px 0 rgba(69, 102, 9, 0.31) inset, 1px 0 2px 0 rgba(69, 102, 9, 0.31) inset;
position: absolute !important;
top: 1px;
}
.bt_popup .bt_green:active
{
box-shadow: 0 1px 0 rgba(69, 102, 9, 0.31) inset, -1px 0 2px 0 rgba(69, 102, 9, 0.31) inset;
}
.bt_popup_ul_sub
{
background: none repeat 0 0 #f8fafb;
border: 1px solid #d4e0e2;
border-radius: 3px;
box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.4) inset, 0 20px 18px 0 rgba(88, 112, 118, 0.13);
display: none;
margin: 130% 0 0;
padding: 8px;
position: absolute;
right: 0;
top: 0;
z-index: 200;
}
.bt_popup_ul_sub li
{
display: block;
list-style: none outside none;
white-space: nowrap;
}
.bt_popup_ul_sub li a
{
color: #555555;
display: block;
font-size: 13px;
padding: 8px;
text-decoration: none;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.bt_popup_ul_sub li a:hover
{
background: none repeat 0 0 #dae4e6;
border: 1px solid #b4bdbe;
border-radius: 3px;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2) inset;
padding: 7px;
}
.bt_popup_ul_sub .arrow
{
background: url("images/top.png") no-repeat center bottom;
height: 10px;
position: absolute;
right: 10px;
top: -10px;
width: 18px;
}
.mp_pp_graybutton
{
background: linear-gradient(to bottom, #f9f9f9 0%, #dee9ec 100%) repeat 0 0;
border: 1px solid;
border-color: #eaedee #d3d5d6 #a9abac;
border-radius: 4px;
box-shadow: 0 2px 0 -1px rgba(255, 255, 255, 0.5) inset, 0 1px 2px 0 rgba(0, 0, 0, 0.2);
color: #5b6371 !important;
cursor: pointer;
display: inline-block;
font-size: 13px;
font-weight: bold;
margin-right: 5px;
padding: 7px 17px !important;
text-decoration: none;
text-shadow: 0 0 1px rgba(52, 100, 119, 0.05), 0 1px 1px rgba(0, 0, 0, 0.2);
}
.mp_pp_graybutton:hover
{
background: linear-gradient(to bottom, #f9f9f9 0%, #eeeeee 100%) repeat 0 0;
box-shadow: 0 2px 0 -1px rgba(255, 255, 255, 0.5) inset, 0 1px 2px 0 rgba(0, 0, 0, 0.2);
color: #ffffff;
}
.mp_pp_graybutton:active
{
background-color: #649f00;
border-top: 1px solid #a9abac;
bottom: -1px;
box-shadow: 0 1px 0 #a9abac inset;
color: #ffffff;
position: relative;
}
.mp_dt_rc_header
{
border-bottom: 1px solid #f2f2f2;
padding-bottom: 20px;
position: relative;
}
.mp_dt_rc_price
{
display: inline-block;
font-size: 24px;
font-weight: bold;
line-height: 35px;
margin-right: 20px;
}
.mp_dt_rc_content
{
}
.mp_dt_rc_tab_button
{
display: block;
margin: 20px 0;
padding: 0;
}
.mp_dt_rc_tab_button li
{
border-radius: 3px;
display: inline-block;
margin-right: 20px;
}
.mp_dt_rc_tab_button li a
{
color: #555555;
display: block;
font-size: 13px;
font-weight: bold;
}
.mp_dt_rc_tab_button li a:hover
{
text-decoration: none;
}
.mp_dt_rc_tab_button li a .arrow
{
display: none;
}
.mp_dt_rc_tab_button li.active
{
background: linear-gradient(to bottom, #6ad2ef 0%, #2ba0de 100%) repeat 0 0;
box-shadow: 0 1px 0 0 #448cb7;
position: relative;
}
.mp_dt_rc_tab_button li.active a
{
color: #ffffff;
padding: 6px 18px;
text-decoration: none;
text-shadow: 0 -1px 0 #167bbd;
}
.mp_dt_rc_tab_button li.active a .arrow
{
background: url("images/bottom.png") no-repeat center bottom;
bottom: -9px;
display: block;
height: 9px;
left: 50%;
margin-left: -9px;
position: absolute;
width: 18px;
}
.mp_dt_rc_tab_container
{
color: #3a4255;
font-size: 13px;
line-height: 20px;
}
.mp_pp_hr
{
border-color: #e9eced -moz-use-text-color #ffffff;
border-left: medium none;
border-right: medium none;
border-style: solid none;
border-width: 1px medium;
margin-bottom: 20px;
}
.mp_pp_content
{
color: #555555;
font-size: 14px;
}
.mp_pp_ul
{
list-style-image: url("images/li.png");
padding-bottom: 10px;
}
.mp_pp_ul
{
line-height: 29px;
}
.mp_notice_cursiv
{
font-style: italic;
}
.mp_notify_message
{
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #fdfaea;
border-color: #e5e0c4 #f1edd7 #f9f6e4;
border-image: none;
border-radius: 2px;
border-style: solid;
border-width: 1px;
box-shadow: 0 1px 1px #ede8cc inset;
color: #555555;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
margin-bottom: 12px;
padding: 11px 14px;
position: relative;
}