4 $section-title-color: #8786b7
5 $facets-border: #afafb6
6 $facets-border-selected: #a6a6fe
7 $hover-background: #f0f0fa
9 $sheet-max-width: 860px
13 font-family: 'mnmliconsRegular'
14 src: url('/web/static/src/font/mnmliconsv21-webfont.eot') format('eot')
15 src: url('/web/static/src/font/mnmliconsv21-webfont.woff') format('woff')
16 src: url('/web/static/src/font/mnmliconsv21-webfont.ttf') format('truetype')
17 src: url('/web/static/src/font/mnmliconsv21-webfont.svg') format('svg') active
22 font-family: 'EntypoRegular'
23 src: url('/web/static/src/font/entypo-webfont.eot') format('eot')
24 src: url('/web/static/src/font/entypo-webfont.eot?#iefix') format('embedded-opentype')
25 src: url('/web/static/src/font/entypo-webfont.woff') format('woff')
26 src: url('/web/static/src/font/entypo-webfont.ttf') format('truetype')
27 src: url('/web/static/src/font/entypo-webfont.svg') format('svg') active
37 @include box-shadow(none)
39 @mixin vertical-gradient($startColor: #555, $endColor: #333)
40 background-color: $startColor
41 background-image: -webkit-gradient(linear, left top, left bottom, from($startColor), to($endColor)) /* Saf4+, Chrome */
42 background-image: -webkit-linear-gradient(top, $startColor, $endColor) /* Chrome 10+, Saf5.1+, iOS 5+ */
43 background-image: -moz-linear-gradient(top, $startColor, $endColor) /* FF3.6 */
44 background-image: -ms-linear-gradient(top, $startColor, $endColor) /* IE10 */
45 background-image: -o-linear-gradient(top, $startColor, $endColor) /* Opera 11.10+ */
46 background-image: linear-gradient(to bottom, $startColor, $endColor)
48 @mixin radial-gradient($gradient)
49 background-position: center center
50 background-image: -webkit-radial-gradient(circle, $gradient)
51 background-image: -moz-radial-gradient($gradient)
52 background-image: -ms-radial-gradient($gradient)
53 background-image: radial-gradient($gradient)
55 @mixin radius($radius: 5px)
56 -moz-border-radius: $radius
57 -webkit-border-radius: $radius
58 border-radius: $radius
60 @mixin box-shadow($bsval: 0px 1px 4px #777)
61 -moz-box-shadow: $bsval
62 -webkit-box-shadow: $bsval
65 @mixin transition($transval: (border linear 0.2s, box-shadow linear 0.2s))
66 -webkit-transition: $transval
67 -moz-transition: $transval
68 -ms-transition: $transval
69 -o-transition: $transval
72 @mixin opacity($opacity: .5)
73 filter: alpha(opacity=$opacity * 100)
76 @mixin background-clip($clip: padding-box)
77 -webkit-background-clip: $clip
78 -moz-background-clip: $clip
79 background-clip: $clip
81 @mixin box-sizing($type: content)
82 // type = border || content || padding
83 -webkit-box-sizing: #{$type}-box
84 -moz-box-sizing: #{$type}-box
85 -ms-box-sizing: #{$type}-box
86 box-sizing: #{$type}-box
88 // Transforms the (readable) text of an inline element into an mmlicons icon,
89 // allows for actual readable text in-code (and in readers?) with iconic looks
90 @mixin text-to-icon($icon-name, $color: #404040)
95 font: 21px "mnmliconsRegular"
100 // CSS animation bounces {{{
101 @-moz-keyframes bounce
103 -moz-transform: scale(0)
106 -moz-transform: scale(1.3)
109 -moz-transform: scale(0.9)
112 -moz-transform: scale(1)
115 @-webkit-keyframes bounce
117 -webkit-transform: scale(0)
120 -webkit-transform: scale(1.3)
123 -webkit-transform: scale(0.9)
126 -webkit-transform: scale(1)
130 .openerp.openerp_webclient_container
138 font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif
145 text-decoration: none
148 border-collapse: collapse
151 background-color: #f0f0f0
153 border-right: 1px dotted #afafb6
161 vertical-align: middle
164 .zebra tbody tr:nth-child(odd) td
165 background-color: #f0f0fa
166 @include vertical-gradient(#f0f0fa, #eeeef6)
167 .zebra tbody tr:hover td
168 @include vertical-gradient(#eee, #dedede)
173 list-style-type: none
174 input, textarea, select
176 border: 1px solid #ccc
180 vertical-align: middle
185 a.button:link, a.button:visited, button, input[type='submit']
186 display: inline-block
187 border: 1px solid #ababab
193 @include vertical-gradient(#efefef, #d8d8d8)
195 @include box-shadow((0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .8) inset))
196 text-shadow: 0 1px 1px rgba(255, 255, 255, .5)
197 -webkit-font-smoothing: antialiased
200 a.button:hover, button:hover, input[type='submit']:hover
201 @include vertical-gradient(#f6f6f6, #e3e3e3)
204 a.button:focus, button:focus, input[type='submit']:focus
205 border: 1px solid #80bfff
206 @include vertical-gradient(#f6f6f6, #e3e3e3)
207 @include box-shadow((0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, .8) inset))
209 a.button:active, a.button.active, button:active, button.active, input[type='submit']:active, input[type='submit'].active
210 @include vertical-gradient(#e3e3e3, #f6f6f6)
211 @include box-shadow(none)
213 a.button.disabled, button:disabled, input[type='submit']:disabled
214 background: #efefef !important
215 border: 1px solid #d1d1d1 !important
216 @include box-shadow(none !important)
217 color: #aaa !important
219 text-shadow: 0 1px 1px #fff !important
221 // Jquery ui Overrides {{{
223 font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif
232 div.ui-widget-overlay
234 @include opacity(0.3)
240 background-color: rgba(60,60,60,0.7)
242 border-color: #888 #555 #444
245 @include box-shadow(0 1px 12px rgba(0, 0, 0, 0.6))
246 @include background-clip()
249 .ui-dialog-titlebar, .ui-dialog-content, .ui-dialog-buttonpane
252 border-bottom: 1px solid #cacaca
253 @include radius(2px 2px 0 0)
254 @include vertical-gradient(#FCFCFC, #DEDEDE)
262 .ui-dialog-buttonpane
263 border-top: 1px solid #e0e0e0
266 @include radius(0 0 2px 2px)
271 .ui-dialog-titlebar-close
281 text-shadow: 0 1px 0 white
284 background: transparent
288 text-decoration: none
290 background-color: white
291 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAKUlEQVQIHWO8e/fufwYsgAUkJigoiCIF5DMyoYggcUiXgNnBiGQKmAkARpcEQeriln4AAAAASUVORK5CYII=)
292 @include radius(0 0 2px 2px)
296 text-decoration: underline
305 text-shadow: 0 1px 1px #999999
306 @include vertical-gradient(#b41616, #600606)
309 @include radius(0 0 2px 2px)
313 &.ui-dialog.oe_act_window
324 background-color: black
328 // Generic classes {{{
330 font-family: "mnmliconsRegular" !important
332 font-weight: 300 !important
334 font-family: "entypoRegular" !important
336 font-weight: 300 !important
355 width: auto !important
360 @include vertical-gradient(#dc5f59, #b33630)
361 @include box-shadow(none)
362 button.oe_highlight:active
363 @include vertical-gradient(#b33630, #dc5f59)
364 @include box-shadow(none)
365 button.oe_highlight:hover
366 @include vertical-gradient(#DF6B66, #BF3A33)
367 //@include vertical-gradient(lighten(#dc5f59, 3%), lighten(#b33630, 3%))
368 @include box-shadow(0 0 1px rgba(0, 0, 0, 0.2))
370 .oe_highlight_on_dirty
374 button.oe_highlight_on_dirty
375 @include vertical-gradient(#dc5f59, #b33630)
376 @include box-shadow(none)
399 @include box-shadow(0 1px 3px rgba(0, 0, 0, 0.3))
412 text-decoration: underline
414 .oe_star_on, .oe_star_off
416 text-shadow: 0 0 2px black
420 .oe_star_on:hover, .oe_star_off:hover
421 text-decoration: none
425 -moz-animation: bounce .40s linear
426 -webkit-animation: bounce .40s linear
428 // Tags (for many2many tags, among others) {{{
431 @include box-sizing(border)
432 border: 1px solid #9DACCC
434 color: black !important
435 padding: 0px 3px 0px 3px
438 // font: 11px "lucida grande", tahoma, verdana, arial, sans-serif
441 width: 100% !important
443 width: 100% !important
444 .text-core .text-wrap .text-dropdown .text-list .text-suggestion em
446 text-decoration: none
456 white-space: pre-wrap
457 .oe_tooltip_technical
462 .oe_tooltip_technical_title
471 .oe_notebook.ui-corner-all
473 .oe_notebook:before, .oe_notebook:after
481 .oe_notebook > li > a
487 border-width: 0 0 1px
490 .oe_notebook > li > a
494 border: 1px solid transparent
495 @include radius(4px 4px 0 0)
496 .oe_notebook > li > a:hover
497 text-decoration: none
498 background-color: #eee
499 border-color: #eee #eee #ddd
500 .oe_notebook > li.ui-state-active > a, .oe_notebook > li.ui-state-active > a:hover
501 background-color: #ffffff
502 border: 1px solid #ddd
503 border-bottom-color: transparent
508 padding: 3px 0px 3px 0px
513 .oe_dropdown, .oe_dropdown_hover, .oe_dropdown_toggle
519 .oe_dropdown_hover:hover .oe_dropdown_menu, .oe_dropdown_menu.oe_opened
527 border: 1px solid #afafb6
533 @include box-shadow(0 1px 4px rgba(0,0,0,0.3))
536 @include vertical-gradient(#f0f0fa, #eeeef6)
537 @include box-shadow(none)
538 list-style-type: none
547 text-decoration: none
549 text-decoration: none
550 .oe_dropdown_arrow:after
553 display: inline-block
555 text-indent: -99999px
559 border-left: 4px solid transparent
560 border-right: 4px solid transparent
561 border-top: 4px solid#404040
562 @include opacity(0.5)
566 .oe_sidebar_add_attachment
573 .oe_hidden_input_file
576 @include vertical-gradient(#f0f0fa, #eeeef6)
577 @include box-shadow(none)
579 .oe_sidebar_delete_item
591 text-shadow: 0 1px 1px white
593 text-decoration: none
596 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4)
599 .oe_sidebar_delete_item
600 display: inline-block
613 border: 1px solid #900
615 -moz-border-radius-bottomright: 8px
616 -moz-border-radius-bottomleft: 8px
617 border-bottom-right-radius: 8px
618 border-bottom-left-radius: 8px
626 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAKUlEQVQIHWO8e/fufwYsgAUkJigoiCIF5DMyoYggcUiXgNnBiGQKmAkARpcEQeriln4AAAAASUVORK5CYII=)
631 list-style-type: none
635 display: inline-block
638 border: 1px solid #222
641 @include vertical-gradient(#b92020, #600606)
643 @include box-shadow((0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset))
646 font-family: "Lucida Grande", Helvetica, Verdana, Arial
647 border: 1px solid #999999
648 background: whitesmoke
649 @include box-shadow(inset 0 1px 4px rgba(0, 0, 0, 0.3))
662 border: solid 1px #333
664 background: rgba(30,30,30,0.94)
665 @include radius(0 0 8px 8px)
675 text-shadow: 0 1px 1px #999999
676 @include vertical-gradient(#b41616, #600606)
681 margin: -160px -166px
682 border: solid 1px #333333
684 background: rgba(30,30,30,0.94)
689 @include box-shadow(0 0 18px rgba(0, 0, 0, 0.9))
710 text-decoration: underline
714 .oe_login_error_message
716 background-color: #b41616
722 @include box-shadow(0 1px 4px rgba(0, 0, 0, 0.8))
724 .oe_login_error_message
725 display: inline-block
727 // DatabaseManager {{{
732 .oe_database_manager_menu
741 // WebClient.fullscreen {{{
742 .oe_content_full_screen
746 .oe_topbar, .oe_leftbar
749 // WebClient.topbar {{{
753 border-top: solid 1px #d3d3d3
754 @include vertical-gradient(#646060, #262626)
757 padding: 5px 10px 7px
762 text-shadow: 0 1px 1px rgba(0,0,0,0.2)
766 @include box-shadow(0 1px 2px rgba(255,255,255,0.3) inset)
771 @include box-shadow(0 1px 2px rgba(255,255,255,0.3) inset)
780 .oe_dropdown_arrow:after
781 border-top: 4px solid white
785 background: rgba(37,37,37,0.9)
787 border-color: rgba(0, 0, 0, 0.2)
789 border-width: 0 1px 1px
790 @include radius(0 0 6px 6px)
791 @include background-clip()
798 @include vertical-gradient(#292929, #191919)
799 @include box-shadow(none)
802 // Webclient.leftbar {{{
807 border-right: 1px solid #afafb6
808 text-shadow: 0 1px 1px white
842 list-style-type: none
863 padding: 5px 10px 7px
868 text-shadow: 0 1px 1px rgba(0,0,0,0.2)
872 @include box-shadow(0 1px 2px rgba(255,255,255,0.3) inset)
877 @include box-shadow(0 1px 2px rgba(255,255,255,0.3) inset)
878 .oe_secondary_menu_section
882 .oe_secondary_submenu
886 display: inline-block
889 padding: 1px 0 1px 20px
893 padding: 2px 4px 2px 0
903 border: 1px solid lightGray
904 text-shadow: 0 1px 1px rgba(0,0,0,0.2)
906 @include box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.2))
912 border: 1px solid lightgray
914 text-shadow: 0 1px 1px rgba(0,0,0,0.2)
919 border-top: 1px solid lightGray
920 border-bottom: 1px solid lightGray
921 text-shadow: 0 1px 1px rgba(0,0,0,0.2)
922 @include box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.2))
928 text-shadow: 0 1px 1px white
929 @include box-shadow(0 1px 1px rgba(0, 0, 0, 0.2))
933 .oe_menu_toggler:before
936 display: inline-block
938 text-indent: -99999px
943 border-top: 4px solid transparent
944 border-bottom: 4px solid transparent
945 border-left: 4px solid #4c4c4c
946 @include opacity(0.5)
947 .oe_menu_opened:before
951 border-left: 4px solid transparent
952 border-right: 4px solid transparent
953 border-top: 4px solid #4c4c4c
961 text-decoration: underline
965 // ViewManager common {{{
967 .oe_view_manager_body
969 .oe_view_manager_view_kanban
972 table.oe_view_manager_header
979 text-shadow: 0 1px 1px white
980 .oe_header_row:last-child
983 .oe_view_manager_sidebar
995 display: inline-block
996 border: 1px solid #ababab
1000 border-right: 1px solid #ababab
1006 text-decoration: none
1009 @include box-shadow(0 1px 4px rgba(0,0,0,0.3) inset)
1012 text-shadow: 0 1px 2px rgba(0,0,0,0.4)
1013 .oe_view_manager_buttons
1016 // ViewManager.pager {{{
1017 .oe_view_manager_pager
1019 .oe_list_pager_single_page .oe_pager_group
1028 display: inline-block
1029 border: 1px solid #ababab
1031 @include radius(5px)
1037 border-right: 1px solid #ababab
1044 text-decoration: none
1047 @include box-shadow(0 1px 4px rgba(0,0,0,0.3) inset)
1050 text-shadow: 0 1px 2px rgba(0,0,0,0.4)
1052 // ViewManager.switches {{{
1053 .oe_view_manager_switch
1061 .oe_vm_switch_list:after, .oe_vm_switch_tree:after
1064 .oe_vm_switch_form:after
1066 .oe_vm_switch_graph:after
1067 font-family: "mnmliconsRegular" !important
1069 font-weight: 300 !important
1073 .oe_vm_switch_gantt:after
1074 font-family: "mnmliconsRegular" !important
1076 font-weight: 300 !important
1080 .oe_vm_switch_calendar:after
1082 .oe_vm_switch_kanban:after
1084 .oe_vm_switch_diagram:after
1087 // ViewManager application {{{
1088 .oe_view_manager_current
1090 > .oe_view_manager_header
1091 border-top: 1px solid #cacaca
1092 border-bottom: 1px solid #cacaca
1093 @include vertical-gradient(#fcfcfc, #dedede)
1094 @include box-shadow((0 1px 0 rgba(255,255,255,0.4), 0 0 9px rgba(0,0,0,0.1)))
1098 .oe_header_row:first-child
1102 // ViewManager inline {{{
1103 .oe_view_manager_inline
1105 > .oe_view_manager_header
1108 // Viewmanager popup {{{
1109 .oe_popup_form > .oe_formview > .oe_form_pager
1110 display: none !important
1120 border: 1px solid #ababab
1122 @include radius(13px)
1123 @include box-shadow(0 1px 2px rgba(0,0,0,0.2) inset)
1130 border-color: $facets-border-selected
1131 @include box-shadow(0 1px 2px $facets-border-selected inset)
1132 .oe_searchview_clear
1139 background: url(../img/search_reset.gif) center center no-repeat
1140 .oe_searchview_unfold_drawer
1145 padding: 0 7px 0 4px
1156 display: inline-block
1159 border-top: 5px solid #4C4C4C
1160 border-left: 5px solid transparent
1161 border-right: 5px solid transparent
1164 .oe_searchview_search
1165 @include text-to-icon("r", #a3a3a3)
1166 @include box-shadow(none)
1173 background: transparent
1175 .oe_searchview_facets
1180 display: inline-block
1182 .oe_searchview_input, .oe_searchview_facet
1188 .oe_searchview_input
1190 .oe_searchview_facet
1193 border: 1px solid $facets-border
1194 @include radius(3px)
1196 -webkit-font-smoothing: auto
1197 // spacing for opera, FF
1199 border-color: $facets-border-selected
1200 @include box-shadow(0 0 3px 1px $facets-border-selected)
1203 @include radius(0 3px 3px 0)
1204 .oe_facet_category, .oe_facet_value
1209 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4)
1210 .oe_facet_category.oe_i
1213 border-left: 1px solid $facets-border
1214 text-shadow: 0 1px 1px white
1228 text-shadow: 0 1px 1px white
1232 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4)
1233 @include radius(2px)
1234 &.oe_searchview_open_drawer
1235 .oe_searchview_drawer
1238 .oe_searchview_drawer
1241 // detach drawer from field slightly
1245 background-color: white
1248 border: 1px solid #afafb6
1250 @include radius(4px)
1251 @include box-shadow(0 1px 4px rgba(0,0,0,0.3))
1253 border-top: 1px solid #ccc
1260 margin: 8px 4px 4px 12px
1261 color: $section-title-color
1267 display: inline-block
1269 background-color: $hover-background
1277 background: transparent
1279 @include box-shadow(none)
1281 .oe_searchview_section
1285 @include box-sizing(border)
1294 padding: 2px 4px 2px 20px
1299 &.oe_selected:before
1301 font-family: "entypoRegular" !important
1303 font-weight: 300 !important
1308 // after oe_selected so background color is not overridden
1310 background-color: $hover-background
1318 .oe_searchview_custom
1319 padding: 0 8px 8px 8px
1326 padding: 2px 4px 2px 20px
1328 background-color: $hover-background
1333 .oe_searchview_dashboard
1338 .oe_searchview_advanced
1342 button.oe_add_condition:before
1344 font-family: "entypoRegular" !important
1346 font-weight: 300 !important
1365 .oe_searchview_custom_delete, .searchview_extended_delete_prop
1366 display: inline-block
1375 text-shadow: 0 1px 1px white
1377 text-decoration: none
1380 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4)
1381 @include radius(2px)
1382 .oe_searchview_custom_delete
1387 .oe_searchview_custom_private, .oe_searchview_custom_public
1389 .oe_searchview_custom_delete
1390 display: inline-block
1391 .oe_searchview_custom_public:after
1393 font-family: "entypoRegular" !important
1395 font-weight: 300 !important
1407 // don't encroach on my arrow
1409 padding: 35px 0px 0px 0px
1413 // FormView.base and dynamic tags {{{
1416 .oe_form_dropdown_section
1418 display: inline-block
1420 input, select, textarea
1421 background-color: #F66 !important
1422 border: 1px solid #D00 !important
1423 .oe_view_manager_current .oe_form_editable
1428 @include vertical-gradient(#efefef, #d8d8d8)
1429 @include box-shadow((0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .8) inset))
1430 button.oe_highlight:active
1431 @include vertical-gradient(#e3e3e3, #f6f6f6)
1432 @include box-shadow(none)
1433 button.oe_highlight:hover
1434 @include vertical-gradient(#f6f6f6, #e3e3e3)
1435 @include box-shadow((0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .8) inset))
1437 display: none !important
1439 .oe_edit_only, .oe_form_field:empty
1440 display: none !important
1441 .oe_form .oe_form_field_date
1445 .oe_form_nosheet > header
1450 // FormView.custom tags and classes {{{
1454 border-bottom: 1px solid #cacaca
1455 @include vertical-gradient(#fcfcfc, #dedede)
1459 display: inline-block
1463 max-width: $sheet-max-width
1469 text-shadow: 0 1px 1px white
1482 border-left: 1px solid #cacaca
1486 border-right: 1px solid #cacaca
1491 .oe_form_steps_active
1494 .oe_form .oe_subtotal_footer
1495 width: 1% !important
1496 td.oe_form_group_cell
1498 padding: 0 !important
1499 td.oe_form_group_cell_label
1501 .oe_subtotal_footer_separator
1503 border-top: 1px solid #cacaca
1508 label.oe_subtotal_footer_separator
1509 font-weight: bold !important
1510 padding: 2px 11px 2px 0px !important
1511 label.oe_form_label_help
1513 // no sheet in popups
1516 background: url(/web/static/src/img/form_sheetbg.png)
1518 border-bottom: 1px solid #ddd
1519 .oe_form_sheet_width
1521 max-width: $sheet-max-width
1527 border: 1px solid #afafb6
1528 @include box-shadow(0 0 10px rgba(0,0,0,0.3))
1534 // FormView.group {{{
1538 td.oe_form_group_cell_label
1539 border-right: 1px solid #ddd
1540 padding: 2px 0px 2px 0px
1545 td.oe_form_group_cell + .oe_form_group_cell
1550 .oe_form_group_cell.oe_group_right
1553 // FormView.label {{{
1555 .oe_form_label_help[for], .oe_form_label[for]
1567 // FormView.separator {{{
1568 .oe_horizontal_border
1569 border-bottom: 1px solid black
1570 .oe_horizontal_separator
1573 margin: 8px 0px 8px 0px
1575 .oe_horizontal_separator:empty
1577 .oe_vertical_separator
1578 border-left: 1px solid #666
1579 padding: 0 4px 0 4px
1581 // FormView.progressbar {{{
1582 .oe_form_field_progressbar
1583 display: inline-block
1585 .oe_form_field_progressbar.ui-progressbar
1588 @include box-sizing(border)
1589 border: 1px solid #999
1590 @include radius(3px)
1598 background: #cccccc url(/web/static/lib/jquery.ui/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x
1600 // FormView.fields {{{
1604 .oe_form_field_char input,
1605 .oe_form_field_url input,
1606 .oe_form_field_email input,
1607 .oe_form_field_text textarea,
1608 .oe_form_field_selection select
1610 .oe_form_field_text.oe_inline, .oe_form_field_text.oe_inline > textarea
1612 h1, h2, h3, h4, h5, h6
1615 height: inherit !important
1619 display: inline-block
1620 padding: 2px 2px 2px 0px
1624 input[type="text"], input[type="password"], input[type="file"], select
1627 input[type="text"], input[type="password"], input[type="file"], select, textarea
1628 @include box-sizing(border)
1632 input[readonly], select[readonly], textarea[readonly], input[disabled], select[disabled]
1633 background: #E5E5E5 !important
1637 border-left: 8px solid #eee
1639 @include box-shadow(none)
1640 @include radius(0px)
1641 .oe_form_field_url button img
1643 .oe_form_field_date,
1644 .oe_form_field_datetime
1646 .oe_form_field_boolean
1649 .oe_datepicker_container
1652 display: inline-block
1654 input, select, textarea
1655 background-color: #D2D2FF !important
1657 input, select, textarea
1658 background-color: #F66 !important
1659 border: 1px solid #D00 !important
1662 margin: 3px 0 0 -21px
1664 .oe_input_icon_disabled
1668 filter: alpha(opacity=50)
1671 .oe_form_field_with_button.oe_no_button > .oe_button
1673 .oe_form_field_with_button:not(.oe_no_button)
1677 border-bottom-left-radius: 0px
1679 .oe_form_field_with_button
1687 .oe_form_field_integer
1688 width: 7em !important
1689 .oe_form_field_float
1690 width: 8em !important
1692 width: 7.5em !important
1693 .oe_form_field_datetime
1694 width: 11.5em !important
1696 // FormView.fields_binary {{{
1697 /* http://www.quirksmode.org/dom/inputfile.html
1698 * http://stackoverflow.com/questions/2855589/replace-input-type-file-by-an-image
1700 .oe_hidden_input_file
1703 display: inline-block
1706 input.oe_form_binary_file
1711 // Should be adjusted for all browsers
1715 filter: alpha(opacity = 0)
1716 -ms-filter: "alpha(opacity=0)"
1720 .oe_form_field_image
1723 display: inline-block
1726 .oe_form_field_image_controls
1735 background: url(/web/static/src/img/form_sheetbg.png)
1736 border-bottom: 1px dotted black
1737 @include box-sizing(border)
1738 &:hover .oe_form_field_image_controls
1741 // FormView.many2one {{{
1742 .oe_form_field_many2one
1745 span.oe_m2o_drop_down_button
1752 // FormView.one2many {{{
1753 .oe_form .oe_form_field_one2many > .oe_view_manager
1754 .oe_list_pager_single_page
1756 .oe_form_field_one2many,.oe_form_field_many2many
1757 // TODO: oe_form_field_one2many_list?
1763 background: transparent
1764 .oe_list .oe_list_edit_row_save
1765 background: url(/web/static/src/img/iconset-b-remove.png) 50% 50% no-repeat
1772 .oe_view_manager_header2
1784 .oe_list_buttons.oe_editing .oe_list_save
1785 // keep "save row" button hidden in o2m
1788 // FormView.many2many {{{
1789 .oe_form .oe_form_field_many2many > .oe_list
1790 .oe_list_pager_single_page
1795 .oe_list_save, .oe_list_discard
1798 .oe_list_add, .oe_list_button_import
1801 display: inline-block
1807 .oe_form .oe_form_field
1810 margin: 0 !important // dammit
1815 td:first-child, th:first-child
1819 text-align: right !important
1822 border-bottom: 2px solid #cacaca
1835 border-width: 0 4px 4px
1837 border-color: #000 transparent
1841 @include opacity(0.6)
1844 border-left: 4px solid transparent
1845 border-right: 4px solid transparent
1846 border-top: 4px solid #000
1848 @include box-shadow(none)
1849 @include opacity(0.6)
1853 border-top: 1px solid #ddd
1854 > td.oe_list_field_cell
1856 white-space: pre-line
1860 background: transparent
1862 @include box-shadow(none)
1863 > td.oe_list_checkbox:first-child, th.oe_list_checkbox:first-child
1868 background-color: #f0f0fa
1869 @include vertical-gradient(#f0f0fa, #eeeef6)
1871 border-top: 2px solid #cacaca
1872 border-bottom: 1px solid #cacaca
1876 > tbody tr:hover td, tbody tr:hover th
1877 @include vertical-gradient(#eee, #dedede)
1887 background-color: #f0f0f0
1888 border-bottom: 1px solid #cacaca
1898 background-color: white
1904 background-color: #f0f0f0
1905 border-bottom: 2px solid #cacaca
1906 .treeview-tr, .treeview-td
1908 border-right: 1px dotted #afafb6
1911 border-bottom: 1px solid #cfcccc
1913 background-color: #e0e0f8
1915 text-align: right !important
1921 .treeview-tr.oe-treeview-first
1922 background: transparent url(/web/static/src/img/expand.gif) 0 50% no-repeat
1923 .oe_open .treeview-tr.oe-treeview-first
1924 background-image: url(/web/static/src/img/collapse.gif)
1925 .treeview-tr.oe-treeview-first span, .treeview-td.oe-treeview-first span
1929 .oe_trad_field.touched
1930 border: 1px solid green !important
1932 // Debugging stuff {{{
1933 .oe_layout_debugging
1935 outline: 2px dashed green
1937 outline: 1px solid blue
1938 .oe_form_group:hover, .oe_form_group_cell:hover
1940 .oe_form_group_row_incomplete > td:last-child:after
1941 content: "[Incomplete Row]"
1947 .oe_form_group_row_incomplete.oe_form_group_row_newline > td:last-child:after
1948 content: "[newline]"
1953 .oe_debug_view_log label
1960 .oe_debug_view_log span
1967 .kitten-mode-activated
1968 background-image: url(http://placekitten.com/g/1365/769)
1969 background-size: cover
1970 background-attachment: fixed
1977 // au BufWritePost,FileWritePost *.sass :!sass --style expanded --line-numbers <afile> > "%:p:r.css"
1978 // vim:tabstop=4:shiftwidth=4:softtabstop=4:fdm=marker: