addons/portal/static/src/css/portal.css

   1
   2 .openerp .oe_application .oe_form_sheetbg {
   3         /* Establish a stacking context on top of which the
   4            payment_acquirers::before element can be positioned */
   5         position: relative;
   6         z-index: 0;
   7 }
   8
   9
  10 .openerp .oe_form .oe_form_embedded_html.view_portal_payment_options {
  11     overflow: visible;
  12 }
  13
  14 .openerp .payment_acquirers {
  15     position: relative;
  16     padding: 10px 15px;
  17     right: -125px; /* improved margin according bootstrap3 */
  18     width: 650px;
  19     margin-left: 80px;
  20
  21     background: #729FCF;
  22         background-image: -webkit-gradient(linear, left top, left bottom, from(#729FCF), to(#3465A4));
  23         background-image: -webkit-linear-gradient(top, #729FCF, #3465A4);
  24         background-image:    -moz-linear-gradient(top, #729FCF, #3465A4);
  25         background-image:     -ms-linear-gradient(top, #729FCF, #3465A4);
  26         background-image:      -o-linear-gradient(top, #729FCF, #3465A4);
  27         background-image: linear-gradient(to bottom, #729FCF, #3465A4);
  28     border-bottom: 1px solid #043574;
  29
  30     -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.45);
  31             box-shadow: 0 4px 20px rgba(0, 0, 0, 0.45);
  32 }
  33
  34 .openerp .payment_acquirers form {
  35         display: inline-block;
  36         vertical-align: top;
  37 }
  38
  39 .openerp .payment_acquirers form input,
  40 .openerp .payment_acquirers form textarea,
  41 .openerp .payment_acquirers form select
  42 {
  43     -webkit-box-shadow: none;
  44             box-shadow: none;
  45     background: transparent;
  46     border: none;
  47     padding: none;
  48 }
  49
  50 .openerp .payment_acquirers::after {
  51         content: " ";
  52         display: block;
  53         width: 10px;
  54         height: 20px;
  55         position: absolute;
  56         bottom: 0;
  57         right: 1px;
  58
  59         margin-bottom: -6px;
  60     background: #043574;
  61
  62     -webkit-transform: skewY(-45deg);
  63        -moz-transform: skewY(-45deg);
  64         -ms-transform: skewY(-45deg);
  65          -o-transform: skewY(-45deg);
  66             transform: skewY(-45deg);
  67
  68     -webkit-box-shadow: inset 1px -1px 2px black, -1px 1px 3px black;
  69             box-shadow: inset 1px -1px 2px black, -1px 1px 3px black;
  70
  71         /* push it under all its siblings, just on top of its root
  72            in the z-index stack: div.oe_form_sheetbg */
  73     z-index: -1;
  74 }
  75
  76 .openerp .payment_acquirers .payment_header {
  77     display: inline-block;
  78     font-weight: bold;
  79     font-size: 110%;
  80     padding-right: 15px;
  81     color: white;
  82     text-shadow: 0 1px 1px #729FCF, 0 -1px 1px #3465A4;
  83 }
  84 .openerp .payment_acquirers .payment_header .payment_amount {
  85     font-size: 130%;
  86     padding: 6px 0px;
  87 }