You are here

dc_ajax_add_cart.css in Commerce Ajax Add to Cart 7

Same filename and directory in other branches
  1. 7.2 css/dc_ajax_add_cart.css
.add-to-cart-overlay {
  background-image: url(../images/overlay.png);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100;
}

.add-cart-message-wrapper {
  background-color: #fff;
  border: 2px solid #ccc;
  color: #7f7f7f;
  border-radius: 20px;
  left: 30%;
  padding: 20px;
  position: fixed;
  box-shadow: 0 1px 5px #333;
  right: 30%;
  top: 100px;
  z-index: 101;
}

.add-to-cart-close {
  background: url(../images/cancel.png) no-repeat;
  cursor: pointer;
  float: right;
  height: 26px;
  margin-right: -30px;
  margin-top: -30px;
  width: 26px;
}

.shopping-cart-header th {
  font-size: 15px;
  font-weight: bold;
}

.option-button-wrapper {
  float: right;
}

.option-button {
  cursor: pointer;
  margin-bottom: 20px;
  padding: 5px 10px;
  text-align: center;
}

.option-button.checkout {
  background-color: #bbdcff;
}

.option-button.continue {
  background-color: #969696;
  font-weight: bold;
  color: #fff;
}

.option-button.checkout a {
  font-weight: bold;
  color: #626262;
}

.new-item-details {
  float: left;
  margin-top: 20px;
}

.new-item-details div {
  margin-bottom: 10px;
}

.new-item-details p {
  display: inline-block;
  margin-bottom: 0;
}

.cart-image,
.cart-product-quantity,
.cart-product-total {
  float: left;
  margin-right: 10px;
}

.ajax-shopping-cart-wrapper {
  width: 370px;
}

.ajax-shopping-cart-table {
  width: 100%;
}

.ajax-shopping-cart-total {
  float: left;
}

.ajax-shopping-cart-checkout {
  float: right;
}

.ajax-shopping-cart-shipping {
  clear: both;
  float: left;
  margin-bottom: 10px;
}

File

css/dc_ajax_add_cart.css
View source
  1. .add-to-cart-overlay {
  2. background-image: url(../images/overlay.png);
  3. bottom: 0;
  4. left: 0;
  5. position: fixed;
  6. right: 0;
  7. top: 0;
  8. z-index: 100;
  9. }
  10. .add-cart-message-wrapper {
  11. background-color: #fff;
  12. border: 2px solid #ccc;
  13. color: #7f7f7f;
  14. border-radius: 20px;
  15. left: 30%;
  16. padding: 20px;
  17. position: fixed;
  18. box-shadow: 0 1px 5px #333;
  19. right: 30%;
  20. top: 100px;
  21. z-index: 101;
  22. }
  23. .add-to-cart-close {
  24. background: url(../images/cancel.png) no-repeat;
  25. cursor: pointer;
  26. float: right;
  27. height: 26px;
  28. margin-right: -30px;
  29. margin-top: -30px;
  30. width: 26px;
  31. }
  32. .shopping-cart-header th {
  33. font-size: 15px;
  34. font-weight: bold;
  35. }
  36. .option-button-wrapper {
  37. float: right;
  38. }
  39. .option-button {
  40. cursor: pointer;
  41. margin-bottom: 20px;
  42. padding: 5px 10px;
  43. text-align: center;
  44. }
  45. .option-button.checkout {
  46. background-color: #bbdcff;
  47. }
  48. .option-button.continue {
  49. background-color: #969696;
  50. font-weight: bold;
  51. color: #fff;
  52. }
  53. .option-button.checkout a {
  54. font-weight: bold;
  55. color: #626262;
  56. }
  57. .new-item-details {
  58. float: left;
  59. margin-top: 20px;
  60. }
  61. .new-item-details div {
  62. margin-bottom: 10px;
  63. }
  64. .new-item-details p {
  65. display: inline-block;
  66. margin-bottom: 0;
  67. }
  68. .cart-image,
  69. .cart-product-quantity,
  70. .cart-product-total {
  71. float: left;
  72. margin-right: 10px;
  73. }
  74. .ajax-shopping-cart-wrapper {
  75. width: 370px;
  76. }
  77. .ajax-shopping-cart-table {
  78. width: 100%;
  79. }
  80. .ajax-shopping-cart-total {
  81. float: left;
  82. }
  83. .ajax-shopping-cart-checkout {
  84. float: right;
  85. }
  86. .ajax-shopping-cart-shipping {
  87. clear: both;
  88. float: left;
  89. margin-bottom: 10px;
  90. }