%PDF-
%PDF-
Mini Shell
Mini Shell
.bx_my_order{
margin-bottom: 20px;
}
.bx_my_order_status_desc{
margin: 20px 0 20px 0;
}
.bx_my_order_status_desc h2{
margin-top: 0;
margin-bottom: 5px;
}
.bx_mos_desc{
font-size: 12px;
}
.bx_my_order h3{
font-weight: bold;
font-size:24px;
color: #3f3f3f;
}
.bx_my_order .bx_my_order_table{
width: 100%;
border-collapse: collapse;
border: 1px solid #e8e8e8;
}
.bx_my_order .bx_my_order_table tr td{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bx_my_order .bx_my_order_table thead tr td{
padding: 10px;
font-weight: bold;
font-size: 15px;
color: #3d4345;
border-bottom: 1px solid #d9d9d9;
/*box-shadow: 0 -1px 1px 0 rgba(255,255,255,1);*/
background: rgb(255,255,255);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(227,227,227,1)));
background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(227,227,227,1) 100%);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(227,227,227,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(227,227,227,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(227,227,227,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(227,227,227,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 );
}
.bx_my_order .bx_order_action{
margin-bottom: 20px;
}
.bx_my_order .bx_my_order_table td a{font-size: 13px;color: #0073a3}
.bx_my_order .bx_my_order_table td a:hover{text-decoration: none;}
.bx_my_order .bx_my_order_table tbody tr td{
padding: 15px 10px 5px;
color: #3f3f3f;
font-size: 13px;
vertical-align: top;
line-height:30px;
}
.bx_my_order .bx_my_order_table tbody tr td:first-child{width: 65%}
/*.bx_my_order .bx_my_order_table tbody tr td[colspan="2"]{
padding: 10px;
font-weight: bold;
font-size: 15px;
color: #3d4345;
background: #fafafa;
}*/
.bx_my_order .bx_item_list{
margin: 5px 0 0 0;
padding: 0 0 0 30px;
list-style: decimal;
}
.bx_my_order .bx_my_order_status{
width: 100%;
font-weight: bold;
padding: 10px 5px;
line-height: normal;
margin-bottom: 20px;
font-size: 14px;
text-shadow: 0 1px 0 rgba(255,255,255,.5)
}
.bx_my_order .bx_my_order_status.yellow{background: #ffd34e}
.bx_my_order .bx_my_order_status.red {background: #fb7474}
.bx_my_order .bx_my_order_status.green {background: #ade421}
.bx_my_order .bx_my_order_status.gray {background: #bbbbbb}
@media (max-width: 550px){
.bx-touch .bx_my_order .bx_my_order_table tr,
.bx-touch .bx_my_order .bx_my_order_table tbody,
.bx-touch .bx_my_order .bx_my_order_table tbody td{display: block;width: 100% !important;}
.bx-touch .bx_my_order .bx_my_order_table tbody{border-top: 1px solid #e8e8e8;}
.bx-touch .bx_my_order .bx_my_order_table thead td{display: inline-block; white-space: nowrap;width: auto !important;background: transparent !important;border: none;box-shadow: none}
.bx_my_order .bx_my_order_status{
padding: 10px;
position: relative;
margin-left: -10px;
}
}
.bx_my_order .bx_bt_button_type_2{
display:inline-block;
border-radius:3px;
text-align:center;
text-decoration:none;
font-size:14px;
cursor:pointer;
color: #3f3f3f !important;
}
.bx_my_order .bx_shadow.bx_bt_button_type_2{box-shadow:0 1px 1px 0 rgba(0,0,0,.2)}
.bx_my_order .bx_shadow.bx_bt_button_type_2:active{box-shadow:none}
.bx_my_order .bx_bt_button_type_2 {
border:1px solid #e9e9e9;
background:#fcfcfc;
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f1f1f1));
background:-webkit-linear-gradient(top, #fcfcfc 0%,#f1f1f1 100%);
background: -moz-linear-gradient(top, #fcfcfc 0%,#f1f1f1 100%);
background: -ms-linear-gradient(top, #fcfcfc 0%,#f1f1f1 100%);
background: -o-linear-gradient(top, #fcfcfc 0%,#f1f1f1 100%);
background: linear-gradient(to bottom, #fcfcfc 0%,#f1f1f1 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f1f1f1',GradientType=0 );
color:#656565;
text-shadow:0 1px 0 #fff;
}
.bx_my_order .bx_bt_button_type_2:hover {background:#fff}
.bx_my_order .bx_bt_button_type_2:active {
background:#f1f1f1;
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#fcfcfc));
background:-webkit-linear-gradient(top, #f1f1f1 0%,#fcfcfc 100%);
background: -moz-linear-gradient(top, #f1f1f1 0%,#fcfcfc 100%);
background: -ms-linear-gradient(top, #f1f1f1 0%,#fcfcfc 100%);
background: -o-linear-gradient(top, #f1f1f1 0%,#fcfcfc 100%);
background: linear-gradient(to bottom, #f1f1f1 0%,#fcfcfc 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#fcfcfc',GradientType=0 );
box-shadow:inset 0 2px 2px 0 rgba(0,0,0,.05);
}
.bx_my_order .bx_small.bx_bt_button_type_2{
display:inline-block;
min-width:20px;
line-height:20px;
}
.bx_my_order .bx_small.bx_bt_button_type_2 {}
.bx_my_order .bx_small.bx_bt_button_type_2:hover {}
.bx_my_order .bx_small.bx_bt_button_type_2:active{}
.bx_my_order .bx_medium.bx_bt_button_type_2 {
padding:0 13px;
height:25px;
font-weight:bold;
line-height:25px;
}
.bx_my_order .bx_medium.bx_bt_button_type_2 {font-weight:bold}
.bx_my_order .bx_medium.bx_bt_button_type_2:hover {}
.bx_my_order .bx_medium.bx_bt_button_type_2:active{}
.bx_my_order .bx_big.bx_bt_button_type_2 {
padding:0 13px;
height:34px;
font-weight:bold;
line-height:34px;
}
.bx_my_order .bx_big.bx_bt_button_type_2 {}
.bx_my_order .bx_big.bx_bt_button_type_2:hover {}
.bx_my_order .bx_big.bx_bt_button_type_2:active{}
.bx_my_order_switch {
margin-bottom: 15px;
line-height: 30px;
}
.bx_my_order_switch .bx_mo_link{
margin-right: 20px;
}
.sale-order-link,
.sale-order-history-link {
display: inline-block;
font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #4a90e2;
padding: 0 34px 0 0;
margin-bottom: 22px;
}
.sale-order-title {
margin-top:40px;
font: 20px "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
color: #262626;
}
.sale-order-description {
font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #888;
}
.sale-order-list-title-container {
background: rgba(194,243,136, .5);
}
.sale-order-list-title,
.sale-order-list-accomplished-title {
margin-top: 10px;
font: bold 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #2f3435;
}
.sale-order-list-container {
margin: 0 0 34px 0;
}
.sale-order-list-inner-container {
padding: 0 15px 15px 15px;
border: 1px solid #efecec;
}
.sale-order-list-inner-title-line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 18px 0 14px 0;
text-transform: uppercase;
}
.sale-order-list-inner-title-line-item {
display: inline-block;
margin: 0 5px 0 0;
vertical-align: middle;
font: bold 10px "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #9b9b9b;
}
.sale-order-list-inner-title-line-border {
display: inline-block;
margin: 6px 0;
height: 1px;
width: 100%;
vertical-align: middle;
background: #f2f2f2;
}
.sale-order-list-inner-row {
padding: 0;
position: relative;
}
.sale-order-list-inner-row-template{
display: none;
}
.sale-order-list-payment-title,
.sale-order-list-shipment-title {
font: bold 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #000;
}
.sale-order-list-payment-about-link,
.sale-order-list-payment-repeat-link,
.sale-order-list-payment-cancel-link {
padding: 21px 0 0 0;
}
.sale-order-list-shipment-button,
.sale-order-list-repeat-link,
.sale-order-list-cancel-link,
.sale-order-list-about-link,
.sale-order-list-change-payment {
font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #4a90e2;
text-decoration: underline;
cursor: pointer;
}
.sale-order-list-cancel-link {
display: inline-block;
color: #9b9b9b;
/*vertical-align: middle;*/
}
div.sale-order-list-repeat-container {
padding: 0;
}
.sale-order-list-repeat-link {
display: inline-block;
padding: 0 0 0 13px;
vertical-align: middle;
}
.sale-order-list-repeat-link:before {
content: "";
display: inline-block;
margin: 0 3px 4px 0;
width: 10px;
height: 13px;
background: url(images/sale-order-repeat.svg) no-repeat;
vertical-align: middle;
}
.sale-order-link-accomplished {
padding: 0;
text-decoration: none;
}
.sale-order-list-shipment-button:hover,
.sale-order-list-repeat-link:hover,
.sale-order-list-cancel-link:hover,
.sale-order-list-cancel-payment:hover,
.sale-order-list-about-link:hover,
.sale-order-list-cancel-payment,
.sale-order-list-change-payment:hover{
text-decoration: none;
cursor: pointer;
}
.sale-order-list-cancel-payment{
margin-top: 20px;
display: block;
}
.sale-order-list-about-link {
font: bold 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.sale-order-list-status-restricted,
.sale-order-list-status-alert,
.sale-order-list-status-success {
display: inline-block;
padding: 4px 10px 5px 8px;
border: 1px solid #eab3b9;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
background: #ffe5e8;
font: bold 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #d0021b;
}
.sale-order-list-status-success {
background: #e3f0bd;
border: 1px solid #bed277;
color: #597707;
}
.sale-order-list-status-restricted {
background: #f3f4f5;
border: 1px solid rgba(128,134,142,0.20);
color: #535c69;
}
.sale-order-list-status-restricted-message-block{
padding-top:10px;
}
.sale-order-list-status-restricted-message{
font: 11px "Helvetica Neue", Arial, Helvetica, sans-serif;
color: #9e9fa2;
}
.sale-order-list-payment-check ,
.sale-order-list-payment-price {
padding: 4px 0 0 0;
font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.sale-order-list-payment-check{
width:100%;
float: left;
}
.sale-order-list-payment-check-left{
display: inline;
float: left;
padding-right: 5px;
}
.sale-order-list-change-payment {
display: block;
margin: 6px 0 0 0;
font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*.sale-order-list-button-container {*/
/*position: absolute;*/
/*top: 50%;*/
/*right: 15px;*/
/*-webkit-transform: translateY(-50%);*/
/*-moz-transform: translateY(-50%);*/
/*transform: translateY(-50%);*/
/*}*/
.sale-order-list-button {
display: block;
padding: 0 17px;
float: right;
max-width: 115px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
height: 38px;
background: #70bb18;
color: #fff;
font: bold 13px/38px "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align: center;
}
.sale-order-list-button:hover {
color: #fff;
background: #7bd314;
-webkit-transition: background ease-out 0.5s;
-moz-transition: background ease-out 0.5s;
-o-transition: background ease-out 0.5s;
transition: background ease-out 0.5s;
}
.sale-order-list-button.inactive-button {
background: #dff0d8;
cursor: pointer;
}
.sale-order-list-button.inactive-button:hover{
color: #FFFFFF;
}
.sale-order-list-shipment {
font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
list-style: none;
}
.sale-order-list-shipment-item {
padding: 6px 0 0 0;
}
.sale-order-list-shipment-list-item-link {
padding: 16px 0 0 0;
text-decoration: underline;
}
.sale-order-list-shipment-id {
font-weight: 700;
}
.sale-order-list-shipment-id-icon {
display: inline-block;
width: 11px;
height: 13px;
background: url("images/sale-order-order-list-options-methods-shipment-list-item-id-element.svg") center no-repeat;
cursor: pointer;
}
.sale-order-list-top-border {
width: auto;
height: 1px;
margin: 18px 15px 21px 15px;
background: #f2f2f2;
}
.sale-order-list-accomplished-title-container {
background: #f2f2f2;
}
.sale-order-list-accomplished-date-container {
text-align: right;
}
.sale-order-list-accomplished-date {
padding: 0 8px 0 0;
}
.sale-order-list-accomplished-date,
.sale-order-list-accomplished-date-number {
display: inline-block;
margin: 10px 0 0 0;
font: bold 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.sale-order-list-accomplished-date {
color: #4b8c03;
}
.sale-order-list-accomplished-date.canceled-order {
color: #ff0000;
}
.sale-order-list-accomplished-date-number {
color: #888;
}
.sale-order-list-repeat-accomplished {
text-align: right;
}
.sale-order-list-inner-accomplished {
border: 1px solid #efecec;
padding: 13px 15px 15px 15px;
}
.sale-order-list-shipment-status {
margin: 2px 0 0 0;
}
.sale-order-list-shipment-status-item {
display: inline-block;
margin: 6px 0 5px 0;
vertical-align: middle;
}
.sale-order-list-shipment-status-block {
display: inline-block;
padding: 5px;
border: 1px solid rgba(128,134,142,0.20);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #f3f4f5;
font: bold 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #535c69;
vertical-align: middle;
}
/* state's */
.sale-order-state-green {
background: #c2f388;
}
.sale-order-state-yellow {
background: #d7dd39;
}
.sale-order-state-red {
background: #dd6239;
}
.sale-order-state-grey {
background: #f2f2f2;
}
@media (max-width: 991px) {
.sale-order-list-accomplished-date-container,
.sale-order-list-repeat-accomplished {
text-align: left;
}
}
@media (max-width: 767px) {
.sale-order-list-button {
margin: 10px 0 0 0;
max-width: none;
float: none;
}
}
Zerion Mini Shell 1.0