You are here

basic_cart.css in Basic cart 7.2

Same filename and directory in other branches
  1. 7.3 basic_cart.css
  2. 7 basic_cart.css
/**
 * Basic cart 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 {
  border-bottom: 1px solid black;
  padding: 5px;
}

.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;
}

File

basic_cart.css
View source
  1. /**
  2. * Basic cart 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. border-bottom: 1px solid black;
  45. padding: 5px;
  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. }