You are here

Home » API reference » Basic cart 7

basic_cart.css in Basic cart 7

Same filename and directory in other branches
  1. 7.3 basic_cart.css
  2. 7.2 basic_cart.css
/**
 * Basic cart css file
 */

.basic-cart-grid {
  border: none;
  color: #363636;
  display: table;
  margin: auto;
  padding: 0;
  width: 100%;
}

.basic-cart-grid .row {
  display: table-row;
  float: left;
  left: 100%;
  width: 100%;
}

.basic-cart-grid .cell {
  display: table-cell;
  float: left;
}

.basic-cart-grid .cell img {
  vertical-align: middle;
}

.basic-cart-grid .clr {
  border-bottom: 1px solid #eeeeee;
  display: table-row;
  float: left;
  left: 100%;
  width: 100%;
}

.basic-cart-grid form {
  margin: 0;
  padding: 0;
}

.basic-cart-add-to-cart {
  margin: 10px 0;
}

.basic-cart-cart {
  margin: 0 0 25px 0;
  width: 100%;
}

.basic-cart-cart-contents {
  border-bottom: 1px solid black;
  padding: 5px;
}

.basic-cart-delete-image.cell {
  float: right;
  margin: 2px 5px 0 0;
}

.basic-cart-cart-checkout-button {
  margin: 10px 0;
}

.basic-cart-cart-checkout-button a.button {
  float: right;
  margin-right: 0;
}

.basic-cart-cart-checkout-button-block {
  margin: 10px 0 0 0;
}

.basic-cart-cart-checkout-button-block a.button {
  margin-bottom: 0;
}

.basic-cart-cart-quantity {
  padding: 0 10px 0 0;
}

.basic-cart-cart-node-title {
  font-size: 16px;
  width: auto;
}

.basic-cart-cart-node-summary {
  font-size: 12px;
}

.basic-cart-cart-x {
  padding: 1px 0 3px 10px;
}

File

basic_cart.css
View source 
  1. /**

  2.  * Basic cart css file

  3.  */

  4. 

  5. .basic-cart-grid {

  6.   border: none;

  7.   color: #363636;

  8.   display: table;

  9.   margin: auto;

  10.   padding: 0;

  11.   width: 100%;

  12. }

  13. 

  14. .basic-cart-grid .row {

  15.   display: table-row;

  16.   float: left;

  17.   left: 100%;

  18.   width: 100%;

  19. }

  20. 

  21. .basic-cart-grid .cell {

  22.   display: table-cell;

  23.   float: left;

  24. }

  25. 

  26. .basic-cart-grid .cell img {

  27.   vertical-align: middle;

  28. }

  29. 

  30. .basic-cart-grid .clr {

  31.   border-bottom: 1px solid #eeeeee;

  32.   display: table-row;

  33.   float: left;

  34.   left: 100%;

  35.   width: 100%;

  36. }

  37. 

  38. .basic-cart-grid form {

  39.   margin: 0;

  40.   padding: 0;

  41. }

  42. 

  43. .basic-cart-add-to-cart {

  44.   margin: 10px 0;

  45. }

  46. 

  47. .basic-cart-cart {

  48.   margin: 0 0 25px 0;

  49.   width: 100%;

  50. }

  51. 

  52. .basic-cart-cart-contents {

  53.   border-bottom: 1px solid black;

  54.   padding: 5px;

  55. }

  56. 

  57. .basic-cart-delete-image.cell {

  58.   float: right;

  59.   margin: 2px 5px 0 0;

  60. }

  61. 

  62. .basic-cart-cart-checkout-button {

  63.   margin: 10px 0;

  64. }

  65. 

  66. .basic-cart-cart-checkout-button a.button {

  67.   float: right;

  68.   margin-right: 0;

  69. }

  70. 

  71. .basic-cart-cart-checkout-button-block {

  72.   margin: 10px 0 0 0;

  73. }

  74. 

  75. .basic-cart-cart-checkout-button-block a.button {

  76.   margin-bottom: 0;

  77. }

  78. 

  79. .basic-cart-cart-quantity {

  80.   padding: 0 10px 0 0;

  81. }

  82. 

  83. .basic-cart-cart-node-title {

  84.   font-size: 16px;

  85.   width: auto;

  86. }

  87. 

  88. .basic-cart-cart-node-summary {

  89.   font-size: 12px;

  90. }

  91. 

  92. .basic-cart-cart-x {

  93.   padding: 1px 0 3px 10px;

  94. }