addons/base/static/openerp/base.css

   1 /* TODO: seperate openerp webclient page css from openerp views css */
   2 body {
   3     padding: 0;
   4     margin: 0;
   5     font-family: helvetica, sans, arial;
   6     font-size: 80%;
   7 }
   8
   9 .oe_box {
  10     border: 1px solid #aaf;
  11     padding: 2px;
  12     margin: 2px;
  13 }
  14
  15 .#oe_header h2 {
  16     margin: 2px 0;
  17 }
  18
  19 #oe_errors pre {
  20     margin: 0;
  21 }
  22
  23
  24 .openerp {
  25 }
  26
  27 /* STATES */
  28 .openerp .on_logged {
  29     display: none;
  30 }
  31
  32 /* Loading */
  33 .openerp .loading {
  34     display: none;
  35     z-index: 1000;
  36     position: fixed;
  37     top: 0;
  38     right: 0;
  39     padding: 4px 8px;
  40     background: #A61300;
  41     color: white;
  42     text-align: center;
  43 }
  44
  45 /* Login */
  46 .openerp .login {
  47     display: none;
  48     padding: 6px;
  49     z-index: 100;
  50     width: 34%;
  51     position: fixed;
  52     top: 0;
  53     left: 33%;
  54
  55 }
  56 .openerp .login_valid {
  57     background-color: #8f8;
  58 }
  59 .openerp .login_invalid {
  60     background-color: #f88;
  61 }
  62
  63 /* Main */
  64 .openerp .main {
  65     padding: 6px;
  66 }
  67
  68 .openerp h3.title {
  69     margin: 2px 0;
  70     color: #252424;
  71     text-shadow: white 0 1px 0;
  72 }
  73
  74 /* Menu */
  75 .openerp .sf-menu {
  76     margin-bottom: 0px;
  77 }
  78 /*
  79 .sf-menu a {
  80     padding: 5px 5px;
  81 }
  82 */
  83
  84 /* Header */
  85 .openerp .header {
  86     height: 65px;
  87     background: url("img/header-background.png") repeat-x scroll left top transparent;
  88     color: #FFFFFF;
  89     letter-spacing: 0.5px;
  90     text-shadow: 0 1px 0 #333333;
  91 }
  92 .openerp .company_logo_link {
  93     display: block;
  94     float: left;
  95     height: 63px;
  96     width: 200px;
  97     margin-right: 10px;
  98     line-height: 63px;
  99     text-align: center;
 100     border-bottom: 1px solid black;
 101     border-right: 1px solid black;
 102     border-top: 1px solid white;
 103     border-left: 1px solid white;
 104     background: #FFFFFF;
 105     background: -moz-linear-gradient(top, #FFFFFF 0%, #CECECE 100%);
 106     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#CECECE));
 107     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#CECECE',GradientType=0 );
 108 }
 109 .openerp .company_logo {
 110     vertical-align: middle
 111 }
 112 .openerp .header_title {
 113     float: left;
 114     font-size: 100%;
 115     margin: 0;
 116     padding: 4px 0;
 117     text-shadow: 0 1px 0 #111111;
 118 }
 119 .openerp .header_title small {
 120     color: #ccc;
 121     font-size: 90%;
 122     font-weight: normal;
 123 }
 124 .openerp .header_corner {
 125     float: right;
 126 }
 127 .openerp .header_corner .block {
 128     float: left;
 129     height: 34px;
 130     line-height: 34px;
 131     /*background: url(../images/top-sep-a.png) no-repeat;*/
 132     border-left: 1px solid #6a6a6a;
 133     background: #828282;
 134     background: -moz-linear-gradient(top, #828282 0%, #4D4D4D 100%);
 135     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#828282), color-stop(100%,#4D4D4D));
 136     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828282', endColorstr='#4D4D4D',GradientType=0 );
 137 }
 138 .openerp .header_corner .block a {
 139     display: block;
 140     color: white;
 141     text-decoration: none;
 142     padding: 0 10px;
 143 }
 144 .openerp .header_corner .block a:hover {
 145     background: #929292;
 146     background: -moz-linear-gradient(top, #929292 0%, #4D4D4D 100%);
 147     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#929292), color-stop(100%,#4D4D4D));
 148     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#929292', endColorstr='#4D4D4D',GradientType=0 );
 149 }
 150 .openerp .header_corner ul.block {
 151     /*float: left;*/
 152     list-style: none;
 153     height: 34px;
 154     margin: 0;
 155     padding: 0 0 0 2px;
 156     /*background: url(../images/top-sep-a.png) no-repeat;*/
 157     line-height: 33px;
 158     /*font-size: 1em;*/
 159     /*text-transform: uppercase;*/
 160 }
 161 .openerp .header_corner ul.block li {
 162     float: left;
 163 }
 164 .openerp .header_corner ul.block li a {
 165     padding: 0 5px;
 166     position: relative;
 167     line-height: 32px;
 168 }
 169 .openerp .header_corner ul.block li a img {
 170     vertical-align: middle;
 171 }
 172 .openerp .header_corner ul.block li a small {
 173     position: absolute;
 174     right: 0;
 175     top: 5px;
 176     padding: 1px 4px 2px;
 177     background: #333;
 178     background: rgba(0, 0, 0, 0.75);
 179     border-radius: 7px;
 180     -moz-border-radius: 7px;
 181     -webkit-border-radius: 7px;
 182     line-height: 1em;
 183     font-weight: bold;
 184 }
 185
 186 /* Footer */
 187 .openerp .footer {
 188     text-align: center;
 189 }
 190
 191 /* SearchView */
 192
 193 .openerp .filter_label, .openerp .filter_icon {
 194     border: 1px solid #666;
 195     border-left-width: 0;
 196     background: #F0F0F0;
 197     background: -moz-linear-gradient(top, #F0F0F0 0%, #C0C0C0 100%);
 198     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#C0C0C0));
 199     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#C0C0C0',GradientType=0 );
 200 }
 201 .openerp .filter_label:hover, .openerp .filter_icon:hover {
 202     background: #F0F0F0;
 203     background: -moz-linear-gradient(top, #F0F0F0 0%, #A1A7CE 100%);
 204     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#A1A7CE));
 205     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#A1A7CE',GradientType=0 );
 206 }
 207 .openerp .filter_label:active, .openerp .filter_icon:active {
 208     background: #AAAAAA;
 209     background: -moz-linear-gradient(top, #999999 0%, #EEEEEE 100%);
 210     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#EEEEEE));
 211     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#EEEEEE',GradientType=0 );
 212 }
 213 .openerp .filter_label.enabled, .openerp .filter_icon.enabled {
 214     background: #AAAAAA;
 215 }
 216 .openerp .filter_icon {
 217     padding: 1px 2px 0px 2px;
 218     margin-left: 0;
 219     margin-right: 0;
 220 }
 221 .openerp .filter_label {
 222     font-weight: bold;
 223     text-transform: uppercase;
 224     text-shadow: #EEE 0 1px 0;
 225     color: #4C4C4C;
 226     white-space: nowrap;
 227     min-height: 40px;
 228     min-width: 75px;
 229     padding: 2px 4px;
 230     margin: 0;
 231 }
 232 .openerp .filter_label_group {
 233     padding-right: 0.4em;
 234 }
 235 .openerp .filter_label_group button:first-child {
 236     border-left: 1px solid #666;
 237     -webkit-border-top-left-radius: 7px;
 238     -webkit-border-bottom-left-radius: 7px;
 239     -moz-border-radius-topleft: 7px;
 240     -moz-border-radius-bottomleft: 7px;
 241     border-top-left-radius: 7px;
 242     border-bottom-left-radius: 7px;
 243 }
 244 .openerp .filter_label_group button:last-child {
 245     -webkit-border-top-right-radius: 7px;
 246     -webkit-border-bottom-right-radius: 7px;
 247     -moz-border-radius-topright: 7px;
 248     -moz-border-radius-bottomright: 7px;
 249     border-top-right-radius: 7px;
 250     border-bottom-right-radius: 7px;
 251 }
 252
 253 .openerp .searchview_group_string {
 254     display: block;
 255     color: #7D7979;
 256     font-weight: bold;
 257     padding: 2px 0 2px 10px;
 258     margin-top: 4px;
 259     text-decoration: none;
 260 }
 261 .openerp .searchview_group_string:hover {
 262     background-color: #ccc;
 263 }
 264 .openerp .searchview_group.folded .searchview_group_string {
 265     background: url("img/ui/group-folded.png") no-repeat scroll 0 50%;
 266 }
 267 .openerp .searchview_group.folded .searchview_group_content {
 268     display: none;
 269 }
 270 .openerp .searchview_group.expanded .searchview_group_string {
 271     background: url("img/ui/group-expanded.png") no-repeat scroll 0 50%;
 272 }
 273 .openerp .searchview_group.expanded .searchview_group_content {
 274     display: block;
 275 }
 276 .openerp .searchview_group_content {
 277     padding-left: 10px;
 278 }
 279
 280 /* Inputs */
 281 .openerp input[type="text"], .openerp input[type="password"], .openerp select, .openerp textarea {
 282     -moz-box-sizing: border-box;
 283     -webkit-box-sizing: border-box;
 284     -ms-box-sizing: border-box;
 285     box-sizing: border-box;
 286     padding: 2px;
 287     border: 1px solid #999;
 288     -moz-border-radius: 3px;
 289     -webkit-border-radius: 3px;
 290     border-radius: 3px;
 291     background: white;
 292 }
 293
 294 /* Widgets */
 295 .openerp .separator {
 296     border: 0 solid #666;
 297 }
 298 .openerp .separator.horizontal {
 299    font-weight: bold;
 300     border-bottom-width: 1px;
 301     margin: 6px 4px 6px 1px;
 302 }