%PDF-
%PDF-
Mini Shell
Mini Shell
*{
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_container a{text-decoration:none;}
.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{
/*margin: 5px;*/
}
.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}
.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: 5px 0;
box-shadow: 0 1px 1px 0 rgba(0,0,0,.15)
}
.order_infoblock_title{
padding: 9px 15px;
color: #113549;
font-weight: bold;
font-size: 14px;
text-shadow: 0 1px 0 #fff;
position: relative;
}
.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.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{
padding:0;
border-top:none;
height: 0;
overflow: hidden;
}
.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;
}
span.canceled,
.order_infoblock_order_canceled{
background: #f8d9d9;
border-radius: 5px;
padding: 3px 7px;
display: inline-block;
}
.order_infoblock_order_canceled{
font-size: 13px;
text-align: center;
display: block;
}
/*=====================================================================*/
/*=====================================================================*/
.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;
}
.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}
/* ===== 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" }}
Zerion Mini Shell 1.0