addons/web/static/src/css/base.sass

   1 @charset "utf-8"
   2
   3 // Variables {{{
   4 $facets-border: #afafb6
   5 $section-title-color: #7C7BAD
   6 $tag-bg-light: #f0f0fa
   7 $tag-bg-dark: #7C7BAD
   8 $tag-border: #afafb6
   9 $tag-border-selected: #a6a6fe
  10 $hover-background: #f0f0fa
  11 $link-color: #7C7BAD
  12 $sheet-max-width: 860px
  13 $sheet-min-width: 650px
  14 $sheet-padding: 16px
  15 // }}}
  16 // Mixins {{{
  17 @font-face
  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
  23     font-weight: normal
  24     font-style: normal
  25
  26 @font-face
  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
  33     font-weight: normal
  34     font-style: normal
  35
  36 @mixin reset()
  37     border: none
  38     padding: 0
  39     margin: 0
  40     background: none
  41     @include radius(0)
  42     @include box-shadow(none)
  43
  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)
  52
  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($gradient)
  59
  60 @mixin radius($radius: 5px)
  61     -moz-border-radius: $radius
  62     -webkit-border-radius: $radius
  63     border-radius: $radius
  64
  65 @mixin box-shadow($bsval: 0px 1px 4px #777)
  66     -moz-box-shadow: $bsval
  67     -webkit-box-shadow: $bsval
  68     box-shadow: $bsval
  69
  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
  75     transition: $transval
  76
  77 @mixin opacity($opacity: .5)
  78     filter: alpha(opacity=$opacity * 100)
  79     opacity: $opacity
  80
  81 @mixin background-clip($clip: padding-box)
  82     -webkit-background-clip: $clip
  83     -moz-background-clip: $clip
  84     background-clip: $clip
  85
  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
  92
  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 */
  99
 100 @mixin transform($transform)
 101     -webkit-transform: $transform
 102     -moz-transform: $transform
 103     -ms-transform: $transform
 104     -o-transform: $transform
 105     transform: $transform
 106
 107 @mixin keyframes($name)
 108     @-webkit-keyframes #{$name}
 109         @content
 110     @-moz-keyframes #{$name}
 111         @content
 112     @-ms-keyframes #{$name}
 113         @content
 114     @-o-keyframes #{$name}
 115         @content
 116     @keyframes #{$name}
 117         @content
 118
 119
 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)
 123     font-size: 1px
 124     letter-spacing: -1px
 125     color: transparent
 126     text-shadow: none
 127     font-weight: normal
 128     &:before
 129         font: 21px "mnmliconsRegular"
 130         content: $icon-name
 131         color: $color
 132
 133 @mixin text-to-entypo-icon($icon-name, $color: #404040, $size: 21px)
 134     font-size: 1px
 135     letter-spacing: -1px
 136     color: transparent
 137     text-shadow: none
 138     font-weight: normal
 139     &:before
 140         font: $size "entypoRegular"
 141         content: $icon-name
 142         color: $color
 143
 144 // }}}
 145
 146 .openerp
 147     // Global style {{{
 148     padding: 0
 149     margin: 0
 150     font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif
 151     color: #4c4c4c
 152     font-size: 13px
 153     background: white
 154     &.openerp_webclient_container
 155         height: 100%
 156     // }}}
 157     //Placeholder style{{{
 158     \:-moz-placeholder
 159         color: $tag-border !important
 160         font-style: italic !important
 161     \::-webkit-input-placeholder
 162         color: $tag-border !important
 163         font-style: italic !important
 164     \:-ms-input-placeholder
 165         color: $tag-border !important
 166         font-style: italic !important
 167     //}}}
 168     // Tag reset {{{
 169     a
 170         text-decoration: none
 171         cursor: pointer !important
 172     table
 173         padding: 0
 174         border-collapse: collapse
 175     thead
 176         font-weight: bold
 177         background-color: #f0f0f0
 178         th
 179             border-left: 1px solid #dfdfdf
 180             &:first-child
 181                 border-left: none
 182             &.null
 183                 border-left: none
 184     th, td
 185         padding: 0
 186         text-align: left
 187     th
 188         font-weight: bold
 189         vertical-align: middle
 190     td
 191         vertical-align: top
 192     .oe_title
 193         width: 38%
 194         float: left
 195     .oe_title:after
 196         content: "."
 197         display: block
 198         height: 0
 199         clear: both
 200         visibility: hidden
 201     .oe_form_group
 202         clear: both
 203     .zebra tbody tr:nth-child(odd) td
 204         background-color: #f0f0fa
 205         @include vertical-gradient(#f0f0fa, #eeeef6)
 206     .zebra tbody tr:hover td
 207         @include vertical-gradient(#eee, #dedede)
 208     input, textarea, select
 209         padding: 2px 4px
 210         border: 1px solid #ccc
 211         @include radius(3px)
 212         background: white
 213     img
 214         vertical-align: middle
 215     h4
 216         margin: 4px 0
 217         font-weight: bold
 218         font-size: inherit
 219     // }}}
 220     // Button style {{{
 221     a.button:link, a.button:visited, button, .oe_button, input[type='submit']
 222         display: inline-block
 223         border: 1px solid rgba(0,0,0,0.4)
 224         color: #4c4c4c
 225         margin: 0
 226         padding: 3px 12px
 227         font-size: 13px
 228         text-align: center
 229         @include vertical-gradient(#efefef, #d8d8d8)
 230         @include radius(3px)
 231         @include box-shadow((0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .8) inset))
 232         text-shadow: 0 1px 1px rgba(255, 255, 255, .5)
 233         -webkit-font-smoothing: antialiased
 234         outline: none
 235
 236     a.button:hover, button:hover,.oe_button:hover, input[type='submit']:hover
 237         @include vertical-gradient(#f6f6f6, #e3e3e3)
 238         cursor: pointer
 239         background-position: 0
 240
 241     a.button:focus, button:focus, .oe_button:focus, input[type='submit']:focus
 242         border: 1px solid #80bfff
 243         background-position: 0
 244         @include vertical-gradient(#f6f6f6, #e3e3e3)
 245         @include box-shadow((0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, .8) inset))
 246
 247     a.button:active, a.button.active, button:active, .oe_button:active, .oe_button.active, input[type='submit']:active, input[type='submit'].active
 248         @include vertical-gradient(#e3e3e3, #f6f6f6)
 249         @include box-shadow(none)
 250
 251     a.button.disabled, button:disabled, .oe_button:disabled, input[type='submit']:disabled
 252         background: #efefef !important
 253         border: 1px solid #d1d1d1 !important
 254         @include box-shadow(none !important)
 255         color: #aaa !important
 256         cursor: default
 257         text-shadow: 0 1px 1px #fff !important
 258     // }}}
 259     // Jquery ui Overrides {{{
 260     .ui-widget-content a
 261         color: $link-color
 262     .oe_bounce_container
 263         display: inline-block
 264
 265     // Bug lp:1051746
 266     .text-tag .text-button
 267         height: auto !important
 268         min-height: 16px
 269
 270     // bug noted in jquery ui CSS doesn't seem to occur in IE9,
 271     // so remove position:relative
 272     .ui-tabs
 273         position: static
 274
 275     // }}}
 276     // Generic classes {{{
 277     .oe_i
 278         font-family: "mnmliconsRegular" !important
 279         font-size: 21px
 280         font-weight: 300 !important
 281     .oe_e
 282         font-family: "entypoRegular" !important
 283         font-size: 34px
 284         font-weight: 300 !important
 285         line-height: 100%
 286     .oe_left
 287         float: left
 288         margin-right: 8px
 289         width: 305px
 290     .oe_right
 291         float: right
 292         margin-left: 8px
 293     .oe_text_center
 294         text-align: center
 295     .oe_text_left
 296         text-align: left
 297     .oe_text_right
 298         text-align: right
 299     .oe_clear
 300         clear: both
 301     .oe_wait
 302         cursor: wait
 303     .oe_fade
 304         color: #888
 305         font-weight: normal
 306     .oe_bold
 307         font-weight: bold
 308     .oe_inline
 309         width: auto !important
 310     .oe_highlight
 311         color: white
 312         background: #DC5F59
 313     button.oe_highlight
 314         @include vertical-gradient(#df3f3f, #a21a1a)
 315         @include box-shadow((0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset))
 316     button.oe_highlight:hover
 317         @include vertical-gradient(lighten(#e04f4f, 2%), lighten(#a21a1a, 2%))
 318     button.oe_highlight:active
 319         @include vertical-gradient(lighten(#a21a1a, 8%), darken(#df3f3f, 8%))
 320     .oe_background_grey
 321         background: #eee !important
 322
 323     .oe_form_dirty
 324         .oe_highlight_on_dirty
 325             color: white
 326             background: #dc5f59
 327             font-weight: bold
 328         button.oe_highlight_on_dirty
 329             @include vertical-gradient(#dc5f59, #b33630)
 330             @include box-shadow(none)
 331             &:hover
 332                 background: #ED6F6A
 333     .oe_stat_button
 334         font-weight: normal
 335         width: 132px !important
 336         height: 40px
 337         color: #666
 338         margin: 0px -1px -1px 0px
 339         padding: 0
 340         border: 1px solid #dddddd
 341         border-radius: 0
 342         box-shadow: none
 343         background: white
 344         > div
 345             display: table-cell
 346             vertical-align: middle
 347             text-align: left
 348             padding: 0
 349             line-height: 120%
 350         .stat_button_icon
 351             color: #7C7BAD
 352             font-size: 24px
 353             padding: 0px 3px
 354             width: 37px
 355             text-align: center
 356         .oe_form_field_percent_pie
 357             width: 42px
 358         .oe_form_field_bar_chart
 359             width: 42px
 360         svg
 361             width: 38px
 362             height: 38px
 363             display: inline
 364             vertical-align: middle
 365     .oe_stat_button:hover
 366         background: #7c7bad
 367         color: white
 368         .fa
 369             color: white
 370     .oe_button_box
 371         width: 400px
 372         text-align: right
 373         .oe_stat_button
 374             display: inline-table
 375     .oe_avatar
 376         > img
 377             max-height: 90px
 378             max-width: 90px
 379             @include radius(3px)
 380             @include box-shadow(0 1px 4px rgba(0, 0, 0, 0.4))
 381             border: none
 382             margin-bottom: 10px
 383     .oe_avatar + div
 384         margin-left: 5px
 385     .oe_image_small > img
 386         max-width: 50px
 387         max-height: 50px
 388     .oe_image_medium > img
 389         max-width: 180px
 390         max-height: 180px
 391     .oe_button.oe_link
 392         @include reset()
 393         img
 394             display: inline-block
 395         span
 396             @include reset()
 397             color: $link-color
 398             font-weight: bold
 399             &:hover
 400                 text-decoration: underline
 401     .oe_webclient
 402         .oe_star_on, .oe_star_off
 403             color: #cccccc
 404             text-shadow: 0 0 2px black
 405             vertical-align: top
 406             position: relative
 407             top: -8px
 408         .oe_star_on:hover, .oe_star_off:hover
 409             text-decoration: none
 410         .oe_star_on
 411             color: gold
 412     p.oe_grey
 413         max-width: 650px
 414     .oe_grey
 415         color: #aaa
 416     // Added for generic error message and customize bootstrap3 <pre>,<hr>
 417     .oe_error_detail
 418         hr
 419             display: block
 420             -webkit-margin-before: 0.5em
 421             -webkit-margin-after: 0.5em
 422             -webkit-margin-start: auto
 423             -webkit-margin-end: auto
 424             border-style: inset
 425             border-width: 1px
 426     // }}}
 427     // Kanban state (used in form and kanban) {{{
 428     .oe_kanban_status
 429         position: relative
 430         display: inline-block
 431         height: 12px
 432         width: 12px
 433         @include radius(6px)
 434         @include radial-gradient((#eee 0%, #ccc 40%, #bbb 100%))
 435         // +background-image(radial-gradient(45px 45px, #0ff 10px, #1e90ff 30px))
 436     .oe_kanban_status_green
 437         background: green
 438         @include radial-gradient((#55dd55 0%, #44aa44 40%, #339933 100%))
 439     .oe_kanban_status_red
 440         background: red
 441         @include radial-gradient((#ee7777 0%, #cc3333 40%, #bb0808 100%))
 442     .btn-group.kanban_state
 443         padding-top: 8px
 444         margin-right: 4px !important
 445         .dropdown-menu
 446             min-width: 100%
 447             padding-right: 10px !important
 448         .dropdown-menu li a, .dropdown-menu li a:hover, .dropdown-menu li a:focus
 449             padding-left: 5px
 450             padding-right: 0px
 451         a
 452             color: #333333
 453     // }}}
 454     // Tags (for many2many tags, among others) {{{
 455     .oe_tag
 456         border: 1px solid $tag-border
 457         font-size: 11px
 458         padding: 2px 4px
 459         margin: 0 2px 2px 0
 460         @include radius(3px)
 461         background: $tag-bg-light
 462         color: #4C4C4C
 463     .oe_tag_dark
 464         background: $tag-bg-dark
 465         color: #eee
 466     .oe_form_field_radio
 467         &.oe_horizontal
 468             white-space: nowrap
 469             label
 470                 display: inline-block
 471                 text-align: center
 472                 height: 16px
 473         &.oe_vertical
 474             label
 475                 margin-left: 4px
 476         &.oe_form_required
 477             .oe_radio_input
 478                 border: 2px solid transparent
 479                 display: inline-block
 480                 height: 12px
 481                 width: 12px
 482                 vertical-align: top
 483                 border-radius: 10px
 484                 margin: 1px 0
 485             &.oe_form_invalid
 486                 .oe_radio_input
 487                     border-color: red
 488     .oe_tags
 489         &.oe_inline
 490             min-width: 250px
 491         .text-wrap
 492             width: 100% !important
 493             textarea
 494                 width: 100% !important
 495         .text-core
 496             min-height: 22px
 497             .text-wrap .text-dropdown .text-list .text-suggestion em
 498                 font-style: italic
 499                 text-decoration: none
 500         margin-bottom: 1px
 501     // }}}
 502     // Notebook {{{
 503     .oe_notebook
 504         margin: 8px 0
 505         padding: 0 16px
 506         list-style: none
 507         zoom: 1
 508     .oe_notebook.ui-corner-all
 509         @include radius(0)
 510     .oe_notebook:before, .oe_notebook:after
 511         display: table
 512         content: ""
 513         zoom: 1
 514     .oe_notebook:after
 515         clear: both
 516     .oe_notebook > li
 517         float: left
 518     .oe_notebook > li > a
 519         display: block
 520         color: #808080
 521     .oe_notebook > li.ui-tabs-active > a
 522         color: #4c4c4c
 523     .oe_notebook
 524         border-color: #ddd
 525         border-style: solid
 526         border-width: 0 0 1px
 527     .oe_notebook > li
 528         position: relative
 529     .oe_notebook > li > a
 530         padding: 0 12px
 531         margin-right: 2px
 532         line-height: 30px
 533         border: 1px solid transparent
 534         @include radius(4px 4px 0 0)
 535     .oe_notebook > li > a:hover
 536         text-decoration: none
 537         background-color: #eee
 538         border-color: #eee #eee #ddd
 539     .ui-tabs .oe_notebook.ui-tabs-nav li.ui-tabs-active
 540         border-bottom: none
 541         padding-bottom: 1px
 542     .oe_notebook > li.ui-state-active > a, .oe_notebook > li.ui-state-active > a:hover
 543         background-color: #ffffff
 544         border: 1px solid #ddd
 545         border-bottom-color: transparent
 546         cursor: default
 547     .oe_notebook_page
 548         padding: 0
 549         //Customize label weight according bootstrap3
 550         > label:not([for])
 551             font-weight: normal !important
 552         // End of customize
 553     div.ui-tabs
 554         padding: 3px 0px 3px 0px
 555     .ui-tabs-hide
 556         display: none
 557     // }}}
 558     // Dropdown {{{
 559     .oe_dropdown, .oe_dropdown_hover, .oe_dropdown_toggle
 560         position: relative
 561         cursor: pointer
 562     .oe_dropdown_toggle
 563         color: #2B2B2B
 564         font-weight: normal
 565     .oe_dropdown_hover:hover .oe_dropdown_menu, .oe_dropdown_menu.oe_opened
 566         display: block
 567     .oe_dropdown_menu
 568         display: none
 569         position: absolute
 570         z-index: 3
 571         margin: 0
 572         border: 1px solid $tag-border
 573         background: white
 574         padding: 4px 0
 575         min-width: 140px
 576         text-align: left
 577         @include radius(3px)
 578         @include box-shadow(0 1px 4px rgba(0,0,0,0.3))
 579         > li
 580             &:hover
 581                 @include vertical-gradient(#f0f0fa, #eeeef6)
 582                 @include box-shadow(none)
 583             list-style-type: none
 584             float: none
 585             display: block
 586             position: relative
 587             margin: 0
 588             padding: 2px 8px
 589             > a
 590                 white-space: nowrap
 591                 display: block
 592                 color: #4c4c4c
 593                 text-decoration: none
 594                 &:hover
 595                     text-decoration: none
 596     .oe_dropdown_arrow:after
 597         width: 0
 598         height: 0
 599         display: inline-block
 600         content: "&darr"
 601         text-indent: -99999px
 602         vertical-align: top
 603         margin-top: 8px
 604         //margin-left set at 3px to avoid a strange overflow
 605         margin-left: 3px
 606         border-left: 4px solid transparent
 607         border-right: 4px solid transparent
 608         border-top: 4px solid#404040
 609         @include opacity(0.5)
 610     .oe_sidebar
 611         white-space: nowrap
 612         .oe_dropdown_menu
 613             .oe_sidebar_add_attachment
 614                 height: 20px
 615                 cursor: pointer
 616                 padding-left: 6px
 617                 margin-top: 6px
 618                 span
 619                     font-weight: bold
 620                 .oe_hidden_input_file
 621                     width: 200px
 622                 &:hover
 623                     @include vertical-gradient(#f0f0fa, #eeeef6)
 624                     @include box-shadow(none)
 625             li
 626                 .oe_sidebar_delete_item
 627                     position: absolute
 628                     top: 4px
 629                     right: 4px
 630                     display: none
 631                     width: 12px
 632                     height: 12px
 633                     padding: 1px
 634                     color: #8786b7
 635                     line-height: 8px
 636                     text-align: center
 637                     font-weight: bold
 638                     text-shadow: 0 1px 1px white
 639                     &:hover
 640                         text-decoration: none
 641                         color: white
 642                         background: #8786b7
 643                         text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4)
 644                         @include radius(2px)
 645                 &:hover
 646                     .oe_sidebar_delete_item
 647                         display: inline-block
 648     // }}}
 649     // Loading {{{
 650     .oe_loading
 651         display: none
 652         z-index: 100
 653         position: fixed
 654         top: 0
 655         right: 50%
 656         padding: 4px 12px
 657         background: #A61300
 658         color: white
 659         text-align: center
 660         border: 1px solid #900
 661         border-top: none
 662         -moz-border-radius-bottomright: 8px
 663         -moz-border-radius-bottomleft: 8px
 664         border-bottom-right-radius: 8px
 665         border-bottom-left-radius: 8px
 666     // }}}
 667     // Notifications {{{
 668     .oe_notification
 669         z-index: 1500
 670
 671     .oe_webclient_timezone_notification
 672         a
 673             color: white
 674             text-decoration: underline
 675         p
 676             margin-top: 1em
 677         dt
 678             font-weight: bold
 679     .oe_timezone_systray
 680         span
 681             margin-top: 1px
 682             background-color: #f6cf3b
 683     // }}}
 684     // CrashManager {{{
 685     .oe_dialog_warning
 686         width: 100%
 687         p
 688             text-align: center
 689     .oe_dialog_icon
 690         padding: 5px
 691         width: 32px
 692     // }}}
 693     // DatabaseManager {{{
 694     .oe_database_manager
 695         background: #fff
 696         color: #000
 697         text-align: left
 698         .oe_database_manager_menu
 699             color: #000
 700     // }}}
 701     // WebClient {{{
 702     .oe_webclient
 703         width: 100%
 704         height: 100%
 705         border-spacing: 0px
 706     // }}}
 707     // WebClient.fullscreen {{{
 708     .oe_content_full_screen
 709         .oe_application
 710             top: 0
 711             left: 0
 712         .oe_topbar, .oe_leftbar
 713             display: none
 714     // }}}
 715     // Top Menu {{{
 716
 717     .navbar
 718         .oe_topbar_anonymous_login
 719             background-color: #dc5f59
 720             color: #eeeeee
 721             @include vertical-gradient(#FC8787, #800000)
 722             a
 723                 display: block
 724                 padding: 5px 10px 7px
 725                 line-height: 20px
 726                 height: 30px
 727                 text-decoration: none
 728                 color: white
 729                 background: transparent
 730                 @include transition(all 0.2s ease-out)
 731             a:hover
 732                 background: rgba(0,0,0,0.1)
 733                 color: white
 734                 text-shadow: 0px 0px 3px rgba(0,0,0,0.2)
 735                 @include box-shadow(0 1px 2px rgba(0,0,0,0.2) inset)
 736         .oe_topbar_item
 737             display: block
 738             padding: 5px 10px 26px
 739             line-height: 20px
 740             height: 20px
 741             text-decoration: none
 742             color: #eee
 743             vertical-align: top
 744             text-shadow: 0 1px 1px rgba(0,0,0,0.2)
 745             @include transition(all 0.2s ease-out)
 746             &:hover
 747                 background: rgba(0,0,0,0.2)
 748                 text-shadow: black 0px 0px 3px
 749                 color: white
 750                 @include box-shadow(0 1px 2px rgba(0,0,0,0.4) inset)
 751
 752         .oe_topbar_avatar
 753             width: 24px
 754             height: 24px
 755             margin: -2px 2px 0 0
 756             @include radius(3px)
 757         .oe_topbar_avatar
 758             vertical-align: top
 759         .oe_dropdown_arrow:after
 760             border-top: 4px solid white
 761         .dropdown_menu
 762             top: 32px
 763             background: #333
 764             background: rgba(37,37,37,0.9)
 765             border-color: #999
 766             border-color: rgba(0, 0, 0, 0.2)
 767             border-style: solid
 768             border-width: 0 2px 1px
 769             @include radius(0 0 6px 6px)
 770             @include background-clip()
 771             li
 772                 float: none
 773                 padding: 3px 12px
 774                 a
 775                     color: #eee
 776                 &:hover
 777                     @include vertical-gradient(#292929, #191919)
 778                     @include box-shadow(none)
 779         .oe_topbar_name
 780             max-width: 150px
 781             display: inline-block
 782             height: 15px // Customize to manage caret when topbar_name is over sized.
 783             text-overflow: ellipsis
 784             white-space: nowrap
 785             overflow: hidden // Customize to bring ellipsis when topbar_name is over sized.
 786
 787     // oe menu is the list of the buttons on the left side of the bar.
 788     // So why aren't the buttons oe_topbar_items ? This sad state of affairs
 789     // is a leftover from an uncomplete refactoring when the left and top menu
 790     // were merged. You are welcome to refactor and clean this up
 791     .navbar-nav
 792         float: left
 793         padding: 0
 794         margin: 0
 795         font-size: 13px
 796         > li
 797             list-style-type: none
 798             padding: 0
 799             margin: 0
 800             float: left
 801             display: block
 802             color: #eeeeee
 803             > a
 804                 display: block
 805                 padding: 5px 10px 26px !important
 806                 line-height: 20px
 807                 height: 20px
 808                 text-decoration: none
 809                 color: #eee !important
 810                 vertical-align: top
 811                 text-shadow: 0 1px 1px rgba(0,0,0,0.2)
 812                 @include transition(all 0.2s ease-out)
 813                 &:hover
 814                     background: rgba(0,0,0,0.2)
 815                     text-shadow: black 0px 0px 3px
 816                     color: white
 817                     @include box-shadow(0 1px 2px rgba(0,0,0,0.4) inset)
 818             > .active
 819                 background: rgba(0,0,0,0.30)
 820                 text-shadow: black 0px 0px 3px
 821                 @include box-shadow(0 1px 2px rgba(0,0,0,0.4) inset)
 822
 823     .oe_user_menu
 824         float: right
 825         padding: 0
 826         margin: 0
 827         li
 828             list-style-type: none
 829             float: left
 830         .oe_dropdown_menu
 831             right: -1px
 832
 833     .oe_systray > div
 834         float: left
 835         padding: 0 4px 0 4px
 836     .oe_systray
 837         float: right
 838
 839     // }}}
 840     // Webclient.leftbar {{{
 841     .oe_leftbar
 842         display: none
 843         width: 220px
 844         background: #f0eeee
 845         border-right: 1px solid $tag-border
 846         text-shadow: none
 847         padding-bottom: 16px
 848         > div
 849             max-height: 100%
 850             overflow-y: auto
 851     a.oe_logo
 852         position: relative
 853         width: 220px
 854         display: block
 855         text-align: center
 856         img
 857             margin: 14px 0
 858             border: 0
 859         .oe_logo_edit
 860             margin: 14px 0
 861             position: absolute
 862             top: 1px
 863             padding: 4px
 864             width: 100%
 865             display: none
 866             text-align: center
 867             color: #eee
 868             background: rgba(37,37,37,0.9)
 869             @include box-sizing(border)
 870         &:hover .oe_logo_edit_admin
 871             display: block
 872     .oe_footer
 873         position: fixed
 874         bottom: 0
 875         padding: 4px 0
 876         background: #f0eeee
 877         width: 220px
 878         text-align: center
 879         a
 880             font-weight: bold
 881             color: black
 882             span
 883                 color: #c81010
 884     // }}}
 885     // Webclient.leftbar items {{{
 886
 887     .oe_secondary_menu_section
 888         font-weight: bold
 889         margin-left: 8px
 890         color: $link-color
 891     .oe_secondary_submenu
 892         margin-bottom: 10px !important
 893         line-height: 1.1em
 894         margin-top: 3px
 895         .oe_menu_text
 896             white-space: nowrap
 897             overflow: hidden
 898             display: inline-block
 899             text-overflow: ellipsis
 900             max-width: 85%
 901             margin-top: 1px
 902         .badge
 903             &:hover
 904                 cursor: pointer
 905                 @include transform(scale(1.1))
 906         .oe_menu_toggler:before
 907             width: 0
 908             height: 0
 909             display: inline-block
 910             content: "&darr"
 911             text-indent: -99999px
 912             vertical-align: top
 913             margin-left: -12px
 914             margin-top: 4px
 915             margin-right: 4px
 916             border-top: 4px solid transparent
 917             border-bottom: 4px solid transparent
 918             border-left: 4px solid #4c4c4c
 919             @include opacity(0.5)
 920         .oe_menu_opened:before
 921             margin-top: 6px
 922             margin-left: -16px
 923             margin-right: 4px
 924             border-left: 4px solid transparent
 925             border-right: 4px solid transparent
 926             border-top: 4px solid #4c4c4c
 927         .oe_secondary_submenu li
 928             margin-left: 20px
 929     // }}}
 930     // About openerp {{{
 931     .oe_about
 932         background-color: white
 933         background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAKUlEQVQIHWO8e/fufwYsgAUkJigoiCIF5DMyoYggcUiXgNnBiGQKmAkARpcEQeriln4AAAAASUVORK5CYII=)
 934         @include radius(0 0 2px 2px)
 935         a
 936             color: $link-color
 937             &:hover
 938                 text-decoration: underline
 939             &:focus
 940                 outline: none
 941         .oe_logo
 942             margin-left: -6px
 943         .oe_bottom
 944             text-shadow: 0 1px 1px #999999
 945             @include vertical-gradient(#b41616, #600606)
 946             color: #eee
 947             padding: 0 16px
 948             @include radius(0 0 2px 2px)
 949             a
 950                 color: #eee
 951     // }}}
 952     // ActionManager {{{
 953     a.oe_form_uri:hover
 954         text-decoration: underline
 955     .oe_application
 956         width: 100%
 957         height: 100%
 958         a
 959             color: $link-color
 960         > div
 961             position: relative
 962             height: 100%
 963             > .oe_view_manager
 964                 > .oe_view_manager_body
 965                     position: absolute
 966                     overflow: auto
 967                     top: 66px
 968                     bottom: 0
 969                     left: 0
 970                     right: 0
 971
 972         .oe_breadcrumb_item:not(:last-child)
 973             max-width: 7em
 974             white-space: nowrap
 975             text-overflow: ellipsis
 976         .oe_breadcrumb_title > *
 977             display: inline-block
 978             overflow: hidden
 979             font-weight: bold
 980     // }}}
 981     // ViewManager common {{{
 982     .oe_view_manager
 983         display: table
 984         height: inherit
 985         width: 100%
 986         .oe_view_manager_view_kanban:not(:empty)
 987             height: 100%
 988         &[data-view-type=kanban]
 989             .oe_view_manager_body
 990                 display: table-row
 991
 992         table.oe_view_manager_header
 993             border-collapse: separate
 994             width: 100%
 995             table-layout: fixed
 996             .oe_header_row
 997                 //min-height: 26px
 998                 //line-height: 26px
 999                 clear: both
1000                 text-shadow: 0 1px 1px white
1001             .oe_header_row:last-child
1002                 td
1003                     padding-top: 0
1004             .oe_header_row:first-child
1005                 td
1006                     padding-top: 8px
1007             .oe_view_manager_sidebar
1008                 margin: 0px auto
1009                 text-align: center
1010                 .oe_dropdown_arrow:after
1011                     opacity: 0.9
1012             td
1013                 line-height: 26px
1014             h2
1015                 font-size: 18px
1016                 margin: 0
1017                 float: left
1018                 line-height: 30px
1019                 a
1020                     color: $link-color
1021             .oe_dropdown_menu
1022                 line-height: normal
1023             .oe_button_group
1024                 display: inline-block
1025                 border: 1px solid #ababab
1026                 @include radius(5px)
1027                 li
1028                     float: left
1029                     border-right: 1px solid #ababab
1030                     &:last-child
1031                         border: none
1032                 a
1033                     color: #4c4c4c
1034                     &:hover
1035                         text-decoration: none
1036                 .active
1037                     background: #999
1038                     @include box-shadow(0 1px 4px rgba(0,0,0,0.3) inset)
1039                     a
1040                         color: #fff
1041                         text-shadow: 0 1px 2px rgba(0,0,0,0.4)
1042             .oe_view_manager_buttons
1043                 white-space: nowrap
1044         // }}}
1045         // ViewManager.switches {{{
1046         .oe_view_manager_switch
1047             padding: 0
1048             margin: 0 0 0 8px
1049             li
1050                 margin: 0
1051                 width: 24px
1052                 height: 24px
1053                 line-height: 16px
1054                 padding: 0
1055                 text-align: center
1056                 list-style-type: none
1057                 a
1058                     position: relative
1059             .oe_vm_switch_list:after, .oe_vm_switch_tree:after
1060                 padding: 2px
1061                 content: "i"
1062             .oe_vm_switch_form:after
1063                 content: "m"
1064             .oe_vm_switch_graph:after
1065                 font-family: "mnmliconsRegular" !important
1066                 font-size: 21px
1067                 font-weight: 300 !important
1068                 content: "}"
1069                 top: -2px
1070                 position: relative
1071             .oe_vm_switch_gantt:after
1072                 font-family: "mnmliconsRegular" !important
1073                 font-size: 21px
1074                 font-weight: 300 !important
1075                 content: "y"
1076                 top: -2px
1077                 position: relative
1078             .oe_vm_switch_calendar:after
1079                 content: "P"
1080             .oe_vm_switch_kanban:after
1081                 content: "k"
1082             .oe_vm_switch_diagram:after
1083                 content: "f"
1084         // }}}
1085     // List pager {{{
1086     .oe_list_pager
1087         line-height: 26px
1088     .oe_pager_value
1089         float: left
1090         margin-right: 8px
1091     ul.oe_pager_group
1092         padding: 0
1093         margin: 0
1094     .oe_pager_group
1095         float: left
1096         height: 24px
1097         line-height: 24px
1098         display: inline-block
1099         border: 1px solid #ababab
1100         cursor: pointer
1101         @include radius(5px)
1102         li
1103             height: 24px
1104             line-height: 24px
1105             padding: 0
1106             margin: 0
1107             list-style-type: none
1108             float: left
1109             border-right: 1px solid #ababab
1110             &:last-child
1111                 border: none
1112         a
1113             color: #4c4c4c
1114             padding: 0 8px
1115             &:hover
1116                 text-decoration: none
1117         .active
1118             background: #999
1119             @include box-shadow(0 1px 4px rgba(0,0,0,0.3) inset)
1120             a
1121                 color: #fff
1122                 text-shadow: 0 1px 2px rgba(0,0,0,0.4)
1123     .oe_list_pager.oe_list_pager_single_page .oe_pager_group
1124         display: none
1125     // }}}
1126     // ViewManager application {{{
1127     .oe_view_manager_current
1128         height: 100%
1129         > .oe_view_manager_header
1130             border-bottom: 1px solid #cacaca
1131             @include vertical-gradient(#fcfcfc, #dedede)
1132             @include box-shadow((0 1px 0 rgba(255,255,255,0.4), 0 0 9px rgba(0,0,0,0.1)))
1133             .oe_header_row
1134                 td
1135                     padding: 8px
1136             .oe_header_row:first-child
1137                 td
1138                     padding-top: 8px
1139     // }}}
1140     // ViewManager inline {{{
1141     .oe_view_manager_inline, .oe_view_manager_inlineview
1142         height: 100%
1143         > .oe_view_manager_header
1144             display: none
1145     // }}}
1146     // FormPopup {{{
1147     .oe_popup_form
1148         .oe_formview .oe_form_pager
1149             display: none !important
1150         // Customize label weight for popup wizard appear from another wizard according bootstrap3
1151         table label
1152             font-weight: normal
1153         // End of customize
1154     .oe_popup_list_pager
1155         float: right
1156     // }}}
1157     // SearchView {{{
1158     .oe_searchview
1159         cursor: text
1160         position: relative
1161         float: right
1162         padding: 1px 0
1163         line-height: 18px
1164         min-width: 400px
1165         border: 1px solid #ababab
1166         background: white
1167         @include radius(13px)
1168         @include box-shadow(0 1px 2px rgba(0,0,0,0.2) inset)
1169         input, textarea
1170             padding: 3px
1171             height: 14px
1172             font-size: 12px
1173             line-height: 18px
1174         //Customize searchview input, select
1175         input:not([type]), input[type="text"], input[type="number"]
1176             width: 156px
1177             height: 22px
1178         input[type="checkbox"]
1179             margin: 3px 3px 3px 4px
1180         select
1181             margin: 2px 4px 2px 0
1182         //End of customize
1183         &.oe_focused
1184             border-color: $tag-border-selected
1185             @include box-shadow(0 1px 2px $tag-border-selected inset)
1186         .oe_searchview_clear
1187             cursor: pointer
1188             position: absolute
1189             top: 0
1190             right: 18px
1191             width: 15px
1192             height: 24px
1193             background: url(../img/search_reset.gif) center center no-repeat
1194         .oe_searchview_unfold_drawer
1195             position: absolute
1196             top: 0
1197             right: 0
1198             height: 24px
1199             padding: 0 7px 0 4px
1200             color: #ccc
1201             cursor: pointer
1202             &:hover
1203                 color: #999
1204             &:before
1205                 position: absolute
1206                 top: 10px
1207                 right: 7px
1208                 width: 0
1209                 height: 0
1210                 display: inline-block
1211                 content: ""
1212                 vertical-align: top
1213                 border-top: 5px solid #4C4C4C
1214                 border-left: 5px solid transparent
1215                 border-right: 5px solid transparent
1216                 @include opacity()
1217
1218         .oe_searchview_search
1219             @include text-to-icon("r", #a3a3a3)
1220             @include box-shadow(none)
1221             @include radius(0)
1222             position: absolute
1223             left: 3px
1224             top: 1px
1225             padding: 0
1226             border: none
1227             background: transparent
1228
1229         .oe_searchview_facets
1230             min-height: 22px
1231             margin: 0 35px 0 15px
1232             *
1233                 vertical-align: top
1234                 display: inline-block
1235                 line-height: 17px
1236             .oe_searchview_facet
1237                 margin: 1px 0
1238                 font-size: 11px
1239                 &:focus
1240                     outline: none
1241             .oe_searchview_input
1242                 padding: 0 0 0 6px
1243                 font-size: 12px
1244                 height: 16px
1245                 margin-top: 3px
1246                 &:focus
1247                     outline: none
1248             .oe_searchview_facet
1249                 position: relative
1250                 cursor: pointer
1251                 padding: 0
1252                 -webkit-font-smoothing: auto
1253                 // spacing for opera, FF
1254                 &:focus
1255                     border-color: $tag-border-selected
1256                     @include box-shadow(0 0 3px 1px $tag-border-selected)
1257                 .oe_facet_values
1258                     background: $tag-bg-light
1259                     @include radius(0 3px 3px 0)
1260                 .oe_facet_category, .oe_facet_value
1261                     padding: 0 4px
1262                 .oe_facet_category
1263                     color: white
1264                     text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4)
1265                 .oe_facet_category.oe_i
1266                     font-size: 16px
1267                 .oe_facet_value
1268                     border-left: 1px solid $tag-border
1269                     text-shadow: 0 1px 1px white
1270                     color: #4C4C4C
1271                     &:last-child
1272                         padding-right: 16px
1273                 .oe_facet_remove
1274                     position: absolute
1275                     top: 3px
1276                     right: 3px
1277                     color: #8786b7
1278                     line-height: 8px
1279                     width: 12px
1280                     height: 12px
1281                     padding-top: 1px
1282                     text-align: center
1283                     font-weight: bold
1284                     cursor: pointer
1285                     text-shadow: 0 1px 1px white
1286                     &:hover
1287                         color: white
1288                         background: #8786b7
1289                         text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4)
1290                         @include radius(2px)
1291
1292     .oe_searchview_drawer_container
1293         overflow: auto
1294     .oe_searchview_drawer
1295         display:none
1296         width: 100%
1297         cursor: default
1298         display: none
1299         overflow: hidden
1300         border-bottom: 1px solid $tag-border
1301         text-align: left
1302         padding: 8px 0
1303         .badge
1304             font-size: 12px
1305             line-height: 12px
1306         > div:first-child
1307             border: none
1308             padding-left: 0
1309             li:hover:not(.badge)
1310                 background-color: $hover-background
1311         .col-md-5
1312             padding-left: 0
1313         dl
1314             margin-bottom: 0
1315         dt
1316             color: $section-title-color
1317             font-size: 13px
1318             line-height: 24px
1319         dd
1320             line-height: 24px
1321             font-size: 13px
1322             padding-top: 3px
1323         h4, h4 *
1324             margin: 0 0 0 2px
1325             padding-left: 20px
1326             cursor: pointer
1327             font-weight: normal
1328             display: inline-block
1329             &:hover
1330                 background-color: $hover-background
1331         h4:before
1332             content: "▸ "
1333             color: #a3a3a3
1334         button
1335             margin: 4px 0
1336         .button
1337             border: none
1338             background: transparent
1339             padding: 0 2px
1340             @include box-shadow(none)
1341             @include radius(0)
1342         .oe_searchview_section
1343             ul
1344                 margin: 0 8px
1345                 padding: 0
1346                 list-style: none
1347                 display: inline
1348             li
1349                 display: inline-block
1350                 cursor: pointer
1351                 position: relative
1352                 margin-right: 8px
1353         form
1354             margin-left: 12px
1355             p
1356                 margin: 4px 0
1357                 line-height: 18px
1358             button
1359                 margin: 0 0 8px -3px // Managed margin-left according bootstrap3
1360         .oe_searchview_savefilter
1361             form
1362                 display: none
1363         .oe_searchview_custom
1364             li
1365                 cursor: pointer
1366                 position: relative
1367                 line-height: 14px
1368                 margin-right: 0
1369                 button
1370                     position: absolute
1371                     top: 0
1372                     right: 5px
1373                 a
1374                     margin-left: 10px
1375                     position: inherit
1376                     visibility: hidden
1377                     display: inline-block
1378                 span:hover:not(.badge)
1379                     background-color: $hover-background
1380             li:hover a
1381                 visibility: visible
1382             //Customize for searchview label
1383             label
1384                 font-weight: normal
1385             //End of Customize
1386         .oe_searchview_dashboard
1387             form
1388                 display: none
1389                 margin-top: 2px
1390
1391         .oe_searchview_advanced
1392             form
1393                 display: none
1394                 margin-top: 8px
1395             button.oe_add_condition:before
1396                 content: "Z"
1397                 font-family: "entypoRegular" !important
1398                 font-size: 24px
1399                 font-weight: 300 !important
1400                 margin-right: 4px
1401             ul
1402                 list-style: none
1403                 padding: 0
1404             li
1405                 position: relative
1406                 list-style: none
1407                 margin: 0
1408                 white-space: nowrap
1409                 &:first-child .searchview_extended_prop_or
1410                     visibility: hidden
1411                     margin-left: -14px
1412             .searchview_extended_prop_or
1413                 opacity: 0.5
1414                 margin-left: -14px //Customize 'or' in searchview
1415         .oe_opened
1416             h4:before
1417                 content: "▾ "
1418                 position: relative
1419                 top: -1px
1420             form
1421                 display: block
1422
1423         // delete buttons
1424         .oe_searchview_custom_delete, .searchview_extended_delete_prop
1425             display: inline-block
1426             width: 12px
1427             height: 12px
1428             line-height: 12px
1429             padding: 1px
1430             color: #8786b7
1431             line-height: 8px
1432             text-align: center
1433             font-weight: bold
1434             text-shadow: 0 1px 1px white
1435             &:hover
1436                 text-decoration: none
1437                 color: white
1438                 background: #8786b7
1439                 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4)
1440                 @include radius(2px)
1441         .oe_searchview_custom_delete
1442             display: none
1443             position: absolute
1444             bottom: 1px
1445             right: 4px
1446         .oe_searchview_custom_private, .oe_searchview_custom_public
1447             &:hover
1448                 .oe_searchview_custom_delete
1449                     display: inline-block
1450         .oe_searchview_custom_public:after
1451             content: ","
1452             font-family: "entypoRegular" !important
1453             font-size: 22px
1454             font-weight: 300 !important
1455             margin: 0 0 0 4px
1456             padding: 0
1457     // }}}
1458     // Views Common {{{
1459     .oe_view_nocontent
1460         padding: 15px
1461         margin-top: 0
1462         color: #777777
1463         font-size: 125%
1464         max-width: 700px
1465         .oe_view_nocontent_create
1466             margin-top: 0
1467             padding-top: 35px
1468             color: #4c4c4c
1469             &:before
1470                 content: ""
1471                 display: inline-block
1472                 position: absolute
1473                 width: 70px
1474                 height: 80px
1475                 margin-left: -70px
1476                 margin-top: -50px
1477                 background: transparent url(/web/static/src/img/view_empty_arrow.png) no-repeat 0px 0px
1478         > p
1479             padding-left: 78px
1480         .oe_empty_custom_dashboard
1481             background: transparent url(/web/static/src/img/graph_background.png) no-repeat 0 0
1482             margin-top: -15px
1483             padding: 100px 0 0 137px
1484             min-height: 327px
1485             margin-left: -15px
1486     .oe_view.oe_cannot_create
1487         .oe_view_nocontent_create
1488             display: none
1489     // }}}
1490     // FormView.base and dynamic tags {{{
1491     .oe_formview
1492         background: white
1493     .oe_form_dropdown_section
1494         position: relative
1495         display: inline-block
1496     .oe_form_invalid
1497         input, select, textarea
1498             background-color: #F66 !important
1499             border: 1px solid #D00 !important
1500     .oe_view_manager_current .oe_form_editable
1501         .oe_highlight
1502             color: #404040
1503             background: none
1504         button.oe_highlight
1505             @include vertical-gradient(#efefef, #d8d8d8)
1506             @include box-shadow((0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .8) inset))
1507         button.oe_highlight:active
1508             @include vertical-gradient(#e3e3e3, #f6f6f6)
1509             @include box-shadow(none)
1510         button.oe_highlight:hover
1511             @include vertical-gradient(#f6f6f6, #e3e3e3)
1512             @include box-shadow((0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .8) inset))
1513     .oe_form_invisible
1514         display: none !important
1515     .oe_form_editable
1516         .oe_read_only
1517             display: none !important
1518     .oe_form_readonly
1519         .oe_edit_only, .oe_form_field:empty
1520             display: none !important
1521         .oe_form .oe_form_field_date
1522             width: auto
1523         .oe_form_field_boolean.boolean
1524             position: relative
1525             top: -20px
1526             width: 14px
1527             height: 14px
1528             z-index: 10000
1529             // IE needs a color in order for the layer to respond to mouse events
1530             backgroundColor: "#fff"
1531             opacity: 0
1532     // Sheet and padding
1533     .oe_form_nosheet
1534         margin: 16px
1535         > header
1536             margin: -16px -16px 0 -16px
1537             padding: 0
1538     .oe_form_nosheet.oe_form_nomargin
1539         margin: 0
1540         > header
1541             margin: 0
1542     .oe_form_sheetbg
1543         padding: 16px 0
1544     .oe_form_sheet_width
1545         min-width: 650px
1546         max-width: $sheet-max-width
1547         margin: 0 auto
1548     .oe_form_sheet
1549         background: white
1550         min-height: 330px
1551         padding: 16px
1552         .oe_list
1553             overflow-x: auto
1554     // Sheet inline mode
1555     .oe_application
1556         .oe_form_sheetbg
1557             background: url(/web/static/src/img/form_sheetbg.png)
1558             border-bottom: 1px solid #ddd
1559             // Customize font weight according bootstrap3
1560             .oe_subtotal_footer label
1561                 font-weight: bold
1562             table label
1563                 font-weight: normal
1564             // End of customize
1565         .oe_form_sheet
1566             border: 1px solid #c8c8d3 //$tag-border
1567             @include box-shadow(0 4px 20px rgba(0,0,0,0.15))
1568             .ui-tabs
1569                 margin: 0 -16px
1570             .oe_notebook_page
1571                 padding: 0 16px
1572     // }}}
1573     // FormView.header {{{
1574     .oe_form > :not(.oe_form_nosheet) header
1575         padding-left: 2px
1576         ul:not(.oe_tooltip_technical):not(.oe_dropdown_menu)
1577             display: inline-block
1578             float: right
1579         .oe_button
1580             margin: 3px 2px 1px
1581             &:first-child
1582                 margin-left: 6px
1583
1584     .oe_form  header
1585         border-bottom: 1px solid #cacaca
1586         padding-left: 2px
1587         @include vertical-gradient(#fcfcfc, #dedede)
1588         > span
1589             margin-left: 4px
1590
1591     // }}}
1592     // FormView.custom tags and classes {{{
1593     .oe_form
1594         header
1595             .oe_tags
1596                 margin: 5px 0 0 5px
1597                 width: 400px
1598                 padding-bottom: 0
1599         div.oe_chatter
1600             box-sizing: border-box
1601             min-width: $sheet-min-width + 2* $sheet-padding
1602             max-width: $sheet-max-width + 2* $sheet-padding
1603             margin: 0 auto
1604             padding: 16px 16px 48px
1605         div.oe_form_configuration
1606             p, ul, ol
1607                 color: #aaa
1608                 max-width: 650px
1609             label
1610                 min-width: 150px
1611             .oe_form_group_cell_label
1612                 padding: 1px 0
1613             .oe_form_group_cell div div
1614                 padding: 1px 0
1615         .oe_subtotal_footer
1616             width: 1% !important
1617             td.oe_form_group_cell
1618                 text-align: right
1619                 padding: 0 !important
1620             td.oe_form_group_cell_label
1621                 border-right: none
1622             .oe_subtotal_footer_separator
1623                 width: 108px
1624                 border-top: 1px solid #cacaca
1625                 margin-top: 4px
1626                 padding-top: 4px
1627                 font-weight: bold
1628                 font-size: 18px
1629             label:after
1630                 content: ":"
1631             label.oe_subtotal_footer_separator
1632                 font-weight: bold !important
1633                 padding: 2px 11px 2px 0px !important
1634             label.oe_form_label_help
1635                 font-weight: normal !important
1636         .oe_form_box_info
1637             background: #fe9
1638             border-bottom: 1px solid #cb6
1639             padding: 4px
1640             > p
1641                 margin: auto
1642         .oe_form_box_warning
1643             background: #bd362f
1644             border-bottom: 1px solid #900
1645             padding: 4px
1646             *
1647                 color: white
1648                 text-shadow: none
1649             > p
1650                 margin: auto
1651     // }}}
1652     // FormView.group {{{
1653     .oe_form
1654         .oe_form_button
1655             margin: 2px
1656         td.oe_form_group_cell_label
1657             border-right: 1px solid #ddd
1658             padding: 2px 0px
1659             label
1660                 line-height: 18px
1661                 display: block
1662                 min-width: 150px
1663                 font-weight: bold !important
1664         td.oe_form_group_cell + .oe_form_group_cell
1665             padding: 2px 0 2px 8px
1666         .oe_form_group
1667             width: 100%
1668             margin: 9px 0 9px 0
1669             .oe_form_group_cell.oe_group_right
1670                 padding-left: 20px
1671     // }}}
1672     // FormView.label {{{
1673     .oe_form
1674         .oe_form_label_help[for], .oe_form_label[for]
1675             white-space: nowrap
1676             padding-right: 8px
1677             span
1678                 font-size: 80%
1679                 color: darkGreen
1680                 vertical-align: top
1681                 position: relative
1682                 top: -4px
1683                 padding: 0 2px
1684     // }}}
1685     // FormView.separator {{{
1686     .oe_horizontal_border
1687         border-bottom: 1px solid black
1688     .oe_horizontal_separator
1689         font-weight: bold
1690         font-size: 20px
1691         margin: 15px 0px 10px 0px
1692         color: $section-title-color
1693     .oe_horizontal_separator:empty
1694         height: 5px
1695     .oe_vertical_separator
1696         border-left: 1px solid #666
1697         padding: 0 4px 0 4px
1698     // }}}
1699     // FormView.progressbar {{{
1700     .oe_form_field_progressbar
1701         display: inline-block
1702         min-width: 70px
1703     .oe_form_field_progressbar.ui-progressbar
1704         height: 22px
1705         font-size: 10px
1706         @include box-sizing(border)
1707         border: 1px solid #999
1708         @include radius(3px)
1709         background: white
1710         min-width: 50px
1711         span
1712             position: absolute
1713             margin-left: 10px
1714             font-weight: bold
1715         .ui-widget-header
1716             background: #cccccc url(/web/static/lib/jquery.ui/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x
1717     // }}}
1718     // FormView.fields {{{
1719     .oe_form
1720         .oe_form_field_text
1721             width: 100%
1722             .oe_form_text_content
1723                 text-overflow: ellipsis
1724                 display: inline-block
1725                 white-space: pre-wrap
1726                 overflow-x: hidden
1727                 width: 100%
1728         .oe_form_field_char input,
1729         .oe_form_field_url input,
1730         .oe_form_field_email input,
1731         .oe_form_field_text textarea,
1732         .oe_form_field_selection select
1733             width: 100%
1734         .oe_notebook_page .oe_form_field_text textarea
1735             min-height: 96px
1736         .oe_form_field_text.oe_inline, .oe_form_field_text.oe_inline > textarea
1737             width: 500px
1738         h1, h2, h3, h4, h5, h6
1739             margin: 0 0 4px 0
1740             input
1741                 height: inherit !important
1742                 font-size: inherit
1743         // Customize for formview
1744         .oe_title h1, h1
1745             font-weight: bold
1746             font-size: 2em
1747         h2
1748             font-size: 1.5em
1749         label
1750             font-weight: bold
1751             margin-bottom: 0px
1752             display: inline
1753         // End of customize
1754         .oe_form_field
1755             width: 100%
1756             display: inline-block
1757             padding: 2px 2px 2px 0px
1758             vertical-align: top
1759             input
1760                 margin: 0px
1761         input[type="text"], input[type="password"], input[type="file"], select
1762             height: 22px
1763             padding-top: 2px
1764         input[type="text"], input[type="password"], input[type="file"], select, textarea
1765             @include box-sizing(border)
1766             background: white
1767             min-width: 60px
1768             color: #1f1f1f
1769             font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif
1770         input[readonly], select[readonly], textarea[readonly], input[disabled], select[disabled]
1771             background: #E5E5E5 !important
1772             color: #666
1773         textarea[disabled]
1774             border: none
1775             padding-left: 8px
1776             @include box-shadow(none)
1777             @include radius(0px)
1778             color: #4c4c4c
1779         textarea.oe_inline[disabled]
1780             border-left: 8px solid #eee
1781         .oe_form_field_url button img
1782             vertical-align: top
1783         .oe_form_field_monetary,
1784         .oe_form_field_date,
1785         .oe_form_field_datetime
1786             white-space: nowrap
1787         .oe_form_field_boolean
1788             width: auto
1789         .oe_datepicker_container
1790             display: none
1791         .oe_datepicker_root
1792             display: inline-block
1793         .oe_form_required
1794             input:not([disabled]):not([readonly]), select:not([disabled]):not([readonly]), textarea:not([disabled]):not([readonly])
1795                 background-color: #D2D2FF !important
1796         .oe_form_invalid
1797             input, select, textarea
1798                 background-color: #F66 !important
1799                 border: 1px solid #D00 !important
1800         .oe_input_icon
1801             cursor: pointer
1802             margin: 3px 0 0 -21px
1803             vertical-align: top
1804         .oe_input_icon_disabled
1805             position: absolute
1806             cursor: default
1807             opacity: 0.5
1808             filter: alpha(opacity=50)
1809             right: 5px
1810             top: 3px
1811         .oe_form_field_with_button.oe_no_button > .oe_button
1812             display: none
1813         .oe_form_field_with_button:not(.oe_no_button)
1814             > .oe_button
1815                 float: right
1816                 @include radius(0)
1817                 border-bottom-left-radius: 0px
1818                 height: 22px
1819         .oe_form_field_with_button
1820             input
1821                 width: 100%
1822             > div
1823                 position: relative
1824                 overflow: hidden
1825         .oe_form_embedded_html
1826             position: relative
1827             width: 100%
1828             margin: auto
1829             overflow: auto
1830             text-align: justify
1831         .oe_form_field_html .oe_input_icon
1832             float: right
1833             margin: 4px 7px
1834
1835     .oe_form_editable
1836         .oe_form
1837             .oe_form_field_integer input
1838                 width: 6em
1839             .oe_form_field_float input
1840                 width: 7em
1841             .oe_form_field_date input
1842                 width: 100px
1843             .oe_form_field_datetime input
1844                 width: 150px
1845     // }}}
1846     // FormView.fields_binary {{{
1847     /* http://www.quirksmode.org/dom/inputfile.html
1848      * http://stackoverflow.com/questions/2855589/replace-input-type-file-by-an-image
1849      */
1850     .oe_hidden_input_file
1851         // Position: relative is used for the hidden input[type=file]
1852         // Do not remove it anymore !
1853         position: relative
1854         input.oe_form_binary_file
1855             z-index: 0
1856             line-height: 0
1857             font-size: 12px
1858             position: absolute
1859             top: 1px
1860             left: 0
1861             right: 0
1862             opacity: 0
1863             filter: alpha(opacity = 0)
1864             -ms-filter: "alpha(opacity=0)"
1865             margin: 0
1866             padding: 0
1867     .oe_form
1868         .oe_form_field_binary
1869             display: inline-block
1870         .oe_form_field_image
1871             padding: 0
1872             position: relative
1873             display: inline-block
1874             width: auto
1875             vertical-align: top
1876             .oe_form_field_image_controls
1877                 position: absolute
1878                 top: 1px
1879                 padding: 4px 0
1880                 width: 100%
1881                 display: none
1882                 text-align: center
1883                 color: #eee
1884                 background: rgba(37,37,37,0.9)
1885                 @include radius(3px 3px 0 0)
1886                 @include box-sizing(border)
1887             &:hover .oe_form_field_image_controls
1888                 display: block
1889     .oe_fileupload
1890         display: inline-block
1891         clear: both
1892         width: 100%
1893         margin-bottom: -15px
1894         .oe_add
1895             float: left
1896             position: relative
1897             width: 100%
1898             left: +2px
1899             margin: 9px 0 /* Customize margin according bootstrap3 */
1900             overflow: hidden
1901             button
1902                 display: inline
1903                 height: 24px
1904                 font-size: 12px
1905                 line-height: 12px
1906                 vertical-align: middle
1907             button.oe_attach
1908                 width: 24px
1909                 background: transparent
1910                 color: #7C7BAD
1911                 box-shadow: none
1912                 border: none
1913                 text-shadow: none
1914                 .oe_e
1915                     position: relative
1916                     top: -1px
1917                     left: -9px
1918             input.oe_form_binary_file
1919                 display: inline-block
1920                 margin-left: -85px
1921                 height: 22px
1922                 width: 152px
1923                 margin-top: -24px
1924                 cursor: pointer
1925             .oe_attach_label
1926                 color: #7C7BAD
1927                 margin-left: -3px
1928         .oe_attachments
1929             margin-bottom: 4px
1930             margin-right: 0px
1931             font-size: 12px
1932             border-radius: 2px
1933             border: solid 1px rgba(124,123,173,0.14)
1934             .oe_attachment
1935                 padding: 2px
1936                 padding-left: 4px
1937                 padding-right: 4px
1938                 .oe_e
1939                     font-size: 23px
1940                     margin-top: -5px
1941                 .oe_e:hover
1942                     text-decoration: none
1943             .oe_attachment:nth-child(odd)
1944                 background: white
1945             .oe_attachment:nth-child(even)
1946                 background: #F4F5FA
1947     // }}}
1948     // FormView.many2one {{{
1949     .oe_form_field_many2one
1950         display: inline-block
1951         td:first-child
1952             position: relative
1953         span.oe_m2o_drop_down_button
1954             position: absolute
1955             top: 2px
1956             right: 0px
1957         .oe_m2o_cm_button
1958             line-height: 14px
1959             float: right
1960             padding-left: 2px
1961         input
1962             padding-right: 13px
1963     &.ui-autocomplete
1964         li.oe_m2o_dropdown_option a
1965             font-style: italic
1966             padding-left: 2em
1967         li:not(.oe_m2o_dropdown_option) + li.oe_m2o_dropdown_option
1968             margin-top: 10px
1969     // }}}
1970     // FormView.fieldstatus {{{
1971     ul.oe_form_status, ul.oe_form_status_clickable
1972         display: inline-block
1973         margin: 0
1974         padding: 0 18px 0 0
1975         li
1976             display: inline-block
1977             list-style-type: none
1978             // It is probably a bad idea to modify this margin
1979             margin: 0 -18px 0 0
1980             padding: 0
1981             @include vertical-gradient(#fcfcfc, #dedede)
1982             &:first-child > .label
1983                 border-left: 1px solid #cacaca
1984                 padding-left: 14px
1985             &:last-child
1986                 border-right: 1px solid #cacaca
1987                 > .label
1988                     padding-right: 14px
1989                 > .arrow
1990                     display: none
1991             > .label
1992                 color: #4c4c4c
1993                 text-shadow: 0 1px 1px #fcfcfc, 0 -1px 1px #dedede
1994                 padding: 7px
1995                 display: inline-block
1996                 padding-left: 24px
1997                 margin: 0
1998                 position: relative
1999                 // Customize for statusbar label
2000                 line-height: normal
2001                 font-size: 100%
2002                 font-weight: normal
2003                 // End of customize
2004             > .arrow
2005                 width: 17px
2006                 height: 30px
2007                 display: inline-block
2008                 vertical-align: top
2009                 overflow: hidden
2010                 margin-left: -5px
2011                 span
2012                     position: relative
2013                     width: 24px
2014                     height: 24px
2015                     display: inline-block
2016                     margin-left: -12px
2017                     margin-top: 3px
2018                     box-shadow: -1px 1px 2px rgba(255,255,255,0.2), inset -1px 1px 1px rgba(0,0,0,0.2)
2019                     @include skew-gradient(#fcfcfc, #dedede)
2020                     @include radius(3px)
2021                     @include transform(rotate(45deg))
2022         ul.oe_dropdown_menu
2023             display: none
2024             padding: 0
2025             min-width: 0
2026             &.oe_opened
2027                 display: block
2028             li
2029                 margin: 0
2030                 width: 100%
2031                 span.label
2032                     padding-left: 14px
2033
2034         li.oe_active
2035             @include vertical-gradient(#729fcf, #3465a4)
2036             > .arrow span
2037                 @include skew-gradient(#729fcf, #3465a4)
2038             > .label
2039                 color: white
2040                 text-shadow: 0 1px 1px #729fcf, 0 -1px 1px #3465a4
2041     ul.oe_form_status_clickable
2042         li
2043             cursor: pointer
2044             &:hover
2045                 @include vertical-gradient(darken(#fcfcfc, 8%), darken(#dedede, 8%))
2046                 > .label
2047                     text-shadow: 0 -1px 1px #fcfcfc, 0 1px 1px #dedede
2048                 > .arrow span
2049                     @include vertical-gradient(darken(#fcfcfc, 8%), darken(#dedede, 8%))
2050             > .label
2051                 color: $link-color
2052         li.oe_active
2053             &:hover
2054                 @include vertical-gradient(darken(#729fcf, 10%), darken(#3465a4, 10%))
2055                 > .label
2056                     text-shadow: 0 -1px 1px #729fcf, 0 1px 1px #3465a4
2057                 > .arrow span
2058                     @include skew-gradient(darken(#729fcf, 10%), darken(#3465a4, 10%))
2059     // }}}
2060     // FormView.one2many {{{
2061     .oe_form .oe_form_field_one2many > .oe_view_manager
2062         .oe_list_pager_single_page
2063             display: none
2064     .oe_form_field_one2many,.oe_form_field_many2many
2065         // TODO: oe_form_field_one2many_list?
2066         > .oe_view_manager
2067             .oe_list_pager_single_page
2068                 display: none !important
2069             .oe_view_manager_view_list
2070                 min-height: 132px
2071
2072         .oe_form_field_one2many_list_row_add
2073             font-weight: bold
2074         .oe_list_content
2075             > thead
2076                 border-bottom: 1px
2077             > tbody
2078                 tr:nth-child(odd)
2079                     background: transparent
2080         .oe_list .oe_list_edit_row_save
2081             background: url(/web/static/src/img/iconset-b-remove.png) 50% 50% no-repeat
2082             &:before
2083                 visibility: hidden
2084
2085         &> .oe_view_manager
2086             .oe_header_row_top
2087                 display: none
2088             .oe_view_manager_header2
2089                 td
2090                     padding: 0px 8px
2091                     line-height: 16px
2092                     .oe_i
2093                         font-size: 13px
2094                     .oe_pager_group
2095                         height: auto
2096                         line-height: 16px
2097                         li
2098                             height: auto
2099                             line-height: 16px
2100         .oe_list_buttons.oe_editing .oe_list_save
2101             // keep "save row" button hidden in o2m
2102             visibility: hidden
2103     .oe_form_editable
2104         .oe_list_editable
2105             .oe_list_content
2106                 td.oe_required
2107                     background-color: #d2d2ff
2108                 td.oe_readonly
2109                     background-color: #eee
2110
2111     $row-height: 27px
2112     .oe_list_editable .oe_list_content td.oe_list_field_cell
2113         padding: 4px 6px 3px
2114     .oe_list.oe_list_editable.oe_editing
2115         .oe_edition .oe_list_field_cell:not(.oe_readonly)
2116             *
2117                 visibility: hidden
2118             color: transparent
2119             text-shadow: none
2120         .oe_m2o_drop_down_button
2121             top: 5px
2122         .oe_m2o_cm_button
2123             line-height: 19px
2124         .oe_input_icon
2125             margin-top: 5px
2126         .oe_form_field
2127             min-width: 0
2128             max-width: none
2129             input, textarea
2130                 height: $row-height
2131                 @include radius(0)
2132                 border: 1px solid #aaf
2133                 margin: 0
2134             input, textarea, select
2135                 min-width: 0
2136             &.oe_form_field_float,&.oe_form_view_integer
2137                 input
2138                     text-align: right
2139                     width: 100% !important
2140             &.oe_form_field_datetime,&.oe_form_field_date
2141                 input.oe_datepicker_master
2142                     width: 100% !important
2143             &.oe_form_field_reference
2144                 display: table
2145     .oe_list_group_name
2146         white-space: nowrap
2147     // }}}
2148     // FormView.many2many {{{
2149     .oe_form .oe_form_field_many2many > .oe_list
2150         .oe_list_pager_single_page
2151             display: none
2152     // }}}
2153     // ListView {{{
2154     .oe_list_buttons
2155         .oe_alternative
2156             visibility: hidden
2157         .oe_list_save, .oe_list_discard
2158             display: none
2159         &.oe_editing
2160             .oe_list_add
2161                 display: none
2162             .oe_list_save
2163                 display: inline-block
2164             .oe_list_discard
2165                 display: inline
2166             .oe_alternative
2167                 visibility: visible
2168
2169     .oe_list
2170         &.oe_cannot_edit
2171             .oe_list_header_handle, .oe_list_field_handle
2172                 display: none !important
2173                 padding: 0 !important
2174         &.oe_cannot_delete
2175             .oe_list_record_delete
2176                 display: none !important
2177
2178         .oe_form
2179             .oe_form_nosheet
2180                 margin: 0 // FIXME: either class or border should not be by default
2181                 padding: 0
2182                 border: none
2183             .oe_form_field
2184                 width: auto
2185                 position: absolute
2186                 margin: 0 !important // dammit
2187                 padding: 0
2188             .oe_form_field_boolean input
2189                 margin: 1px 0 0 10px !important
2190         .oe_list_content .oe_group_header
2191             @include vertical-gradient(#fcfcfc, #dedede)
2192
2193     .oe_list_content
2194         width: 100%
2195         td:first-child, th:first-child
2196             &:after
2197                 border-width: 0
2198         td.oe_number
2199             text-align: right !important
2200             max-width: 100px
2201         td.oe_list_field_date, th.oe_list_header_date
2202             min-width: 6em
2203         > thead
2204             border-bottom: 2px solid #cacaca
2205             background: #eee
2206             vertical-align: top
2207         td, th
2208             padding: 3px 6px
2209             line-height: 18px
2210         th.oe_sortable, th.oe_sortable div
2211             cursor: pointer
2212         th.oe_sortable div
2213             position: relative
2214         th.oe_sortable div:after
2215             margin-right: 6px
2216             content: ""
2217             margin-top: 7px
2218             border-width: 0 4px 4px
2219             border-style: solid
2220             border-color: #000 transparent
2221             visibility: hidden
2222         th.sortup div:after
2223             float: right
2224             visibility: visible
2225             @include opacity(0.6)
2226         .oe_list_header_many2many_tags
2227             min-width: 70px
2228         th.sortdown div:after
2229             float: right
2230             border-bottom: none
2231             border-left: 4px solid transparent
2232             border-right: 4px solid transparent
2233             border-top: 4px solid #000
2234             visibility: visible
2235             @include box-shadow(none)
2236             @include opacity(0.6)
2237         > tbody
2238             cursor: pointer
2239             > tr
2240                 height: $row-height
2241                 border-top: 1px solid #ddd
2242                 > td.oe_list_field_cell
2243                     padding: 3px 6px
2244                     white-space: pre-line
2245                 > td, > th
2246                     > button
2247                         border: none
2248                         background: transparent
2249                         padding: 0
2250                     > button.btn_txt
2251                         border: 1px solid rgba(0,0,0,0.4)
2252                         background: #e3e3e3
2253                         padding: 3px 12px
2254                 > td.oe_list_checkbox:first-child, th.oe_list_checkbox:first-child
2255                     width: 17px
2256                     &:after
2257                         border-width: 0
2258                 > td.oe_list_field_boolean input
2259                     @include opacity()
2260             > tr:nth-child(odd)
2261                 background-color: #f0f0fa
2262                 @include vertical-gradient(#f0f0fa, #eeeef6)
2263
2264         > tfoot
2265             border-top: 2px solid #cacaca
2266             border-bottom: 1px solid #cacaca
2267             background: #eee
2268             font-weight: bold
2269
2270
2271         .numeric
2272             text-align: right
2273             width: 82px
2274             input
2275                 text-align: right
2276         th.oe_list_header_handle
2277             font-size: 1px
2278             overflow: hidden
2279             text-indent: -9001px
2280         td.oe_list_field_handle
2281             width: 1em
2282             padding: 0 !important
2283             cursor: ns-resize
2284             .oe_list_handle
2285                 @include text-to-entypo-icon("}",#E0E0E0,18px)
2286                 margin-right: 7px
2287         .oe_list_field_progressbar progress
2288             width: 100%
2289     // }}}
2290     // Tree view {{{
2291     .tree_header
2292         background-color: #f0f0f0
2293         border-bottom: 1px solid #cacaca
2294         color: #4c4c4c
2295         padding: 5px
2296         height: 25px
2297         button
2298             float: right
2299             height: 27px
2300             margin-right: 5px
2301     .oe-treeview-table
2302         width: 100%
2303         background-color: white
2304         border-spacing: 0
2305         color: #4c4c4c
2306         th
2307             padding: 10px
2308             font-weight: bold
2309             background-color: #f0f0f0
2310             border-bottom: 2px solid #cacaca
2311
2312         td
2313             cursor: pointer
2314             vertical-align: middle
2315             text-align: left
2316             vertical-align: middle
2317             height: 20px
2318             padding-left: 4px
2319             padding-right: 4px
2320             border-right: 1px solid #e7e7e7
2321
2322         td.oe_number
2323             text-align: right !important
2324         tr
2325             border-bottom: 1px solid #d6d6d6
2326             &:hover
2327                 background-color: #e7e7e7
2328         span
2329             font-size: 90%
2330             font-weight: normal
2331             white-space: nowrap
2332             display: block
2333         .treeview-tr.oe-treeview-first
2334             background: transparent url(/web/static/src/img/expand.gif) 0 50% no-repeat
2335         .oe_open .treeview-tr.oe-treeview-first
2336             background-image: url(/web/static/src/img/collapse.gif)
2337         .treeview-tr.oe-treeview-first span, .treeview-td.oe-treeview-first span
2338             margin-left: 16px
2339     // }}}
2340     // Debugging stuff {{{
2341     .oe_layout_debugging
2342         .oe_form_group
2343             outline: 2px dashed green
2344         .oe_form_group_cell
2345             outline: 1px solid blue
2346         .oe_form_group:hover, .oe_form_group_cell:hover
2347             outline-color: red
2348         .oe_form_group_row_incomplete > td:last-child:after
2349             content: "[Incomplete Row]"
2350             background: red
2351             padding: 2px
2352             font-weight: bold
2353             color: white
2354             float: right
2355         .oe_form_group_row_incomplete.oe_form_group_row_newline > td:last-child:after
2356             content: "[newline]"
2357     .oe_debug_view
2358         float: left
2359     .oe_debug_view_log
2360         font-size: 95%
2361         line-height: 1.2em
2362     // }}}
2363     // Bootstrap HACKS {{{
2364     .navbar
2365         min-height: 32px
2366         margin-bottom: 0px
2367         border: none
2368         z-index: 1
2369         position: static
2370         background-color: #414141
2371         @include vertical-gradient(#646060, #262626)
2372     .navbar-default
2373         .navbar-nav
2374             li
2375                 a:hover,a:focus
2376                     background: rgba(0, 0, 0, 0.3)
2377             .open > a,a:hover,a:focus
2378                 background: rgba(0, 0, 0, 0.3) !important
2379             .dropdown > a .caret
2380                 border-top-color: #777 !important
2381                 border-bottom-color: #777 !important
2382     .navbar-nav
2383         li
2384             a
2385                 padding: 4px 32px 4px 12px
2386     .oe_navbar .dropdown-menu
2387         font-size: 13px
2388         padding: 4px 0
2389         background: #333333 !important
2390         background: rgba(37, 37, 37, 0.9) !important
2391         border-color: #999999
2392         border-color: rgba(0, 0, 0, 0.2)
2393         background-color: #414141
2394         text-shadow: none
2395         @include vertical-gradient(#646060, #262626)
2396         @include radius(3px)
2397         li
2398             a,a:hover,a:focus
2399                 color: #eeeeee
2400
2401     // Minimized unused white space and label weight for wizard popup
2402     .oe_view_manager_new .oe_form_nosheet
2403         margin-top: 8px
2404         .oe_form_label
2405             font-weight: normal
2406
2407     // Customize bootstrap3 for leftbar
2408     .nav
2409         li > a
2410             padding: 3px 4px 2px 18px
2411             color: #4c4c4c
2412         nav-pills.nav-stacked > li > ul
2413             padding-left: 16px
2414     .nav-pills > li.active,a.list-group-item.active
2415         > a
2416             background-color: #7c7bad
2417             color: white
2418             border-radius: 0
2419         a:hover,a:focus
2420             background-color: #7c7bad
2421         .badge
2422             background-color: white
2423             color: #7c7bad
2424             text-shadow: none
2425     .badge
2426         font-weight: normal
2427         font-size: 11px
2428         background-color: #7c7bad
2429
2430     // Customize for global tags
2431     button, body
2432         line-height: normal
2433     h1,h2
2434         font-weight: bold
2435     h3
2436         font-size: 1.17em
2437         font-weight: bold
2438     p
2439         display: block
2440         -webkit-margin-before: 1em
2441         -webkit-margin-after: 1em
2442         -webkit-margin-start: 0px
2443         -webkit-margin-end: 0px
2444     pre
2445         background-color: #FFFFFF
2446         border: none
2447         padding: 10px 0 3px 0
2448
2449
2450
2451     // Customize for chatter
2452     h5
2453         font-weight: bold
2454         font-size: smaller
2455     .oe_form .oe_subtype label, .oe_subtype label
2456         font-weight: normal
2457     .oe_msg_subtype_check
2458         margin: 3px 3px 0 !important
2459     // }}}
2460 // Customize for kanban tooltip
2461 .jqstooltip
2462     height: auto !important
2463     width: auto !important
2464     padding: 0
2465
2466 @-moz-document url-prefix()
2467     .openerp
2468         .oe_searchview .oe_searchview_search
2469             top: -1px
2470         .oe_form_field_many2one .oe_m2o_cm_button
2471             line-height: 18px
2472         .oe_webclient
2473             .oe_star_on, .oe_star_off
2474                 top: 0px
2475
2476 // Kitten Mode {{{
2477 .kitten-mode-activated
2478     background-size: cover
2479     background-attachment: fixed
2480     >*
2481         opacity: 0.70
2482 .loading-kitten
2483     @include radius(15px)
2484     @include box-shadow(0 0 5px 5px #999)
2485 // }}}
2486
2487 // jQueryUI top level {{{
2488 // The jQuery-ui overlay and Autocomplete are outside the .openerp div, please don't add indentation !!!
2489 div.ui-widget-overlay
2490     background: black
2491     @include opacity(0.3)
2492 // TODO: I think only the overlay is problematic, the other top level widgets should use $.fn.openerpClass()
2493 //       eg: $el.autocomplete().openerpClass();
2494 .ui-widget
2495     font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif
2496     color: #4c4c4c
2497     font-size: 13px
2498
2499 .ui-menu
2500     padding: 2px 0
2501     @include box-shadow(0 1px 4px rgba(0,0,0,0.3))
2502     margin-top: 4px
2503     border: 1px solid $tag-border
2504     .ui-menu-item
2505         width: 100%
2506         padding: 0
2507         a
2508             padding: 1px 16px
2509         a.ui-corner-all
2510             @include radius(0)
2511         a.ui-state-active
2512             background: #f0f0fa
2513     .ui-menu-item a.ui-state-hover, .ui-menu-item a.ui-state-active
2514         background: $tag-bg-dark
2515         //color: #4c4c4c
2516         //@include vertical-gradient(#f0f0fa, #eeeef6)
2517
2518 .ui-corner-all
2519     @include radius(3px)
2520 // }}}
2521
2522 .openerp
2523     .db_option_table
2524         td
2525             padding-bottom: 10px !important
2526
2527 // Server side single forms {{{
2528 @mixin single-form($width: 400px)
2529     padding: 10px
2530     position: absolute
2531     left: 50%
2532     top: 50%
2533     width: $width
2534     /* Set margins to offset 50% of the w/h */
2535     margin-top: -($width / 2)
2536     margin-left: -($width / 2)
2537
2538 body.oe_single_form
2539     background: #eee url(/web/static/src/img/form_sheetbg.png)
2540     height: 100%
2541
2542     .oe_single_form_logo
2543         padding: 10px
2544         text-align: center
2545         margin-bottom: 10px
2546
2547     .oe_single_form_footer
2548         position: absolute
2549         bottom: -30px
2550         right: 0px
2551         width: 100%
2552         text-align: center
2553
2554     .oe_single_form_container
2555         @include single-form(400px)
2556
2557 // }}}
2558
2559 // Internet Explorer 9+ specifics {{{
2560 .openerp_ie
2561     .placeholder
2562         color: $tag-border !important
2563         font-style: italic !important
2564     .oe_form_binary_file
2565         width: 80px
2566     .oe_form_field_boolean input
2567         background: #fff
2568     .db_option_table .oe_form_field_selection
2569         width: auto
2570     input[type='checkbox']
2571         border: none
2572         background: none
2573         box-shadow: none
2574     .oe_logo
2575         img
2576             border: none
2577     .oe_header_row
2578         button.oe_highlight
2579             padding-top: 0
2580             padding-bottom: 0
2581     .oe_view_manager_view_kanban
2582         display: table-cell
2583     .oe_view_manager_buttons
2584         button.oe_write_full
2585             padding-top: 0
2586             padding-bottom: 0
2587         button.oe_highlight
2588             padding-top: 0
2589             padding-bottom: 0
2590         button .oe_form_button_edit
2591             padding-top: 0
2592             padding-bottom: 0
2593         button .oe_form_button_create
2594             padding-top: 0
2595             padding-bottom: 0
2596     .oe_kanban_image
2597         border: none
2598     .oe_msg_icon
2599         border: none
2600     .oe_form
2601         header
2602             ul
2603                 height: 29px
2604     .oe_attach
2605         filter: none
2606     .oe_link
2607         filter: none
2608     .oe_kanban_show_more
2609         clear: both
2610         text-align: center
2611     &.oe_kanban_grouped .oe_kanban_show_more .oe_button
2612         width: 100%
2613         padding: 3px 12px
2614
2615     .oe_form_buttons button
2616         padding-top: 0
2617         padding-bottom: 0
2618     .oe_sidebar button
2619         padding-top: 0
2620         padding-bottom: 0
2621     img
2622         border: none
2623     //buttons.
2624     .oe_dropdown_arrow
2625         line-height: 1.7em
2626     .oe_form_buttons, .oe_view_manager_buttons
2627         button
2628             line-height: 1.7em
2629         .oe_highlight
2630             line-height: 1.7em
2631     .oe_topbar
2632         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#646060', endColorstr='#262626')
2633     .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error
2634         filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
2635     .oe_popup_form
2636         width: 99% !important
2637     .oe_form_label
2638         white-space: normal !important
2639     ul.oe_form_status, ul.oe_form_status_clickable
2640         li
2641             display: inline-block
2642             clear: both
2643             &:last-child
2644                 overflow: hidden
2645                 border-right: 1px solid #cacaca
2646                 > .label
2647                     padding-right: 14px
2648                     border-right: none
2649                 > .arrow
2650                     display: inline-block
2651                     opacity: 0
2652                     filter: alpha(opacity = 0)
2653                     border: none
2654                     width: 0
2655                     border-right: none
2656             > .label
2657                 border-bottom: 1px solid #cacaca
2658                 background: transparent
2659             > .arrow
2660                 span
2661                     background-color: #eeeeee !important
2662         li.oe_active
2663             > .label
2664                 border-bottom: 1px solid #729fcf
2665             > .arrow span
2666                 background-color: #729fcf !important
2667
2668 // }}}
2669
2670 // @media print {{{
2671 @media print
2672     .openerp
2673         .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
2674             // We use !important here because jQuery adds @style = display: block on elements when using $.fn.show()
2675             display: none !important
2676         .oe_list_content
2677             button, input[type=checkbox]
2678                 visibility: hidden
2679         .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
2680             visibility: hidden
2681         a
2682             &.oe_m2o_cm_button, &.oe_e
2683                 visibility: hidden
2684         .oe_form
2685             .oe_form_field_date img, .oe_form_field_datetime img
2686                 visibility: hidden
2687         .oe_notebook > li.ui-tabs-selected
2688             display: block
2689         .oe_application
2690             .oe_form_sheet, .oe_form_sheetbg
2691                 border: 0px !important
2692                 box-shadow: 0px 0px 0px
2693                 .oe_list
2694                     overflow-x: visible
2695         .oe_view_manager_current > .oe_view_manager_header
2696             border: 0px !important
2697             box-shadow: 0px 0px 0px
2698         text-shadow: none
2699         .text-core .text-wrap .text-arrow
2700             background: none
2701         .openerp div.oe_mail_wall
2702             overflow: hidden !important
2703 // }}}
2704
2705 // End of customize
2706
2707 // Customize bootstrap3 for tooltip
2708 .tooltip
2709     padding: 0
2710     margin: 0
2711     font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif
2712     color: #4c4c4c
2713     font-size: 12px
2714     background: white
2715     text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5)
2716     background-color: transparent
2717     .tooltip-inner
2718         text-align: left !important
2719         max-width: 350px
2720         .oe_tooltip_string
2721             color: #FD5
2722             font-weight: bold
2723             font-size: 13px
2724         .oe_tooltip_help
2725             white-space: pre-wrap
2726         .oe_tooltip_technical
2727             padding: 0 0 4px 0
2728             margin: 5px 0 0 15px
2729             li
2730                 list-style: circle
2731         .oe_tooltip_technical_title
2732             font-weight: bold
2733         .oe_tooltip_close
2734             margin: -5px 0 0 2px
2735             cursor: default
2736             float: right
2737             color: white
2738             &:hover
2739                 color: #999
2740                 cursor: pointer
2741         .oe_tooltip_message
2742             max-width: 310px
2743
2744 // Hack for ui icon {{{
2745 .ui-icon
2746     width: 18px
2747     height: 18px
2748 // End hack}}}
2749
2750 // Customized modal according bootstrap3
2751 .modal
2752     .modal-header button.close
2753         border: none
2754         background: none
2755         padding: 1px
2756         height: 18px
2757         font-size: 20px
2758     .modal-footer
2759         text-align: left
2760     .oe_button
2761         margin: 0 4px 0 0
2762     .oe_act_window.modal-body
2763         padding: 0
2764
2765 .ui-datepicker
2766     z-index: 1500 !important
2767
2768 input[type="radio"], input[type="checkbox"]
2769     margin-right: 4px
2770     margin-left: 4px
2771
2772 .blockUI.blockOverlay
2773     background-color: black
2774     opacity: 0.6000000238418579
2775
2776
2777 body
2778     overflow: auto
2779 // au BufWritePost,FileWritePost *.sass :!sass --style expanded --line-numbers <afile> > "%:p:r.css"
2780 // vim:tabstop=4:shiftwidth=4:softtabstop=4:fdm=marker: