You are here

Home » API reference » Ubercart 6.2

uc_order.css in Ubercart 6.2

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

Styles for uc_order module.

File

uc_order/uc_order.css
View source 
  1. /**

  2.  * @file

  3.  * Styles for uc_order module.

  4.  */

  5. .order-overview-form {

  6.   float: left;

  7.   padding: 0em 2em 0em 0em;

  8. }

  9. 

  10. .order-overview-form .form-item {

  11.   margin-bottom: 0em;

  12. }

  13. 

  14. .order-overview-form #uc-order-select-form,

  15. .order-overview-form #uc-order-admin-sort-form {

  16.   margin-bottom: 0em;

  17. }

  18. 

  19. .uc-orders-table {

  20.   clear: both;

  21.   width: 100%;

  22. }

  23. 

  24. .uc-orders-table td,

  25. .uc-orders-table thead th {

  26.   white-space: nowrap;

  27. }

  28. 

  29. .uc-orders-table tr.odd:hover,

  30. .uc-orders-table tr.even:hover {

  31.   background-color: #ddd;

  32. }

  33. 

  34. .uc-orders-table img {

  35.   float: left;

  36.   margin-right: .5em;

  37. }

  38. 

  39. .order-admin-icons {

  40.   margin-left: 2px;

  41. }

  42. 

  43. .order-admin-icons img {

  44.   padding: 0px 3px;

  45.   position: relative;

  46.   top: 3px;

  47. }

  48. 

  49. .order-pane {

  50.   border-color: #bbb;

  51.   border-style: solid;

  52.   border-width: 1px;

  53.   line-height: 1.1em;

  54.   margin: .5em;;

  55.   padding: .5em;

  56.   width: auto;

  57. }

  58. 

  59. .order-pane thead {

  60.   background-color: #ddd;

  61. }

  62. 

  63. .order-pane tbody {

  64.   border-top: 0px;

  65. }

  66. 

  67. .order-pane-title {

  68.   font-weight: bold;

  69.   padding-bottom: .5em;

  70. }

  71. 

  72. .pos-left {

  73.   float: left;

  74. }

  75. 

  76. .abs-left {

  77.   /*float: left;*/

  78.   clear: left;

  79. }

  80. 

  81. .pos-right {

  82.   float: right;

  83. }

  84. 

  85. .abs-right {

  86.   clear: right;

  87.   float: right;

  88. }

  89. 

  90. .text-center {

  91.   text-align: center;

  92. }

  93. 

  94. .full-width {

  95.   width: 100%;

  96. }

  97. 

  98. .order-pane-table th {

  99.   padding: 4px 8px;

  100.   font-weight: bold;

  101. }

  102. 

  103. .order-pane-table td {

  104.   padding: 4px 8px;

  105.   vertical-align: top;

  106. }

  107. 

  108. .order-pane-table td.qty,

  109. .order-pane-table td.sku {

  110.   text-align: center;

  111.   white-space: nowrap;

  112. }

  113. 

  114. .order-pane-table td.product {

  115.   width: 80%;

  116. }

  117. 

  118. .order-pane-table td.cost,

  119. .order-pane-table td.price,

  120. .order-pane-table td.total {

  121.   text-align: right;

  122.   white-space: nowrap;

  123. }

  124. 

  125. .uc-order-comments td {

  126.   vertical-align: top;

  127. }

  128. 

  129. .uc-order-comments td.date,

  130. .uc-order-comments td.status {

  131.   text-align: center;

  132.   white-space: nowrap;

  133. }

  134. 

  135. .uc-order-comments td.message {

  136.   width: 100%;

  137.  }

  138. 

  139. .order-edit-table {

  140.   width: auto;

  141. }

  142. 

  143. .order-edit-table .oet-label {

  144.   font-weight: bold;

  145.   text-align: right;

  146. }

  147. 

  148. .order-edit-table .form-item {

  149.   display: inline;

  150. }

  151. 

  152. .address-select-box {

  153.   background-color: #ddd;

  154.   border: solid 1px #999;

  155.   padding-bottom: 1em;

  156.   padding-left: 1em;

  157.   margin-bottom: 1em;

  158.   width: auto;

  159. }

  160. 

  161. .customer-select-box {

  162.   background-color: #ddd;

  163.   border: solid 1px #999;

  164.   padding: 1em;

  165.   margin-top: 1em;

  166.   width: auto;

  167. }

  168. 

  169. .product-select-box {

  170.   background-color: #ddd;

  171.   border: solid 1px #999;

  172.   margin-right: auto;

  173.   margin-bottom: 1em;

  174.   width: auto;

  175. }

  176. 

  177. .product-select-box2 {

  178.   background-color: #ddd;

  179.   border: solid 1px #999;

  180.   margin-right: auto;

  181.   margin-bottom: 1em;

  182.   padding-left: 1em;

  183.   padding-bottom: 1em;

  184.   width: auto;

  185. }

  186. 

  187. .line-item-table {

  188.   width: 100%;

  189. }

  190. 

  191. .line-item-table td {

  192.   padding: 2px;

  193. }

  194. 

  195. .line-item-table .li-title {

  196.   font-weight: bold;

  197.   text-align: right;

  198.   width: 100%;

  199. }

  200. 

  201. .line-item-table .li-amount {

  202.   text-align: right;

  203. }

  204. 

  205. .line-item-table .form-item {

  206.   display: inline;

  207. }

  208. 

  209. .order-review-table tbody {

  210.   border-top: 0px;

  211. }

  212. 

  213. .order-pane-table .product-description {

  214.   font-size: .7em;

  215. }

  216. 

  217. /* Move to uc_credit.css eventually... */

  218. .order-pane #uc-credit-order-view-form {

  219.   margin-top: .5em;

  220.   margin-bottom: 0em;

  221. }

  222. 

  223. #uc-credit-order-view-form .form-submit {

  224.   margin: 0em;

  225. }

  226. 

  227. .order-pane #uc-order-view-update-form {

  228.   margin-bottom: 1em;

  229. }

  230. 

  231. .update-controls {

  232.   padding-top: 1em;

  233. }

  234. 

  235. .update-controls div {

  236.   padding-right: 1em;

  237. }

  238. 

  239. .update-controls div,

  240. .update-controls label {

  241.   display: inline;

  242. }

  243. 

  244. .update-controls .form-submit {

  245.   margin: 0em;

  246. }

  247. 

  248. .address-select-box #uc-order-address-book-form {

  249.   margin-bottom: 0em;

  250. }

  251. 

  252. .order-pane.abs-left .form-submit {

  253.   margin: 0.5em 0.5em 0.5em 0em;

  254. }

  255. 

  256. .order-pane #customer-select form {

  257.   margin-bottom: 0em;

  258. }