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