You are here

Home » API reference » Ubercart 5

uc_catalog.css in Ubercart 5

Same filename and directory in other branches
  1. 6.2 uc_catalog/uc_catalog.css
  2. 7.3 uc_catalog/uc_catalog.css
img.category {
  float: right;
  padding-left: 1em;
}
table.category-products {
  clear: right;
  width: 100%;
}
table.category {
  clear: right;
  width: 100%;
}
table.category *, table.category * tr {
  border: none;
  background-color: transparent;
}
td.category {
  /* border: 1px solid #555; */
  width: 33%;
  text-align: center;
  vertical-align: top;
}
td.category.width_1 {
  width: 100%;
}
td.category.width_2 {
  width: 50%;
}
td.category.width_3 {
  width: 33%;
}
td.category.width_4 {
  width: 25%;
}
td.category.width_5 {
  width: 20%;
}
td.category div {
  margin: 0.5em auto 0 auto;
  padding: 0;
}
td.category img {
  margin: 0;
  padding: 0;
}
td.category span {
  font-size: x-small;
  line-height: 1.3em;
}
table.category-products form {
  margin-top: 1em;
  margin-bottom: 1em;
}
#category-selector {
  background-color: #dddddd;
  border: 1px solid #999999;
  margin-bottom: 1em;
  margin-right: 2em;
  width: auto;
}

/* --- grid view elements ---- */
.category-grid-products {
  text-align: center;
  width: 100%;
}
.category-grid-products table {
  text-align: center;
  width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.category-grid-products td {
  text-align: center;
  padding: 20px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
}
.category-grid-products .catalog_grid_image {
  display: block;
  text-align: center;
  padding: 5px;
}
.category-grid-products .catalog_grid_title {
  display: block;
  text-align: center;
}
.category-grid-products .catalog_grid_sell_price {
  display: block;
  text-align: center;
}
.category-grid-products .add_to_cart {
  display: block;
  text-align: center;
}

/* --- some blocks elements ---- */
/* p.special, p.best-sellers {
  border-bottom: 1px dotted #369;
  margin-bottom: 1em;
  padding-bottom: 1em;
  font-size: 130%;
  font-style: italic;
  color: #369;
}
div.no-products {
  width: 100%;
  font-size: 130%;
  font-style: italic;
  font-weight: bold;
  text-align: center;
  color: #a00;
  padding-top: 4em;
  padding-bottom: 4em;
  border: 1px dotted #a00;
} */

File

uc_catalog/uc_catalog.css
View source 
  1. 

  2. img.category {

  3.   float: right;

  4.   padding-left: 1em;

  5. }

  6. table.category-products {

  7.   clear: right;

  8.   width: 100%;

  9. }

  10. table.category {

  11.   clear: right;

  12.   width: 100%;

  13. }

  14. table.category *, table.category * tr {

  15.   border: none;

  16.   background-color: transparent;

  17. }

  18. td.category {

  19.   /* border: 1px solid #555; */

  20.   width: 33%;

  21.   text-align: center;

  22.   vertical-align: top;

  23. }

  24. td.category.width_1 {

  25.   width: 100%;

  26. }

  27. td.category.width_2 {

  28.   width: 50%;

  29. }

  30. td.category.width_3 {

  31.   width: 33%;

  32. }

  33. td.category.width_4 {

  34.   width: 25%;

  35. }

  36. td.category.width_5 {

  37.   width: 20%;

  38. }

  39. td.category div {

  40.   margin: 0.5em auto 0 auto;

  41.   padding: 0;

  42. }

  43. td.category img {

  44.   margin: 0;

  45.   padding: 0;

  46. }

  47. td.category span {

  48.   font-size: x-small;

  49.   line-height: 1.3em;

  50. }

  51. table.category-products form {

  52.   margin-top: 1em;

  53.   margin-bottom: 1em;

  54. }

  55. #category-selector {

  56.   background-color: #dddddd;

  57.   border: 1px solid #999999;

  58.   margin-bottom: 1em;

  59.   margin-right: 2em;

  60.   width: auto;

  61. }

  62. 

  63. /* --- grid view elements ---- */

  64. .category-grid-products {

  65.   text-align: center;

  66.   width: 100%;

  67. }

  68. .category-grid-products table {

  69.   text-align: center;

  70.   width: 100%;

  71.   border-top: 1px solid #ccc;

  72.   border-left: 1px solid #ccc;

  73. }

  74. .category-grid-products td {

  75.   text-align: center;

  76.   padding: 20px;

  77.   border-right: 1px solid #ccc;

  78.   border-bottom: 1px solid #ccc;

  79.   background-color: #fff;

  80. }

  81. .category-grid-products .catalog_grid_image {

  82.   display: block;

  83.   text-align: center;

  84.   padding: 5px;

  85. }

  86. .category-grid-products .catalog_grid_title {

  87.   display: block;

  88.   text-align: center;

  89. }

  90. .category-grid-products .catalog_grid_sell_price {

  91.   display: block;

  92.   text-align: center;

  93. }

  94. .category-grid-products .add_to_cart {

  95.   display: block;

  96.   text-align: center;

  97. }

  98. 

  99. /* --- some blocks elements ---- */

  100. /* p.special, p.best-sellers {

  101.   border-bottom: 1px dotted #369;

  102.   margin-bottom: 1em;

  103.   padding-bottom: 1em;

  104.   font-size: 130%;

  105.   font-style: italic;

  106.   color: #369;

  107. }

  108. div.no-products {

  109.   width: 100%;

  110.   font-size: 130%;

  111.   font-style: italic;

  112.   font-weight: bold;

  113.   text-align: center;

  114.   color: #a00;

  115.   padding-top: 4em;

  116.   padding-bottom: 4em;

  117.   border: 1px dotted #a00;

  118. } */