4 font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
11 text-decoration: none;
13 .openerp2 a.button:link, .openerp2 a.button:visited, .openerp2 button, .openerp2 input[type='submit'] {
14 display: inline-block;
15 border: 1px solid #ababab;
21 background-color: #efefef;
22 background-image: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#d8d8d8));
23 background-image: -webkit-linear-gradient(top, #efefef, #d8d8d8);
24 background-image: -moz-linear-gradient(top, #efefef, #d8d8d8);
25 background-image: -ms-linear-gradient(top, #efefef, #d8d8d8);
26 background-image: -o-linear-gradient(top, #efefef, #d8d8d8);
27 background-image: linear-gradient(to bottom, #efefef, #d8d8d8);
28 -moz-border-radius: 3px;
29 -webkit-border-radius: 3px;
31 -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
32 -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
33 -box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
34 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
35 -webkit-font-smoothing: antialiased;
38 .openerp2 a.button:hover, .openerp2 button:hover, .openerp2 input[type='submit']:hover {
39 background-color: #f6f6f6;
40 background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3));
41 background-image: -webkit-linear-gradient(top, #f6f6f6, #e3e3e3);
42 background-image: -moz-linear-gradient(top, #f6f6f6, #e3e3e3);
43 background-image: -ms-linear-gradient(top, #f6f6f6, #e3e3e3);
44 background-image: -o-linear-gradient(top, #f6f6f6, #e3e3e3);
45 background-image: linear-gradient(to bottom, #f6f6f6, #e3e3e3);
48 .openerp2 a.button:focus, .openerp2 button:focus, .openerp2 input[type='submit']:focus {
49 border: 1px solid #80bfff;
50 background-color: #f6f6f6;
51 background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3));
52 background-image: -webkit-linear-gradient(top, #f6f6f6, #e3e3e3);
53 background-image: -moz-linear-gradient(top, #f6f6f6, #e3e3e3);
54 background-image: -ms-linear-gradient(top, #f6f6f6, #e3e3e3);
55 background-image: -o-linear-gradient(top, #f6f6f6, #e3e3e3);
56 background-image: linear-gradient(to bottom, #f6f6f6, #e3e3e3);
57 -moz-box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset;
58 -webkit-box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset;
59 -box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset;
61 .openerp2 a.button:active, .openerp2 a.button.active, .openerp2 button:active, .openerp2 button.active, .openerp2 input[type='submit']:active, .openerp2 input[type='submit'].active {
63 background: -moz-linear-gradient(top, #e3e3e3, #f6f6f6) #1b468f;
64 background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#f6f6f6)) #1b468f;
65 background: linear-gradient(top, #e3e3e3, #f6f6f6) #1b468f;
66 -moz-box-shadow: none;
67 -webkit-box-shadow: none;
70 .openerp2 a.button.disabled, .openerp2 button:disabled, .openerp2 input[type='submit']:disabled {
71 background: #efefef !important;
72 border: 1px solid #d1d1d1 !important;
73 -moz-box-shadow: none !important;
74 -webkit-box-shadow: none !important;
75 -box-shadow: none !important;
76 color: #aaaaaa !important;
78 text-shadow: 0 1px 1px white !important;
80 .openerp2 button.primary {
82 background-color: #dc5f59;
83 background-image: -webkit-gradient(linear, left top, left bottom, from(#dc5f59), to(#b33630));
84 background-image: -webkit-linear-gradient(top, #dc5f59, #b33630);
85 background-image: -moz-linear-gradient(top, #dc5f59, #b33630);
86 background-image: -ms-linear-gradient(top, #dc5f59, #b33630);
87 background-image: -o-linear-gradient(top, #dc5f59, #b33630);
88 background-image: linear-gradient(to bottom, #dc5f59, #b33630);
89 -moz-box-shadow: none;
90 -webkit-box-shadow: none;
93 .openerp2 button.primary:hover {
94 background-color: #df6b66;
95 background-image: -webkit-gradient(linear, left top, left bottom, from(#df6b66), to(#bf3a33));
96 background-image: -webkit-linear-gradient(top, #df6b66, #bf3a33);
97 background-image: -moz-linear-gradient(top, #df6b66, #bf3a33);
98 background-image: -ms-linear-gradient(top, #df6b66, #bf3a33);
99 background-image: -o-linear-gradient(top, #df6b66, #bf3a33);
100 background-image: linear-gradient(to bottom, #df6b66, #bf3a33);
101 -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
102 -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
103 -box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
105 .openerp2 button.primary:active {
106 background-color: #b33630;
107 background-image: -webkit-gradient(linear, left top, left bottom, from(#b33630), to(#dc5f59));
108 background-image: -webkit-linear-gradient(top, #b33630, #dc5f59);
109 background-image: -moz-linear-gradient(top, #b33630, #dc5f59);
110 background-image: -ms-linear-gradient(top, #b33630, #dc5f59);
111 background-image: -o-linear-gradient(top, #b33630, #dc5f59);
112 background-image: linear-gradient(to bottom, #b33630, #dc5f59);
113 -moz-box-shadow: none;
114 -webkit-box-shadow: none;
117 .openerp2 button.following {
120 background-color: #8a89ba;
121 background-image: -webkit-gradient(linear, left top, left bottom, from(#8a89ba), to(#807fb4));
122 background-image: -webkit-linear-gradient(top, #8a89ba, #807fb4);
123 background-image: -moz-linear-gradient(top, #8a89ba, #807fb4);
124 background-image: -ms-linear-gradient(top, #8a89ba, #807fb4);
125 background-image: -o-linear-gradient(top, #8a89ba, #807fb4);
126 background-image: linear-gradient(to bottom, #8a89ba, #807fb4);
128 .openerp2 button.unfollow {
132 background-color: #dc5f59;
133 background-image: -webkit-gradient(linear, left top, left bottom, from(#dc5f59), to(#b33630));
134 background-image: -webkit-linear-gradient(top, #dc5f59, #b33630);
135 background-image: -moz-linear-gradient(top, #dc5f59, #b33630);
136 background-image: -ms-linear-gradient(top, #dc5f59, #b33630);
137 background-image: -o-linear-gradient(top, #dc5f59, #b33630);
138 background-image: linear-gradient(to bottom, #dc5f59, #b33630);
143 .openerp2 .oe_right {
146 .openerp2 .oe_clear {
149 .openerp2 .oe_content_full_screen .oe_application {
153 .openerp2 .oe_content_full_screen .topbar, .openerp2 .oe_content_full_screen .leftbar {
156 .openerp2 .oe_webclient {
160 .openerp2 .oe_topbar {
163 border-top: solid 1px #d3d3d3;
164 border-bottom: solid 1px black;
165 background-color: #646060;
166 background-image: -webkit-gradient(linear, left top, left bottom, from(#646060), to(#262626));
167 background-image: -webkit-linear-gradient(top, #646060, #262626);
168 background-image: -moz-linear-gradient(top, #646060, #262626);
169 background-image: -ms-linear-gradient(top, #646060, #262626);
170 background-image: -o-linear-gradient(top, #646060, #262626);
171 background-image: linear-gradient(to bottom, #646060, #262626);
173 .openerp2 .oe_topbar .oe_systray {
176 .openerp2 .oe_topbar .oe_systray > div {
178 padding: 0 4px 0 4px;
180 .openerp2 .oe_topbar .oe_topbar_item li {
183 .openerp2 .oe_topbar .oe_topbar_item li a {
185 padding: 5px 10px 7px;
190 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
192 .openerp2 .oe_topbar .oe_topbar_item li a:hover {
195 -moz-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
196 -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
197 -box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
199 .openerp2 .oe_topbar .oe_topbar_item .oe_active {
203 -moz-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
204 -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
205 -box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
207 .openerp2 .oe_topbar .oe_topbar_avatar {
210 margin: -2px 2px 0 0;
211 -moz-border-radius: 4px;
212 -webkit-border-radius: 4px;
215 .openerp2 .oe_topbar .oe_topbar_avatar {
218 .openerp2 .oe_topbar .oe_dropdown_toggle:after {
221 display: inline-block;
223 text-indent: -99999px;
227 border-left: 4px solid transparent;
228 border-right: 4px solid transparent;
229 border-top: 4px solid white;
230 filter: alpha(opacity=50);
233 .openerp2 .oe_user_menu {
238 .openerp2 .oe_user_menu li {
239 list-style-type: none;
242 .openerp2 .oe_user_menu .oe_dropdown {
245 .openerp2 .oe_user_menu .oe_dropdown_options {
248 background: rgba(37, 37, 37, 0.9);
259 border-color: #999999;
260 border-color: rgba(0, 0, 0, 0.2);
262 border-width: 0 1px 1px;
263 -moz-border-radius: 0 0 6px 6px;
264 -webkit-border-radius: 0 0 6px 6px;
265 border-radius: 0 0 6px 6px;
266 -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
267 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
268 -box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
269 -webkit-background-clip: padding-box;
270 -moz-background-clip: padding-box;
271 background-clip: padding-box;
273 .openerp2 .oe_user_menu .oe_dropdown_options li {
276 background-color: none;
278 .openerp2 .oe_user_menu .oe_dropdown_options li a {
286 .openerp2 .oe_user_menu .oe_dropdown_options li a:hover {
287 background-color: #292929;
288 background-image: -webkit-gradient(linear, left top, left bottom, from(#292929), to(#191919));
289 background-image: -webkit-linear-gradient(top, #292929, #191919);
290 background-image: -moz-linear-gradient(top, #292929, #191919);
291 background-image: -ms-linear-gradient(top, #292929, #191919);
292 background-image: -o-linear-gradient(top, #292929, #191919);
293 background-image: linear-gradient(to bottom, #292929, #191919);
294 -moz-box-shadow: none;
295 -webkit-box-shadow: none;
298 .openerp2 .oe_leftbar {
301 border-right: 1px solid #afafb6;
302 text-shadow: 0 1px 1px white;
304 .openerp2 a.oe_logo {
311 .openerp2 a.oe_logo img {
316 .openerp2 .oe_footer {
324 .openerp2 .oe_footer a {
330 .openerp2 .oe_footer a span {
339 .openerp2 .oe_menu li {
340 list-style-type: none;
343 .openerp2 .oe_menu a {
345 padding: 5px 10px 7px;
350 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
352 .openerp2 .oe_menu a:hover {
355 -moz-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
356 -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
357 -box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
359 .openerp2 .oe_menu .oe_active {
363 -moz-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
364 -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
365 -box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
367 .openerp2 .oe_menu_more_container {
370 .openerp2 .oe_menu_more_container .oe_menu_more {
373 background-color: #646060;
375 border: 1px solid black;
376 border-bottom-left-radius: 5px;
377 border-bottom-right-radius: 5px;
379 .openerp2 .oe_menu_more_container .oe_menu_more li {
382 .openerp2 .oe_menu_more_container .oe_menu_more li a {
385 .openerp2 .oe_secondary_menu_section {
390 .openerp2 .oe_secondary_submenu {
391 padding: 2px 0 8px 0;
394 display: inline-block;
396 .openerp2 .oe_secondary_submenu li {
398 padding: 1px 0 1px 16px;
399 list-style-type: none;
401 .openerp2 .oe_secondary_submenu li a {
404 padding: 2px 4px 2px 0;
406 .openerp2 .oe_secondary_submenu li .oe_menu_label {
415 border: 1px solid lightGray;
416 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
417 -moz-border-radius: 4px;
418 -webkit-border-radius: 4px;
420 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
421 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
422 -box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
424 .openerp2 .oe_secondary_submenu .oe_active {
426 border-top: 1px solid lightGray;
427 border-bottom: 1px solid lightGray;
428 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
429 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
430 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
431 -box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
433 .openerp2 .oe_secondary_submenu .oe_active a {
436 .openerp2 .oe_secondary_submenu .oe_active .oe_menu_label {
439 text-shadow: 0 1px 1px white;
440 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
441 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
442 -box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
444 .openerp2 .oe_secondary_submenu .oe_menu_toggler:before {
447 display: inline-block;
449 text-indent: -99999px;
454 border-top: 4px solid transparent;
455 border-bottom: 4px solid transparent;
456 border-left: 4px solid #4c4c4c;
457 filter: alpha(opacity=50);
460 .openerp2 .oe_secondary_submenu .oe_menu_opened:before {
464 border-left: 4px solid transparent;
465 border-right: 4px solid transparent;
466 border-top: 4px solid #4c4c4c;
473 .openerp2 .oe_application {
476 .openerp2 .oe_application a {
479 .openerp2 .oe_application a:hover {
480 text-decoration: underline;
482 .openerp2 .oe_form label {
485 .openerp2 .oe_form_topbar {
486 border-bottom: 1px solid #cacaca;
487 background-color: #fcfcfc;
488 background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#dedede));
489 background-image: -webkit-linear-gradient(top, #fcfcfc, #dedede);
490 background-image: -moz-linear-gradient(top, #fcfcfc, #dedede);
491 background-image: -ms-linear-gradient(top, #fcfcfc, #dedede);
492 background-image: -o-linear-gradient(top, #fcfcfc, #dedede);
493 background-image: linear-gradient(to bottom, #fcfcfc, #dedede);
497 .openerp2 .oe_form_topbar button {
505 .openerp2 .oe_form_topbar button span.i {
509 .openerp2 .oe_form_topbar ul {
513 text-shadow: 0 1px 1px white;
514 border-left: 1px solid #cacaca;
515 border-right: 1px solid #cacaca;
517 .openerp2 .oe_form_topbar ul li {
520 list-style-type: none;
523 border-right: 1px solid #cacaca;
527 .openerp2 .oe_form_topbar ul li:first-child {
528 border-left: 1px solid #cacaca;
530 .openerp2 .oe_form_topbar ul li a {
533 .openerp2 .oe_form_topbar ul li a:hover {
536 .openerp2 .oe_form_topbar .oe_form_steps img {
540 .openerp2 .oe_form_topbar .oe_form_steps li {
544 .openerp2 .oe_form_topbar .oe_form_steps li:first-child {
548 .openerp2 .oe_form_topbar .oe_form_steps li:last-child {
551 .openerp2 .oe_form_topbar .oe_form_steps_active {
555 .openerp2 .oe_form_sheetbg {
556 background: url(/web/static/src/img/form_sheetbg.png);
558 border-bottom: 1px solid #dddddd;
560 .openerp2 .oe_form_sheet_width {
565 .openerp2 .oe_form_sheet {
569 border: 1px solid #afafb6;
570 -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
571 -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
572 -box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
574 .openerp2 .oe_form_header {
577 .openerp2 .oe_form_group_cell {
580 .openerp2 .oe_form_group_cell .oe_form_button {
584 .openerp2 .oe_layout_debugging .oe_form_group {
585 border: 2px dashed red;
587 .openerp2 .oe_layout_debugging .oe_form_group_cell {
588 border: 1px solid blue;
591 .openerp2 .oe_layout_debugging .oe_layout_debug_cell {
597 .openerp2 .oe_layout_debugging .oe_layout_debug_cell {
600 .openerp2 .oe_layout_debug_cell {
603 .openerp2 .oe_form_label_help[for], .openerp2 .oe_form_label[for] {
607 .openerp .oe_form_field_many2one td:first-child {
610 .openerp .oe_form_field_many2one span.oe-m2o-drop-down-button {