You are here

basic_cart.css in Basic cart 8.4

/**
 * Basiccart css file
 */

.basic_cart-grid {
  border: none;
  color: #363636;
  display: table;
  margin: auto;
  padding: 0;
  width: 100%;
}

.basic_cart-grid .row {
  display: table-row;
  float: left;
  left: 100%;
  width: 100%;
}

.basic_cart-grid .cell {
  display: table-cell;
  float: left;
}

.basic_cart-grid .cell img {
  vertical-align: middle;
}

.basic_cart-grid .clr {
  border-bottom: 1px solid #eeeeee;
  display: table-row;
  float: left;
  left: 100%;
  width: 100%;
}

.basic_cart-grid form {
  margin: 0;
  padding: 0;
}

.basic_cart-add-to-cart {
  margin: 10px 0;
}

.basic_cart-cart {
  margin: 0 0 25px 0;
  width: 100%;
}

.basic_cart-cart-contents {
  padding: 5px;
  border-bottom: 1px solid black;
}

.basic_cart-cart-total-price-contents {
  padding: 5px;
}

.basic_cart-delete-image.cell {
  margin: 0 10px 0 0;
}

.basic_cart-cart-checkout-button {
  margin: 10px 0;
}

.basic_cart-cart-checkout-button a.button {
  float: right;
  margin-right: 0;
}

.basic_cart-cart-checkout-button-block {
  margin: 10px 0 0 0;
}

.basic_cart-cart-checkout-button-block a.button {
  margin-bottom: 0;
}

.basic_cart-cart-quantity.cell {
  float: right;
}

.basic_cart-cart-node-title {
  width: auto;
}

.basic_cart-cart-x.cell {
  float: right;
  padding: 1px 10px 3px 10px;
}

.basic_cart-cart-unit-price.cell {
  float: right;
  margin: 0;
  text-align: right;
  width: 100px;
}

.basic_cart-block .basic_cart-cart-node-title {
  width: 100%;
}

.basic_cart-block .basic_cart-cart-unit-price,
.basic_cart-block .basic_cart-cart-x,
.basic_cart-block .basic_cart-cart-quantity {
  float: left;
  text-align: right;
  width: auto;
}

.basic_cart-total-price.cell,
.basic_cart-total-vat.cell {
  float: right;
}

.basic_cart-cart-total-vat-contents,
.basic_cart-block-total-vat-contents {
  padding: 0 5px;
}

.basic_cart-total-vat.cell {
  color: #6c6c6c;
  font-size: 11px;
}

.basic_cart-order-details td {
  border: 1px solid #ccc;
}

.basic_cart-order-label {
  background-color: #efefef;
  font-weight: bold;
  width: 100px;
}

.basic_cart-order-value {
  background-color: #fff;
}

.basic_cart-order-product-price,
.basic_cart-order-total-price {
  float: right;
}

.basic_cart-order-vat {
  float: right;
  font-weight: normal;
}

.basic_cart-call-to-action {
  text-align: right;
}

.form-item-basic_cart-checkout-city {
  float: left;
  width: 350px;
}

.form-item-basic_cart-checkout-zipcode {
  float: left;
  width: 150px;
}

.form-item-basic_cart-checkout-message {
  clear: both;
}

.basic_cart-delete-image-image {
  /*background-image: url("../images/delete2.png no-repeat"); */
  background-repeat: no-repeat;
}
/* add to cart */
.addtocart-quantity-wrapper-container {
  margin: 10px 0;
}
.addtocart-quantity-wrapper-container label {
  display: inline-block;
  vertical-align: middle;
}
.addtocart-quantity-wrapper-container .quantity_dynamic_text {
  vertical-align: middle;
  display: inline-block;
  width: 25%;
  border-radius: 5px;
  border: 1px solid rgba(53, 52, 52, 0.35);
  padding: 5px 8px;
}
.addtocart-link-class {
  margin: 5px 0 10px;
}
a.basic_cart-get-quantity {
  border-radius: 5px;
  font-weight: 700;
  background: none;
  border: 1px solid #aaa;
}
.basic_cart-cart-contents a {
  border-bottom: none;
}
.basic_cart-cart-quantity .form-item {
  margin-top: 0em;
  margin-bottom: 0em;
}

.basic_cart-circle {
  position: absolute;
  margin-left: -29px;
  height: 24px;
  width: 24px;
  background-color: #ffc107;
  border-radius: 70%;
  padding: 0;
  font-size: 11px;
  text-align: center;
  color: rgba(0,0,0,1);
  line-height: 25px;
  margin-top: -1px;
}

.basic_cart-msg-pck a img {
  color: rgba(0,0,0,0.7);
}

.basic_cart-msg-pck {
  position: relative;
  float: right;
  top: 6px;
  right: 7px;
  width: 48px;
}
/* add to cart end */

File

