dc_ajax_add_cart.css in Commerce Ajax Add to Cart 7
Same filename and directory in other branches
.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.cssView source
- .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;
- }