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