You are here

uc_cart.css in Ubercart 6.2

Same filename and directory in other branches
  1. 5 uc_cart/uc_cart.css
  2. 7.3 uc_cart/uc_cart.css

Styles for uc_cart module.

File

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