You are here

uc_cart.css in Ubercart 5

Same filename and directory in other branches
  1. 6.2 uc_cart/uc_cart.css
  2. 7.3 uc_cart/uc_cart.css
/* These classes should really be universal... pretty standard stuff. */

.solid-border {
  border: solid 1px #bbb;
  padding: 5px;
}

.solid-border td {
  padding: 5px;
}

.show-onload {
  display: none;
}

.display-none {
  display: none;
}

.order-review-table {
  width: auto;
  margin: auto;
  border: solid 1px #999;
  font-size: .9em;
  line-height: 1.4em;
}

.order-review-table td {
  padding-top: 0.1em;
  padding-bottom: 0.2em;
}

.order-review-table .pane-title-row {
  text-align: center;
  font-weight: bold;
  border: solid 1px #999;
  background-color: #ddd;
  padding: .5em 1em;
}

.order-review-table .title-col {
  text-align: right;
  font-weight: bold;
  padding-left: 3em;
}

.order-review-table .data-col {
  padding-right: 3em;
}

.order-review-table .row-border-top {
  border-top: solid 1px #999;
}

.order-review-table .row-border-bottom {
  border-bottom: solid 1px #999;
}

.order-review-table .review-button-row {
  text-align: right;
  background-color: #ddd;
  border: solid 1px #999;
}

.order-review-table .review-button-row form {
  display: inline;
}


/* I cannot testify for any of the data below.. it's a hodge podge. */

.next-button {
  margin-top: 1em;
  text-align: right;
}

#uc_cart_view_form img {
  padding-right: .8em;
  float: left;
}

#uc_cart_view_form ul {
  font-style: italic;
  font-size: 0.75em;
}

#uc_cart_view_form .sub-product {
  padding-left: 2em;
}

.display-inline .form-item {
  display: inline;
}

#line-items-div table {
  width: auto;
}

#line-items-div td {
  padding: 0em 1em;
}

#line-items-div tbody {
  border-top: 0px;
}

.address-book-icon {
  position: relative;
  top: 2px;
  margin-left: 2px;
}

/**
 * CSS rules for the cart form at /cart.
 */

#cart-form-products {
  width: 100%;
  border: solid 1px #bbb;
  margin-top: .5em;
}

#cart-form-buttons {
  width: 100%;
  border: solid 1px #bbb;
  margin: .5em 0em;
  text-align: right;
}

#cart-form-pane #uc-cart-view-form {
  margin-bottom: .5em;
}

#cart-form-buttons .form-button, #cart-form-buttons .form-submit {
  margin: .5em .5em .5em 0em;
}

#update-checkout-buttons {
  float: right;
}

#continue-shopping-link {
  float: left;
  position: relative;
  top: .5em;
  left: .75em;
}

#continue-shopping-button {
  margin-right: 100%; 
  margin-left: .5em;
  white-space: nowrap;
}

/**
 * CSS rules for the cart review table.
 */

.cart-review {
  border: solid 1px #bbb;
}

.cart-review td {
  padding: .4em;
}

.cart-review thead tr {
  font-weight: bold;
  border: 0em;
}

.cart-review tbody {
  border-top: 0em;
}

.cart-review tbody tr {
  border: 0em;
  vertical-align: top;
}

td.qty {
  text-align: center;
}

td.price {
  text-align: right;
  white-space: nowrap;
}

td.products {
  width: 100%;
}

td.subtotal {
  text-align: right;
}

#subtotal-title {
  font-weight: bold;
}

.product-options {
  font-size: .7em;
}

/**
 * CSS rules for the default checkout panes.
 */

.address-pane-table tbody {
  border-top: 0px;
}

.address-pane-table table td {
  padding: 2px;
}

.field-label {
  text-align: right;
  font-weight: bold;
}

.address-pane-table {
  margin-left: auto;
  margin-right: auto;
}

.address-pane-table .form-item {
  display: inline;
}

/**
 * CSS rules for payment details tables.
 */

.inline-pane-table tbody {
  border-top: 0em;
}

.inline-pane-table .form-item {
  display: inline;
}

/**
 * CSS rules for the bottom of the checkout form at /cart/checkout.
 */

#checkout-form-bottom {
  width: 100%;
  border: solid 1px #bbb;
  text-align: right;
}

#checkout-form-bottom .form-button, #checkout-form-bottom .form-submit {
  margin: .5em .5em .5em 0em;
}

File

