1 files changed, 362 insertions, 0 deletions
diff --git a/StoneIsland/platforms/android/assets/www/css/cart.css b/StoneIsland/platforms/android/assets/www/css/cart.css
new file mode 100755
index 00000000..58e712b0
--- /dev/null
+++ b/StoneIsland/platforms/android/assets/www/css/cart.css
@@ -0,0 +1,362 @@
+
+.cart #cart { display: block; }
+#cart {
+  display: none;
+}
+
+#cart .steps {
+  width: 100%;
+  border-bottom: 1px solid #bbb;
+  font-size: 0;
+}
+#cart .steps span {
+  display: inline-block;
+  font-size: 13px;
+  text-align: center;
+  padding: 11px 0 10px;
+  color: #bbb;
+  width: 33%;
+  position:relative;
+}
+.summary_step, .shipping_step {
+  border-right: 1px solid #bbb
+}
+
+#cart.summary .summary_step,
+#cart.payment .payment_step,
+#cart.shipping .shipping_step {
+  color: #000;
+}
+
+#cart_summary,
+#cart_shipping,
+#cart_payment,
+#cart_confirm,
+#cart_thanks,
+#cart_error {
+  height: calc(100vh - 187px);
+  overflow: hidden;
+  position: relative;
+}
+
+#cart.summary #cart_summary { display: block }
+#cart_summary {
+  display: none;
+}
+
+.full .cart_body { display: block; }
+.empty .cart_empty { display: block; }
+#cart h1 .full_msg,
+#cart h1 .empty_msg { display: none }
+.cart_body {
+  display: none;
+}
+.cart_empty {
+  display: none;
+  text-align: center;
+  margin: 0;
+}
+
+#cart.payment #cart_payment { display: block }
+#cart_payment {
+  display: none;
+}
+
+#cart.shipping #cart_shipping { display: block }
+#cart_shipping {
+  display: none;
+}
+
+#cart.confirm #cart_confirm { display: block }
+#cart_confirm {
+  display: none;
+}
+
+#cart_thanks {
+  display: none;
+}
+#cart_error {
+  display: none;
+}
+#cart.thanks #cart_thanks,
+#cart.error #cart_error {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+#cart .copy {
+  min-height:50px;
+  max-width: 50%;
+  text-align: center;
+  font-size: 18px;
+}
+
+.summary-container {
+  top:0px;
+}
+
+.billing-container {
+  min-height:calc(100vh - 210px);
+  top:16px;
+}
+
+#cart h3 {
+  padding-left: 5px;
+  font-size:12px;
+}
+
+.cart_item_row {
+display:table;
+position:relative;
+width:calc(100vw - 30px);
+margin:0 auto;
+box-sizing:border-box;
+padding-top:20px;
+}
+
+.cart_item_info, .cart_item_price {
+display:table-cell;
+vertical-align:bottom;
+box-sizing:border-box
+}
+
+.cart_item_image {
+display:table-cell;
+vertical-align:middle;
+box-sizing:border-box
+}
+
+.cart_item_image img {
+max-width:calc(33vw - 25px);
+padding-right:30px;
+}
+
+.cart_item_info {
+padding-bottom:5px;
+position:relative;
+width:100%
+}
+
+.cart_item_price {
+text-align:right;
+position:relative;
+padding-bottom:5px;
+padding-left:5px;
+}
+
+.cart_item_price .remove {
+display:block;
+width:20px;
+height:20px;
+border:1px solid #d2d2d2;
+float:right;
+margin-bottom:10px;
+position:relative;
+}
+
+.cart_item_price .remove:after {
+content:'';
+width:1px;
+height:22px;
+background:#bbb;
+position:absolute;
+top:50%;
+left:50%;
+z-index:3;
+transform-origin:top left;
+transform:rotate(45deg) translateX(-50%) translateY(-50%)
+}
+
+.cart_item_price .remove:before {
+  content:'';
+  width:1px;
+  height:22px;
+  background:#bbb;
+  position:absolute;
+  top:50%;
+  left:50%;
+  z-index:3;
+  transform-origin:top left;
+  transform:rotate(-45deg) translateX(-50%) translateY(-50%)
+}
+
+.cart_item_price .price {
+  font-size:11px;
+  font-weight:bold;
+  display:block
+}
+
+.cart_item_info .sku {
+  font-size:10px;
+  font-weight:bold;
+  display:block
+}
+
+.cart_item_info .title {
+  font-size:10px;
+  font-weight:bold;
+  display:block;
+  line-height:12px;
+  text-transform:uppercase;
+}
+
+.cart_item_info .type {
+  font-size:10px;
+  font-weight:bold;
+  display:block;
+  text-transform:capitalize;
+}
+
+.cart_item_info .meta {
+  padding-top:5px;
+  letter-spacing:.75px;
+  font-size:8px;
+}
+
+.order_section .rows {
+  width:calc(100vw - 30px);
+  margin:0 auto;
+}
+
+.order_section h2 {
+  width:calc(100vw - 30px);
+  margin:15px auto;
+  text-decoration:underline;
+  font-size:11px;
+}
+
+.order_section_container {
+  width:calc(100vw - 30px);
+  margin:15px auto 2px;
+}
+
+.cart-summary {
+  width:calc(100vw - 30px);
+  margin:0 auto;
+  display:table;
+  color:#bbb;
+  font-size:11px;
+}
+
+.cart-summary-row {
+  display:table-row;
+}
+
+.cart-summary span {
+  display:table-cell;
+  padding-top:20px;
+  vertical-align:bottom;
+}
+
+.order_section .cart-summary-row span {
+  padding-top:1px;
+}
+
+.order_section .cart-summary {
+  padding-top:15px;
+}
+
+.order_section .cart-summary-row:last-child > span {
+  padding-top:15px!important;
+  font-weight:bold!important;
+}
+
+.order_section .cart-summary .cart-summary-row span:nth-of-type(2) {
+  color:#000;
+}
+
+#orders .order_section {
+  padding-bottom: 16px;
+  border-bottom: 1px solid #bbb;
+}
+
+
+.cart-summary-row span:not(.label) {
+text-align:right
+}
+
+.cart-summary-row .label {
+font-weight:bold
+}
+
+.cart-summary-row:last-child {
+color:#000;
+}
+
+.dropdown-wrapper {
+  position:relative;
+  text-align:right;
+  width:calc(100vw - 10px);
+  margin:0 auto;
+  box-sizing:border-box;
+
+}
+
+.dropdown-wrapper .add_edit {
+  padding:10px;
+  letter-spacing:0.5px;
+  font-size:12px;
+  color:#a9a9a9;
+  box-sizing:border-box;
+}
+
+.dropdown-wrapper .dropdown {
+  font-size:14px;
+  box-sizing:border-box;
+  align-items: center;
+  text-align: center;
+  padding:10px 0;
+  border:1px solid #a9a9a9;
+  position:relative;
+}
+
+.dropdown-wrapper .dropdown::before {
+  content:'';
+  box-sizing:border-box;
+  right:25px;
+  width:1px;
+  top:50%;
+  transform:translateY(-50%) rotate(45deg);
+  height:12px;
+  background:#a9a9a9;
+  position:absolute;
+  z-index:999;
+  transform-origin:bottom left;
+}
+
+.dropdown-wrapper .dropdown::after {
+  content:'';
+  box-sizing:border-box;
+  right:25px;
+  width:1px;
+  top:50%;
+  transform:translateY(-50%) rotate(-45deg);
+  transform-origin:bottom right;
+  height:12px;
+  background:#a9a9a9;
+  position:absolute;
+  z-index:999;
+}
+#cart_shipping .address {
+  display: none;
+}
+.address .save_as_default {
+  display: none;
+}
+
+#cart_shipping h3 {
+  margin-left:5px;
+  margin-bottom:6px;
+}
+
+#cart_shipping input:first-child {
+  margin-top:10px
+}
+
+#cart_shipping .half-input input {
+  margin-top:0px
+}
+
+#cart .scroll, #payment .scroll, #shipping .scroll, #signup .scroll {
+  min-height:calc(100% + 250px)
+}
+\ No newline at end of file