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

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