uc_cart/uc_cart.css
View source
  1. /* These classes should really be universal... pretty standard stuff. */
  2. .solid-border {
  3. border: solid 1px #bbb;
  4. padding: 5px;
  5. }
  6. .solid-border td {
  7. padding: 5px;
  8. }
  9. .show-onload {
  10. display: none;
  11. }
  12. .display-none {
  13. display: none;
  14. }
  15. .order-review-table {
  16. width: auto;
  17. margin: auto;
  18. border: solid 1px #999;
  19. font-size: .9em;
  20. line-height: 1.4em;
  21. }
  22. .order-review-table td {
  23. padding-top: 0.1em;
  24. padding-bottom: 0.2em;
  25. }
  26. .order-review-table .pane-title-row {
  27. text-align: center;
  28. font-weight: bold;
  29. border: solid 1px #999;
  30. background-color: #ddd;
  31. padding: .5em 1em;
  32. }
  33. .order-review-table .title-col {
  34. text-align: right;
  35. font-weight: bold;
  36. padding-left: 3em;
  37. }
  38. .order-review-table .data-col {
  39. padding-right: 3em;
  40. }
  41. .order-review-table .row-border-top {
  42. border-top: solid 1px #999;
  43. }
  44. .order-review-table .row-border-bottom {
  45. border-bottom: solid 1px #999;
  46. }
  47. .order-review-table .review-button-row {
  48. text-align: right;
  49. background-color: #ddd;
  50. border: solid 1px #999;
  51. }
  52. .order-review-table .review-button-row form {
  53. display: inline;
  54. }
  55. /* I cannot testify for any of the data below.. it's a hodge podge. */
  56. .next-button {
  57. margin-top: 1em;
  58. text-align: right;
  59. }
  60. #uc_cart_view_form img {
  61. padding-right: .8em;
  62. float: left;
  63. }
  64. #uc_cart_view_form ul {
  65. font-style: italic;
  66. font-size: 0.75em;
  67. }
  68. #uc_cart_view_form .sub-product {
  69. padding-left: 2em;
  70. }
  71. .display-inline .form-item {
  72. display: inline;
  73. }
  74. #line-items-div table {
  75. width: auto;
  76. }
  77. #line-items-div td {
  78. padding: 0em 1em;
  79. }
  80. #line-items-div tbody {
  81. border-top: 0px;
  82. }
  83. .address-book-icon {
  84. position: relative;
  85. top: 2px;
  86. margin-left: 2px;
  87. }
  88. /**
  89. * CSS rules for the cart form at /cart.
  90. */
  91. #cart-form-products {
  92. width: 100%;
  93. border: solid 1px #bbb;
  94. margin-top: .5em;
  95. }
  96. #cart-form-buttons {
  97. width: 100%;
  98. border: solid 1px #bbb;
  99. margin: .5em 0em;
  100. text-align: right;
  101. }
  102. #cart-form-pane #uc-cart-view-form {
  103. margin-bottom: .5em;
  104. }
  105. #cart-form-buttons .form-button, #cart-form-buttons .form-submit {
  106. margin: .5em .5em .5em 0em;
  107. }
  108. #update-checkout-buttons {
  109. float: right;
  110. }
  111. #continue-shopping-link {
  112. float: left;
  113. position: relative;
  114. top: .5em;
  115. left: .75em;
  116. }
  117. #continue-shopping-button {
  118. margin-right: 100%;
  119. margin-left: .5em;
  120. white-space: nowrap;
  121. }
  122. /**
  123. * CSS rules for the cart review table.
  124. */
  125. .cart-review {
  126. border: solid 1px #bbb;
  127. }
  128. .cart-review td {
  129. padding: .4em;
  130. }
  131. .cart-review thead tr {
  132. font-weight: bold;
  133. border: 0em;
  134. }
  135. .cart-review tbody {
  136. border-top: 0em;
  137. }
  138. .cart-review tbody tr {
  139. border: 0em;
  140. vertical-align: top;
  141. }
  142. td.qty {
  143. text-align: center;
  144. }
  145. td.price {
  146. text-align: right;
  147. white-space: nowrap;
  148. }
  149. td.products {
  150. width: 100%;
  151. }
  152. td.subtotal {
  153. text-align: right;
  154. }
  155. #subtotal-title {
  156. font-weight: bold;
  157. }
  158. .product-options {
  159. font-size: .7em;
  160. }
  161. /**
  162. * CSS rules for the default checkout panes.
  163. */
  164. .address-pane-table tbody {
  165. border-top: 0px;
  166. }
  167. .address-pane-table table td {
  168. padding: 2px;
  169. }
  170. .field-label {
  171. text-align: right;
  172. font-weight: bold;
  173. }
  174. .address-pane-table {
  175. margin-left: auto;
  176. margin-right: auto;
  177. }
  178. .address-pane-table .form-item {
  179. display: inline;
  180. }
  181. /**
  182. * CSS rules for payment details tables.
  183. */
  184. .inline-pane-table tbody {
  185. border-top: 0em;
  186. }
  187. .inline-pane-table .form-item {
  188. display: inline;
  189. }
  190. /**
  191. * CSS rules for the bottom of the checkout form at /cart/checkout.
  192. */
  193. #checkout-form-bottom {
  194. width: 100%;
  195. border: solid 1px #bbb;
  196. text-align: right;
  197. }
  198. #checkout-form-bottom .form-button, #checkout-form-bottom .form-submit {
  199. margin: .5em .5em .5em 0em;
  200. }