1 /* TODO: separate openerp web client page css from openerp views css */
5 font-family: helvetica, arial, sans-serif;
10 border: 1px solid #aaf;
46 border: 1px solid #900;
48 -moz-border-radius-bottomright: 8px;
49 -moz-border-radius-bottomleft: 8px;
50 border-bottom-right-radius: 8px;
51 border-bottom-left-radius: 8px;
53 .openerp .oe_notification {
57 .openerp .oe_notification * {
72 .openerp .login_valid {
73 background-color: #8f8;
75 .openerp .login_invalid {
76 background-color: #f88;
80 .openerp .main_table {
98 background: #cc4e45; /* Old browsers */
99 background: -moz-linear-gradient(top, #cc4e45 0%, #b52d20 8%, #7a211a 100%); /* FF3.6+ */
100 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc4e45), color-stop(8%,#b52d20), color-stop(100%,#7a211a)); /* Chrome,Safari4+ */
101 background: -webkit-linear-gradient(top, #cc4e45 0%,#b52d20 8%,#7a211a 100%); /* Chrome10+,Safari5.1+ */
102 background: -o-linear-gradient(top, #cc4e45 0%,#b52d20 8%,#7a211a 100%); /* Opera11.10+ */
103 background: -ms-linear-gradient(top, #cc4e45 0%,#b52d20 8%,#7a211a 100%); /* IE10+ */
104 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CC4E45', endColorstr='#7A211A',GradientType=0 ); /* IE6-9 */
105 background: linear-gradient(top, #cc4e45 0%,#b52d20 8%,#7a211a 100%); /* W3C */
118 background: #bd5e54; /* Old browsers */
119 background: -moz-linear-gradient(top, #bd5e54 0%, #90322a 60%); /* FF3.6+ */
120 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bd5e54), color-stop(60%,#90322a)); /* Chrome,Safari4+ */
121 background: -webkit-linear-gradient(top, #bd5e54 0%,#90322a 60%); /* Chrome10+,Safari5.1+ */
122 background: -o-linear-gradient(top, #bd5e54 0%,#90322a 60%); /* Opera11.10+ */
123 background: -ms-linear-gradient(top, #bd5e54 0%,#90322a 60%); /* IE10+ */
124 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BD5E54', endColorstr='#90322A',GradientType=0 ); /* IE6-9 */
125 background: linear-gradient(top, #bd5e54 0%,#90322a 60%); /* W3C */
127 border: 1px solid #6E2A24;
129 -moz-border-radius: 4px;
130 -webkit-border-radius: 4px;
133 text-shadow: #222 0 1px 0;
134 text-decoration: none;
135 text-transform: uppercase;
140 .openerp .menu a:hover,
141 .openerp .menu a:focus,
142 .openerp .menu a.active {
143 background: #c6c6c6; /* Old browsers */
144 background: -moz-linear-gradient(top, #c6c6c6 0%, #5c5c5c 7%, #969595 86%); /* FF3.6+ */
145 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(7%,#5c5c5c), color-stop(86%,#969595)); /* Chrome,Safari4+ */
146 background: -webkit-linear-gradient(top, #c6c6c6 0%,#5c5c5c 7%,#969595 86%); /* Chrome10+,Safari5.1+ */
147 background: -o-linear-gradient(top, #c6c6c6 0%,#5c5c5c 7%,#969595 86%); /* Opera11.10+ */
148 background: -ms-linear-gradient(top, #c6c6c6 0%,#5c5c5c 7%,#969595 86%); /* IE10+ */
149 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C6C6C6', endColorstr='#969595',GradientType=0 ); /* IE6-9 */
150 background: linear-gradient(top, #c6c6c6 0%,#5c5c5c 7%,#969595 86%); /* W3C */
155 .openerp .secondary_menu {
158 border-right: 1px solid #3C3C3C;
159 border-bottom: 1px solid #5A5858;
164 .openerp .secondary_menu .menu_content {
170 .openerp .secondary_menu h3 {
172 background: url(../img/secondary_menu-bg.gif) 0 100% repeat-x;
175 .openerp .secondary_menu h4 {
176 padding: 0 0 2px 10px;
180 .openerp .secondary_menu h3 span, .openerp .secondary_menu h4 span {
183 .openerp .secondary_menu a {
190 text-decoration: none;
191 text-shadow: 0 1px 0 #333;
193 .openerp .secondary_menu h3 a {
194 background: url(../img/secondary_menu-h3-bg.png) 0 100% repeat-x;
196 .openerp .secondary_menu a.leaf:hover,
197 .openerp .secondary_menu a.leaf:active,
198 .openerp .secondary_menu a.leaf.active,
199 .openerp .secondary_menu h4:hover,
200 .openerp .secondary_menu h4:active,
201 .openerp .secondary_menu h4.active,
202 .openerp .secondary_menu h4:hover a,
203 .openerp .secondary_menu h4:active a,
204 .openerp .secondary_menu h4.active a {
205 background: url(../img/secondary_menu-link-bg.gif) repeat-x;
207 text-shadow: #fff 0 1px 0;
208 border: none !important;
210 .openerp div.submenu_accordion div.menu_content a span {
217 background: url("../img/header-background.png") repeat-x scroll left top transparent;
219 letter-spacing: 0.5px;
220 text-shadow: 0 1px 0 #333333;
222 .openerp .company_logo_link {
228 border: 1px solid white;
229 border-right-color: black;
230 border-bottom-color: black;
232 background: -moz-linear-gradient(top, #FFFFFF 0%, #CECECE 100%);
233 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#CECECE));
234 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#CECECE',GradientType=0 );
236 .openerp .company_logo {
240 background: url(/base/static/src/img/logo.png);
244 .openerp .header_title {
249 text-shadow: 0 1px 0 #111111;
251 .openerp .header_title small {
256 .openerp .header_corner {
259 .openerp .header_corner .block {
263 /*background: url(../images/top-sep-a.png) no-repeat;*/
264 border-left: 1px solid #6a6a6a;
266 background: -moz-linear-gradient(top, #828282 0%, #4D4D4D 100%);
267 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#828282), color-stop(100%,#4D4D4D));
268 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828282', endColorstr='#4D4D4D',GradientType=0 );
270 .openerp .header_corner .block a {
273 text-decoration: none;
276 .openerp .header_corner .block a:hover {
278 background: -moz-linear-gradient(top, #929292 0%, #4D4D4D 100%);
279 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#929292), color-stop(100%,#4D4D4D));
280 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#929292', endColorstr='#4D4D4D',GradientType=0 );
282 .openerp .header_corner ul.block {
288 /*background: url(../images/top-sep-a.png) no-repeat;*/
291 /*text-transform: uppercase;*/
293 .openerp .header_corner ul.block li {
296 .openerp .header_corner ul.block li a {
301 .openerp .header_corner ul.block li a img {
302 vertical-align: middle;
304 .openerp .header_corner ul.block li a small {
308 padding: 1px 4px 2px;
309 background: rgba(0, 0, 0, 0.75);
311 -moz-border-radius: 7px;
312 -webkit-border-radius: 7px;
318 .openerp div.oe_footer {
319 background: none repeat scroll 0 0 #CCCCCC;
323 -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.4);
324 -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.4);
325 box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.4);
327 .openerp div.oe_footer p.oe_footer_powered {
334 font-family: Ubuntu, Helvetica, sans-serif;
337 .openerp div.oe_footer p.oe_footer_powered a {
338 text-decoration: none;
342 /* Main Application */
343 .openerp .oe-application {
348 .openerp h2.oe_view_title {
351 font-family: Ubuntu, Helvetica, sans-serif;
354 text-shadow: white 0 1px 0;
358 .openerp .oe_vm_switch {
363 .openerp .filter_label, .openerp .filter_icon {
364 border: 1px solid #666;
365 border-left-width: 0;
367 background: -moz-linear-gradient(top, #F0F0F0 0%, #C0C0C0 100%);
368 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#C0C0C0));
369 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#C0C0C0',GradientType=0 );
371 .openerp .filter_label:hover, .openerp .filter_icon:hover {
373 background: -moz-linear-gradient(top, #F0F0F0 0%, #A1A7CE 100%);
374 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#A1A7CE));
375 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#A1A7CE',GradientType=0 );
377 .openerp .filter_label:active, .openerp .filter_icon:active {
379 background: -moz-linear-gradient(top, #999999 0%, #EEEEEE 100%);
380 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#EEEEEE));
381 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#EEEEEE',GradientType=0 );
383 .openerp .filter_label.enabled, .openerp .filter_icon.enabled {
386 .openerp .filter_icon {
387 padding: 1px 2px 0 2px;
391 .openerp .filter_label {
393 text-transform: uppercase;
394 text-shadow: #EEE 0 1px 0;
402 .openerp .filter_label_group {
403 padding-right: 0.4em;
406 .openerp .filter_label_group button:first-child {
407 border-left: 1px solid #666;
408 -webkit-border-top-left-radius: 7px;
409 -webkit-border-bottom-left-radius: 7px;
410 -moz-border-radius-topleft: 7px;
411 -moz-border-radius-bottomleft: 7px;
412 border-top-left-radius: 7px;
413 border-bottom-left-radius: 7px;
415 .openerp .filter_label_group button:last-child {
416 -webkit-border-top-right-radius: 7px;
417 -webkit-border-bottom-right-radius: 7px;
418 -moz-border-radius-topright: 7px;
419 -moz-border-radius-bottomright: 7px;
420 border-top-right-radius: 7px;
421 border-bottom-right-radius: 7px;
424 .openerp .searchview_group_string {
428 padding: 2px 0 2px 10px;
430 text-decoration: none;
432 .openerp .searchview_group_string:hover {
433 background-color: #ccc;
435 .openerp .searchview_group.folded .searchview_group_string {
436 background: url("../img/ui/group-folded.png") no-repeat scroll 0 50%;
438 .openerp .searchview_group.folded .searchview_group_content {
441 .openerp .searchview_group.expanded .searchview_group_string {
442 background: url("../img/ui/group-expanded.png") no-repeat scroll 0 50%;
444 .openerp .searchview_group.expanded .searchview_group_content {
447 .openerp .searchview_group_content {
450 .openerp .searchview_group_content .oe-searchview-render-line {
455 .openerp .oe-searchview-render-line {
459 .openerp .searchview_extended_group {
460 border: #696969 solid 1px;
465 .openerp .searchview_extended_add_proposition span, .openerp .searchview_extended_add_group span {
466 background: url(../img/icons/gtk-add.png) repeat-y;
470 .openerp .searchview_extended_delete_group {
474 .openerp .searchview_extended_delete_group span, .openerp .searchview_extended_delete_prop span {
475 background: url(../img/icons/gtk-remove.png) repeat-y;
479 .openerp .oe-listview table {
483 border: 1px solid silver;
486 .openerp .oe-listview tr.odd {
487 background-color: #f3f3f3;
489 .openerp .oe-listview tbody tr:hover {
490 background-color: #ecebf2;
492 .openerp .oe-listview tbody tr:hover {
493 background-color: #eae9f0;
496 .openerp .oe-listview td,
497 .openerp .oe-listview th {
498 vertical-align: middle;
501 .openerp .oe-listview th.oe-sortable,
502 .openerp .oe-listview th.oe-sortable .ui-icon {
506 .openerp .oe-listview .oe-field-cell {
509 .openerp .oe-listview .oe-field-cell button {
514 .openerp .oe-listview .oe-field-cell button:active {
518 .openerp .oe-listview th.oe-actions {
521 .openerp .oe-listview th.oe-list-pager {
525 /** list rounded corners
527 rounded corners are a pain on tables: need to round not only table, but
528 also on the first and last children of the first and last row
530 .openerp .oe-listview table {
531 -webkit-border-radius: 7px;
532 -moz-border-radius: 7px;
535 .openerp .oe-listview table thead tr:first-child th:first-child {
536 -webkit-border-top-left-radius: 7px;
537 -moz-border-radius-topleft: 7px;
538 border-top-left-radius: 7px;
540 .openerp .oe-listview table thead tr:first-child th:last-child {
541 -webkit-border-top-right-radius: 7px;
542 -moz-border-radius-topright: 7px;
543 border-top-right-radius: 7px;
545 .openerp .oe-listview table tfoot td:first-child,
546 .openerp .oe-listview table tbody:last-child tr:last-child th:first-child {
547 -webkit-border-bottom-left-radius: 7px;
548 -moz-border-radius-bottomleft: 7px;
549 border-bottom-left-radius: 7px;
551 .openerp .oe-listview table tfoot td:last-child,
552 .openerp .oe-listview table tbody:last-child tr:last-child td:last-child {
553 -webkit-border-bottom-right-radius: 7px;
554 -moz-border-radius-bottomright: 7px;
555 border-bottom-right-radius: 7px;
559 .openerp .oe_form_notebook {
564 .openerp .oe_form_notebook ul.ui-tabs-nav {
566 background: transparent;
567 border-width: 0 0 1px 0;
569 -moz-border-radius: 0;
570 -webkit-border-radius: 0;
573 .openerp .oe_form_notebook ul.ui-tabs-nav li {
576 .openerp .oe_form_notebook .ui-tabs-panel {
578 border-width: 0 1px 1px 1px;
580 .openerp .oe_form_notebook .ui-tabs-selected {
585 .openerp table.oe_frame td {
588 .openerp .required.error {
589 border: 1px solid #900;
591 .openerp .oe_form_buttons, .openerp .oe_list_buttons {
594 .openerp .oe_form_pager, .openerp .oe_list_pager {
598 .openerp label.oe_form_label_help {
601 .openerp label.oe_form_label, .openerp label.oe_form_label_help {
605 .openerp label.oe_form_label_help span {
615 .openerp input[type="text"], .openerp input[type="password"], .openerp select, .openerp textarea {
616 -moz-box-sizing: border-box;
617 -webkit-box-sizing: border-box;
618 -ms-box-sizing: border-box;
619 box-sizing: border-box;
621 border: 1px solid #999;
622 -moz-border-radius: 3px;
623 -webkit-border-radius: 3px;
632 .openerp input[type="text"], .openerp input[type="password"], .openerp select, .openerp .button {
639 .openerp .button span {
643 .openerp input.field_date, .openerp input.field_datetime {
644 background: #fff url('../img/ui/field_calendar.png') no-repeat right center;
645 background-origin: content-box;
646 -moz-background-origin: content;
647 -moz-background-origin: content-box;
648 -webkit-background-origin: content-box;
650 /* http://www.quirksmode.org/dom/inputfile.html
651 * http://stackoverflow.com/questions/2855589/replace-input-type-file-by-an-image
653 .openerp .oe-binary-file-set {
657 .openerp input.oe-binary-file {
662 /* Should be adjusted for all browsers */
666 filter: alpha(opacity = 0);
667 -ms-filter: "alpha(opacity=0)";
673 .openerp .separator {
674 border: 0 solid #666;
676 .openerp .separator.horizontal {
678 border-bottom-width: 1px;
679 margin: 6px 4px 6px 1px;
681 .openerp td.required input, .openerp td.required select {
682 background-color: #D2D2FF;
684 .openerp td.invalid input, .openerp td.invalid select, .openerp td.invalid textarea {
685 background-color: #F66;
686 border: 1px solid #D00;
688 .openerp div.oe-progressbar span {
695 /* jQuery UI override */
696 .openerp .ui-widget {
699 .openerp .oe_form_field_progressbar .ui-progressbar {
702 -moz-box-sizing: border-box;
703 -webkit-box-sizing: border-box;
704 -ms-box-sizing: border-box;
705 box-sizing: border-box;
706 border: 1px solid #999;
707 -moz-border-radius: 3px;
708 -webkit-border-radius: 3px;
715 .openerp .view-manager-main-table {
718 border-collapse:collapse;
722 .openerp .view-manager-main-table tbody {
726 .openerp .view-manager-main-content {
731 .openerp .view-manager-main-sidebar {
737 .openerp .sidebar-main-div {
741 .openerp .sidebar-sub-div {
745 border-left: 1px solid #D2CFCF;
747 font-family: Ubuntu, Helvetica, sans-serif;
751 .openerp .closed-sidebar .sidebar-sub-div {
755 .openerp .closed-sidebar .sidebar-displaying-div {
759 .openerp .sidebar-main-div a {
761 text-decoration: none;
764 .openerp .sidebar-main-div a:hover {
768 .openerp .view-manager-main-sidebar h2 {
770 font-family: Ubuntu, Helvetica, sans-serif;
773 text-shadow: white 0 1px 0;
777 background: url(../img/sideheader-a-bg.png) repeat-x;
778 border: 1px solid #D2CFCF;
779 border-right-width: 0;
780 border-left-width: 0;
783 .openerp .view-manager-main-sidebar ul {
784 list-style-type: none;
790 .openerp .view-manager-main-sidebar li {
792 padding: 3px 3px 3px 10px;
795 .openerp .toggle-sidebar {
797 border: 1px solid #D2CFCF;
799 background: url(../img/toggle-a-bg.png);
805 .openerp .open-sidebar .toggle-sidebar {
807 background-position: 21px 0;
810 .openerp.kitten-mode-activated .main_table {
811 background: url(http://placekitten.com/g/1500/800) repeat;
814 .openerp.kitten-mode-activated .header {
815 background: url(http://placekitten.com/g/211/65) repeat;
818 .openerp.kitten-mode-activated .secondary_menu {
819 background: url(http://placekitten.com/g/212/100) repeat;
822 .openerp.kitten-mode-activated .menu {
824 background: -moz-linear-gradient(top, #828282 0%, #4D4D4D 100%);
825 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#828282), color-stop(100%,#4D4D4D));
826 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828282', endColorstr='#4D4D4D',GradientType=0 );
828 .openerp.kitten-mode-activated .menu a {
831 .openerp.kitten-mode-activated .menu span {
834 .openerp.kitten-mode-activated .sidebar-displaying-div li a,
835 .openerp.kitten-mode-activated .oe-application .view-manager-main-content h2.oe_view_title,
836 .openerp.kitten-mode-activated .oe-application .view-manager-main-content a.searchview_group_string,
837 .openerp.kitten-mode-activated .oe-application .view-manager-main-content label {
840 .openerp.kitten-mode-activated .menu,
841 .openerp.kitten-mode-activated .header_corner,
842 .openerp.kitten-mode-activated .header_title,
843 .openerp.kitten-mode-activated .secondary_menu div,
844 .openerp.kitten-mode-activated .oe-application,
845 .openerp.kitten-mode-activated .oe_footer,
846 .openerp.kitten-mode-activated .loading,
847 .openerp.kitten-mode-activated .ui-dialog {
849 filter:alpha(opacity=80);
851 .openerp.kitten-mode-activated .header .company_logo {
852 background: url(http://placekitten.com/g/180/46);
854 .openerp.kitten-mode-activated .loading {
856 border-color: #828282;
859 /* Many2one Autosearch */
867 /*------------- End autocomplete ------- */