[IMP] website_payment: form for credit card, using jquery.payment in the module JS file + udpated CSS / SASS

bzr revid: tde@openerp.com-20131112132133-f9nqb7jgy1ovmc5b

1 files changed, 43 insertions, 27 deletions

diff --git a/addons/website_payment/static/src/css/website_payment.sass b/addons/website_payment/static/src/css/website_payment.sass
index d467df2de47..b5d4d03a9bd 100644
--- a/addons/website_payment/static/src/css/website_payment.sass
+++ b/addons/website_payment/static/src/css/website_payment.sass
@@ -1,29 +1,45 @@
 @charset "utf-8"
 
-@import "compass/css3"
-
-.css_website_mail
-    .has-error
-        border-color: red
-    .css_nav_month
-        display: none
-        &:first-of-type
-            display: block
-
-.blog_content
-    a.oe_mail_expand:after
-        content: " →"
-    a.oe_mail_expand
-        font-weight: bold
-
-p.post-meta
-    position: relative
-    top: -5px
-
-.js_website_blog
-    div#right_column
-        section
-            +opacity(0.6)
-        section:hover
-            +opacity(1)
-            @include transition(all 0.2s ease-out)
+input#cc_number
+    background-image: url('/website_payment/static/src/img/grey-dots.png')
+    background-repeat: no-repeat
+    background-position: 14px 14px
+
+div.card_placeholder
+    background-image: url('/website_payment/static/src/img/placeholder.png')
+    background-repeat: no-repeat
+    width: 32px
+    height: 20px
+    position: absolute
+    top: 34px
+    right: 20px
+    -webkit-transition: .4s cubic-bezier(0.455,0.03,0.515,0.955)
+    transition: .4s cubic-bezier(0.455,0.03,0.515,0.955)
+    pointer-events: none
+
+div.amex
+    background-image: url('/website_payment/static/src/img/amex.png')
+    background-repeat: no-repeat
+
+div.diners
+    background-image: url('/website_payment/static/src/img/diners.png')
+    background-repeat: no-repeat
+
+div.discover
+    background-image: url('/website_payment/static/src/img/discover.png')
+    background-repeat: no-repeat
+
+div.jcb
+    background-image: url('/website_payment/static/src/img/jcb.png')
+    background-repeat: no-repeat
+
+div.mastercard
+    background-image: url('/website_payment/static/src/img/mastercard.png')
+    background-repeat: no-repeat
+
+div.visa
+    background-image: url('/website_payment/static/src/img/visa.png')
+    background-repeat: no-repeat
+
+input#cc_number:active, input#cc_number:focus
+    background-image: none