static/src/css/pos_nohover.css

   1 /* NOTE: adapted from openerp/addons/point_of_sale/static/src/css/pos_nohover.css */
   2
   3 /*  ********* The partner list  ********* */
   4
   5 .point-of-sale .partner-list {
   6     padding:10px;
   7 }
   8
   9 .point-of-sale .partner-list-scroller{
  10     -webkit-box-sizing: border-box;
  11        -moz-box-sizing: border-box;
  12         -ms-box-sizing: border-box;
  13             box-sizing: border-box;
  14     width:100%;
  15     height:100%;
  16     overflow: hidden;
  17 }
  18 .point-of-sale .partner-list-container {
  19     position:absolute;
  20     top:0px;
  21     bottom:0px;
  22     left:0px;
  23     right:0px;
  24     background: #eeedff;
  25 }
  26
  27 /*  a) the search box */
  28
  29 .point-of-sale #partners-screen .searchbox {
  30     position: absolute;
  31     right: 2px;
  32 }
  33 .point-of-sale #partners-screen .searchbox input {
  34     width: 130px;
  35     border-radius: 11px;
  36     border: 1px solid #cecbcb;
  37     padding: 3px 19px;
  38     margin: 6px;
  39     background: url("../img/search.png") no-repeat 5px;
  40     background-color: white;
  41 }
  42 .point-of-sale #partners-screen .search-clear {
  43     position: absolute;
  44     top: 11px;
  45     right: 11px;
  46     cursor: pointer;
  47     display: none;
  48 }
  49 .point-of-sale #partners-screen .search-create {
  50     position: absolute;
  51     top: 6px;
  52     right: 22px;
  53     cursor: pointer;
  54     display: none;
  55 }
  56
  57 /*  b) the partner */
  58
  59 .point-of-sale .partner {
  60     position:relative;
  61     vertical-align: top;
  62     display: inline-block;
  63     line-height: 100px;
  64     font-size: 11px;
  65     margin: 5px;
  66     width: 120px;
  67     height:120px;
  68     background:#fff;
  69     border: 1px solid #fff;
  70     border-radius: 3px;
  71     -webkit-box-shadow: 0px 1px 8px rgba(127,130,172,0.4);
  72        -moz-box-shadow: 0px 1px 8px rgba(127,130,172,0.4);
  73             box-shadow: 0px 1px 8px rgba(127,130,172,0.4);
  74 }
  75
  76 .point-of-sale .partner .partner-img {
  77     position: relative;
  78     width: 120px;
  79     height: 100px;
  80     background: white;
  81     text-align: center;
  82 }
  83
  84 .point-of-sale .partner .partner-img img {
  85     max-height: 100px;
  86     max-width:  120px;
  87 }
  88
  89 .point-of-sale .partner .price-tag {
  90     position: absolute;
  91     top: 2px;
  92     right: 2px;
  93     vertical-align: top;
  94     color: white;
  95     line-height: 14px;
  96     background: #7f82ac;
  97     padding: 2px 5px;
  98     border-radius: 3px;
  99 }
 100
 101 .point-of-sale .partner .partner-name {
 102     position: absolute;
 103     -webkit-box-sizing: border-box;
 104        -moz-box-sizing: border-box;
 105         -ms-box-sizing: border-box;
 106             box-sizing: border-box;
 107     bottom:0;
 108     top:auto;
 109     line-height: 14px;
 110     width:100%;
 111     background: -webkit-linear-gradient(-90deg,rgba(255,255,255,0),rgba(255,255,255,1), rgba(255,255,255,1));
 112     background:    -moz-linear-gradient(-90deg,rgba(255,255,255,0),rgba(255,255,255,1), rgba(255,255,255,1));
 113     background:     -ms-linear-gradient(-90deg,rgba(255,255,255,0),rgba(255,255,255,1), rgba(255,255,255,1));
 114     background:         linear-gradient(-90deg,rgba(255,255,255,0),rgba(255,255,255,1), rgba(255,255,255,1));
 115     /*background:#FFF;*/
 116     padding: 3px;
 117     padding-top:15px;
 118 }
 119
 120 /*  c) the partner creation */
 121
 122 .point-of-sale .pos-step-container {
 123     display: inline-block;
 124     font-size: 1.5em;
 125 }
 126 .point-of-sale .greyed-out{
 127     color: #AAA;
 128 }
 129 .point-of-sale .pos-step-container input{
 130     font-size: 1em;
 131 }
 132
 133 .point-of-sale .pos-partner-create-container {
 134     text-align: left;
 135     min-width: 500px;
 136 }
 137 .point-of-sale .pos-partner-create-container .left-block{
 138     display: inline-block;
 139     width:49%;
 140     margin:0;
 141     padding:0;
 142     text-align:left;
 143 }
 144 .point-of-sale .pos-partner-create-container .header{
 145     margin-top: 50px;
 146     margin-bottom:20px;
 147     font-weight: bold;
 148 }
 149 .point-of-sale .pos-partner-create-container .infoline{
 150     margin-top:5px;
 151     margin-bottom:5px;
 152 }
 153 .point-of-sale .pos-partner-create-container .right-block{
 154     display: inline-block;
 155     width:49%;
 156     margin:0;
 157     padding:0;
 158     text-align:right;
 159 }
 160 .point-of-sale .pos-partner-create-container table {
 161     width: 100%;
 162     margin-bottom: 20px;
 163 }
 164 .point-of-sale .pos-partner-create-container td {
 165     vertical-align: middle;
 166 }
 167 .point-of-sale .pos-partner-create-container .partner-createline-type {
 168     font-size: 1em;
 169     font-weight: bold;
 170     margin-right:10px;
 171 }