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