You are here

Home » API reference » Ubercart 6.2

uc_cart_block.css in Ubercart 6.2

Same filename and directory in other branches
  1. 5 uc_cart/uc_cart_block.css
  2. 7.3 uc_cart/uc_cart_block.css
/**
 * Styles for the uc_cart module cart block icon.
 */
.cart-block-icon-full,
.cart-block-icon-empty {
  float: left;
  height: 16px;
  margin: 2px 6px 0 0;
  width: 16px;
}

.cart-block-icon-full {
  background: transparent url(images/cart-full.png) no-repeat left center;
}

.cart-block-icon-empty {
  background: transparent url(images/cart-empty.png) no-repeat left center;
}

/**
 * Styles for the cart block title and toggle.
 */
.cart-block-title-bar {
  display: inline;
  padding-right: 20px;
  position: relative;
}

.cart-block-toggle {
  cursor: pointer;
}

.cart-block-arrow {
  height: 5px;
  position: absolute;
  right: 0;
  top: 9px;
  width: 10px;
}

.cart-block-title-bar .arrow-up {
  background: transparent url(images/bullet-arrow-up.gif) no-repeat center center;
}

.cart-block-title-bar .arrow-down {
  background: transparent url(images/bullet-arrow-down.gif) no-repeat center center;
}

.cart-help-text {
  font-size: x-small;
  position: relative;
  top: -5px;
}

/**
 * Styles for the cart block contents and summary.
 */
#cart-block-contents ul.product-description {
  margin: 0pt;
  padding: 0pt 0pt 0.25em 1em;
}

#cart-block-contents .product-description li {
  font-size: .8em;
  margin: 0pt;
  padding-top: 0pt;
  padding-bottom: 0pt;
}

.cart-block-items {
  border-bottom: 2px;
  padding: 2px;
}

.cart-block-items tbody {
  border-top: 0px;
}

.cart-block-items tr {
  vertical-align: top;
}

.cart-block-items tr.odd,
.cart-block-items tr.even {
  background-color: inherit;
  border: none;
}

.cart-block-item-title {
  width: 100%;
}

.cart-block-item-price {
  text-align: right;
  white-space: nowrap;
}

.cart-block-summary {
  padding: 2px;
}

.cart-block-summary tbody {
  border-top: 0px;
}

.cart-block-summary tr {
  vertical-align: top;
}

.cart-block-summary-items {
  white-space: nowrap;
}

.cart-block-summary-total {
  text-align: right;
  width: auto;
}

.cart-block-summary-total label {
  font-weight: bold;
}

.cart-block-summary-total .uc-price {
  display: inline;
}

.cart-block-summary-links {
  text-align: right;
}

.cart-block-summary-links ul.links li {
  border-right: solid 1px;
  padding: 0em 1em 0em .75em;
}

.cart-block-summary-links ul.links li.last {
  border-right: none;
  padding-right: 0em;
}

File

uc_cart/uc_cart_block.css
View source 
  1. /**

  2.  * Styles for the uc_cart module cart block icon.

  3.  */

  4. .cart-block-icon-full,

  5. .cart-block-icon-empty {

  6.   float: left;

  7.   height: 16px;

  8.   margin: 2px 6px 0 0;

  9.   width: 16px;

  10. }

  11. 

  12. .cart-block-icon-full {

  13.   background: transparent url(images/cart-full.png) no-repeat left center;

  14. }

  15. 

  16. .cart-block-icon-empty {

  17.   background: transparent url(images/cart-empty.png) no-repeat left center;

  18. }

  19. 

  20. /**

  21.  * Styles for the cart block title and toggle.

  22.  */

  23. .cart-block-title-bar {

  24.   display: inline;

  25.   padding-right: 20px;

  26.   position: relative;

  27. }

  28. 

  29. .cart-block-toggle {

  30.   cursor: pointer;

  31. }

  32. 

  33. .cart-block-arrow {

  34.   height: 5px;

  35.   position: absolute;

  36.   right: 0;

  37.   top: 9px;

  38.   width: 10px;

  39. }

  40. 

  41. .cart-block-title-bar .arrow-up {

  42.   background: transparent url(images/bullet-arrow-up.gif) no-repeat center center;

  43. }

  44. 

  45. .cart-block-title-bar .arrow-down {

  46.   background: transparent url(images/bullet-arrow-down.gif) no-repeat center center;

  47. }

  48. 

  49. .cart-help-text {

  50.   font-size: x-small;

  51.   position: relative;

  52.   top: -5px;

  53. }

  54. 

  55. /**

  56.  * Styles for the cart block contents and summary.

  57.  */

  58. #cart-block-contents ul.product-description {

  59.   margin: 0pt;

  60.   padding: 0pt 0pt 0.25em 1em;

  61. }

  62. 

  63. #cart-block-contents .product-description li {

  64.   font-size: .8em;

  65.   margin: 0pt;

  66.   padding-top: 0pt;

  67.   padding-bottom: 0pt;

  68. }

  69. 

  70. .cart-block-items {

  71.   border-bottom: 2px;

  72.   padding: 2px;

  73. }

  74. 

  75. .cart-block-items tbody {

  76.   border-top: 0px;

  77. }

  78. 

  79. .cart-block-items tr {

  80.   vertical-align: top;

  81. }

  82. 

  83. .cart-block-items tr.odd,

  84. .cart-block-items tr.even {

  85.   background-color: inherit;

  86.   border: none;

  87. }

  88. 

  89. .cart-block-item-title {

  90.   width: 100%;

  91. }

  92. 

  93. .cart-block-item-price {

  94.   text-align: right;

  95.   white-space: nowrap;

  96. }

  97. 

  98. .cart-block-summary {

  99.   padding: 2px;

  100. }

  101. 

  102. .cart-block-summary tbody {

  103.   border-top: 0px;

  104. }

  105. 

  106. .cart-block-summary tr {

  107.   vertical-align: top;

  108. }

  109. 

  110. .cart-block-summary-items {

  111.   white-space: nowrap;

  112. }

  113. 

  114. .cart-block-summary-total {

  115.   text-align: right;

  116.   width: auto;

  117. }

  118. 

  119. .cart-block-summary-total label {

  120.   font-weight: bold;

  121. }

  122. 

  123. .cart-block-summary-total .uc-price {

  124.   display: inline;

  125. }

  126. 

  127. .cart-block-summary-links {

  128.   text-align: right;

  129. }

  130. 

  131. .cart-block-summary-links ul.links li {

  132.   border-right: solid 1px;

  133.   padding: 0em 1em 0em .75em;

  134. }

  135. 

  136. .cart-block-summary-links ul.links li.last {

  137.   border-right: none;

  138.   padding-right: 0em;

  139. }