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