addons/web/static/src/css/base.css

   1 .openerp2 {
   2   padding: 0;
   3   margin: 0;
   4   font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
   5   color: #4c4c4c;
   6   font-size: 13px;
   7   background: white;
   8   position: relative; }
   9   .openerp2 a {
  10     text-decoration: none; }
  11   .openerp2 .oe_webclient .oe_application {
  12     position: absolute;
  13     top: 33px;
  14     bottom: 0;
  15     left: 222px;
  16     right: 0; }
  17     .openerp2 .oe_webclient .oe_application a {
  18       color: #8a89ba; }
  19       .openerp2 .oe_webclient .oe_application a:hover {
  20         text-decoration: underline; }
  21   .openerp2 .oe_content_full_screen .oe_application {
  22     top: 0;
  23     left: 0; }
  24   .openerp2 .oe_content_full_screen .topbar, .openerp2 .oe_content_full_screen .leftbar {
  25     display: none; }
  26   .openerp2 .oe_topbar {
  27     width: 100%;
  28     height: 31px;
  29     border-top: solid 1px #d3d3d3;
  30     border-bottom: solid 1px black;
  31     background-color: #646060;
  32     background-image: -webkit-gradient(linear, left top, left bottom, from(#646060), to(#262626));
  33     background-image: -webkit-linear-gradient(top, #646060, #262626);
  34     background-image: -moz-linear-gradient(top, #646060, #262626);
  35     background-image: -ms-linear-gradient(top, #646060, #262626);
  36     background-image: -o-linear-gradient(top, #646060, #262626);
  37     background-image: linear-gradient(to bottom, #646060, #262626); }
  38     .openerp2 .oe_topbar .oe_systray {
  39       float: right; }
  40     .openerp2 .oe_topbar .oe_systray > div {
  41       float: left;
  42       padding: 0 4px 0 4px; }
  43     .openerp2 .oe_topbar .oe_topbar_item li {
  44       float: left; }
  45       .openerp2 .oe_topbar .oe_topbar_item li a {
  46         display: block;
  47         padding: 5px 10px 7px;
  48         line-height: 20px;
  49         height: 20px;
  50         color: #eeeeee;
  51         vertical-align: top;
  52         text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
  53         .openerp2 .oe_topbar .oe_topbar_item li a:hover {
  54           background: #303030;
  55           color: white;
  56           -moz-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
  57           -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
  58           -box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset; }
  59     .openerp2 .oe_topbar .oe_topbar_item .oe_active {
  60       background: #303030;
  61       font-weight: bold;
  62       color: white;
  63       -moz-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
  64       -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
  65       -box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset; }
  66     .openerp2 .oe_topbar .oe_topbar_avatar {
  67       width: 24px;
  68       height: 24px;
  69       margin: -2px 2px 0 0;
  70       -moz-border-radius: 4px;
  71       -webkit-border-radius: 4px;
  72       border-radius: 4px; }
  73     .openerp2 .oe_topbar .oe_topbar_avatar {
  74       vertical-align: top; }
  75   .openerp2 .oe_leftbarbg {
  76     position: fixed;
  77     width: 220px;
  78     top: 0;
  79     left: 0;
  80     height: 100%;
  81     background: #f0eeee;
  82     border-right: 1px solid #afafb6;
  83     z-index: -1; }
  84   .openerp2 .oe_leftbar {
  85     float: left;
  86     width: 221px;
  87     text-shadow: 0 1px 1px white; }
  88   .openerp2 a.oe_logo {
  89     display: block;
  90     text-align: center;
  91     height: 70px;
  92     line-height: 70px; }
  93     .openerp2 a.oe_logo img {
  94       height: 40px;
  95       width: 157px;
  96       margin: 14px 0; }
  97   .openerp2 .oe_footer {
  98     position: fixed;
  99     bottom: 0;
 100     padding: 4px 0;
 101     background: #f0eeee;
 102     width: 220px;
 103     text-align: center; }
 104     .openerp2 .oe_footer a {
 105       font-weight: 800;
 106       font-family: serif;
 107       font-size: 16px;
 108       color: black; }
 109       .openerp2 .oe_footer a span {
 110         color: #c81010;
 111         font-style: italic; }
 112   .openerp2 .oe_menu {
 113     float: left;
 114     padding: 0;
 115     margin: 0; }
 116     .openerp2 .oe_menu li {
 117       list-style-type: none;
 118       float: left; }
 119     .openerp2 .oe_menu a {
 120       display: block;
 121       padding: 5px 10px 7px;
 122       line-height: 20px;
 123       height: 20px;
 124       color: #eeeeee;
 125       vertical-align: top;
 126       text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
 127       .openerp2 .oe_menu a:hover {
 128         background: #303030;
 129         color: white;
 130         -moz-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
 131         -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
 132         -box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset; }
 133     .openerp2 .oe_menu .oe_active {
 134       background: #303030;
 135       font-weight: bold;
 136       color: white;
 137       -moz-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
 138       -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
 139       -box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset; }
 140   .openerp2 .oe_secondary_menu_section {
 141     font-weight: bold;
 142     margin-left: 8px;
 143     color: #8a89ba; }
 144   .openerp2 .oe_secondary_submenu {
 145     padding: 2px 0 8px 0;
 146     margin: 0;
 147     width: 100%;
 148     display: inline-block; }
 149     .openerp2 .oe_secondary_submenu li {
 150       position: relative;
 151       padding: 1px 0 1px 16px;
 152       list-style-type: none; }
 153       .openerp2 .oe_secondary_submenu li a {
 154         display: block;
 155         color: #4c4c4c;
 156         padding: 2px 4px 2px 0; }
 157       .openerp2 .oe_secondary_submenu li .oe_menu_label {
 158         position: absolute;
 159         top: 1px;
 160         right: 1px;
 161         font-size: 10px;
 162         background: #8a89ba;
 163         color: white;
 164         padding: 2px 4px;
 165         margin: 1px 6px 0 0;
 166         border: 1px solid lightGray;
 167         text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 168         -moz-border-radius: 4px;
 169         -webkit-border-radius: 4px;
 170         border-radius: 4px;
 171         -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
 172         -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
 173         -box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); }
 174     .openerp2 .oe_secondary_submenu .oe_active {
 175       background: #8a89ba;
 176       border-top: 1px solid lightGray;
 177       border-bottom: 1px solid lightGray;
 178       text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 179       -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
 180       -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
 181       -box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); }
 182       .openerp2 .oe_secondary_submenu .oe_active a {
 183         color: white; }
 184       .openerp2 .oe_secondary_submenu .oe_active .oe_menu_label {
 185         background: #eeeeee;
 186         color: #8a89ba;
 187         text-shadow: 0 1px 1px white;
 188         -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 189         -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 190         -box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
 191     .openerp2 .oe_secondary_submenu .oe_menu_toggler:before {
 192       width: 0;
 193       height: 0;
 194       display: inline-block;
 195       content: "&darr";
 196       text-indent: -99999px;
 197       vertical-align: top;
 198       margin-left: -8px;
 199       margin-top: 4px;
 200       margin-right: 4px;
 201       border-top: 4px solid transparent;
 202       border-bottom: 4px solid transparent;
 203       border-left: 4px solid #4c4c4c;
 204       filter: alpha(opacity=50);
 205       opacity: 0.5; }
 206     .openerp2 .oe_secondary_submenu .oe_menu_opened:before {
 207       margin-top: 6px;
 208       margin-left: -12px;
 209       margin-right: 4px;
 210       border-left: 4px solid transparent;
 211       border-right: 4px solid transparent;
 212       border-top: 4px solid #4c4c4c; }
 213   .openerp2 .oe_user_menu {
 214     float: right;
 215     padding: 0;
 216     margin: 0; }
 217     .openerp2 .oe_user_menu li {
 218       list-style-type: none;
 219       float: left; }
 220     .openerp2 .oe_user_menu .oe_dropdown {
 221       position: relative; }
 222     .openerp2 .oe_user_menu .oe_dropdown_toggle:after {
 223       width: 0;
 224       height: 0;
 225       display: inline-block;
 226       content: "&darr";
 227       text-indent: -99999px;
 228       vertical-align: top;
 229       margin-top: 8px;
 230       margin-left: 4px;
 231       border-left: 4px solid transparent;
 232       border-right: 4px solid transparent;
 233       border-top: 4px solid white;
 234       filter: alpha(opacity=50);
 235       opacity: 0.5; }
 236     .openerp2 .oe_user_menu .oe_dropdown_options {
 237       float: left;
 238       background: #333333;
 239       background: rgba(37, 37, 37, 0.9);
 240       display: none;
 241       position: absolute;
 242       top: 32px;
 243       right: -1px;
 244       border: 0;
 245       z-index: 900;
 246       margin-left: 0;
 247       margin-right: 0;
 248       padding: 6px 0;
 249       zoom: 1;
 250       border-color: #999999;
 251       border-color: rgba(0, 0, 0, 0.2);
 252       border-style: solid;
 253       border-width: 0 1px 1px;
 254       -moz-border-radius: 0 0 6px 6px;
 255       -webkit-border-radius: 0 0 6px 6px;
 256       border-radius: 0 0 6px 6px;
 257       -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
 258       -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
 259       -box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
 260       -webkit-background-clip: padding-box;
 261       -moz-background-clip: padding-box;
 262       background-clip: padding-box; }
 263       .openerp2 .oe_user_menu .oe_dropdown_options li {
 264         float: none;
 265         display: block;
 266         background-color: none; }
 267         .openerp2 .oe_user_menu .oe_dropdown_options li a {
 268           display: block;
 269           padding: 4px 15px;
 270           clear: both;
 271           font-weight: normal;
 272           line-height: 18px;
 273           color: #eeeeee; }
 274           .openerp2 .oe_user_menu .oe_dropdown_options li a:hover {
 275             background-color: #292929;
 276             background-image: -webkit-gradient(linear, left top, left bottom, from(#292929), to(#191919));
 277             background-image: -webkit-linear-gradient(top, #292929, #191919);
 278             background-image: -moz-linear-gradient(top, #292929, #191919);
 279             background-image: -ms-linear-gradient(top, #292929, #191919);
 280             background-image: -o-linear-gradient(top, #292929, #191919);
 281             background-image: linear-gradient(to bottom, #292929, #191919);
 282             -moz-box-shadow: none;
 283             -webkit-box-shadow: none;
 284             -box-shadow: none; }
 285   .openerp2 .oe_form_label_help[for], .openerp2 .oe_form_label[for] {
 286     white-space: nowrap; }
 287   .openerp2 .oe_form_group_cell .oe_form_button {
 288     width: 100%;
 289     white-space: nowrap; }
 290   .openerp2 .oe_layout_debugging .oe_form_group {
 291     border: 1px solid red; }
 292   .openerp2 .oe_layout_debugging .oe_form_group_cell {
 293     border: 1px solid blue;
 294     padding-bottom: 1em; }
 295   .openerp2 .oe_layout_debugging .oe_layout_debug_cell {
 296     position: absolute;
 297     color: white;
 298     bottom: 0;
 299     left: 0;
 300     background: green; }
 301   .openerp2 .oe_layout_debugging .oe_layout_debug_cell {
 302     display: block; }
 303   .openerp2 .oe_layout_debug_cell {
 304     display: none; }
 305
 306 .openerp .oe_form_field_many2one td:first {
 307   position: relative; }
 308 .openerp .oe_form_field_many2one span.oe-m2o-drop-down-button {
 309   position: absolute;
 310   top: 3px;
 311   right: 2px; }
 312 .openerp .oe_form_field_many2one.required input {
 313   background: #d2d2ff; }
 314 .openerp .oe_form_field_many2one.required.invalid input {
 315   background: #ff6666; }