4 $facets-border: #afafb6
5 $section-title-color: #7C7BAD
9 $tag-border-selected: #a6a6fe
10 $hover-background: #f0f0fa
12 $sheet-max-width: 860px
13 $sheet-min-width: 650px
18 font-family: 'mnmliconsRegular'
19 src: url('/web/static/src/font/mnmliconsv21-webfont.eot') format('eot')
20 src: url('/web/static/src/font/mnmliconsv21-webfont.woff') format('woff')
21 src: url('/web/static/src/font/mnmliconsv21-webfont.ttf') format('truetype')
22 src: url('/web/static/src/font/mnmliconsv21-webfont.svg') format('svg') active
27 font-family: 'EntypoRegular'
28 src: url('/web/static/src/font/entypo-webfont.eot') format('eot')
29 src: url('/web/static/src/font/entypo-webfont.eot?#iefix') format('embedded-opentype')
30 src: url('/web/static/src/font/entypo-webfont.woff') format('woff')
31 src: url('/web/static/src/font/entypo-webfont.ttf') format('truetype')
32 src: url('/web/static/src/font/entypo-webfont.svg') format('svg') active
42 @include box-shadow(none)
44 @mixin vertical-gradient($startColor: #555, $endColor: #333)
45 background-color: mix($startColor, $endColor)
46 background-image: -webkit-gradient(linear, left top, left bottom, from($startColor), to($endColor)) /* Saf4+, Chrome */
47 background-image: -webkit-linear-gradient(top, $startColor, $endColor) /* Chrome 10+, Saf5.1+, iOS 5+ */
48 background-image: -moz-linear-gradient(top, $startColor, $endColor) /* FF3.6 */
49 background-image: -ms-linear-gradient(top, $startColor, $endColor) /* IE10 */
50 background-image: -o-linear-gradient(top, $startColor, $endColor) /* Opera 11.10+ */
51 background-image: linear-gradient(to bottom, $startColor, $endColor)
53 @mixin radial-gradient($gradient)
54 background-position: center center
55 background-image: -webkit-radial-gradient(circle, $gradient)
56 background-image: -moz-radial-gradient($gradient)
57 background-image: -ms-radial-gradient($gradient)
58 background-image: radial-gradient(circle, $gradient)
60 @mixin radius($radius: 5px)
61 -moz-border-radius: $radius
62 -webkit-border-radius: $radius
63 border-radius: $radius
65 @mixin box-shadow($bsval: 0px 1px 4px #777)
66 -moz-box-shadow: $bsval
67 -webkit-box-shadow: $bsval
70 @mixin transition($transval: (border linear 0.2s, box-shadow linear 0.2s))
71 -webkit-transition: $transval
72 -moz-transition: $transval
73 -ms-transition: $transval
74 -o-transition: $transval
77 @mixin opacity($opacity: .5)
78 filter: alpha(opacity=$opacity * 100)
81 @mixin background-clip($clip: padding-box)
82 -webkit-background-clip: $clip
83 -moz-background-clip: $clip
84 background-clip: $clip
86 @mixin box-sizing($type: content)
87 // type = border || content || padding
88 -webkit-box-sizing: #{$type}-box
89 -moz-box-sizing: #{$type}-box
90 -ms-box-sizing: #{$type}-box
91 box-sizing: #{$type}-box
93 @mixin skew-gradient($startColor: #555, $endColor: #333)
94 background-color: $endColor
95 background: -moz-linear-gradient(135deg, $endColor, $startColor)
96 background: -o-linear-gradient(135deg, $startColor, $endColor)
97 background: -webkit-gradient(linear, left top, right bottom, from($startColor), to($endColor))
98 background: -ms-linear-gradient(top, $startColor, $endColor) /* IE10 */
100 @mixin transform($transform)
101 -webkit-transform: $transform
102 -moz-transform: $transform
103 -ms-transform: $transform
104 -o-transform: $transform
105 transform: $transform
107 @mixin keyframes($name)
108 @-webkit-keyframes #{$name}
110 @-moz-keyframes #{$name}
112 @-ms-keyframes #{$name}
114 @-o-keyframes #{$name}
120 // Transforms the (readable) text of an inline element into an mmlicons icon,
121 // allows for actual readable text in-code (and in readers?) with iconic looks
122 @mixin text-to-icon($icon-name, $color: #404040)
129 font: 21px "mnmliconsRegular"
133 @mixin text-to-entypo-icon($icon-name, $color: #404040, $size: 21px)
140 font: $size "entypoRegular"
151 padding: 4px 8px 4px 8px
158 #oe_main_menu_navbar.navbar
162 margin-right: 0px !important
168 .oe_webclient_timezone_notification
171 text-decoration: underline
179 background-color: #f6cf3b
185 display: inline-block
186 height: 15px // Customize to manage caret when topbar_name is over sized.
187 text-overflow: ellipsis
189 overflow: hidden // Customize to bring ellipsis when topbar_name is over sized.
196 font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif
200 &.openerp_webclient_container
201 height: calc(100% - 34px)
202 @media (max-width: 768px)
203 &.openerp_webclient_container
204 height: calc(100% - 52px)
206 //Placeholder style{{{
208 color: $tag-border !important
209 font-style: italic !important
210 \::-webkit-input-placeholder
211 color: $tag-border !important
212 font-style: italic !important
213 \:-ms-input-placeholder
214 color: $tag-border !important
215 font-style: italic !important
219 text-decoration: none
220 cursor: pointer !important
223 border-collapse: collapse
226 background-color: #f0f0f0
228 border-left: 1px solid #dfdfdf
238 vertical-align: middle
251 .zebra tbody tr:nth-child(odd) td
252 background-color: #f0f0fa
253 @include vertical-gradient(#f0f0fa, #eeeef6)
254 .zebra tbody tr:hover td
255 @include vertical-gradient(#eee, #dedede)
256 input, textarea, select
258 border: 1px solid #ccc
262 vertical-align: middle
269 a.button:link, a.button:visited, button, .oe_button, input[type='submit']
270 display: inline-block
271 border: 1px solid rgba(0,0,0,0.4)
277 @include vertical-gradient(#efefef, #d8d8d8)
279 @include box-shadow((0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .8) inset))
280 text-shadow: 0 1px 1px rgba(255, 255, 255, .5)
281 -webkit-font-smoothing: antialiased
284 a.button:hover, button:hover,.oe_button:hover, input[type='submit']:hover
285 @include vertical-gradient(#f6f6f6, #e3e3e3)
287 background-position: 0
289 a.button:focus, button:focus, .oe_button:focus, input[type='submit']:focus
290 border: 1px solid #80bfff
291 background-position: 0
292 @include vertical-gradient(#f6f6f6, #e3e3e3)
293 @include box-shadow((0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, .8) inset))
295 a.button:active, a.button.active, button:active, .oe_button:active, .oe_button.active, input[type='submit']:active, input[type='submit'].active
296 @include vertical-gradient(#e3e3e3, #f6f6f6)
297 @include box-shadow(none)
299 a.button.disabled, button:disabled, .oe_button:disabled, input[type='submit']:disabled
300 background: #efefef !important
301 border: 1px solid #d1d1d1 !important
302 @include box-shadow(none !important)
303 color: #aaa !important
305 text-shadow: 0 1px 1px #fff !important
307 // Jquery ui Overrides {{{
311 display: inline-block
314 .text-tag .text-button
315 height: auto !important
318 // bug noted in jquery ui CSS doesn't seem to occur in IE9,
319 // so remove position:relative
324 // Generic classes {{{
326 font-family: "mnmliconsRegular" !important
328 font-weight: 300 !important
330 font-family: "entypoRegular" !important
332 font-weight: 300 !important
357 width: auto !important
362 @include vertical-gradient(#df3f3f, #a21a1a)
363 @include box-shadow((0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset))
364 button.oe_highlight:hover
365 @include vertical-gradient(lighten(#e04f4f, 2%), lighten(#a21a1a, 2%))
366 button.oe_highlight:active
367 @include vertical-gradient(lighten(#a21a1a, 8%), darken(#df3f3f, 8%))
369 background: #eee !important
372 .oe_highlight_on_dirty
376 button.oe_highlight_on_dirty
377 @include vertical-gradient(#dc5f59, #b33630)
378 @include box-shadow(none)
382 border: none !important
383 padding: 0 !important
384 margin-left: 20px !important
385 background: #f5f7f9 !important
386 box-shadow: none !important
388 text-decoration: underline !important
391 width: 132px !important
394 margin: 0px -1px -1px 0px
396 border: 1px solid #dddddd
402 vertical-align: middle
412 .oe_form_field_percent_pie
414 .oe_form_field_bar_chart
420 vertical-align: middle
421 .oe_stat_button:hover
430 display: inline-table
436 @include box-shadow(0 1px 4px rgba(0, 0, 0, 0.4))
441 .oe_image_small > img
444 .oe_image_medium > img
450 display: inline-block
456 text-decoration: underline
458 .oe_star_on, .oe_star_off
460 text-shadow: 0 0 2px black
464 .oe_star_on:hover, .oe_star_off:hover
465 text-decoration: none
472 // Added for generic error message and customize bootstrap3 <pre>,<hr>
476 -webkit-margin-before: 0.5em
477 -webkit-margin-after: 0.5em
478 -webkit-margin-start: auto
479 -webkit-margin-end: auto
483 // Kanban state (used in form and kanban) {{{
486 display: inline-block
490 @include radial-gradient((#eee 0%, #ccc 40%, #bbb 100%))
491 // +background-image(radial-gradient(45px 45px, #0ff 10px, #1e90ff 30px))
492 .oe_kanban_status_green
494 @include radial-gradient((#55dd55 0%, #44aa44 40%, #339933 100%))
495 .oe_kanban_status_red
497 @include radial-gradient((#ee7777 0%, #cc3333 40%, #bb0808 100%))
498 .btn-group.kanban_state
500 margin-right: 4px !important
503 padding-right: 10px !important
504 .dropdown-menu li a, .dropdown-menu li a:hover, .dropdown-menu li a:focus
510 // Tags (for many2many tags, among others) {{{
512 border: 1px solid $tag-border
517 background: $tag-bg-light
520 background: $tag-bg-dark
526 display: inline-block
534 border: 2px solid transparent
535 display: inline-block
548 width: 100% !important
550 width: 100% !important
553 .text-wrap .text-dropdown .text-list .text-suggestion em
555 text-decoration: none
564 .oe_notebook.ui-corner-all
566 .oe_notebook:before, .oe_notebook:after
574 .oe_notebook > li > a
577 .oe_notebook > li.ui-tabs-active > a
582 border-width: 0 0 1px
585 .oe_notebook > li > a
589 border: 1px solid transparent
590 @include radius(4px 4px 0 0)
591 .oe_notebook > li > a:hover
592 text-decoration: none
593 background-color: #eee
594 border-color: #eee #eee #ddd
595 .ui-tabs .oe_notebook.ui-tabs-nav li.ui-tabs-active
598 .oe_notebook > li.ui-state-active > a, .oe_notebook > li.ui-state-active > a:hover
599 background-color: #ffffff
600 border: 1px solid #ddd
601 border-bottom-color: transparent
605 //Customize label weight according bootstrap3
607 font-weight: normal !important
610 padding: 3px 0px 3px 0px
615 .oe_dropdown, .oe_dropdown_hover, .oe_dropdown_toggle
621 .oe_dropdown_hover:hover .oe_dropdown_menu, .oe_dropdown_menu.oe_opened
628 border: 1px solid $tag-border
634 @include box-shadow(0 1px 4px rgba(0,0,0,0.3))
637 @include vertical-gradient(#f0f0fa, #eeeef6)
638 @include box-shadow(none)
639 list-style-type: none
649 text-decoration: none
651 text-decoration: none
652 .oe_dropdown_arrow:after
655 display: inline-block
657 text-indent: -99999px
660 //margin-left set at 3px to avoid a strange overflow
662 border-left: 4px solid transparent
663 border-right: 4px solid transparent
664 border-top: 4px solid#404040
665 @include opacity(0.5)
669 .oe_sidebar_add_attachment
676 .oe_hidden_input_file
679 @include vertical-gradient(#f0f0fa, #eeeef6)
680 @include box-shadow(none)
682 .oe_sidebar_delete_item
694 text-shadow: 0 1px 1px white
696 text-decoration: none
699 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4)
702 .oe_sidebar_delete_item
703 display: inline-block
716 border: 1px solid #900
718 -moz-border-radius-bottomright: 8px
719 -moz-border-radius-bottomleft: 8px
720 border-bottom-right-radius: 8px
721 border-bottom-left-radius: 8px
732 // DatabaseManager {{{
737 .oe_database_manager_menu
746 // WebClient.fullscreen {{{
747 .oe_content_full_screen
751 .oe_topbar, .oe_leftbar
754 // Webclient.leftbar {{{
759 border-right: 1px solid $tag-border
781 background: rgba(37,37,37,0.9)
782 @include box-sizing(border)
783 &:hover .oe_logo_edit_admin
791 > div.oe_secondary_menus_container
809 // Webclient.leftbar items {{{
811 .oe_secondary_menu_section
815 .oe_secondary_submenu
816 margin-bottom: 10px !important
822 display: inline-block
823 text-overflow: ellipsis
829 @include transform(scale(1.1))
830 .oe_menu_toggler:before
833 display: inline-block
835 text-indent: -99999px
840 border-top: 4px solid transparent
841 border-bottom: 4px solid transparent
842 border-left: 4px solid #4c4c4c
843 @include opacity(0.5)
844 .oe_menu_opened:before
848 border-left: 4px solid transparent
849 border-right: 4px solid transparent
850 border-top: 4px solid #4c4c4c
851 .oe_secondary_submenu li
856 background-color: white
857 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAKUlEQVQIHWO8e/fufwYsgAUkJigoiCIF5DMyoYggcUiXgNnBiGQKmAkARpcEQeriln4AAAAASUVORK5CYII=)
858 @include radius(0 0 2px 2px)
862 text-decoration: underline
868 text-shadow: 0 1px 1px #999999
869 @include vertical-gradient(#b41616, #600606)
872 @include radius(0 0 2px 2px)
878 text-decoration: underline
888 > .oe_view_manager_wrapper
894 > .oe_view_manager_body
904 .oe_breadcrumb_item:not(:last-child)
907 text-overflow: ellipsis
908 .oe_breadcrumb_title > *
909 display: inline-block
913 // ViewManager common {{{
918 .oe_view_manager_view_kanban:not(:empty)
920 &[data-view-type=kanban]
921 .oe_view_manager_body
924 table.oe_view_manager_header
925 border-collapse: separate
932 text-shadow: 0 1px 1px white
933 .oe_header_row:last-child
936 .oe_header_row:first-child
939 .oe_view_manager_sidebar
942 .oe_dropdown_arrow:after
956 display: inline-block
957 border: 1px solid #ababab
961 border-right: 1px solid #ababab
967 text-decoration: none
970 @include box-shadow(0 1px 4px rgba(0,0,0,0.3) inset)
973 text-shadow: 0 1px 2px rgba(0,0,0,0.4)
974 .oe_view_manager_buttons
977 // ViewManager.switches {{{
978 .oe_view_manager_switch
988 list-style-type: none
991 .oe_vm_switch_list:after, .oe_vm_switch_tree:after
994 .oe_vm_switch_form:after
996 .oe_vm_switch_graph:after
997 font-family: "mnmliconsRegular" !important
999 font-weight: 300 !important
1003 .oe_vm_switch_gantt:after
1004 font-family: "mnmliconsRegular" !important
1006 font-weight: 300 !important
1010 .oe_vm_switch_calendar:after
1012 .oe_vm_switch_kanban:after
1014 .oe_vm_switch_diagram:after
1030 display: inline-block
1031 border: 1px solid #ababab
1033 @include radius(5px)
1039 list-style-type: none
1041 border-right: 1px solid #ababab
1048 text-decoration: none
1051 @include box-shadow(0 1px 4px rgba(0,0,0,0.3) inset)
1054 text-shadow: 0 1px 2px rgba(0,0,0,0.4)
1055 .oe_list_pager.oe_list_pager_single_page .oe_pager_group
1058 // ViewManager application {{{
1059 .oe_view_manager_current
1061 > .oe_view_manager_header
1062 border-bottom: 1px solid #cacaca
1063 @include vertical-gradient(#fcfcfc, #dedede)
1064 @include box-shadow((0 1px 0 rgba(255,255,255,0.4), 0 0 9px rgba(0,0,0,0.1)))
1068 .oe_header_row:first-child
1072 // ViewManager inline {{{
1073 .oe_view_manager_inline, .oe_view_manager_inlineview
1075 > .oe_view_manager_header
1080 .oe_formview .oe_form_pager
1081 display: none !important
1082 // Customize label weight for popup wizard appear from another wizard according bootstrap3
1086 .oe_popup_list_pager
1097 border: 1px solid #ababab
1099 @include radius(13px)
1100 @include box-shadow(0 1px 2px rgba(0,0,0,0.2) inset)
1106 //Customize searchview input, select
1107 input:not([type]), input[type="text"], input[type="number"]
1110 input[type="checkbox"]
1111 margin: 3px 3px 3px 4px
1113 margin: 2px 4px 2px 0
1116 border-color: $tag-border-selected
1117 @include box-shadow(0 1px 2px $tag-border-selected inset)
1118 .oe_searchview_clear
1125 background: url(../img/search_reset.gif) center center no-repeat
1126 .oe_searchview_unfold_drawer
1131 padding: 0 7px 0 4px
1142 display: inline-block
1145 border-top: 5px solid #4C4C4C
1146 border-left: 5px solid transparent
1147 border-right: 5px solid transparent
1150 .oe_searchview_search
1151 @include text-to-icon("r", #a3a3a3)
1152 @include box-shadow(none)
1159 background: transparent
1161 .oe_searchview_facets
1163 margin: 0 35px 0 15px
1166 display: inline-block
1168 .oe_searchview_facet
1173 .oe_searchview_input
1180 .oe_searchview_facet
1184 -webkit-font-smoothing: auto
1185 // spacing for opera, FF
1187 border-color: $tag-border-selected
1188 @include box-shadow(0 0 3px 1px $tag-border-selected)
1190 background: $tag-bg-light
1191 @include radius(0 3px 3px 0)
1192 .oe_facet_category, .oe_facet_value
1196 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4)
1197 .oe_facet_category.oe_i
1200 border-left: 1px solid $tag-border
1201 text-shadow: 0 1px 1px white
1217 text-shadow: 0 1px 1px white
1221 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4)
1222 @include radius(2px)
1228 background-color: white
1229 border: 1px solid #afafb6
1233 @include radius(3px)
1234 @include box-shadow(0 1px 4px rgba(0, 0, 0, 0.3))
1236 list-style-type: none
1241 text-shadow: 0 0 0 white
1248 li.oe-selection-focus
1249 background-color: #7c7bad
1254 border-top: 1px solid #afafb6
1255 li.oe-separator:last-child
1259 .oe_searchview_drawer_container
1261 .oe_searchview_drawer
1267 border-bottom: 1px solid $tag-border
1276 li:hover:not(.badge)
1277 background-color: $hover-background
1283 color: $section-title-color
1295 display: inline-block
1297 background-color: $hover-background
1305 background: transparent
1307 @include box-shadow(none)
1309 .oe_searchview_section
1316 display: inline-block
1321 display: inline-block
1323 text-overflow: ellipsis
1324 vertical-align: bottom
1332 margin: 0 0 8px -3px // Managed margin-left according bootstrap3
1333 .oe_searchview_savefilter
1336 .oe_searchview_custom
1351 display: inline-block
1352 span:hover:not(.badge)
1353 background-color: $hover-background
1356 //Customize for searchview label
1360 .oe_searchview_dashboard
1365 .oe_searchview_advanced
1370 button.oe_add_condition:before
1372 font-family: "entypoRegular" !important
1374 font-weight: 300 !important
1384 &:first-child .searchview_extended_prop_or
1387 .searchview_extended_prop_or
1389 margin-left: -14px //Customize 'or' in searchview
1399 .oe_searchview_custom_delete, .searchview_extended_delete_prop
1400 display: inline-block
1409 text-shadow: 0 1px 1px white
1411 text-decoration: none
1414 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4)
1415 @include radius(2px)
1416 .oe_searchview_custom_delete
1421 .oe_searchview_custom_private, .oe_searchview_custom_public
1423 .oe_searchview_custom_delete
1424 display: inline-block
1425 .oe_searchview_custom_public:after
1427 font-family: "entypoRegular" !important
1429 font-weight: 300 !important
1440 .oe_view_nocontent_create
1446 display: inline-block
1452 background: transparent url(/web/static/src/img/view_empty_arrow.png) no-repeat 0px 0px
1455 .oe_empty_custom_dashboard
1456 background: transparent url(/web/static/src/img/graph_background.png) no-repeat 0 0
1458 padding: 100px 0 0 137px
1461 .oe_view.oe_cannot_create
1462 .oe_view_nocontent_create
1465 // FormView.base and dynamic tags {{{
1468 .oe_form_dropdown_section
1470 display: inline-block
1472 input, select, textarea
1473 background-color: #F66 !important
1474 border: 1px solid #D00 !important
1475 .oe_view_manager_current .oe_form_editable
1480 @include vertical-gradient(#efefef, #d8d8d8)
1481 @include box-shadow((0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .8) inset))
1482 button.oe_highlight:active
1483 @include vertical-gradient(#e3e3e3, #f6f6f6)
1484 @include box-shadow(none)
1485 button.oe_highlight:hover
1486 @include vertical-gradient(#f6f6f6, #e3e3e3)
1487 @include box-shadow((0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .8) inset))
1489 display: none !important
1492 display: none !important
1494 .oe_edit_only, .oe_form_field:empty
1495 display: none !important
1496 .oe_form .oe_form_field_date
1498 .oe_form_field_boolean.boolean
1504 // IE needs a color in order for the layer to respond to mouse events
1505 backgroundColor: "#fff"
1507 // Sheet and padding
1511 margin: -16px -16px 0 -16px
1513 .oe_form_nosheet.oe_form_nomargin
1519 .oe_form_sheet_width
1521 max-width: $sheet-max-width
1529 // Sheet inline mode
1532 background: url(/web/static/src/img/form_sheetbg.png)
1533 border-bottom: 1px solid #ddd
1534 // Customize font weight according bootstrap3
1535 .oe_subtotal_footer label
1541 border: 1px solid #c8c8d3 //$tag-border
1542 @include box-shadow(0 4px 20px rgba(0,0,0,0.15))
1548 // FormView.header {{{
1549 .oe_form > :not(.oe_form_nosheet) header
1551 ul:not(.oe_tooltip_technical):not(.oe_dropdown_menu)
1552 display: inline-block
1560 border-bottom: 1px solid #cacaca
1562 @include vertical-gradient(#fcfcfc, #dedede)
1567 // FormView.custom tags and classes {{{
1575 box-sizing: border-box
1576 min-width: $sheet-min-width + 2* $sheet-padding
1577 max-width: $sheet-max-width + 2* $sheet-padding
1579 padding: 16px 16px 48px
1580 div.oe_form_configuration
1586 .oe_form_group_cell_label
1588 .oe_form_group_cell div div
1591 width: 1% !important
1592 td.oe_form_group_cell
1594 padding: 0 !important
1595 td.oe_form_group_cell_label
1597 .oe_subtotal_footer_separator
1599 border-top: 1px solid #cacaca
1606 label.oe_subtotal_footer_separator
1607 font-weight: bold !important
1608 padding: 2px 11px 2px 0px !important
1609 label.oe_form_label_help
1610 font-weight: normal !important
1613 border-bottom: 1px solid #cb6
1617 .oe_form_box_warning
1619 border-bottom: 1px solid #900
1627 // FormView.group {{{
1631 td.oe_form_group_cell_label
1632 border-right: 1px solid #ddd
1638 font-weight: bold !important
1639 td.oe_form_group_cell + .oe_form_group_cell
1640 padding: 2px 0 2px 8px
1644 .oe_form_group_cell.oe_group_right
1647 // FormView.label {{{
1649 .oe_form_label_help[for], .oe_form_label[for]
1660 // FormView.separator {{{
1661 .oe_horizontal_border
1662 border-bottom: 1px solid black
1663 .oe_horizontal_separator
1666 margin: 15px 0px 10px 0px
1667 color: $section-title-color
1668 .oe_horizontal_separator:empty
1670 .oe_vertical_separator
1671 border-left: 1px solid #666
1672 padding: 0 4px 0 4px
1674 // FormView.progressbar {{{
1675 .oe_form_field_progressbar
1676 display: inline-block
1678 .oe_form_field_progressbar.ui-progressbar
1681 @include box-sizing(border)
1682 border: 1px solid #999
1683 @include radius(3px)
1691 background: #cccccc url(/web/static/lib/jquery.ui/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x
1693 // FormView.fields {{{
1697 .oe_form_text_content
1698 text-overflow: ellipsis
1699 display: inline-block
1700 white-space: pre-wrap
1703 .oe_form_field_char input,
1704 .oe_form_field_url input,
1705 .oe_form_field_email input,
1706 .oe_form_field_text textarea,
1707 .oe_form_field_selection select
1709 .oe_notebook_page .oe_form_field_text textarea
1711 .oe_form_field_text.oe_inline, .oe_form_field_text.oe_inline > textarea
1713 h1, h2, h3, h4, h5, h6
1716 height: inherit !important
1718 // Customize for formview
1731 display: inline-block
1732 padding: 2px 2px 2px 0px
1736 input[type="text"], input[type="password"], input[type="file"], select
1739 input[type="text"], input[type="password"], input[type="file"], select, textarea
1740 @include box-sizing(border)
1744 font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif
1745 input[readonly], select[readonly], textarea[readonly], input[disabled], select[disabled]
1746 background: #E5E5E5 !important
1751 @include box-shadow(none)
1752 @include radius(0px)
1754 textarea.oe_inline[disabled]
1755 border-left: 8px solid #eee
1756 .oe_form_field_url button img
1758 .oe_form_field_monetary,
1759 .oe_form_field_date,
1760 .oe_form_field_datetime
1762 .oe_form_field_boolean
1764 .oe_datepicker_container
1767 display: inline-block
1769 input:not([disabled]):not([readonly]), select:not([disabled]):not([readonly]), textarea:not([disabled]):not([readonly])
1770 background-color: #D2D2FF !important
1772 input, select, textarea
1773 background-color: #F66 !important
1774 border: 1px solid #D00 !important
1777 margin: 3px 0 0 -21px
1779 .oe_input_icon_disabled
1783 filter: alpha(opacity=50)
1786 .oe_form_field_with_button.oe_no_button > .oe_button
1788 .oe_form_field_with_button:not(.oe_no_button)
1792 border-bottom-left-radius: 0px
1794 .oe_form_field_with_button
1800 .oe_form_embedded_html
1806 .oe_form_field_html .oe_input_icon
1812 .oe_form_field_integer input
1814 .oe_form_field_float input
1816 .oe_form_field_date input
1818 .oe_form_field_datetime input
1821 // FormView.fields_binary {{{
1822 /* http://www.quirksmode.org/dom/inputfile.html
1823 * http://stackoverflow.com/questions/2855589/replace-input-type-file-by-an-image
1825 .oe_hidden_input_file
1826 // Position: relative is used for the hidden input[type=file]
1827 // Do not remove it anymore !
1829 input.oe_form_binary_file
1838 filter: alpha(opacity = 0)
1839 -ms-filter: "alpha(opacity=0)"
1843 .oe_form_field_binary
1844 display: inline-block
1845 .oe_form_field_image
1848 display: inline-block
1851 .oe_form_field_image_controls
1859 background: rgba(37,37,37,0.9)
1860 @include radius(3px 3px 0 0)
1861 @include box-sizing(border)
1862 &:hover .oe_form_field_image_controls
1865 display: inline-block
1868 margin-bottom: -15px
1874 margin: 9px 0 /* Customize margin according bootstrap3 */
1881 vertical-align: middle
1884 background: transparent
1893 input.oe_form_binary_file
1894 display: inline-block
1908 border: solid 1px rgba(124,123,173,0.14)
1917 text-decoration: none
1918 .oe_attachment:nth-child(odd)
1920 .oe_attachment:nth-child(even)
1923 // FormView.many2one {{{
1924 .oe_form_field_many2one
1925 display: inline-block
1928 span.oe_m2o_drop_down_button
1939 li.oe_m2o_dropdown_option a
1942 li:not(.oe_m2o_dropdown_option) + li.oe_m2o_dropdown_option
1945 // FormView.fieldstatus {{{
1946 ul.oe_form_status, ul.oe_form_status_clickable
1947 display: inline-block
1951 display: inline-block
1952 list-style-type: none
1953 // It is probably a bad idea to modify this margin
1956 @include vertical-gradient(#fcfcfc, #dedede)
1957 &:first-child > .label
1958 border-left: 1px solid #cacaca
1961 border-right: 1px solid #cacaca
1968 text-shadow: 0 1px 1px #fcfcfc, 0 -1px 1px #dedede
1970 display: inline-block
1974 // Customize for statusbar label
1982 display: inline-block
1990 display: inline-block
1993 box-shadow: -1px 1px 2px rgba(255,255,255,0.2), inset -1px 1px 1px rgba(0,0,0,0.2)
1994 @include skew-gradient(#fcfcfc, #dedede)
1995 @include radius(3px)
1996 @include transform(rotate(45deg))
2010 @include vertical-gradient(#729fcf, #3465a4)
2012 @include skew-gradient(#729fcf, #3465a4)
2015 text-shadow: 0 1px 1px #729fcf, 0 -1px 1px #3465a4
2016 ul.oe_form_status_clickable
2020 @include vertical-gradient(darken(#fcfcfc, 8%), darken(#dedede, 8%))
2022 text-shadow: 0 -1px 1px #fcfcfc, 0 1px 1px #dedede
2024 @include vertical-gradient(darken(#fcfcfc, 8%), darken(#dedede, 8%))
2029 @include vertical-gradient(darken(#729fcf, 10%), darken(#3465a4, 10%))
2031 text-shadow: 0 -1px 1px #729fcf, 0 1px 1px #3465a4
2033 @include skew-gradient(darken(#729fcf, 10%), darken(#3465a4, 10%))
2035 // FormView.one2many {{{
2036 .oe_form .oe_form_field_one2many > .oe_view_manager
2037 .oe_list_pager_single_page
2039 .oe_form_field_one2many,.oe_form_field_many2many
2040 // TODO: oe_form_field_one2many_list?
2042 .oe_list_pager_single_page
2043 display: none !important
2044 .oe_view_manager_view_list
2047 .oe_form_field_one2many_list_row_add
2054 background: transparent
2055 .oe_list .oe_list_edit_row_save
2056 background: url(/web/static/src/img/iconset-b-remove.png) 50% 50% no-repeat
2063 .oe_view_manager_header2
2075 .oe_list_buttons.oe_editing .oe_list_save
2076 // keep "save row" button hidden in o2m
2082 background-color: #d2d2ff
2084 background-color: #eee
2087 .oe_list_editable .oe_list_content td.oe_list_field_cell
2088 padding: 4px 6px 3px
2089 .oe_list.oe_list_editable.oe_editing
2090 .oe_edition .oe_list_field_cell
2095 .oe_m2o_drop_down_button
2102 &.oe_list_field_handle
2105 padding: 4px 6px 3px
2112 border: 1px solid #aaf
2114 input, textarea, select
2116 &.oe_form_field_float,&.oe_form_view_integer
2118 padding: 6px 0px 0px
2122 width: 100% !important
2124 &.oe_form_field_datetime,&.oe_form_field_date
2125 input.oe_datepicker_master
2126 width: 100% !important
2127 &.oe_form_field_reference
2132 // FormView.many2many {{{
2133 .oe_form .oe_form_field_many2many > .oe_list
2134 .oe_list_pager_single_page
2141 .oe_list_save, .oe_list_discard
2147 display: inline-block
2155 .oe_list_header_handle, .oe_list_field_handle
2156 display: none !important
2157 padding: 0 !important
2159 .oe_list_record_delete
2160 display: none !important
2164 margin: 0 // FIXME: either class or border should not be by default
2170 margin: 0 !important // dammit
2172 .oe_form_field_boolean input
2173 margin: 1px 0 0 10px !important
2174 .oe_list_content .oe_group_header
2175 @include vertical-gradient(#fcfcfc, #dedede)
2179 td:first-child, th:first-child
2183 text-align: right !important
2185 td.oe_list_field_date, th.oe_list_header_date
2188 border-bottom: 2px solid #cacaca
2194 th.oe_sortable, th.oe_sortable div
2198 th.oe_sortable div:after
2202 border-width: 0 4px 4px
2204 border-color: #000 transparent
2209 @include opacity(0.6)
2210 .oe_list_header_many2many_tags
2212 th.sortdown div:after
2215 border-left: 4px solid transparent
2216 border-right: 4px solid transparent
2217 border-top: 4px solid #000
2219 @include box-shadow(none)
2220 @include opacity(0.6)
2225 border-top: 1px solid #ddd
2226 > td.oe_list_field_cell
2228 white-space: pre-line
2232 background: transparent
2235 border: 1px solid rgba(0,0,0,0.4)
2238 > td.oe_list_checkbox:first-child, th.oe_list_checkbox:first-child
2242 > td.oe_list_field_boolean input
2245 background-color: #f0f0fa
2246 @include vertical-gradient(#f0f0fa, #eeeef6)
2249 border-top: 2px solid #cacaca
2250 border-bottom: 1px solid #cacaca
2260 th.oe_list_header_handle
2263 text-indent: -9001px
2264 td.oe_list_field_handle
2266 padding: 0 !important
2269 @include text-to-entypo-icon("}",#E0E0E0,18px)
2271 .oe_list_field_progressbar progress
2276 background-color: #f0f0f0
2277 border-bottom: 1px solid #cacaca
2287 background-color: white
2293 background-color: #f0f0f0
2294 border-bottom: 2px solid #cacaca
2298 vertical-align: middle
2300 vertical-align: middle
2304 border-right: 1px solid #e7e7e7
2307 text-align: right !important
2309 border-bottom: 1px solid #d6d6d6
2311 background-color: #e7e7e7
2317 .treeview-tr.oe-treeview-first
2318 background: transparent url(/web/static/src/img/expand.gif) 0 50% no-repeat
2319 .oe_open .treeview-tr.oe-treeview-first
2320 background-image: url(/web/static/src/img/collapse.gif)
2321 .treeview-tr.oe-treeview-first span, .treeview-td.oe-treeview-first span
2324 // Debugging stuff {{{
2325 .oe_layout_debugging
2327 outline: 2px dashed green
2329 outline: 1px solid blue
2330 .oe_form_group:hover, .oe_form_group_cell:hover
2332 .oe_form_group_row_incomplete > td:last-child:after
2333 content: "[Incomplete Row]"
2339 .oe_form_group_row_incomplete.oe_form_group_row_newline > td:last-child:after
2340 content: "[newline]"
2347 // Bootstrap HACKS {{{
2348 .oe_navbar .dropdown-menu
2351 background: #333333 !important
2352 background: rgba(37, 37, 37, 0.9) !important
2353 border-color: #999999
2354 border-color: rgba(0, 0, 0, 0.2)
2355 background-color: #414141
2357 @include vertical-gradient(#646060, #262626)
2358 @include radius(3px)
2363 // Minimized unused white space and label weight for wizard popup
2364 .oe_view_manager_new .oe_form_nosheet
2369 // Customize bootstrap3 for leftbar
2372 padding: 6px 4px 2px 18px
2374 .nav-stacked > li > ul
2376 .nav-pills > li.active,a.list-group-item.active
2378 background-color: #7c7bad
2382 background-color: #7c7bad
2384 background-color: white
2390 background-color: #7c7bad
2392 // Customize for global tags
2402 -webkit-margin-before: 1em
2403 -webkit-margin-after: 1em
2404 -webkit-margin-start: 0px
2405 -webkit-margin-end: 0px
2407 background-color: #FFFFFF
2409 padding: 10px 0 3px 0
2413 // Customize for chatter
2417 .oe_form .oe_subtype label, .oe_subtype label
2419 .oe_msg_subtype_check
2420 margin: 3px 3px 0 !important
2422 // Customize for kanban tooltip
2424 height: auto !important
2425 width: auto !important
2428 @-moz-document url-prefix()
2430 .oe_searchview .oe_searchview_search
2432 .oe_form_field_many2one .oe_m2o_cm_button
2435 .oe_star_on, .oe_star_off
2439 .kitten-mode-activated
2440 background-size: cover
2441 background-attachment: fixed
2445 @include radius(15px)
2446 @include box-shadow(0 0 5px 5px #999)
2449 // jQueryUI top level {{{
2450 // The jQuery-ui overlay and Autocomplete are outside the .openerp div, please don't add indentation !!!
2451 div.ui-widget-overlay
2453 @include opacity(0.3)
2454 // TODO: I think only the overlay is problematic, the other top level widgets should use $.fn.openerpClass()
2455 // eg: $el.autocomplete().openerpClass();
2457 font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif
2463 @include box-shadow(0 1px 4px rgba(0,0,0,0.3))
2465 border: 1px solid $tag-border
2475 .ui-menu-item a.ui-state-hover, .ui-menu-item a.ui-state-active
2476 background: $tag-bg-dark
2478 //@include vertical-gradient(#f0f0fa, #eeeef6)
2481 @include radius(3px)
2487 padding-bottom: 10px !important
2489 // Server side single forms {{{
2490 @mixin single-form($width: 400px)
2496 /* Set margins to offset 50% of the w/h */
2497 margin-top: -($width / 2)
2498 margin-left: -($width / 2)
2501 background: #eee url(/web/static/src/img/form_sheetbg.png)
2504 .oe_single_form_logo
2509 .oe_single_form_footer
2516 .oe_single_form_container
2517 @include single-form(400px)
2521 // Internet Explorer 9+ specifics {{{
2524 color: $tag-border !important
2525 font-style: italic !important
2526 .oe_form_binary_file
2528 .oe_form_field_boolean input
2530 .db_option_table .oe_form_field_selection
2532 input[type='checkbox']
2543 .oe_view_manager_view_kanban
2545 .oe_view_manager_buttons
2546 button.oe_write_full
2552 button .oe_form_button_edit
2555 button .oe_form_button_create
2570 .oe_kanban_show_more
2573 &.oe_kanban_grouped .oe_kanban_show_more .oe_button
2577 .oe_form_buttons button
2588 .oe_form_buttons, .oe_view_manager_buttons
2594 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#646060', endColorstr='#262626')
2595 .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error
2596 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
2598 width: 99% !important
2600 white-space: normal !important
2601 ul.oe_form_status, ul.oe_form_status_clickable
2603 display: inline-block
2607 border-right: 1px solid #cacaca
2612 display: inline-block
2614 filter: alpha(opacity = 0)
2619 border-bottom: 1px solid #cacaca
2620 background: transparent
2623 background-color: #eeeeee !important
2626 border-bottom: 1px solid #729fcf
2628 background-color: #729fcf !important
2631 height: auto !important
2637 .oe_header_row, ul.oe_header, div.oe_mail_thread_action, .oe_mail_recthread_actions, .oe_button_box, .oe_form button, button.oe_invite, .oe_form header, .openerp .oe_notebook > li.ui-state-default, .oe_topbar, .oe_leftbar, .oe_loading
2638 // We use !important here because jQuery adds @style = display: block on elements when using $.fn.show()
2639 display: none !important
2641 button, input[type=checkbox]
2643 .tree_header button, .oe_mail .oe_mail_thread_msg .oe_mail_unread, .oe_mail_fetch_more, .oe_m2o_drop_down_button img, .oe_form_field_one2many_list_row_add
2646 &.oe_m2o_cm_button, &.oe_e
2649 .oe_form_field_date img, .oe_form_field_datetime img
2651 .oe_notebook > li.ui-tabs-selected
2654 .oe_form_sheet, .oe_form_sheetbg
2655 border: 0px !important
2656 box-shadow: 0px 0px 0px
2659 .oe_view_manager_current > .oe_view_manager_header
2660 border: 0px !important
2661 box-shadow: 0px 0px 0px
2663 .text-core .text-wrap .text-arrow
2665 .openerp div.oe_mail_wall
2666 overflow: hidden !important
2671 // Customize bootstrap3 for tooltip
2675 font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif
2679 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5)
2680 background-color: transparent
2683 text-align: left !important
2690 white-space: pre-wrap
2691 .oe_tooltip_technical
2693 margin: 5px 0 0 15px
2696 .oe_tooltip_technical_title
2699 margin: -5px 0 0 2px
2709 // Hack for ui icon {{{
2715 // Customized modal according bootstrap3
2717 .modal-header button.close
2727 .oe_act_window.modal-body
2731 z-index: 1500 !important
2733 input[type="radio"], input[type="checkbox"]
2737 .blockUI.blockOverlay
2738 background-color: black
2739 opacity: 0.6000000238418579
2741 /* ---- EDITOR TOUR ---- {{{ */
2752 *[data-role="next"],*[data-role="end"]
2763 background-color: #000
2771 // au BufWritePost,FileWritePost *.sass :!sass --style expanded --line-numbers <afile> > "%:p:r.css"
2772 // vim:tabstop=4:shiftwidth=4:softtabstop=4:fdm=marker: