Current Path : /home/bitrix/ext_www/klimatlend.ua/bitrix/js/mobileapp/ |
Current File : /home/bitrix/ext_www/klimatlend.ua/bitrix/js/mobileapp/interface.css |
*{ padding:0; margin:0; } body{ background:url(images/bg.png); background-size:7px 1px; font-family:"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; -webkit-font-smoothing:antialiased; } /* ===== Ruble Symbol ===== * <span class="rub">q</span> */ @font-face{ font-family:'als_rublregular'; src:url('font/rouble-webfont.eot'); src:url('font/rouble-webfont.eot?#iefix') format('embedded-opentype'), url('font/rouble-webfont.woff') format('woff'), url('font/rouble-webfont.ttf') format('truetype'), url('font/rouble-webfont.svg#als_rublregular') format('svg'); font-weight:normal; font-style:normal; } .rub{font-family:'als_rublregular'} /* ===== end Ruble Symbol ===== */ .wrap{padding:13px 10px} .order_itemlist_component{} .order_itemlist_item_container{ background:#fff; border-radius:5px; overflow:hidden; box-shadow:0 1px 1px 0 rgba(0,0,0,0.2); margin-bottom:7px; } .order_itemlist_item_title{ height:26px; box-shadow:0 1px 1px 0 rgba(0,0,0,0.2); } .order_itemlist_item_title span{ color:#fff; line-height:26px; padding:0 10px; display:inline-block; width:100%; box-sizing:border-box; background:url(images/gui.png) no-repeat 99% 7px; background-size:30px auto; font-size:14px; font-weight:bold; } .order_itemlist_item_customer, .order_itemlist_item_delivery, .order_itemlist_item_pay{ font-size:13px; margin:5px 0; line-height:13px; color:#000; padding:2px 0 0 20px; width:100%; overflow:hidden; height:16px; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box; -webkit-box-sizing:border-box; background:url(images/gui.png) no-repeat; background-size:30px auto; } .order_itemlist_item_pay {background-position:-1px -102px} .order_itemlist_item_customer {background-position:-2px -23px} .order_itemlist_item_delivery {background-position:-1px -41px} .order_step1 .order_itemlist_item_title{ background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#db4545), to(#c22727)); background-image:-webkit-linear-gradient(#db4545 0%, #c22727 100%); background-image:linear-gradient(#db4545 0%, #c22727 100%); text-shadow:0 1px 0 #831f1f; } .order_itemlist_item_delivery.notallowed{background-position:-1px -61px} .order_itemlist_item_pay.notallowed, .order_itemlist_item_delivery.notallowed{color:#cc1717} .order_step2 .order_itemlist_item_title{ background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#eeb71f), to(#e18511)); background-image:-webkit-linear-gradient(#eeb71f 0%, #e18511 100%); background-image:linear-gradient(#eeb71f 0%, #e18511 100%); text-shadow:0 -1px 0 #945e0e; } .order_step3 .order_itemlist_item_title{ background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#28b2da), to(#167cbf)); background-image:-webkit-linear-gradient(#28b2da 0%, #167cbf 100%); background-image:linear-gradient(#28b2da 0%, #167cbf 100%); text-shadow:0 1px 0 #831f1f; } .order_step3 .order_itemlist_item_delivery {background-position:-1px -81px} .order_completed .order_itemlist_item_title{ background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#a4a9b1), to(#898f9a)); background-image:-webkit-linear-gradient(#a4a9b1 0%, #898f9a 100%); background-image:linear-gradient(#a4a9b1 0%, #898f9a 100%); text-shadow:0 1px 0 #5e6268; } .order_itemlist_item_content{ box-sizing:border-box; -webkit-box-sizing:border-box; padding:8px 8px 0; position:relative; } .order_itemlist_item_content.close{ overflow:hidden; height:0; padding:0; } .order_itemlist_item_idshop{ position:absolute; top:10px; right:0; background:#f0f1f2; padding:4px; border-radius:5px 0 0 5px; font-size:13px; font-weight:bold; color:#525253; } .order_itemlist_item_total .order_itemlist_item_idshop{ top:0; bottom:0; border-radius:0 } .order_itemlist_item_total{ padding:5px; color:#000; position:relative; background:#f2f4f5; box-shadow:inset 0 1px 1px 0 rgba(0,0,0,.1); height:15px; text-shadow:0 1px 0 #fff; margin:0; } .order_itemlist_item_price{ position:absolute; left:5px; font-size:14px; font-weight:bold; } .order_itemlist_item_itemcount{ position:absolute; right:5px; font-size:13px; } .order_completed .order_itemlist_item_total{ border-radius:0; background:#fff; box-shadow:none; text-shadow:none; } .order_itemlist_item_total_completed{ color:#8d97a2; font-size:13px; font-weight:bold; padding-left:20px; background:url(images/gui.png) no-repeat 0 -121px; background-size:30px auto; } .order_itemlist_item_total_completed span{color:#000} /*=====================================================================*/ /*=====================================================================*/ .order_component{} .order_title{ color:#071c27; font-weight:bold; font-size:16px; position:relative; padding-bottom:10px; text-shadow:0 1px 0 #fff; } .order_title span{ font-size:14px; color:#6f7f8b; right:0; position:absolute; } .order_nav{ margin-bottom:10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .order_nav ul{padding:0;margin:0;border-radius:5px} .order_nav ul li{ padding:0; margin:0; display:block; float:left; text-align:center; width:34%; box-sizing:border-box; -webkit-box-sizing:border-box; background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#d1d8dc)); background-image:-webkit-linear-gradient(#f9f9f9 0%, #d1d8dc 100%); background-image:linear-gradient(#f9f9f9 0%, #d1d8dc 100%); border-top:1px solid #a7bbc7; border-bottom:1px solid #90a0aa; box-shadow:inset 0 1px 1px 0 rgba(0,0,0,.17); } .order_nav ul li:first-child{width:33%;border-radius:5px 0 0 5px;border-left:1px solid #a7bbc7} .order_nav ul li:last-child {width:33%;border-radius:0 5px 5px 0;border-right:1px solid #a7bbc7} .order_nav ul li.current{ box-shadow:inset 0 1px 2px 0 #596b0c; background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#829b12), to(#8bb21c)); background-image:-webkit-linear-gradient(#829b12 0%, #8bb21c 100%); background-image:linear-gradient(#829b12 0%, #8bb21c 100%); border-top:1px solid #7d9cae; border-bottom:1px solid #7d9cae; } .order_nav ul li.current:first-child{border-left:1px solid #8ca1ad} .order_nav ul li.current:last-child {border-right:1px solid #8ca1ad} .order_nav ul li a{ display:block; line-height:28px; color:#113549; font-weight:bold; font-size:13px; text-decoration:none; } .order_nav ul li:first-child a{} .order_nav ul li:last-child a{} .order_nav ul li.current a{ color:#fff; text-shadow:0 1px 0 #678313; } .order_infoblock{ background:#fff; border-radius:5px; margin:8px 0; box-shadow:0 1px 1px 0 rgba(0,0,0,.15) } .order_infoblock.total div table tbody tr td.order_infoblock_content_table_tdvalue{ text-align: right; } .order_infoblock.total div table.order_infoblock_content_table{ border-collapse: collapse; } .order_infoblock_title{ padding:9px 15px; color:#113549; font-weight:bold; font-size:14px; text-shadow:0 1px 0 #fff; position:relative; } .order_detail_container .order_infoblock_title{padding:9px 0} .time_icon{ display: inline-block; padding-left: 30px; background:url(images/icon_time.png) no-repeat 16px center; background-size:auto 11px; } .order_infoblock_title span{ width:20px; height:20px; position:absolute; top:50%; margin-top:-10px; right:10px; display:block; background:url(images/gui.png) no-repeat; background-size:30px auto; background-position:0 -140px; } .order_infoblock_title_description{ padding:0; font-style:italic; font-weight:normal; } .order_infoblock.close .order_infoblock_title span{background-position:0 -160px} .order_infoblock_content{ padding:9px 15px; border-top:1px solid #e7ebed; } .order_infoblock.close .order_infoblock_content, .order_infoblock.close .order_detail_container, .order_infoblock.close .order_detail_container_itogi{ padding:0 15px; border:none; height:0; overflow:hidden; } .order_infoblock_content_table { width: 100%; } .order_infoblock_content_table_tdtitle{ font-size:13px; color:#798186; vertical-align:top; padding:2px 0; } .order_infoblock_content_table_tdvalue{ font-size:13px; padding:2px 0; color:#000; vertical-align:top; } .order_infoblock_order_canceled{ background:#f8d9d9; border-radius:5px; padding:3px 7px; display:inline-block; font-size:13px; text-align:center; display:block; } /*=====================================================================*/ /*=====================================================================*/ .order_detail_container{ padding:0 10px; border-bottom:2px solid #d0d3d5; border-top:1px solid #e7ebed; } .order_detail_table{ border-collapse:collapse; border-bottom:none; width:100%; margin:5px auto; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; } .order_detail_table tr td{ padding:0; vertical-align:top; padding:15px 0px ; } .order_detail_table_td_img img{ max-width:75px; height:auto; margin:0 5px 0 0; } .order_detail_table_td_table{ border:1px solid #ccc; border-collapse:collapse; width:100%; } .order_detail_table_td_table thead tr td{ background:#e8ebee; color:#6e787f; font-size:12px; text-align:center; vertical-align:middle; padding:2px 5px; white-space:nowrap; border-right:1px solid #ccc; } .order_detail_table_td_table tbody tr td{ text-align:center; vertical-align:top; padding:3px 5px; border-right:1px solid #ccc; font-size:12px; color:#000; } .order_detail_table_td_table tbody tr td .price{} .order_detail_table_td_table tbody tr td .price_old{ color:#a3a3a3; text-decoration:line-through; } .order_detail_table_td_table tbody tr td .price_sale{} .order_detail_list_description_title{ float:left; padding-top:2px; font-size:14px; line-height:15px; color:#ccc; } .order_detail_list_description_text{ /*margin-left:200px;*/ margin-top:10px; padding-bottom:10px; } .order_detail_list_description_text ul{ margin-left:77px; display:block; padding:0; } .order_detail_list_description_text ul li{} .order_detail_list_description_text ul li{ font-size:14px; color:#000; padding:0; display:inline; font-style:italic; line-height:15px; } .order_detail_list_description_text ul li:after{content:", "} .order_detail_list_description_text ul li:last-child:after{content:none} .order_detail_container_itogi{padding:10px} .order_detail_container_itogi_table{ width:100%; border-collapse:collapse; /*border-radius:2px;*/ } .order_detail_container_itogi_table tr td{ vertical-align:middle; padding:5px; text-align:left; } .order_detail_container_itogi_table tr td:first-child{ color:#5e6970; font-size:11px; } .order_detail_container_itogi_table tr td:last-child{ color:#000; font-size:13px; font-weight:bold; } .order_detail_container_itogi_table_td_green{background:#edf2d4} .order_detail_container_itogi_coupon{ border-collapse: collapse; width: 100%; margin-top: 10px; } .order_detail_container_itogi_coupon tr td{ color: #112a38; font-size: 11px; vertical-align: middle; text-align: left; } .order_detail_container_coupon_input_container input[type=text]{ line-height: 30px; border: none; border-radius: 14px; display: block; background: transparent; width: 100%; } .order_detail_container_coupon_input_container{ position: relative; border-radius: 5px; border: 1px solid #b9bcbe; background: #fff; margin: 0 5px; box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.1), 0 1px 1px 0 #fff; } .order_detail_container_coupon_button{ padding:5px 15px; display:block; border-top:1px solid #f1f1f1; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; border-bottom:1px solid #a9a9a9; color:#133c53; font-size:14px; font-weight:bold; border-radius: 5px; text-shadow:0 1px 0 #fff; background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e0e5e8)); background-image:-webkit-linear-gradient(#fff 0%, #e0e5e8 100%); background-image:linear-gradient(#fff 0%, #e0e5e8 100%); text-decoration:none; box-shadow:0 1px 0 0 #e5e5e5, inset 0 0 1px 0 #e8ecee; line-height:18px; } /*=====================================================================*/ /*=====================================================================*/ .order_status_component, .order_acceptpay_component{} .order_status_title, .order_acceptpay_title{ color:#071c27; font-weight:bold; font-size:16px; text-align:center; padding-bottom:10px; text-shadow:0 1px 0 #fff; } .order_status_infoblock, .order_acceptpay_infoblock{ background:#fff; border-radius:5px; margin:5px 0; padding:3px 10px; box-shadow:0 1px 1px 0 rgba(0,0,0,.15) } .order_status_infoblock ul, .order_acceptpay_infoblock ul{display:block} .order_status_infoblock ul li, .order_acceptpay_infoblock ul li{ padding:5px 0; display:block; border-bottom:1px solid #e7ecee; } /*.order_acceptpay_infoblock ul li:last-child{border-bottom:none}*/ .order_status_li_container, .order_acceptpay_li_container{ border-radius:5px; padding:5px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .order_status_li_container table>tr>td, .order_acceptpay_li_container table>tr>td{min-height:30px;vertical-align:middle} .order_status_li_container .inputradio, .order_status_li_container .inputcheckbox, .order_acceptpay_li_container .inputradio, .order_acceptpay_li_container .inputcheckbox{ background:url(images/gui.png) no-repeat; background-size:30px auto; background-position:0 -210px; width:30px; height:30px; position:relative; bottom:-2px; display:inline-block; } .order_status_li_container .inputradio input[type=radio], .order_status_li_container .inputcheckbox input[type=checkbox], .order_acceptpay_li_container .inputradio input[type=radio], .order_acceptpay_li_container .inputcheckbox input[type=checkbox]{ width:30px; height:30px; opacity:0; } .order_status_li_container.checked, .order_acceptpay_li_container.checked{ background:#ebf1f2; box-shadow:inset 0 1px 2px 0 rgba(0,0,0,.2) } .order_status_li_container.checked .inputradio, .order_acceptpay_li_container.checked .inputradio {background-position:0 -180px} .order_status_li_container.checked .inputcheckbox, .order_acceptpay_li_container.checked .inputcheckbox{background-position:0 -240px} .order_status_li_container label, .order_acceptpay_li_container label, .order_acceptpay_infoblock_title_tac{ font-size:14px; font-weight:bold; text-shadow:0 1px 0 #fff; line-height:14px; color:#414b51; } .order_acceptpay_infoblock_money{ font-weight:bold; font-size:22px; color:#414b51; } .order_status_buttons_container, .order_acceptpay_buttons_container{ text-align:center; margin:20px; } .order_acceptpay_infoblock_title{ padding:9px 0; color:#8f9396; font-weight:bold; font-size:14px; text-shadow:0 1px 0 #fff; position:relative; border-bottom:1px solid #e7ecee; } .order_acceptpay_buttons_container{ text-align:center; margin:20px; } .order_status_button, .order_acceptpay_button{padding:2px 10px} .order_acceptpay_button_shipping{ padding-top:10px; display:inline-block; } .order_acceptpay_button_shipping a{ float:left; padding:5px 15px; display:block; border-top:1px solid #989898; border-left:1px solid #a0a0a0; border-right:1px solid #a0a0a0; border-bottom:1px solid #b2b2b2; color:#2f2f2f; font-size:14px; font-weight:bold; text-shadow:0 1px 0 #fff; background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#cdcdcd)); background-image:-webkit-linear-gradient(#fcfcfc 0%, #cdcdcd 100%); background-image:linear-gradient(#fcfcfc 0%, #cdcdcd 100%); text-decoration:none; box-shadow:inset 0 1px 1px 0 rgba(0,0,0,.24); line-height:25px; } .order_acceptpay_button_shipping a.current{ background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#666), to(#b6b6b6)); background-image:-webkit-linear-gradient(#666 0%, #b6b6b6 100%); background-image:linear-gradient(#666 0%, #b6b6b6 100%); color:#fff; text-shadow:0 1px 0 #808081; box-shadow:inset 0 1px 3px 0 rgba(0,0,0,.34); border-top:1px solid #575757; border-left:1px solid #868686; border-right:1px solid #868686; border-bottom:1px solid #a8a8a8; } .order_acceptpay_button_shipping a:first-child{border-radius:5px 0 0 5px;border-right:none !important} .order_acceptpay_button_shipping a:nth-child(2){border-radius:0 5px 5px 0;border-left:none !important} /*=====================================================================*/ /*=====================================================================*/ .order_canceled_component{} .order_canceled_title{ color:#071c27; font-weight:bold; font-size:16px; text-align:center; padding-bottom:10px; text-shadow:0 1px 0 #fff; } .order_canceled_infoblock{ background:#fff; border-radius:5px; margin:5px 0; box-shadow:0 1px 1px 0 rgba(0,0,0,.15) } .order_canceled_infoblock_title{ padding:9px 15px; color:#737373; font-weight:bold; font-size:14px; text-shadow:0 1px 0 #fff; position:relative; } .order_canceled_infoblock_textarea_container{padding:0 15px} .order_canceled_infoblock_textarea{ width:100%; min-width:100%; max-width:100%; min-height:100px; border:1px solid #a6a6a6; box-shadow:inset 0 1px 4px 0 rgba(0,0,0,.1); border-radius:2px; } .order_canceled_infoblock_desc{ display:inline-block; padding:5px 15px 10px; font-size:13px; color:#737373; } .order_canceled_buttons_container{ text-align:center; margin:20px; } .order_canceled_button{padding:2px 10px} .green_button { -webkit-border-image:url("images/green_button.png") 10 10 20 stretch; border-width:5px 5px 10px; color:#fff; text-shadow:0 1px rgba(0,0,0,0.3); font-weight:bold; text-decoration:none; margin:0 5px; } .white_button { -webkit-border-image:url("images/white_button.png") 10 10 20 stretch; border-width:5px 5px 10px; color:#547180; text-shadow:0 1px 0 #fff; font-weight:bold; text-decoration:none; } /* ===== reserved class ===== */ .p0{padding:0} .db{display:none} .db{display:block} .dib{display:inline-block} .clb{clear:both} .fln{float:none} .fll{float:left} .flr{float:right} .m0a{margin:0 auto} .fwb{font-weight:bold} .fwn{font-weight:normal} .tal{text-align:left} .tar{text-align:right} .tac{text-align:center} .vat{vertical-align:top} .vam{vertical-align:middle} .vab{vertical-align:bottom} .posr{position:relative} .posa{position:absolute} .whsn{white-space:normal} .whsnw{white-space:nowrap} .w100p{width: 100%;} /* ===== Debug class ===== */ .dbg1{background-color:rgba(0,0,255,.3)} .dbg2{background-color:rgba(0,255,0,.3)} .dbg3{background-color:rgba(255,0,0,.3)} .debug{ font-size:11px; padding:5px; color:#2d2d2d; background:#f5ffdb; border:1px solid #d0dbb1; } #debsizing{font-weight:bold} @media (min-width:1100px){#debsizing:before{content:"1100px < "}} @media (min-width:769px) and (max-width:1099px){#debsizing:before{content:"769px < "}#debsizing:after{content:" < 1099px"}} @media (min-width:641px) and (max-width:768px) {#debsizing:before{content:"641px < "}#debsizing:after{content:" < 768px" }} @media (min-width:481px) and (max-width:640px) {#debsizing:before{content:"481px < "}#debsizing:after{content:" < 640px" }} @media (min-width:280px) and (max-width:480px) {#debsizing:before{content:"280px < "}#debsizing:after{content:" < 480px" }} /******* by Wasil *******/ .order_infoblock_order_green{ background: #d9f8d9; border-radius: 5px; padding: 3px 0; overflow: hidden; font-size: 13px; text-align: center; width: 100% }