css/basic_cart.css
View source
  1. /**
  2. * Basiccart css file
  3. */
  4. .basic_cart-grid {
  5. border: none;
  6. color: #363636;
  7. display: table;
  8. margin: auto;
  9. padding: 0;
  10. width: 100%;
  11. }
  12. .basic_cart-grid .row {
  13. display: table-row;
  14. float: left;
  15. left: 100%;
  16. width: 100%;
  17. }
  18. .basic_cart-grid .cell {
  19. display: table-cell;
  20. float: left;
  21. }
  22. .basic_cart-grid .cell img {
  23. vertical-align: middle;
  24. }
  25. .basic_cart-grid .clr {
  26. border-bottom: 1px solid #eeeeee;
  27. display: table-row;
  28. float: left;
  29. left: 100%;
  30. width: 100%;
  31. }
  32. .basic_cart-grid form {
  33. margin: 0;
  34. padding: 0;
  35. }
  36. .basic_cart-add-to-cart {
  37. margin: 10px 0;
  38. }
  39. .basic_cart-cart {
  40. margin: 0 0 25px 0;
  41. width: 100%;
  42. }
  43. .basic_cart-cart-contents {
  44. padding: 5px;
  45. border-bottom: 1px solid black;
  46. }
  47. .basic_cart-cart-total-price-contents {
  48. padding: 5px;
  49. }
  50. .basic_cart-delete-image.cell {
  51. margin: 0 10px 0 0;
  52. }
  53. .basic_cart-cart-checkout-button {
  54. margin: 10px 0;
  55. }
  56. .basic_cart-cart-checkout-button a.button {
  57. float: right;
  58. margin-right: 0;
  59. }
  60. .basic_cart-cart-checkout-button-block {
  61. margin: 10px 0 0 0;
  62. }
  63. .basic_cart-cart-checkout-button-block a.button {
  64. margin-bottom: 0;
  65. }
  66. .basic_cart-cart-quantity.cell {
  67. float: right;
  68. }
  69. .basic_cart-cart-node-title {
  70. width: auto;
  71. }
  72. .basic_cart-cart-x.cell {
  73. float: right;
  74. padding: 1px 10px 3px 10px;
  75. }
  76. .basic_cart-cart-unit-price.cell {
  77. float: right;
  78. margin: 0;
  79. text-align: right;
  80. width: 100px;
  81. }
  82. .basic_cart-block .basic_cart-cart-node-title {
  83. width: 100%;
  84. }
  85. .basic_cart-block .basic_cart-cart-unit-price,
  86. .basic_cart-block .basic_cart-cart-x,
  87. .basic_cart-block .basic_cart-cart-quantity {
  88. float: left;
  89. text-align: right;
  90. width: auto;
  91. }
  92. .basic_cart-total-price.cell,
  93. .basic_cart-total-vat.cell {
  94. float: right;
  95. }
  96. .basic_cart-cart-total-vat-contents,
  97. .basic_cart-block-total-vat-contents {
  98. padding: 0 5px;
  99. }
  100. .basic_cart-total-vat.cell {
  101. color: #6c6c6c;
  102. font-size: 11px;
  103. }
  104. .basic_cart-order-details td {
  105. border: 1px solid #ccc;
  106. }
  107. .basic_cart-order-label {
  108. background-color: #efefef;
  109. font-weight: bold;
  110. width: 100px;
  111. }
  112. .basic_cart-order-value {
  113. background-color: #fff;
  114. }
  115. .basic_cart-order-product-price,
  116. .basic_cart-order-total-price {
  117. float: right;
  118. }
  119. .basic_cart-order-vat {
  120. float: right;
  121. font-weight: normal;
  122. }
  123. .basic_cart-call-to-action {
  124. text-align: right;
  125. }
  126. .form-item-basic_cart-checkout-city {
  127. float: left;
  128. width: 350px;
  129. }
  130. .form-item-basic_cart-checkout-zipcode {
  131. float: left;
  132. width: 150px;
  133. }
  134. .form-item-basic_cart-checkout-message {
  135. clear: both;
  136. }
  137. .basic_cart-delete-image-image {
  138. /*background-image: url("../images/delete2.png no-repeat"); */
  139. background-repeat: no-repeat;
  140. }
  141. /* add to cart */
  142. .addtocart-quantity-wrapper-container {
  143. margin: 10px 0;
  144. }
  145. .addtocart-quantity-wrapper-container label {
  146. display: inline-block;
  147. vertical-align: middle;
  148. }
  149. .addtocart-quantity-wrapper-container .quantity_dynamic_text {
  150. vertical-align: middle;
  151. display: inline-block;
  152. width: 25%;
  153. border-radius: 5px;
  154. border: 1px solid rgba(53, 52, 52, 0.35);
  155. padding: 5px 8px;
  156. }
  157. .addtocart-link-class {
  158. margin: 5px 0 10px;
  159. }
  160. a.basic_cart-get-quantity {
  161. border-radius: 5px;
  162. font-weight: 700;
  163. background: none;
  164. border: 1px solid #aaa;
  165. }
  166. .basic_cart-cart-contents a {
  167. border-bottom: none;
  168. }
  169. .basic_cart-cart-quantity .form-item {
  170. margin-top: 0em;
  171. margin-bottom: 0em;
  172. }
  173. .basic_cart-circle {
  174. position: absolute;
  175. margin-left: -29px;
  176. height: 24px;
  177. width: 24px;
  178. background-color: #ffc107;
  179. border-radius: 70%;
  180. padding: 0;
  181. font-size: 11px;
  182. text-align: center;
  183. color: rgba(0,0,0,1);
  184. line-height: 25px;
  185. margin-top: -1px;
  186. }
  187. .basic_cart-msg-pck a img {
  188. color: rgba(0,0,0,0.7);
  189. }
  190. .basic_cart-msg-pck {
  191. position: relative;
  192. float: right;
  193. top: 6px;
  194. right: 7px;
  195. width: 48px;
  196. }
  197. /* add to cart end */