You are here

uc_catalog.css in Ubercart 6.2

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

Styles for uc_catalog module.

File

uc_catalog/uc_catalog.css
View source
  1. /**
  2. * @file
  3. * Styles for uc_catalog module.
  4. */
  5. .catalog .trail {
  6. font-weight: bold;
  7. }
  8. img.category {
  9. float: right;
  10. margin-left: 1em;
  11. }
  12. table.category-products {
  13. clear: right;
  14. width: 100%;
  15. }
  16. table.category {
  17. clear: right;
  18. width: 100%;
  19. }
  20. table.category *,
  21. table.category * tr {
  22. background-color: transparent;
  23. border: none;
  24. }
  25. td.category {
  26. /* border: 1px solid #555; */
  27. text-align: center;
  28. vertical-align: top;
  29. width: 33%;
  30. }
  31. td.category.width-1 {
  32. width: 100%;
  33. }
  34. td.category.width-2 {
  35. width: 50%;
  36. }
  37. td.category.width-3 {
  38. width: 33%;
  39. }
  40. td.category.width-4 {
  41. width: 25%;
  42. }
  43. td.category.width-5 {
  44. width: 20%;
  45. }
  46. td.category div {
  47. margin: 0.5em auto 0 auto;
  48. padding: 0;
  49. }
  50. td.category img {
  51. margin: 0;
  52. padding: 0;
  53. }
  54. td.category span {
  55. font-size: x-small;
  56. line-height: 1.3em;
  57. }
  58. table.category-products form {
  59. margin-bottom: 1em;
  60. margin-top: 1em;
  61. }
  62. /**
  63. * Grid view elements.
  64. */
  65. .category-grid-products {
  66. text-align: center;
  67. width: 100%;
  68. }
  69. .category-grid-products table {
  70. border-left: 1px solid #ccc;
  71. border-top: 1px solid #ccc;
  72. text-align: center;
  73. width: 100%;
  74. }
  75. .category-grid-products td {
  76. background-color: #fff;
  77. border-bottom: 1px solid #ccc;
  78. border-right: 1px solid #ccc;
  79. padding: 20px;
  80. text-align: center;
  81. }
  82. .category-grid-products .catalog-grid-image {
  83. display: block;
  84. padding: 5px;
  85. text-align: center;
  86. }
  87. .category-grid-products .catalog-grid-title {
  88. display: block;
  89. text-align: center;
  90. }
  91. .category-grid-products .catalog-grid-sell-price {
  92. display: block;
  93. text-align: center;
  94. }
  95. .category-grid-products .add-to-cart {
  96. display: block;
  97. text-align: center;
  98. }