1 /* TODO: separate openerp web client page css from openerp views css */
11 body.openerp, .openerp textarea, .openerp input, .openerp select, .openerp option, .openerp button, .openerp .ui-widget {
12 font-family: Ubuntu, Helvetica, sans-serif;
16 border: 1px solid #aaf;
30 text-align: right !important;
33 display: none !important;
38 .openerp .db_options_row {
53 border: 1px solid #900;
55 -moz-border-radius-bottomright: 8px;
56 -moz-border-radius-bottomleft: 8px;
57 border-bottom-right-radius: 8px;
58 border-bottom-left-radius: 8px;
60 .openerp .oe_notification {
64 .openerp .oe_notification * {
72 .openerp .login form {
78 .openerp .login fieldset {
83 -moz-border-radius: 10px;
84 -webkit-border-radius: 10px;
86 .openerp .login fieldset legend {
89 .openerp .login .oe_box2 {
90 padding: 5px 5px 20px 5px;
92 .openerp .login .oe_box2 table {
96 .openerp .login .oe_box2 td {
100 .openerp .login .oe_box2 td input,
101 .openerp .login .oe_box2 td select {
104 .openerp .login .oe_box2 td.oe_remember {
107 .openerp .login .oe_box2 td.oe_remember input {
110 .openerp .login .oe_login_right_pane {
111 padding:70px 35px 5px 10px;
115 .openerp .login .login_error_message {
117 background-color: #9A0404;
119 -moz-border-radius: 3px;
120 -webkit-border-radius: 3px;
128 .openerp .login .login_invalid .login_error_message {
132 .openerp.login-mode .login-container {
135 .openerp.login-mode .login {
138 .openerp.login-mode .menu,
139 .openerp.login-mode .secondary_menu,
140 .openerp.login-mode .oe-application,
141 .openerp.login-mode .db_options_row {
146 .openerp.database_block .db_options_row {
151 .openerp.database_block .menu,
152 .openerp.database_block .secondary_menu,
153 .openerp.database_block .oe-application,
154 .openerp.database_block .login-container {
164 padding: 5px 0 10px 5px;
165 background: #949292; /* Old browsers */
166 background: -moz-linear-gradient(top, #949292 30%, #6d6b6b 95%, #282828 100%); /* FF3.6+ */
167 background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#949292), color-stop(95%,#6d6b6b), color-stop(100%,#282828)); /* Chrome,Safari4+ */
168 background: -webkit-linear-gradient(top, #949292 30%,#6d6b6b 95%,#282828 100%); /* Chrome10+,Safari5.1+ */
169 background: -o-linear-gradient(top, #949292 30%,#6d6b6b 95%,#282828 100%); /* Opera11.10+ */
170 background: -ms-linear-gradient(top, #949292 30%,#6d6b6b 95%,#282828 100%); /* IE10+ */
171 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#949292', endColorstr='#282828',GradientType=0 ); /* IE6-9 */
172 background: linear-gradient(top, #949292 30%,#6d6b6b 95%,#282828 100%); /* W3C */
174 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#949292', endColorstr='#5B5A5A',GradientType=0 ); /* IE6-9 */
176 /* overriding jquery ui */
177 -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
180 text-transform: uppercase;
189 border: 1px solid #5A5858;
191 -moz-border-radius: 10px;
194 table.db_option_table input.required {
195 background-color: #D2D2FF !important;
198 .db_option_table input[type="text"], .db_option_table input[type="password"], .db_option_table select {
219 .openerp .main_table {
224 .openerp .oe-application-container {
231 background: #cc4e45; /* Old browsers */
232 background: -moz-linear-gradient(top, #cc4e45 0%, #b52d20 8%, #7a211a 100%); /* FF3.6+ */
233 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc4e45), color-stop(8%,#b52d20), color-stop(100%,#7a211a)); /* Chrome,Safari4+ */
234 background: -webkit-linear-gradient(top, #cc4e45 0%,#b52d20 8%,#7a211a 100%); /* Chrome10+,Safari5.1+ */
235 background: -o-linear-gradient(top, #cc4e45 0%,#b52d20 8%,#7a211a 100%); /* Opera11.10+ */
236 background: -ms-linear-gradient(top, #cc4e45 0%,#b52d20 8%,#7a211a 100%); /* IE10+ */
237 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CC4E45', endColorstr='#7A211A',GradientType=0 ); /* IE6-9 */
238 background: linear-gradient(top, #cc4e45 0%,#b52d20 8%,#7a211a 100%); /* W3C */
251 background: #bd5e54; /* Old browsers */
252 background: -moz-linear-gradient(top, #bd5e54 0%, #90322a 60%); /* FF3.6+ */
253 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bd5e54), color-stop(60%,#90322a)); /* Chrome,Safari4+ */
254 background: -webkit-linear-gradient(top, #bd5e54 0%,#90322a 60%); /* Chrome10+,Safari5.1+ */
255 background: -o-linear-gradient(top, #bd5e54 0%,#90322a 60%); /* Opera11.10+ */
256 background: -ms-linear-gradient(top, #bd5e54 0%,#90322a 60%); /* IE10+ */
257 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BD5E54', endColorstr='#90322A',GradientType=0 ); /* IE6-9 */
258 background: linear-gradient(top, #bd5e54 0%,#90322a 60%); /* W3C */
260 border: 1px solid #6E2A24;
262 -moz-border-radius: 4px;
263 -webkit-border-radius: 4px;
266 text-shadow: #222 0 1px 0;
267 text-decoration: none;
268 text-transform: uppercase;
275 .openerp .menu a:hover,
276 .openerp .menu a:focus,
277 .openerp .menu a.active {
278 background: #c6c6c6; /* Old browsers */
279 background: -moz-linear-gradient(top, #c6c6c6 0%, #5c5c5c 7%, #969595 86%); /* FF3.6+ */
280 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(7%,#5c5c5c), color-stop(86%,#969595)); /* Chrome,Safari4+ */
281 background: -webkit-linear-gradient(top, #c6c6c6 0%,#5c5c5c 7%,#969595 86%); /* Chrome10+,Safari5.1+ */
282 background: -o-linear-gradient(top, #c6c6c6 0%,#5c5c5c 7%,#969595 86%); /* Opera11.10+ */
283 background: -ms-linear-gradient(top, #c6c6c6 0%,#5c5c5c 7%,#969595 86%); /* IE10+ */
284 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C6C6C6', endColorstr='#969595',GradientType=0 ); /* IE6-9 */
285 background: linear-gradient(top, #c6c6c6 0%,#5c5c5c 7%,#969595 86%); /* W3C */
287 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c5c5c', endColorstr='#969595',GradientType=0 ); /* IE6-9 */
291 .openerp .secondary_menu .oe_toggle_secondary_menu {
294 border-left: 1px solid #282828;
298 background: transparent;
300 text-shadow: 0 1px 0 #333;
306 .openerp .secondary_menu.oe_folded .oe_toggle_secondary_menu {
309 border-bottom: 1px solid #282828;
314 .openerp .secondary_menu.oe_folded .oe_toggle_secondary_menu span.oe_menu_fold {
317 .openerp .secondary_menu.oe_unfolded .oe_toggle_secondary_menu span.oe_menu_unfold {
320 .openerp .secondary_menu {
323 border-right: 1px solid #3C3C3C;
324 border-bottom: 1px solid #5A5858;
331 .openerp .secondary_menu.oe_folded {
336 .openerp .secondary_menu.oe_folded .oe_secondary_menu.active {
339 border: 4px solid #585858;
340 border: 4px solid rgba(88, 88, 88, .5);
344 .openerp .secondary_menu a {
346 padding: 0 5px 2px 5px;
348 text-decoration: none;
351 text-shadow: 0 1px 0 #333;
353 .openerp .oe_secondary_submenu {
356 .openerp .secondary_menu a.oe_secondary_menu_item {
357 background: #949292; /* Old browsers */
358 background: -moz-linear-gradient(top, #949292 0%, #6d6b6b 87%, #282828 99%); /* FF3.6+ */
359 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#949292), color-stop(87%,#6d6b6b), color-stop(99%,#282828)); /* Chrome,Safari4+ */
360 background: -webkit-linear-gradient(top, #949292 0%,#6d6b6b 87%,#282828 99%); /* Chrome10+,Safari5.1+ */
361 background: -o-linear-gradient(top, #949292 0%,#6d6b6b 87%,#282828 99%); /* Opera11.10+ */
362 background: -ms-linear-gradient(top, #949292 0%,#6d6b6b 87%,#282828 99%); /* IE10+ */
363 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#949292', endColorstr='#282828',GradientType=0 ); /* IE6-9 */
364 background: linear-gradient(top, #949292 0%,#6d6b6b 87%,#282828 99%); /* W3C */
366 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#949292', endColorstr='#5B5A5A',GradientType=0 ); /* IE6-9 */
369 text-shadow: 0 1px 0 #333;
371 .openerp a.oe_secondary_submenu_item:hover,
372 .openerp a.oe_secondary_submenu_item.leaf.active {
374 background: #ffffff; /* Old browsers */
375 background: -moz-linear-gradient(top, #ffffff 0%, #d8d8d8 11%, #afafaf 86%, #333333 91%, #5a5858 96%); /* FF3.6+ */
376 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(11%,#d8d8d8), color-stop(86%,#afafaf), color-stop(91%,#333333), color-stop(96%,#5a5858)); /* Chrome,Safari4+ */
377 background: -webkit-linear-gradient(top, #ffffff 0%,#d8d8d8 11%,#afafaf 86%,#333333 91%,#5a5858 96%); /* Chrome10+,Safari5.1+ */
378 background: -o-linear-gradient(top, #ffffff 0%,#d8d8d8 11%,#afafaf 86%,#333333 91%,#5a5858 96%); /* Opera11.10+ */
379 background: -ms-linear-gradient(top, #ffffff 0%,#d8d8d8 11%,#afafaf 86%,#333333 91%,#5a5858 96%); /* IE10+ */
380 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#5A5858',GradientType=0 ); /* IE6-9 */
381 background: linear-gradient(top, #ffffff 0%,#d8d8d8 11%,#afafaf 86%,#333333 91%,#5a5858 96%); /* W3C */
382 padding: 0 5px 2px 5px;
385 text-decoration: none;
386 text-shadow: #fff 0 1px 0;
388 .openerp a.oe_secondary_submenu_item.submenu.opened span:before {
391 .openerp a.oe_secondary_submenu_item.submenu span:before {
398 background: url("/web/static/src/img/header-background.png") repeat-x scroll left top transparent;
400 letter-spacing: 0.5px;
401 text-shadow: 0 1px 0 #333333;
403 .openerp .company_logo_link {
408 border: 1px solid white;
409 border-right-color: black;
410 border-bottom-color: black;
412 background: -moz-linear-gradient(top, #FFFFFF 0%, #CECECE 100%);
413 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#CECECE));
414 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#CECECE',GradientType=0 );
416 .openerp .company_logo {
420 background: url(/web/static/src/img/logo.png);
424 .openerp .header_title {
429 text-shadow: 0 1px 0 #111111;
431 .openerp .header_title small {
436 .openerp .header_corner {
439 .openerp .header_corner .block {
443 /*background: url(../images/top-sep-a.png) no-repeat;*/
444 border-left: 1px solid #6a6a6a;
446 background: -moz-linear-gradient(top, #828282 0%, #4D4D4D 100%);
447 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#828282), color-stop(100%,#4D4D4D));
448 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828282', endColorstr='#4D4D4D',GradientType=0 );
450 .openerp .header_corner .block a {
453 text-decoration: none;
456 .openerp .header_corner .block a:hover {
458 background: -moz-linear-gradient(top, #929292 0%, #4D4D4D 100%);
459 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#929292), color-stop(100%,#4D4D4D));
460 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#929292', endColorstr='#4D4D4D',GradientType=0 );
462 .openerp .header_corner ul.block {
468 /*background: url(../images/top-sep-a.png) no-repeat;*/
471 /*text-transform: uppercase;*/
473 .openerp .header_corner ul.block li {
476 .openerp .header_corner ul.block li a {
481 .openerp .header_corner ul.block li a img {
482 vertical-align: middle;
484 .openerp .header_corner ul.block li a small {
488 padding: 1px 4px 2px;
489 background: rgba(0, 0, 0, 0.75);
491 -moz-border-radius: 7px;
492 -webkit-border-radius: 7px;
498 .openerp div.oe_footer {
499 background: none repeat scroll 0 0 #CCCCCC;
503 -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.4);
504 -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.4);
505 box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.4);
507 .openerp div.oe_footer p.oe_footer_powered {
516 .openerp div.oe_footer p.oe_footer_powered a {
517 text-decoration: none;
521 /* Main Application */
522 .openerp .oe-main-content,
523 .openerp .oe-application {
528 .openerp h2.oe_view_title {
533 text-shadow: white 0 1px 0;
537 .openerp .oe_vm_switch {
542 .openerp .filter_label, .openerp .filter_icon {
543 border: 1px solid #666;
544 border-left-width: 0;
546 background: -moz-linear-gradient(top, #F0F0F0 0%, #C0C0C0 100%);
547 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#C0C0C0));
548 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#C0C0C0',GradientType=0 );
550 .openerp .filter_label:hover, .openerp .filter_icon:hover {
552 background: -moz-linear-gradient(top, #F0F0F0 0%, #A1A7CE 100%);
553 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#A1A7CE));
554 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#A1A7CE',GradientType=0 );
556 .openerp .filter_label:active, .openerp .filter_icon:active {
558 background: -moz-linear-gradient(top, #999999 0%, #EEEEEE 100%);
559 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#EEEEEE));
560 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#EEEEEE',GradientType=0 );
562 .openerp .filter_label.enabled, .openerp .filter_icon.enabled {
565 .openerp .filter_icon {
567 padding: 1px 2px 0 2px;
569 vertical-align: bottom;
571 .openerp .filter_label {
573 text-transform: uppercase;
574 text-shadow: #EEE 0 1px 0;
582 .openerp .filter_label_group {
583 padding-right: 0.4em;
586 .openerp .filter_label_group button:first-child {
587 border-left: 1px solid #666;
588 -webkit-border-top-left-radius: 7px;
589 -webkit-border-bottom-left-radius: 7px;
590 -moz-border-radius-topleft: 7px;
591 -moz-border-radius-bottomleft: 7px;
592 border-top-left-radius: 7px;
593 border-bottom-left-radius: 7px;
595 .openerp .filter_label_group button:last-child {
596 -webkit-border-top-right-radius: 7px;
597 -webkit-border-bottom-right-radius: 7px;
598 -moz-border-radius-topright: 7px;
599 -moz-border-radius-bottomright: 7px;
600 border-top-right-radius: 7px;
601 border-bottom-right-radius: 7px;
604 .openerp .searchview_group_string {
608 padding: 2px 0 2px 10px;
610 text-decoration: none;
612 .openerp .searchview_group_string:hover {
613 background-color: #ccc;
615 .openerp .searchview_group.folded .searchview_group_string {
616 background: url("/web/static/src/img/ui/group-folded.png") no-repeat scroll 0 50%;
618 .openerp .searchview_group.folded .searchview_group_content {
621 .openerp .searchview_group.expanded .searchview_group_string {
622 background: url("/web/static/src/img/ui/group-expanded.png") no-repeat scroll 0 50%;
624 .openerp .searchview_group.expanded .searchview_group_content {
627 .openerp .searchview_group_content {
631 .openerp .searchview_extended_group {
636 .openerp .searchview_extended_group .oe_adv_filters_and {
637 border-bottom: 1px solid #8E8E8E;
641 .openerp .searchview_extended_group .oe_adv_filters_and span {
645 padding: 0 1em 0 1em;
649 .openerp .searchview_extended_group.last_group .oe_adv_filters_and {
653 .openerp .oe_search-view-custom-filter-btn span {
654 background: url(/web/static/src/img/icons/gtk-add.png) repeat-y;
658 .openerp .searchview_extended_add_proposition span {
660 background: url(/web/static/src/img/icons/gtk-add.png) repeat-y;
664 .openerp .searchview_extended_delete_group {
669 .openerp .searchview_extended_delete_prop {
670 text-decoration: none;
673 .openerp .searchview_extended_delete_group span,
674 .openerp .searchview_extended_delete_prop span {
676 background: url(/web/static/src/img/icons/gtk-close.png) repeat-y;
680 .openerp .oe-listview table {
684 border: 1px solid silver;
687 .openerp .oe-listview thead table {
691 .openerp .oe-listview tr.odd {
692 background-color: #f3f3f3;
694 .openerp .oe-listview tbody tr:hover {
695 background-color: #ecebf2;
697 .openerp .oe-listview tbody tr:hover {
698 background-color: #eae9f0;
700 .openerp .oe-listview thead table tr,
701 .openerp .oe-listview thead table tr:hover {
705 .openerp .oe-listview td,
706 .openerp .oe-listview th {
707 vertical-align: middle;
710 .openerp .oe-listview td.oe-record-delete {
713 .openerp .oe-listview th.oe-sortable {
716 .openerp .oe-listview th.oe-sortable .ui-icon {
719 display: inline-block;
722 .openerp .oe-listview .oe-field-cell {
725 .openerp .oe-listview .oe-field-cell progress {
728 .openerp .oe-listview .oe-field-cell button {
735 .openerp .oe-listview .oe-field-cell button:active {
738 .openerp .oe-listview .oe-field-cell button img {
741 .openerp .oe-listview .oe-field-cell button img:hover {
745 .openerp .oe-listview th.oe-actions {
749 .openerp .oe-listview th.oe-list-pager {
753 .openerp .oe-list-pager .oe-pager-state {
757 .openerp .oe-listview .oe-group-name {
760 .openerp .oe-listview .oe-group-name,
761 .openerp .oe-listview .oe-group-pagination {
765 .openerp .oe-listview tfoot td {
768 .openerp .oe-listview .oe-list-footer {
772 .openerp .oe-listview .oe-list-footer span {
775 .openerp .oe-listview .oe-list-footer progress {
776 vertical-align:-10% !important;
780 /** list rounded corners
782 rounded corners are a pain on tables: need to round not only table, but
783 also on the first and last children of the first and last row
785 .openerp .oe-listview table.oe-listview-content {
786 -webkit-border-radius: 7px;
787 -moz-border-radius: 7px;
790 .openerp .oe-listview table.oe-listview-content thead tr:first-child th:first-child {
791 -webkit-border-top-left-radius: 7px;
792 -moz-border-radius-topleft: 7px;
793 border-top-left-radius: 7px;
795 .openerp .oe-listview table.oe-listview-content thead tr:first-child th:last-child {
796 -webkit-border-top-right-radius: 7px;
797 -moz-border-radius-topright: 7px;
798 border-top-right-radius: 7px;
800 .openerp .oe-listview table.oe-listview-content tfoot td:first-child,
801 .openerp .oe-listview table.oe-listview-content tbody:last-child tr:last-child th:first-child {
802 -webkit-border-bottom-left-radius: 7px;
803 -moz-border-radius-bottomleft: 7px;
804 border-bottom-left-radius: 7px;
806 .openerp .oe-listview table.oe-listview-content tfoot td:last-child,
807 .openerp .oe-listview table.oe-listview-content tbody:last-child tr:last-child td:last-child {
808 -webkit-border-bottom-right-radius: 7px;
809 -moz-border-radius-bottomright: 7px;
810 border-bottom-right-radius: 7px;
814 .openerp .oe_form_notebook {
819 .openerp .oe_form_notebook ul.ui-tabs-nav {
821 background: transparent;
822 border-width: 0 0 1px 0;
824 -moz-border-radius: 0;
825 -webkit-border-radius: 0;
828 .openerp .oe_form_notebook ul.ui-tabs-nav li {
831 .openerp .oe_form_notebook .ui-tabs-panel {
833 border-width: 0 1px 1px 1px;
835 .openerp .oe_form_notebook .ui-tabs-selected {
840 .openerp .oe_frame.oe_forms {
843 .openerp table.oe_frame td {
846 .openerp td.oe_form_frame_cell {
850 .openerp td.oe_form_frame_cell.oe_form_group {
853 .openerp .required.error {
854 border: 1px solid #900;
856 .openerp .oe_form_buttons, .openerp .oe_list_buttons {
859 .openerp .oe_form_pager, .openerp .oe_list_pager {
863 .openerp label.oe_label_help, .openerp label.oe_label {
866 .openerp label.oe_label_help {
870 .openerp .oe_forms label.oe_label, .openerp .oe_forms label.oe_label_help {
872 margin: 3px 0 0 10px;
874 .openerp label.oe_label_help span {
884 .openerp .oe_forms input[type="text"], .openerp .oe_forms input[type="password"], .openerp .oe_forms select, .openerp .oe_forms textarea {
885 -moz-box-sizing: border-box;
886 -webkit-box-sizing: border-box;
887 -ms-box-sizing: border-box;
888 box-sizing: border-box;
889 padding: 0 2px 0 2px;
890 border: 1px solid #999;
891 -moz-border-radius: 3px;
892 -webkit-border-radius: 3px;
898 .openerp .oe_forms textarea {
901 .openerp .oe_forms input[type="text"], .openerp .oe_forms input[type="password"], .openerp .oe_forms select, .openerp .oe_forms .button {
904 .openerp .oe_forms input.field_datetime {
907 .openerp .oe_forms.oe_frame .oe_datepicker_root {
910 .openerp .oe_forms .button {
914 .openerp .oe_forms .button span {
918 .openerp .oe_input_icon {
924 .openerp .oe_datepicker_root {
926 display: inline-block;
928 .openerp .oe_datepicker_root input[type="text"] {
931 .openerp .oe_input_icon_disabled {
935 filter:alpha(opacity=50);
939 .openerp img.oe_field_translate {
946 .openerp .oe_trad_field.touched {
947 border: 1px solid green !important;
950 /* http://www.quirksmode.org/dom/inputfile.html
951 * http://stackoverflow.com/questions/2855589/replace-input-type-file-by-an-image
953 .openerp .oe-binary-file-set {
957 .openerp input.oe-binary-file {
962 /* Should be adjusted for all browsers */
966 filter: alpha(opacity = 0);
967 -ms-filter: "alpha(opacity=0)";
973 .openerp .separator {
974 border: 0 solid #666;
976 .openerp .separator.horizontal {
978 border-bottom-width: 1px;
979 margin: 3px 4px 3px 1px;
982 .openerp .oe_form_frame_cell.oe_form_separator_vertical {
983 border-left: 1px solid #666;
985 .openerp td.required input, .openerp td.required select {
986 background-color: #D2D2FF !important;
988 .openerp td.invalid input, .openerp td.invalid select, .openerp td.invalid textarea {
989 background-color: #F66 !important;
990 border: 1px solid #D00 !important;
992 .openerp div.oe-progressbar span {
999 /* jQuery UI override */
1000 .openerp .ui-widget {
1003 .openerp .oe_form_field_progressbar .ui-progressbar {
1006 -moz-box-sizing: border-box;
1007 -webkit-box-sizing: border-box;
1008 -ms-box-sizing: border-box;
1009 box-sizing: border-box;
1010 border: 1px solid #999;
1011 -moz-border-radius: 3px;
1012 -webkit-border-radius: 3px;
1019 .openerp .view-manager-main-table {
1022 border-collapse:collapse;
1026 .openerp .view-manager-main-table tbody {
1027 vertical-align: top;
1030 .openerp .view-manager-main-content {
1033 .openerp .oe-view-manager-header {
1036 .openerp .oe-view-manager-header h2 {
1039 .openerp .oe-view-manager-header blockquote {
1044 border-bottom: 1px solid #CECBCB;
1048 .openerp .oe-view-manager-header blockquote p {
1050 padding: 6px 1px 4px;
1052 .openerp .oe-view-manager-header blockquote div {
1055 .openerp .oe-view-manager-header blockquote div button {
1061 text-decoration: underline;
1064 .openerp .oe-view-manager-logs {
1073 .openerp .oe-view-manager-logs li:before {
1076 .openerp .oe-view-manager-logs a {
1077 text-decoration: none;
1081 .openerp .view-manager-main-sidebar {
1087 .openerp .sidebar-main-div {
1089 border-left: 1px solid #D2CFCF;
1092 .openerp .sidebar-content {
1100 .openerp .closed-sidebar .sidebar-content {
1104 .openerp .closed-sidebar .sidebar-content {
1108 .openerp .sidebar-main-div a {
1110 text-decoration: none;
1113 .openerp .sidebar-main-div a:hover {
1117 .openerp .oe-sidebar-attachments-toolbar {
1118 margin: 4px 0 0 4px;
1120 .openerp .oe-sidebar-attachments-items {
1122 padding-top: 5px !important;
1124 .openerp .oe-sidebar-attachments-items li {
1126 padding: 0 0 3px 10px !important;
1128 .openerp .oe-sidebar-attachments-items li:hover {
1131 .openerp .oe-sidebar-attachments-link {
1136 .openerp .oe-sidebar-attachment-delete {
1145 -moz-border-radius: 7px;
1146 -webkit-border-radius: 7px;
1148 .openerp .oe-sidebar-attachment-delete:hover {
1149 background-color: white;
1152 .openerp .view-manager-main-sidebar h2 {
1156 text-shadow: white 0 1px 0;
1158 padding-right: 21px;
1161 background: #ffffff; /* Old browsers */
1162 background: -moz-linear-gradient(top, #ffffff 0%, #ebe9e9 100%); /* FF3.6+ */
1163 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebe9e9)); /* Chrome,Safari4+ */
1164 background: -webkit-linear-gradient(top, #ffffff 0%,#ebe9e9 100%); /* Chrome10+,Safari5.1+ */
1165 background: -o-linear-gradient(top, #ffffff 0%,#ebe9e9 100%); /* Opera11.10+ */
1166 background: -ms-linear-gradient(top, #ffffff 0%,#ebe9e9 100%); /* IE10+ */
1167 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EBE9E9',GradientType=0 ); /* IE6-9 */
1168 background: linear-gradient(top, #ffffff 0%,#ebe9e9 100%); /* W3C */
1170 border: 1px solid #D2CFCF;
1171 border-right-width: 0;
1172 border-left-width: 0;
1175 .openerp .view-manager-main-sidebar ul {
1176 list-style-type: none;
1182 .openerp .view-manager-main-sidebar li {
1184 padding: 3px 3px 3px 10px;
1187 .openerp .toggle-sidebar {
1189 border: 1px solid #D2CFCF;
1191 background: url(/web/static/src/img/toggle-a-bg.png);
1196 .openerp .open-sidebar .toggle-sidebar {
1198 background-position: 21px 0;
1201 .openerp .closed-sidebar .toggle-sidebar {
1204 .openerp li.oe_sidebar_print {
1206 background: 1px 3px url(/web/static/src/img/icons/gtk-print.png) no-repeat;
1209 .openerp.kitten-mode-activated .main_table {
1210 background: url(http://placekitten.com/g/1500/800) repeat;
1213 .openerp.kitten-mode-activated .header {
1214 background: url(http://placekitten.com/g/211/65) repeat;
1217 .openerp.kitten-mode-activated .secondary_menu {
1218 background: url(http://placekitten.com/g/212/100) repeat;
1221 .openerp.kitten-mode-activated .menu {
1222 background: #828282;
1223 background: -moz-linear-gradient(top, #828282 0%, #4D4D4D 100%);
1224 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#828282), color-stop(100%,#4D4D4D));
1225 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828282', endColorstr='#4D4D4D',GradientType=0 );
1227 .openerp.kitten-mode-activated .menu a {
1230 .openerp.kitten-mode-activated .menu span {
1233 .openerp.kitten-mode-activated .sidebar-content li a,
1234 .openerp.kitten-mode-activated .oe-application .view-manager-main-content h2.oe_view_title,
1235 .openerp.kitten-mode-activated .oe-application .view-manager-main-content a.searchview_group_string,
1236 .openerp.kitten-mode-activated .oe-application .view-manager-main-content label {
1239 .openerp.kitten-mode-activated .menu,
1240 .openerp.kitten-mode-activated .header_corner,
1241 .openerp.kitten-mode-activated .header_title,
1242 .openerp.kitten-mode-activated .secondary_menu div,
1243 .openerp.kitten-mode-activated .oe-application,
1244 .openerp.kitten-mode-activated .oe_footer,
1245 .openerp.kitten-mode-activated .loading,
1246 .openerp.kitten-mode-activated .ui-dialog {
1248 filter:alpha(opacity=80);
1250 .openerp.kitten-mode-activated .header .company_logo {
1251 background: url(http://placekitten.com/g/180/46);
1253 .openerp.kitten-mode-activated .loading {
1254 background: #828282;
1255 border-color: #828282;
1259 padding-right: 20px;
1260 white-space: nowrap;
1262 .openerp .oe_forms .oe-m2o input[type="text"] {
1263 padding-right: 20px;
1265 .openerp .oe-m2o-drop-down-button {
1268 .openerp .oe-m2o-drop-down-button img,
1269 .openerp .oe-m2o-cm-button img {
1270 margin-bottom: -4px;
1273 .openerp .oe-m2o-cm-button img {
1276 .openerp .oe-m2o-disabled-cm {
1280 vertical-align: text-top;
1283 .openerp .oe-dialog-warning p {
1289 .openerp .dhx_mini_calendar {
1290 -moz-box-shadow: none;
1291 -khtml-box-shadow: none;
1292 -webkit-box-shadow: none;
1295 .openerp .oe-treeview-table {
1298 .treeview-tr, .treeview-td {
1300 vertical-align: top;
1303 .treeview-tr span, .treeview-td span {
1306 .treeview-tr:first-of-type {
1307 background: transparent url(/web/static/src/img/expand.gif) 0 50% no-repeat;
1309 .oe-open .treeview-tr:first-of-type {
1310 background-image: url(/web/static/src/img/collapse.gif);
1312 .treeview-tr:first-of-type span,
1313 .treeview-td:first-of-type span {
1319 vertical-align: top;
1322 .oe-shortcut-toggle {
1328 background: url(/web/static/src/img/add-shortcut.png) no-repeat bottom;
1331 .oe-shortcut-remove{
1332 background: url(/web/static/src/img/remove-shortcut.png) no-repeat bottom;
1334 /* ================ */
1350 white-space: nowrap;
1356 display: -moz-inline-stack;
1357 display: inline-block;
1358 display: inline; /*IE7 */
1361 border-left: 1px solid #909090;
1364 font-weight: normal;
1366 .oe-shortcuts li:first-child {
1372 padding-left: 0.5em;
1375 ul.oe-arrow-list li {
1376 display: inline-block;
1377 margin-left: -0.5em;
1379 ul.oe-arrow-list li span {
1380 vertical-align: top;
1381 display: inline-block;
1384 border-color: white;
1387 ul.oe-arrow-list .oe-arrow-list-before {
1388 border-left-color: rgba(0,0,0,0);
1389 border-right-width:0;
1391 ul.oe-arrow-list .oe-arrow-list-after {
1392 border-color: rgba(0,0,0,0);
1393 border-left-color: white;
1394 border-right-width:0;
1396 ul.oe-arrow-list li.oe-arrow-list-selected span {
1397 border-color: #CFCCCC;
1399 ul.oe-arrow-list li.oe-arrow-list-selected .oe-arrow-list-before {
1400 border-left-color: rgba(0,0,0,0);
1402 ul.oe-arrow-list li.oe-arrow-list-selected .oe-arrow-list-after {
1403 border-color: rgba(0,0,0,0);
1404 border-left-color: #CFCCCC;
1406 .openerp .view_editor{
1408 font-weight: normal;
1411 border-bottom: 1px solid #CFCCCC;