You are here

Home » API reference » Ubercart 5

uc_order.css in Ubercart 5

Same filename and directory in other branches
  1. 6.2 uc_order/uc_order.css
  2. 7.3 uc_order/uc_order.css
.order-overview-form {
  float: left;
  padding: 0em 2em 0em 0em;
}

.order-overview-form .form-item {
  margin-bottom: 0em;
}

.order-overview-form #uc-order-select-form, .order-overview-form #uc-order-admin-sort-form {
  margin-bottom: 0em;
}

.uc-orders-table {
  width: 100%;
  clear: both;
}

.uc-orders-table thead th {
  white-space: nowrap;
}

.uc-orders-table tr.odd:hover, .uc-orders-table tr.even:hover {
  background-color: #ddd;
}

.uc-orders-table img {
  float: left;
  margin-right: .5em;
}

.order-admin-icons {
  margin-left: 2px;
}

.order-admin-icons img {
  position: relative;
  top: 3px;
  padding: 0px 3px;
}

.order-pane {
  border-style: solid;
  border-color: #bbb;
  border-width: 1px;
  padding: .5em;
  margin: .5em;;
  width: auto;
  line-height: 1.1em;
}

.order-pane thead {
  background-color: #ddd;
}

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

.order-pane-title {
  font-weight: bold;
  padding-bottom: .5em;
}

.pos-left {
  float: left;
}

.abs-left {
  /*float: left;*/
  clear: left;
}

.pos-right {
  float: right;
}

.abs-right {
  float: right;
  clear: right;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.full-width {
  width: 100%;
}

.order-pane-table {
  width: 100%;
}

.order-pane-table .order-pane-table-heading {
  font-weight: bold;
  background-color: #ddd;
  border-style: solid;
  border-width: 0px 0px 2px 0px;
  border-color: #bbb;
}

.order-pane-table thead th {
  font-weight: bold;
  background-color: #ddd;
  border-style: solid;
  border-width: 0px 0px 2px 0px;
  border-color: #bbb;
  padding: 4px 8px;
}

.order-pane-table tr {
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #bbb;
}

.order-pane-table tr.odd td, .order-pane-table tr.even td {
  padding: 4px 8px;
}

.order-edit-table {
  width: auto;
}

.order-edit-table .oet-label {
  text-align: right;
  font-weight: bold;
}

.order-edit-table .form-item {
  display: inline;
}

.address-select-box {
  background-color: #ddd;
  border: solid 1px #999;
  width: auto;
  padding-left: 1em;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

.customer-select-box {
  background-color: #ddd;
  border: solid 1px #999;
  width: auto;
  padding: 1em;
  margin-top: 1em;
}

.product-select-box {
  background-color: #ddd;
  border: solid 1px #999;
  width: auto;
  margin-right: auto;
  margin-bottom: 1em;
}

.product-select-box2 {
  background-color: #ddd;
  border: solid 1px #999;
  width: auto;
  margin-right: auto;
  margin-bottom: 1em;
  padding-left: 1em;
  padding-bottom: 1em;
}

.line-item-table {
  width: 100%;
}

.line-item-table td {
  padding: 2px;
}

.line-item-table .li-title {
  width: 100%;
  font-weight: bold;
  text-align: right;
}

.line-item-table .li-amount {
  text-align: right;
}

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

.order-review-table tbody {
  border-top: 0px;
}

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

/* Move to uc_credit.css eventually... */
.order-pane #uc-credit-order-view-form {
  margin-top: .5em;
  margin-bottom: 0em;
}

#uc-credit-order-view-form .form-submit {
  margin: 0em;
}

.order-pane #uc-order-view-update-form {
  margin-bottom: 1em;
}

.update-controls {
  padding-top: 1em;
}

.update-controls div {
  padding-right: 1em;
}

.update-controls div, .update-controls label {
  display: inline;
}

.update-controls .form-submit {
  margin: 0em;
}

.address-select-box #uc-order-address-book-form {
  margin-bottom: 0em;
}

.order-pane.abs-left .form-submit {
  margin: 0.5em 0.5em 0.5em 0em;
}

.order-pane #customer-select form {
  margin-bottom: 0em;
}

File

