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