odoo/addons/website_sale/static/src/css/ecommerce.sass

147 lines
3.3 KiB
Sass

@import "compass/css3"
.oe_ecommerce
.oe_total
font-size: 13px
margin-top: 10px
td
padding: 5px 10px
table
width: auto
.oe_products
.oe_product
.oe_hidden
visibility: hidden
.pull-left
margin: 0
float: none
.oe_ecommerce_description
display: none
h4
text-align: center
+text-shadow(0px 1px 1px rgba(200, 200, 200,.2))
margin-bottom: 16px
img
max-height: 110px
max-width: 130px
margin: 0 auto
padding-bottom: 14px
text-align: center
display: inline-block
padding: 4px
width: 180px
height: 220px
margin-right: 15px
margin-left: 3px
&:nth-child(3n)
margin-right: 0
.oe_ecommerce_price
width: 100%
position: absolute
bottom: 44px
+text-shadow(0px 1px 3px rgba(255, 255, 255, 0.7))
text-align: center
font-size: 25px
span
font-weight: bold
.oe_button_cart
bottom: 5px
left: 0
.btn-inverse
display: none
.oe_mycart
.oe_product
padding: 3px 5px 6px 10px
> .pull-left
width: 84px
height: 64px
img
max-width: 64px
max-height: 64px
margin: auto
.oe_button_cart
right: 6px
top: 6px
text-align: right
form
input
margin-bottom: 0
.oe_product
vertical-align: top
position: relative
margin-top: 0
margin-bottom: 15px
+border-radius(5px)
border: 1px solid rgba(0,0,0,.1)
+box-shadow(0 0 3px 1px rgba(0,0,0,.1))
.oe_button_cart
width: 100%
font-size: 11px
position: absolute
button
+text-shadow(0px 1px 1px rgba(0, 0, 0, 0.44))
overflow: hidden
text-align: center
font-size: 12px
margin: 0 auto
margin-bottom: 5px
padding: 2px
height: 22px
position: relative
&.btn-inverse
@include background(linear-gradient(#aaaaaa,#999999))
&.btn-primary
@include background(linear-gradient(#0088cc,#0076b1))
&.btn-success
@include background(linear-gradient(#51a351, #418541))
.oe_search
form
width: 100%
margin: 24px
text-align: center
.oe_product_detail
.oe_button_cart
position: relative
text-align: right
.oe_recommended
a
margin: 0 3px
img
max-width: 64px
max-height: 64px
.oe_checkout
.css_required
input
background-color: #d2d2ff !important
h4
border-bottom: 1px solid #ddd
margin-right: 30px
input:not([type="radio"]):not([type="checkbox"]):not([type="image"])
height: 20px
input[type="image"]
height: 30px
label
> input:not([type="radio"]):not([type="checkbox"]), > div
display: block
margin-top: 3px
select
margin-top: 3px
> div > input
margin-bottom: 0
.css_payments
clear: both
.css_payment
position: relative
width: 80px
overflow: hidden
height: 30px
text-align: center
padding: 10px 10px 0 0
.css_error_payment
width: 100%
height: 100%
position: absolute
top: +O
left: +0
cursor: pointer