uc_order/uc_order.css
View source 
  1. 

  2. .order-overview-form {

  3.   float: left;

  4.   padding: 0em 2em 0em 0em;

  5. }

  6. 

  7. .order-overview-form .form-item {

  8.   margin-bottom: 0em;

  9. }

  10. 

  11. .order-overview-form #uc-order-select-form, .order-overview-form #uc-order-admin-sort-form {

  12.   margin-bottom: 0em;

  13. }

  14. 

  15. .uc-orders-table {

  16.   width: 100%;

  17.   clear: both;

  18. }

  19. 

  20. .uc-orders-table thead th {

  21.   white-space: nowrap;

  22. }

  23. 

  24. .uc-orders-table tr.odd:hover, .uc-orders-table tr.even:hover {

  25.   background-color: #ddd;

  26. }

  27. 

  28. .uc-orders-table img {

  29.   float: left;

  30.   margin-right: .5em;

  31. }

  32. 

  33. .order-admin-icons {

  34.   margin-left: 2px;

  35. }

  36. 

  37. .order-admin-icons img {

  38.   position: relative;

  39.   top: 3px;

  40.   padding: 0px 3px;

  41. }

  42. 

  43. .order-pane {

  44.   border-style: solid;

  45.   border-color: #bbb;

  46.   border-width: 1px;

  47.   padding: .5em;

  48.   margin: .5em;;

  49.   width: auto;

  50.   line-height: 1.1em;

  51. }

  52. 

  53. .order-pane thead {

  54.   background-color: #ddd;

  55. }

  56. 

  57. .order-pane tbody {

  58.   border-top: 0px;

  59. }

  60. 

  61. .order-pane-title {

  62.   font-weight: bold;

  63.   padding-bottom: .5em;

  64. }

  65. 

  66. .pos-left {

  67.   float: left;

  68. }

  69. 

  70. .abs-left {

  71.   /*float: left;*/

  72.   clear: left;

  73. }

  74. 

  75. .pos-right {

  76.   float: right;

  77. }

  78. 

  79. .abs-right {

  80.   float: right;

  81.   clear: right;

  82. }

  83. 

  84. .text-right {

  85.   text-align: right;

  86. }

  87. 

  88. .text-center {

  89.   text-align: center;

  90. }

  91. 

  92. .full-width {

  93.   width: 100%;

  94. }

  95. 

  96. .order-pane-table {

  97.   width: 100%;

  98. }

  99. 

  100. .order-pane-table .order-pane-table-heading {

  101.   font-weight: bold;

  102.   background-color: #ddd;

  103.   border-style: solid;

  104.   border-width: 0px 0px 2px 0px;

  105.   border-color: #bbb;

  106. }

  107. 

  108. .order-pane-table thead th {

  109.   font-weight: bold;

  110.   background-color: #ddd;

  111.   border-style: solid;

  112.   border-width: 0px 0px 2px 0px;

  113.   border-color: #bbb;

  114.   padding: 4px 8px;

  115. }

  116. 

  117. .order-pane-table tr {

  118.   border-style: solid;

  119.   border-width: 0px 0px 1px 0px;

  120.   border-color: #bbb;

  121. }

  122. 

  123. .order-pane-table tr.odd td, .order-pane-table tr.even td {

  124.   padding: 4px 8px;

  125. }

  126. 

  127. .order-edit-table {

  128.   width: auto;

  129. }

  130. 

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

  132.   text-align: right;

  133.   font-weight: bold;

  134. }

  135. 

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

  137.   display: inline;

  138. }

  139. 

  140. .address-select-box {

  141.   background-color: #ddd;

  142.   border: solid 1px #999;

  143.   width: auto;

  144.   padding-left: 1em;

  145.   padding-bottom: 1em;

  146.   margin-bottom: 1em;

  147. }

  148. 

  149. .customer-select-box {

  150.   background-color: #ddd;

  151.   border: solid 1px #999;

  152.   width: auto;

  153.   padding: 1em;

  154.   margin-top: 1em;

  155. }

  156. 

  157. .product-select-box {

  158.   background-color: #ddd;

  159.   border: solid 1px #999;

  160.   width: auto;

  161.   margin-right: auto;

  162.   margin-bottom: 1em;

  163. }

  164. 

  165. .product-select-box2 {

  166.   background-color: #ddd;

  167.   border: solid 1px #999;

  168.   width: auto;

  169.   margin-right: auto;

  170.   margin-bottom: 1em;

  171.   padding-left: 1em;

  172.   padding-bottom: 1em;

  173. }

  174. 

  175. .line-item-table {

  176.   width: 100%;

  177. }

  178. 

  179. .line-item-table td {

  180.   padding: 2px;

  181. }

  182. 

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

  184.   width: 100%;

  185.   font-weight: bold;

  186.   text-align: right;

  187. }

  188. 

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

  190.   text-align: right;

  191. }

  192. 

  193. .line-item-table .form-item {

  194.   display: inline;

  195. }

  196. 

  197. .order-review-table tbody {

  198.   border-top: 0px;

  199. }

  200. 

  201. .product-options {

  202.   font-size: .7em;

  203. }

  204. 

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

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

  207.   margin-top: .5em;

  208.   margin-bottom: 0em;

  209. }

  210. 

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

  212.   margin: 0em;

  213. }

  214. 

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

  216.   margin-bottom: 1em;

  217. }

  218. 

  219. .update-controls {

  220.   padding-top: 1em;

  221. }

  222. 

  223. .update-controls div {

  224.   padding-right: 1em;

  225. }

  226. 

  227. .update-controls div, .update-controls label {

  228.   display: inline;

  229. }

  230. 

  231. .update-controls .form-submit {

  232.   margin: 0em;

  233. }

  234. 

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

  236.   margin-bottom: 0em;

  237. }

  238. 

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

  240.   margin: 0.5em 0.5em 0.5em 0em;

  241. }

  242. 

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

  244.   margin-bottom: 0em;

  245. }