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

   1 @charset "utf-8"
   2
   3 // Variables {{{
   4 $section-title-color: #8786b7
   5 $facets-border: #afafb6
   6 $facets-border-selected: #a6a6fe
   7 $hover-background: #f0f0fa
   8 $colour4: #8a89ba
   9 // }}}
  10 // Mixins {{{
  11 @font-face
  12     font-family: 'mnmliconsRegular'
  13     src: url('/web/static/src/font/mnmliconsv21-webfont.eot') format('eot')
  14     src: url('/web/static/src/font/mnmliconsv21-webfont.woff') format('woff')
  15     src: url('/web/static/src/font/mnmliconsv21-webfont.ttf') format('truetype')
  16     src: url('/web/static/src/font/mnmliconsv21-webfont.svg') format('svg') active
  17     font-weight: normal
  18     font-style: normal
  19
  20 @font-face
  21     font-family: 'EntypoRegular'
  22     src: url('/web/static/src/font/entypo-webfont.eot') format('eot')
  23     src: url('/web/static/src/font/entypo-webfont.eot?#iefix') format('embedded-opentype')
  24     src: url('/web/static/src/font/entypo-webfont.woff') format('woff')
  25     src: url('/web/static/src/font/entypo-webfont.ttf') format('truetype')
  26     src: url('/web/static/src/font/entypo-webfont.svg') format('svg') active
  27     font-weight: normal
  28     font-style: normal
  29
  30 @mixin vertical-gradient($startColor: #555, $endColor: #333)
  31     background-color: $startColor
  32     background-image: -webkit-gradient(linear, left top, left bottom, from($startColor), to($endColor)) /* Saf4+, Chrome */
  33     background-image: -webkit-linear-gradient(top, $startColor, $endColor) /* Chrome 10+, Saf5.1+, iOS 5+ */
  34     background-image:    -moz-linear-gradient(top, $startColor, $endColor) /* FF3.6 */
  35     background-image:     -ms-linear-gradient(top, $startColor, $endColor) /* IE10 */
  36     background-image:      -o-linear-gradient(top, $startColor, $endColor) /* Opera 11.10+ */
  37     background-image:         linear-gradient(to bottom, $startColor, $endColor)
  38
  39
  40 @mixin radial-gradient($gradient)
  41     background-position: center center
  42     background-image: -webkit-radial-gradient(circle, $gradient)
  43     background-image: -moz-radial-gradient($gradient)
  44     background-image: -ms-radial-gradient($gradient)
  45     background-image: radial-gradient($gradient)
  46
  47 @mixin radius($radius: 5px)
  48     -moz-border-radius: $radius
  49     -webkit-border-radius: $radius
  50     border-radius: $radius
  51
  52 @mixin box-shadow($bsval: 0px 1px 4px #777)
  53     -moz-box-shadow: $bsval
  54     -webkit-box-shadow: $bsval
  55     -box-shadow: $bsval
  56
  57 @mixin transition($transval: (border linear 0.2s, box-shadow linear 0.2s))
  58     -webkit-transition: $transval
  59     -moz-transition: $transval
  60     -ms-transition: $transval
  61     -o-transition: $transval
  62     transition: $transval
  63
  64 @mixin opacity($opacity: .5)
  65     filter: alpha(opacity=$opacity * 100)
  66     opacity: $opacity
  67
  68 @mixin background-clip($clip: padding-box)
  69     -webkit-background-clip: $clip
  70     -moz-background-clip: $clip
  71     background-clip: $clip
  72
  73 @mixin unscrew-box
  74     -moz-box-sizing: border-box
  75     -webkit-box-sizing: border-box
  76     box-sizing: border-box
  77
  78 // Transforms the (readable) text of an inline element into an mmlicons icon,
  79 // allows for actual readable text in-code (and in readers?) with iconic looks
  80 @mixin text-to-icon($icon-name, $color: #404040)
  81     font-size: 1px
  82     letter-spacing: -1px
  83     color: transparent
  84     &:before
  85         font-family: "mnmliconsRegular"
  86         content: $icon-name
  87         font-size: 20px
  88         color: $color
  89
  90 // }}}
  91
  92 .openerp.openerp-web-client-container
  93     height: 100%
  94     position: relative
  95
  96 .openerp
  97     // Global style {{{
  98     padding: 0
  99     margin: 0
 100     font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif
 101     color: #4c4c4c
 102     font-size: 13px
 103     background: white
 104     // }}}
 105     // Tag reset {{{
 106     a
 107         text-decoration: none
 108     table
 109         padding: 0
 110         font-size: 13px
 111         border-collapse: collapse
 112     thead
 113         font-weight: bold
 114         background-color: #f0f0f0
 115         th
 116             border-right: 1px dotted #afafb6
 117             &:last-child
 118                 border-right: none
 119     th, td
 120         padding: 0
 121         text-align: left
 122     th
 123         font-weight: bold
 124         vertical-align: middle
 125     td
 126         vertical-align: top
 127     .zebra tbody tr:nth-child(odd) td
 128         background-color: #f0f0fa
 129         @include vertical-gradient(#f0f0fa, #eeeef6)
 130     .zebra tbody tr:hover td
 131         @include vertical-gradient(#eee, #dedede)
 132     .numeric
 133         text-align: right
 134         width: 82px
 135         input
 136             text-align: right
 137     ul, li, ol
 138         margin: 0
 139         padding: 0
 140     li
 141         list-style-type: none
 142     // }}}
 143     // Generic classes {{{
 144     .oe_i
 145         font-family: "mnmliconsRegular" !important
 146         font-size: 21px
 147         font-weight: 300 !important
 148     .oe_e
 149         font-family: "entypoRegular" !important
 150         font-size: 34px
 151         font-weight: 300 !important
 152     .oe_left
 153         float: left
 154         margin-right: 8px
 155     .oe_right
 156         float: right
 157         margin-left: 8px
 158     .oe_text_right
 159         text-align: right
 160     .oe_clear
 161         clear: both
 162     .oe_wait
 163         cursor: wait
 164     .oe_fade
 165         color: #888
 166         //font-size: 12px
 167     .oe_bold
 168         font-weight: bold
 169     // }}}
 170     // Button style {{{
 171     a.button:link, a.button:visited, button, input[type='submit']
 172         display: inline-block
 173         border: 1px solid #ababab
 174         color: #404040
 175         margin: 0
 176         padding: 4px 12px
 177         font-size: 13px
 178         text-align: center
 179         @include vertical-gradient(#efefef, #d8d8d8)
 180         @include radius(3px)
 181         @include box-shadow((0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .8) inset))
 182         text-shadow: 0 1px 1px rgba(255, 255, 255, .5)
 183         -webkit-font-smoothing: antialiased
 184         outline: none
 185
 186     a.button:hover, button:hover, input[type='submit']:hover
 187         @include vertical-gradient(#f6f6f6, #e3e3e3)
 188         cursor: pointer
 189
 190     a.button:focus, button:focus, input[type='submit']:focus
 191         border: 1px solid #80bfff
 192         @include vertical-gradient(#f6f6f6, #e3e3e3)
 193         @include box-shadow((0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, .8) inset))
 194
 195     a.button:active, a.button.active, button:active, button.active, input[type='submit']:active, input[type='submit'].active
 196         background: #e3e3e3
 197         background: -moz-linear-gradient(top, #e3e3e3, #f6f6f6) #1b468f
 198         background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#f6f6f6)) #1b468f
 199         background: linear-gradient(top, #e3e3e3, #f6f6f6) #1b468f
 200         @include box-shadow(none)
 201
 202     a.button.disabled, button:disabled, input[type='submit']:disabled
 203         background: #efefef !important
 204         border: 1px solid #d1d1d1 !important
 205         @include box-shadow(none !important)
 206         color: #aaa !important
 207         cursor: default
 208         text-shadow: 0 1px 1px #fff !important
 209
 210     button.primary
 211         color: white
 212         @include vertical-gradient(#dc5f59, #b33630)
 213         @include box-shadow(none)
 214
 215     button.primary:hover
 216         @include vertical-gradient(lighten(#dc5f59, 3%), lighten(#b33630, 3%))
 217         @include box-shadow(0 0 1px rgba(0,0,0,0.2))
 218
 219     button.primary:active
 220         @include vertical-gradient(#b33630, #dc5f59)
 221         @include box-shadow(none)
 222
 223     button.following
 224         color: white
 225         width: 120px
 226         @include vertical-gradient($colour4, darken($colour4, 3%))
 227
 228     button.unfollow
 229         display: none
 230         color: white
 231         width: 120px
 232         @include vertical-gradient(#dc5f59, #b33630)
 233
 234     // }}}
 235     // Loading {{{
 236     .oe_loading
 237         display: none
 238         z-index: 100
 239         position: fixed
 240         top: 0
 241         right: 50%
 242         padding: 4px 12px
 243         background: #A61300
 244         color: white
 245         text-align: center
 246         border: 1px solid #900
 247         border-top: none
 248         -moz-border-radius-bottomright: 8px
 249         -moz-border-radius-bottomleft: 8px
 250         border-bottom-right-radius: 8px
 251         border-bottom-left-radius: 8px
 252     // }}}
 253     // Notification {{{
 254     .oe_notification
 255         z-index: 1050
 256     // }}}
 257     // Login {{{
 258     .oe_login
 259         background: url("/web/static/src/img/pattern.png") repeat
 260         text-align: center
 261         font-size: 14px
 262         height: 100%
 263         li
 264             list-style-type: none
 265             padding-bottom: 4px
 266         button
 267             float: right
 268             display: inline-block
 269             cursor: pointer
 270             padding: 6px 16px
 271             border: 1px solid #222
 272             color: white
 273             margin: 0
 274             @include vertical-gradient(#b92020, #600606)
 275             @include radius(4px)
 276             @include box-shadow((0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset))
 277         input, select
 278             width: 252px
 279             font-family: "Lucida Grande", Helvetica, Verdana, Arial
 280             border: 1px solid #999999
 281             background: whitesmoke
 282             @include box-shadow(inset 0 1px 4px rgba(0, 0, 0, 0.3))
 283             @include radius(3px)
 284         input
 285             margin-bottom: 9px
 286             padding: 5px 6px
 287         select
 288             padding: 1px
 289         .oe_login_dbpane
 290             position: fixed
 291             top: 0
 292             right: 8px
 293             padding: 5px 10px
 294             color: #eee
 295             border: solid 1px #333
 296             background: #1e1e1e
 297             background: rgba(30,30,30,0.94)
 298             @include radius(0 0 8px 8px)
 299             input
 300                 padding: 2px 4px
 301                 margin: 4px 0
 302         .oe_login_bottom
 303             position: absolute
 304             top: 50%
 305             left: 0
 306             right: 0
 307             bottom: 0
 308             text-shadow: 0 1px 1px #999999
 309             @include vertical-gradient(#b41616, #600606)
 310         .oe_login_pane
 311             position: absolute
 312             top: 50%
 313             left: 50%
 314             margin: -160px -166px
 315             border: solid 1px #333333
 316             background: #1e1e1e
 317             background: rgba(30,30,30,0.94)
 318             padding: 22px 32px
 319             color: #eee
 320             text-align: left
 321             @include radius(8px)
 322             @include box-shadow(0 0 18px rgba(0, 0, 0, 0.9))
 323             h2
 324                 margin-top: 0
 325                 font-size: 18px
 326         .oe_login_logo
 327             position: absolute
 328             top: -70px
 329             left: 0
 330             width: 100%
 331             margin: 0 auto
 332             text-align: center
 333         .oe_login_footer
 334             position: absolute
 335             bottom: -40px
 336             left: 0
 337             width: 100%
 338             text-align: center
 339             a
 340                 color: #eee
 341                 margin: 0 8px
 342                 &:hover
 343                     text-decoration: underline
 344             span
 345                 font-weight: bold
 346                 font-size: 16px
 347         .oe_login_error_message
 348             display: none
 349             background-color: #b41616
 350             color: #eee
 351             padding: 14px 18px
 352             margin-top: 15px
 353             text-align: center
 354             @include radius(4px)
 355             @include box-shadow(0 1px 4px rgba(0, 0, 0, 0.8))
 356     .oe_login_invalid
 357         .oe_login_error_message
 358             display: inline-block
 359     // }}}
 360     // DatabaseManager {{{
 361     .oe_database_manager
 362         background: #fff
 363         color: #000
 364         text-align: left
 365         .oe_database_manager_menu
 366             color: #000
 367     // }}}
 368     // WebClient {{{
 369     .oe_webclient
 370         width: 100%
 371         height: 100%
 372         border-spacing: 0px
 373     // }}}
 374     // WebClient.fullscreen {{{
 375     .oe_content_full_screen
 376         .oe_application
 377             top: 0
 378             left: 0
 379         .oe_topbar, .oe_leftbar
 380             display: none
 381     // }}}
 382     // WebClient.topbar {{{
 383     .oe_topbar
 384         width: 100%
 385         height: 31px
 386         border-top: solid 1px #d3d3d3
 387         @include vertical-gradient(#646060, #262626)
 388
 389         .oe_topbar_item
 390             li
 391                 float: left
 392                 a
 393                     display: block
 394                     padding: 5px 10px 7px
 395                     line-height: 20px
 396                     height: 20px
 397                     color: #eee
 398                     vertical-align: top
 399                     text-shadow: 0 1px 1px rgba(0,0,0,0.2)
 400                     &:hover
 401                         background: #303030
 402                         color: white
 403                         @include box-shadow(0 1px 2px rgba(255,255,255,0.3) inset)
 404             .oe_active
 405                 background: #303030
 406                 font-weight: bold
 407                 color: white
 408                 @include box-shadow(0 1px 2px rgba(255,255,255,0.3) inset)
 409
 410         .oe_topbar_avatar
 411             width: 24px
 412             height: 24px
 413             margin: -2px 2px 0 0
 414             @include radius(4px)
 415         .oe_topbar_avatar
 416             vertical-align: top
 417         .oe_dropdown_toggle:after
 418             width: 0
 419             height: 0
 420             display: inline-block
 421             content: "&darr"
 422             text-indent: -99999px
 423             vertical-align: top
 424             margin-top: 8px
 425             margin-left: 4px
 426             border-left: 4px solid transparent
 427             border-right: 4px solid transparent
 428             border-top: 4px solid white
 429             @include opacity(0.5)
 430     // }}}
 431     // Webclient.leftbar {{{
 432     .oe_leftbar
 433         width: 220px
 434         background: #f0eeee
 435         border-right: 1px solid #afafb6
 436         text-shadow: 0 1px 1px white
 437         padding-bottom: 16px
 438         line-height: 18px
 439     a.oe_logo
 440         width: 220px
 441         display: block
 442         text-align: center
 443         height: 70px
 444         line-height: 70px
 445         img
 446             height: 40px
 447             width: 157px
 448             margin: 14px 0
 449     .oe_footer
 450         position: fixed
 451         bottom: 0
 452         padding: 4px 0
 453         background: #f0eeee
 454         width: 220px
 455         text-align: center
 456         a
 457             font-weight: 800
 458             font-family: serif
 459             font-size: 16px
 460             color: black
 461             span
 462                 color: #c81010
 463                 font-style: italic
 464     // }}}
 465     // UserMenu {{{
 466     .oe_user_menu
 467         float: right
 468         padding: 0
 469         margin: 0
 470         li
 471             list-style-type: none
 472             float: left
 473         .oe_dropdown
 474             position: relative
 475
 476         .oe_dropdown_options
 477             float: left
 478             background: #333
 479             background: rgba(37,37,37,0.9)
 480             display: none
 481             position: absolute
 482             top: 32px
 483             right: -1px
 484             border: 0
 485             z-index: 900
 486             margin-left: 0
 487             margin-right: 0
 488             padding: 6px 0
 489             zoom: 1
 490             border-color: #999
 491             border-color: rgba(0, 0, 0, 0.2)
 492             border-style: solid
 493             border-width: 0 1px 1px
 494             @include radius(0 0 6px 6px)
 495             @include box-shadow(0 1px 4px rgba(0,0,0,0.3))
 496             @include background-clip()
 497             li
 498                 float: none
 499                 display: block
 500                 background-color: none
 501                 a
 502                     display: block
 503                     padding: 4px 15px
 504                     clear: both
 505                     font-weight: normal
 506                     line-height: 18px
 507                     color: #eee
 508                     &:hover
 509                         @include vertical-gradient(#292929, #191919)
 510                         @include box-shadow(none)
 511                 hr
 512                     border-top: 1px solid #999
 513                     border-bottom: 0
 514     // }}}
 515     // Systray {{{
 516     .oe_systray > div
 517         float: left
 518         padding: 0 4px 0 4px
 519     .oe_systray
 520         float: right
 521
 522         .oe_systray_dropdown
 523             position: relative
 524         .oe_systray_dropdown:hover .oe_systray_dropdown_options
 525             display: block
 526         .oe_systray_dropdown_options
 527             background: #333
 528             background: rgba(37,37,37,0.9)
 529             display: none
 530             position: absolute
 531             z-index: 900
 532             border: 0
 533             margin-left: 0
 534             margin-right: 0
 535             padding: 6px 0
 536             border-color: #999
 537             border-color: rgba(0, 0, 0, 0.2)
 538             border-style: solid
 539             border-width: 0 1px 1px
 540             @include radius(0 0 6px 6px)
 541             @include box-shadow(0 1px 4px rgba(0,0,0,0.3))
 542             @include background-clip()
 543             li
 544                 float: none
 545                 display: block
 546                 background-color: none
 547                 a
 548                     display: block
 549                     padding: 4px 15px
 550                     clear: both
 551                     font-weight: normal
 552                     line-height: 18px
 553                     color: #eee
 554                     &:hover
 555                         @include vertical-gradient(#292929, #191919)
 556                         @include box-shadow(none)
 557     // }}}
 558     // Menu {{{
 559     .oe_menu
 560         float: left
 561         padding: 0
 562         margin: 0
 563         li
 564             float: left
 565         a
 566             display: block
 567             padding: 5px 10px 7px
 568             line-height: 20px
 569             height: 20px
 570             color: #eee
 571             vertical-align: top
 572             text-shadow: 0 1px 1px rgba(0,0,0,0.2)
 573             &:hover
 574                 background: #303030
 575                 color: white
 576                 @include box-shadow(0 1px 2px rgba(255,255,255,0.3) inset)
 577         .oe_active
 578             background: #303030
 579             font-weight: bold
 580             color: white
 581             @include box-shadow(0 1px 2px rgba(255,255,255,0.3) inset)
 582     .oe_menu_more_container
 583         position: relative
 584         .oe_menu_more
 585             position: absolute
 586             padding: 0
 587             background-color: #646060
 588             z-index: 1
 589             border: 1px solid black
 590             border-bottom-left-radius: 5px
 591             border-bottom-right-radius: 5px
 592             li
 593                 float: none
 594                 a
 595                     white-space: nowrap
 596     .oe_secondary_menu_section
 597         font-weight: bold
 598         margin-left: 8px
 599         color: $colour4
 600     .oe_secondary_submenu
 601         padding: 2px 0 8px 0
 602         margin: 0
 603         width: 100%
 604         display: inline-block
 605         > li
 606             position: relative
 607             padding: 1px 0 1px 20px
 608             a
 609                 display: block
 610                 color: #4c4c4c
 611                 padding: 2px 4px 2px 0
 612             .oe_menu_label
 613                 position: absolute
 614                 top: 1px
 615                 right: 1px
 616                 font-size: 10px
 617                 background: $colour4
 618                 color: white
 619                 padding: 2px 4px
 620                 margin: 1px 6px 0 0
 621                 border: 1px solid lightGray
 622                 text-shadow: 0 1px 1px rgba(0,0,0,0.2)
 623                 @include radius(4px)
 624                 @include box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.2))
 625         .oe_menu_counter
 626             float: right
 627             background: #8a89ba
 628             color: #eee
 629             font-size: 12px
 630             border: 1px solid lightgray
 631             padding: 0px 4px 0px 4px
 632             text-shadow: 0 1px 1px rgba(0,0,0,0.2)
 633             margin: 0px
 634             @include radius(4px)
 635         .oe_active
 636             background: $colour4
 637             border-top: 1px solid lightGray
 638             border-bottom: 1px solid lightGray
 639             text-shadow: 0 1px 1px rgba(0,0,0,0.2)
 640             @include box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.2))
 641             a
 642                 color: white
 643             .oe_menu_label
 644                 background: #eee
 645                 color: $colour4
 646                 text-shadow: 0 1px 1px white
 647                 @include box-shadow(0 1px 1px rgba(0, 0, 0, 0.2))
 648             .oe_menu_counter
 649                 background: #eee
 650                 color: #8a89ba
 651         .oe_menu_toggler:before
 652             width: 0
 653             height: 0
 654             display: inline-block
 655             content: "&darr"
 656             text-indent: -99999px
 657             vertical-align: top
 658             margin-left: -12px
 659             margin-top: 4px
 660             margin-right: 4px
 661             border-top: 4px solid transparent
 662             border-bottom: 4px solid transparent
 663             border-left: 4px solid #4c4c4c
 664             @include opacity(0.5)
 665         .oe_menu_opened:before
 666             margin-top: 6px
 667             margin-left: -16px
 668             margin-right: 4px
 669             border-left: 4px solid transparent
 670             border-right: 4px solid transparent
 671             border-top: 4px solid #4c4c4c
 672     // }}}
 673     // ActionManager {{{
 674     .oe_application
 675         width: 100%
 676         a
 677             color: $colour4
 678             &:hover
 679                 text-decoration: underline
 680     // }}}
 681     // Content Header MIT {{{
 682     .oe-view-manager-header
 683         border-top: 1px solid #cacaca
 684         border-bottom: 1px solid #cacaca
 685         @include vertical-gradient(#fcfcfc, #dedede)
 686         @include box-shadow((0 1px 0 rgba(255,255,255,0.4), 0 0 9px rgba(0,0,0,0.1)))
 687         h2
 688             float: left
 689             font-size: 18px
 690             margin: 1px 0
 691             a
 692                 color: $colour4
 693         .buttons
 694             padding-right: 8px
 695             li
 696                 float: left
 697                 margin-right: 12px
 698         .filter
 699             vertical-align: top
 700             li
 701                 height: 24px
 702                 line-height: 24px
 703                 padding: 0 8px
 704         .header-row
 705             height: 26px
 706             line-height: 26px
 707             margin: 8px
 708             clear: both
 709             text-shadow: 0 1px 1px white
 710             .dropdown-toggle:after
 711                 margin-top: 7px
 712                 margin-left: 6px
 713                 border-top-color: #404040
 714         .oe_vm_switch
 715             li
 716                 padding-left: 1px
 717                 text-align: center
 718                 width: 24px
 719                 height: 24px
 720                 line-height: 24px
 721         .pagination
 722             li
 723                 height: 24px
 724                 line-height: 24px
 725                 padding: 0 8px
 726         .button-group
 727             display: inline-block
 728             border: 1px solid #ababab
 729             @include radius(5px)
 730             li
 731                 float: left
 732                 border-right: 1px solid #ababab
 733                 &:last-child
 734                     border: none
 735             a
 736                 color: #4c4c4c
 737                 &:hover
 738                     text-decoration: none
 739             .active
 740                 width: 100%
 741                 background: #999
 742                 @include box-shadow(0 1px 4px rgba(0,0,0,0.3) inset)
 743                 color: #fff
 744                 text-shadow: 0 1px 2px rgba(0,0,0,0.4)
 745     // }}}
 746     // ViewManager.header {{{
 747     .oe_view_manager_header
 748         width: 100%
 749         border-top: 1px solid #cacaca
 750         border-bottom: 1px solid #cacaca
 751         @include vertical-gradient(#fcfcfc, #dedede)
 752         @include box-shadow((0 1px 0 rgba(255,255,255,0.4), 0 0 9px rgba(0,0,0,0.1)))
 753         .oe_header_row
 754             //min-height: 26px
 755             //line-height: 26px
 756             clear: both
 757             text-shadow: 0 1px 1px white
 758             td
 759                 padding: 8px
 760         .oe_header_row:last-child
 761             td
 762                 padding-top: 0
 763         .oe_header_row:first-child
 764             td
 765                 padding-top: 8px
 766         .oe_view_manager_sidebar
 767             margin: 0px auto
 768             width: 400px
 769             text-align: center
 770         td
 771             line-height: 26px
 772         h2
 773             font-size: 18px
 774             margin: 0
 775             float: left
 776             a
 777                 color: $colour4
 778         .oe_button_group
 779             display: inline-block
 780             border: 1px solid #ababab
 781             @include radius(5px)
 782             li
 783                 float: left
 784                 border-right: 1px solid #ababab
 785                 &:last-child
 786                     border: none
 787             a
 788                 color: #4c4c4c
 789                 &:hover
 790                     text-decoration: none
 791             .active
 792                 background: #999
 793                 @include box-shadow(0 1px 4px rgba(0,0,0,0.3) inset)
 794                 a
 795                     color: #fff
 796                     text-shadow: 0 1px 2px rgba(0,0,0,0.4)
 797         .oe_view_manager_buttons
 798             white-space: nowrap
 799     // }}}
 800     // ViewManager.pager {{{
 801     .oe_view_manager_pager
 802         line-height: 26px
 803     .oe_pager_value
 804         float: left
 805         margin-right: 8px
 806     .oe_pager_group
 807         float: left
 808         height: 24px
 809         line-height: 24px
 810         display: inline-block
 811         border: 1px solid #ababab
 812         cursor: pointer
 813         @include radius(5px)
 814         li
 815             height: 24px
 816             line-height: 24px
 817             padding: 0
 818             float: left
 819             border-right: 1px solid #ababab
 820             &:last-child
 821                 border: none
 822         a
 823             color: #4c4c4c
 824             padding: 0 8px
 825             &:hover
 826                 text-decoration: none
 827         .active
 828             background: #999
 829             @include box-shadow(0 1px 4px rgba(0,0,0,0.3) inset)
 830             a
 831                 color: #fff
 832                 text-shadow: 0 1px 2px rgba(0,0,0,0.4)
 833     // }}}
 834     // ViewManager.switches {{{
 835     .oe_view_manager_switch
 836         li
 837             text-align: center
 838             width: 24px
 839             height: 24px
 840             line-height: 16px
 841             a
 842                 position: relative
 843         .oe_vm_switch_list:after, .oe_vm_switch_tree:after
 844             padding: 2px
 845             content: "i"
 846         .oe_vm_switch_graph:after
 847             font-family: "mnmliconsRegular" !important
 848             font-size: 21px
 849             font-weight: 300 !important
 850             content: "}"
 851             top: -2px
 852             position: relative
 853         .oe_vm_switch_gantt:after
 854             font-family: "mnmliconsRegular" !important
 855             font-size: 21px
 856             font-weight: 300 !important
 857             content: "y"
 858             top: -2px
 859             position: relative
 860         .oe_vm_switch_calendar:after
 861             content: "P"
 862         .oe_vm_switch_kanban:after
 863             content: "k"
 864         .oe_vm_switch_diagram:after
 865             content: "f"
 866         //.oe_vm_switch_list:after, .oe_vm_switch_tree:after
 867             //content: "ö"
 868         //.oe_vm_switch_graph:after
 869             //content: "ó"
 870         //.oe_vm_switch_gantt:after
 871             //content: "y"
 872         //.oe_vm_switch_calendar:after
 873             //content: "b"
 874         //.oe_vm_switch_kanban:after
 875             //content: "ó"
 876         //.oe_vm_switch_diagram:after
 877             //content: "}"
 878     // }}}
 879     // ViewManager.sidebar {{{
 880     .oe_form_dropdown_section
 881         position: relative
 882         display: inline-block
 883     .oe_dropdown_toggle:after
 884         width: 0
 885         height: 0
 886         display: inline-block
 887         content: "&darr"
 888         text-indent: -99999px
 889         vertical-align: top
 890         border-left: 4px solid transparent
 891         border-right: 4px solid transparent
 892         border-top: 4px solid white
 893         @include opacity(0.5)
 894         margin-top: 7px
 895         margin-left: 6px
 896         border-top-color: #404040
 897     .oe_dropdown_menu
 898         display: none
 899         position: absolute
 900         top: 28px
 901         left: 0px
 902         padding: 8px
 903         border: 1px solid #afafb6
 904         width: 120px
 905         overflow-x: hidden
 906         z-index: 900
 907         text-align: left
 908         background: white
 909         @include radius(3px)
 910         @include box-shadow(0 1px 4px rgba(0,0,0,0.3))
 911         li
 912             list-style-type: none
 913             float: none
 914             display: block
 915             background-color: none
 916             a
 917                 display: block
 918                 padding: 3px 6px
 919                 clear: both
 920                 font-weight: normal
 921                 line-height: 14px
 922                 color: #4c4c4c
 923                 text-decoration: none
 924                 cursor: pointer
 925                 &:hover
 926                     text-decoration: none
 927                     @include vertical-gradient(#f0f0fa, #eeeef6)
 928                     @include box-shadow(none)
 929     .oe_sidebar
 930         white-space: nowrap
 931     // }}}
 932     // SearchView xmo {{{
 933     .oe_searchview
 934         cursor: text
 935         position: relative
 936         float: right
 937         padding-right: 20px
 938         width: 410px
 939         border: 1px solid #ababab
 940         background: white
 941         @include radius(1em)
 942         @include box-shadow(0 1px 2px rgba(0,0,0,0.2) inset)
 943
 944         &.oe_focused
 945             border-color: $facets-border-selected
 946             @include box-shadow(0 1px 2px $facets-border-selected inset)
 947
 948         .oe_searchview_clear
 949             cursor: pointer
 950             position: absolute
 951             top: 0
 952             right: 22px
 953             width: 15px
 954             height: 100%
 955             background: url(../img/attachments-close.png) center center no-repeat
 956
 957         .oe_searchview_unfold_drawer
 958             position: absolute
 959             top: 0
 960             right: 0
 961             height: 100%
 962             line-height: 2.5em
 963             padding: 0 7px 0 4px
 964             color: #ccc
 965             cursor: pointer
 966             &:hover
 967                 color: #999
 968             &:before
 969                 content: "◀"
 970
 971         .oe_searchview_facets
 972             &:before
 973                 color: #ccc
 974                 font-family: "mnmliconsRegular"
 975                 content: "r"
 976                 font-size: 150%
 977                 padding: 0 1px 0 3px
 978                 display: inline
 979
 980             *
 981                 vertical-align: top
 982                 display: inline-block
 983                 line-height: 26px
 984
 985             .oe_searchview_input, .oe_searchview_facet
 986                 height: 26px
 987                 &:focus
 988                     outline: none
 989
 990             .oe_searchview_input
 991                 padding: 0 3px
 992
 993             .oe_searchview_facet
 994                 position: relative
 995                 cursor: pointer
 996                 border: 1px solid $facets-border
 997                 @include radius(3px)
 998                 background: #8786b7
 999                 -webkit-font-smoothing: auto
1000                 padding-left: 1.1em
1001                 // spacing for opera, FF
1002                 margin: 1px 0
1003
1004                 &:focus
1005                     border-color: $facets-border-selected
1006                     @include box-shadow(0 0 3px 1px $facets-border-selected)
1007
1008                 .oe_facet_values
1009                     background: #f0f0fa
1010                     @include radius(0 3px 3px 0)
1011
1012                 .oe_facet_category, .oe_facet_value
1013                     height: 24px
1014                     padding: 1px 0.1em
1015
1016                 .oe_facet_category
1017                     color: white
1018                     text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4)
1019
1020                 .oe_facet_value
1021                     border-left: 1px solid $facets-border
1022
1023                 .oe_facet_remove
1024                     position: absolute
1025                     top: 0
1026                     left: 2px
1027                     color: white
1028
1029                     &:hover
1030                         color: #ccc
1031
1032         &.oe_searchview_open_drawer
1033             .oe_searchview_drawer
1034                 display: block
1035             .oe_searchview_unfold_drawer:before
1036                 content: "▼"
1037
1038         .oe_searchview_drawer
1039             position: absolute
1040             z-index: 1
1041             // detach drawer from field slightly
1042             margin-top: 3px
1043             top: 100%
1044             right: 0
1045             background-color: white
1046             min-width: 100%
1047             display: none
1048             border: 1px solid #ccc
1049             text-align: left
1050             padding-bottom: 0.5em
1051             @include radius(1em)
1052
1053             > div
1054                 border-top: 1px solid #ccc
1055                 margin: 3px 0
1056             > div:first-child
1057                 border-top: none
1058                 margin: 0
1059
1060             h4, h4 *
1061                 margin: 0
1062                 cursor: pointer
1063
1064             h4:before
1065                 content: "▸ "
1066
1067             button, .button
1068                 border: none
1069                 background: transparent
1070                 padding: 0 2px
1071                 @include box-shadow(none)
1072                 @include radius(0)
1073
1074             .oe_searchview_filters
1075                 display: table
1076                 width: 100%
1077
1078                 > div
1079                     @include unscrew-box
1080                     display: table-cell
1081                     width: 50%
1082
1083                 h3
1084                     margin: 2px 4px 2px 8px
1085                     color: $section-title-color
1086
1087                 ul
1088                     margin: 0 12px 3px
1089                     padding: 0
1090                     list-style: none
1091
1092                 li
1093                     list-style: none
1094                     padding: 3px 6px 3px 18px
1095                     line-height: 14px
1096                     color: inherit
1097                     cursor: pointer
1098
1099                     &.oe_selected
1100                         background: url(/web/static/src/img/icons/gtk-apply.png) left 2px no-repeat
1101                     // after oe_selected so background color is not overridden
1102                     &:hover
1103                         background-color: $hover-background
1104
1105
1106             .oe_searchview_custom
1107                 form
1108                     display: none
1109
1110                     button
1111                         @include text-to-icon("S")
1112                 li
1113                     cursor: pointer
1114                     position: relative
1115                     line-height: 1.2em
1116                     padding: 2px 20px 2px 25px
1117
1118                     &.oe_searchview_custom_private
1119                         background: url(/web/static/src/img/icons/terp-locked.png) 5px center no-repeat
1120
1121                     &:hover
1122                         background-color: $hover-background
1123
1124                     button
1125                         position: absolute
1126                         top: 0
1127                         right: 5px
1128
1129
1130             .oe_searchview_advanced
1131                 form
1132                     display: none
1133
1134                 button.oe_add_condition:before
1135                     content: "⊞ "
1136                 button.oe_apply:before
1137                     content: "⚡ "
1138
1139                 ul
1140                     list-style: none
1141                     padding: 0
1142                 li
1143                     list-style: none
1144                     margin: 0
1145                     white-space: nowrap
1146
1147             .oe_opened
1148                 h4:before
1149                     content: "▾ "
1150                 form
1151                     display: block
1152
1153             // delete buttons
1154             .oe_searchview_custom_delete, .searchview_extended_delete_prop
1155                 @include text-to-icon("d")
1156     // }}}
1157     // Views Common {{{
1158     .oe_view_nocontent
1159         > img
1160             float: left
1161             margin: 1.5em
1162         > div
1163             // don't encroach on my arrow
1164             overflow: hidden
1165             padding: 35px 0px 0px 0px
1166             max-width: 700px
1167             font-size: 125%
1168     .oe_view_topbar
1169         border-bottom: 1px solid #cacaca
1170         @include vertical-gradient(#fcfcfc, #dedede)
1171         padding: 0 8px
1172         line-height: 30px
1173     // }}}
1174     // FormView.body {{{
1175     .oe_formview
1176         background: white
1177     .oe_form_header
1178         padding: 8px
1179     .oe_form_invalid
1180         input, select, textarea
1181             background-color: #F66 !important
1182             border: 1px solid #D00 !important
1183     .oe_form_button_save_dirty
1184         color: white
1185         background: #dc5f59
1186         background: -moz-linear-gradient(#dc5f59, #b33630)
1187         background: -webkit-gradient(linear, left top, left bottom, from(#dc5f59), to(#b33630))
1188         background: -webkit-linear-gradient(#dc5f59, #b33630)
1189         -moz-box-shadow: none
1190         -webkit-box-shadow: none
1191         -box-shadow: none
1192         font-weight: bold
1193         &:hover
1194             background: #ED6F6A
1195     // }}}
1196     // FormView.customdivs {{{
1197     .oe_form_topbar
1198         border-bottom: 1px solid #cacaca
1199         @include vertical-gradient(#fcfcfc, #dedede)
1200         padding: 0 8px
1201         line-height: 30px
1202         button
1203             font-size: 12px
1204             height: 24px !important
1205             line-height: 24px
1206             vertical-align: top
1207             padding: 0 10px
1208             margin: 3px 4px 3px 0
1209             span.i
1210                 line-height: 20px
1211                 height: 24px
1212         ul
1213             height: 30px
1214             padding: 0
1215             margin: 0
1216             text-shadow: 0 1px 1px white
1217             border-left: 1px solid #cacaca
1218             border-right: 1px solid #cacaca
1219             li
1220                 padding: 0
1221                 margin: 0
1222                 float: left
1223                 vertical-align: top
1224                 border-right: 1px solid #cacaca
1225                 height: 30px
1226                 padding: 0 12px
1227                 &:first-child
1228                     border-left: 1px solid #cacaca
1229                 a
1230                     color: #4c4c4c
1231                     &:hover
1232                         color: black
1233         .oe_form_steps
1234             img
1235                 margin: 0 8px
1236                 vertical-align: top
1237             li
1238                 border-right: none
1239                 padding: 0
1240                 &:first-child
1241                     margin-left: 12px
1242                     border-left: none
1243                 &:last-child
1244                     margin-right: 12px
1245         .oe_form_steps_active
1246             font-weight: bold
1247             color: #b33630
1248     .oe_form_topbar.oe_form_topbar_hifirst button:first-child, button.oe_form_button_hi
1249         color: white
1250         background: #DC5F59
1251         background: -moz-linear-gradient(#DC5F59, #B33630)
1252         background: -webkit-gradient(linear, left top, left bottom, from(#DC5F59), to(#B33630))
1253         background: -webkit-linear-gradient(#DC5F59, #B33630)
1254         -moz-box-shadow: none
1255         -webkit-box-shadow: none
1256         -box-shadow: none
1257     .oe_form_topbar.oe_form_topbar_hifirst button:first-child:hover, button.oe_form_button_hi:hover
1258         background: #DF6B66
1259         background: -moz-linear-gradient( #DF6B66, #BF3A33)
1260         background: -webkit-gradient(linear, left top, left bottom, from( #DF6B66), to( #BF3A33))
1261         background: -webkit-linear-gradient( #DF6B66, #BF3A33)
1262         -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2)
1263         -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2)
1264         -box-shadow: 0 0 1px rgba(0, 0, 0, 0.2)
1265     .oe_application
1266         .oe_form_sheetbg
1267             background: url(/web/static/src/img/form_sheetbg.png)
1268             padding: 8px 0
1269             border-bottom: 1px solid #ddd
1270         .oe_form_sheet_width, .oe_form_bottom
1271             min-width: 650px
1272             max-width: 980px
1273             margin: 0 auto
1274         .oe_form_sheet
1275             padding: 8px 8px 8px 8px
1276             background: white
1277             min-height: 420px
1278             border: 1px solid #afafb6
1279             @include box-shadow(0 0 10px rgba(0,0,0,0.3))
1280     // }}}
1281     // FormView.layout {{{
1282     .oe_form
1283         .oe_form_group_cell
1284             line-height: 18px
1285             padding: 2px
1286             height: 20px
1287         .oe_form_group_cell > .oe_form_field_many2one,
1288         .oe_form_group_cell > .oe_form_field_many2one input,
1289         .oe_form_group_cell > .oe_form_field_char input,
1290         .oe_form_group_cell > .oe_form_field_text textarea,
1291         .oe_form_group_cell > .oe_form_field_email,
1292         .oe_form_group_cell > .oe_form_field_email input,
1293         .oe_form_group_cell > .oe_form_field_url,
1294         .oe_form_group_cell > .oe_form_field_url input,
1295         .oe_form_group_cell > .oe_form_field_float input,
1296         .oe_form_group_cell > .oe_form_field_selection select,
1297         .oe_form_group_cell > div > .oe_datepicker_root,
1298         .oe_form_group_cell > div > .oe_datepicker_root > input.oe_datepicker_master
1299             width: 100%
1300         .oe_form_group_cell.oe_form_group_nested
1301             padding: 0
1302     // }}}
1303     // FormView.label {{{
1304     .oe_form
1305         .oe_form_label_help[for], .oe_form_label[for]
1306             font-weight: bold
1307             white-space: nowrap
1308             padding-right: 8px
1309             span
1310                 font-size: 80%
1311                 color: darkGreen
1312                 vertical-align: top
1313                 position: relative
1314                 top: -4px
1315                 padding: 0 2px
1316     // }}}
1317     // FormView.fields {{{
1318     .oe_form
1319         textarea
1320             resize: vertical
1321         input[type="text"],
1322         input[type="password"],
1323         input[type="file"],
1324         select
1325             height: 22px
1326             padding-top: 2px
1327         input[type="text"],
1328         input[type="password"],
1329         input[type="file"],
1330         select,
1331         textarea
1332             -moz-box-sizing: border-box
1333             -webkit-box-sizing: border-box
1334             -ms-box-sizing: border-box
1335             box-sizing: border-box
1336             padding: 0 2px
1337             margin: 0 2px
1338             border: 1px solid #999
1339             -moz-border-radius: 3px
1340             -webkit-border-radius: 3px
1341             border-radius: 3px
1342             background: white
1343             min-width: 90px
1344             color: #1f1f1f
1345         input[readonly],
1346         select[readonly],
1347         textarea[readonly],
1348         input[disabled],
1349         select[disabled],
1350             background: #E5E5E5 !important
1351             color: #666
1352         textarea[disabled]
1353             border: none
1354             border-left: 8px solid #eee
1355             padding-left: 8px
1356             @include box-shadow(none)
1357             @include radius(0px)
1358         .oe_form_field_many2one input,
1359         .oe_form_field_binary input,
1360         .oe_form_field_binary input,
1361         .oe_form_field_email input,
1362         .oe_form_field_url input
1363             border-right: none
1364             -webkit-border-top-right-radius: 0px
1365             -webkit-border-bottom-right-radius: 0px
1366             -moz-border-radius-topright: 0px
1367             -moz-border-radius-bottomright: 0px
1368             border-top-right-radius: 0px
1369             border-bottom-right-radius: 0px
1370         .oe_form_field_email button img,
1371         .oe_form_field_url button img
1372             vertical-align: top
1373         .oe_form_field_translatable,
1374         .oe_form_field_many2one,
1375         .oe_form_field_date,
1376         .oe_form_field_datetime
1377             white-space: nowrap
1378         .oe_form_field_boolean
1379             padding-top: 4px
1380         .oe_form_field_datetime input
1381             min-width: 11em
1382         .oe_form_field_many2manytags
1383             .text-wrap
1384                 width: 100% !important
1385                 textarea
1386                     width: 100% !important
1387             .oe_form_field_many2manytags_box
1388                 border-radius: 2px
1389                 box-sizing: border-box
1390                 position: relative
1391                 float: left
1392                 border: 1px solid #9DACCC
1393                 background: #E2E6F0
1394                 color: black
1395                 padding: 0px 3px 0px 3px
1396                 margin: 0 2px 2px 0
1397                 cursor: pointer
1398                 height: 16px
1399                 font: 11px "lucida grande", tahoma, verdana, arial, sans-serif
1400             .text-core .text-wrap .text-dropdown .text-list .text-suggestion em
1401                 font-style: italic
1402                 text-decoration: none
1403         .oe_datepicker_container
1404             display: none
1405         .oe_datepicker_root
1406             display: inline-block
1407         .oe_form_required
1408             input, select, textarea
1409                 background-color: #D2D2FF !important
1410         .oe_form_invalid
1411             input, select, textarea
1412                 background-color: #F66 !important
1413                 border: 1px solid #D00 !important
1414         .oe_button.oe_field_button
1415             display: block
1416             -webkit-border-top-left-radius: 0px
1417             -webkit-border-bottom-left-radius: 0px
1418             -moz-border-radius-topleft: 0px
1419             -moz-border-radius-bottomleft: 0px
1420             border-top-left-radius: 0px
1421             border-bottom-left-radius: 0px
1422             margin-right: -1px
1423             height: 22px
1424         .oe_input_icon
1425             cursor: pointer
1426             margin: 3px 0 0 -21px
1427             vertical-align: top
1428         .oe_input_icon_disabled
1429             position: absolute
1430             cursor: default
1431             opacity: 0.5
1432             filter: alpha(opacity=50)
1433             right: 5px
1434             top: 3px
1435     // }}}
1436     // FormView.buttons {{{
1437     .oe_form
1438         .oe_form_button.oe_button
1439             height: 22px
1440             color: #4c4c4c
1441             span
1442                 position: relative
1443                 vertical-align: top
1444         .oe_form_button > img
1445             vertical-align: -3px
1446             padding: 0 2px
1447         .oe_form_group_cell > .oe_form_button.oe_button
1448             display: block
1449             white-space: nowrap
1450             min-width: 100%
1451             width: 100%
1452     // }}}
1453     // FormView.binaryfile {{{
1454     /* http://www.quirksmode.org/dom/inputfile.html
1455      * http://stackoverflow.com/questions/2855589/replace-input-type-file-by-an-image
1456      */
1457     .oe_form
1458         .oe-binary-file-set
1459             overflow: hidden
1460             position: relative
1461             width: 45px
1462             height: 30px
1463         input.oe-binary-file
1464             z-index: 0
1465             line-height: 0
1466             font-size: 12px
1467             position: absolute
1468             // Should be adjusted for all browsers
1469             top: 1px
1470             right: 10px
1471             opacity: 0
1472             filter: alpha(opacity = 0)
1473             -ms-filter: "alpha(opacity=0)"
1474             margin: 0
1475             padding: 0
1476     // }}}
1477     // FormView.separator {{{
1478     .oe_horizontal_border
1479         border-bottom: 1px solid black
1480     .oe_horizontal_separator
1481         font-weight: bold
1482         font-size: 16px
1483         margin: 4px 0
1484     .oe_horizontal_separator:empty
1485         height: 5px
1486     .oe_vertical_separator
1487         border-left: 1px solid #666
1488         padding: 0 4px 0 4px
1489     // }}}
1490     // FormView.notebook {{{
1491     .oe_form_notebook
1492         margin: 8px 0
1493         padding: 0 8px
1494         list-style: none
1495         zoom: 1
1496     .oe_form_notebook:before, .oe_form_notebook:after
1497         display: table
1498         content: ""
1499         zoom: 1
1500     .oe_form_notebook:after
1501         clear: both
1502     .oe_form_notebook > li
1503         float: left
1504     .oe_form_notebook > li > a
1505         display: block
1506         color: #4c4c4c
1507     .oe_form_notebook
1508         border-color: #ddd
1509         border-style: solid
1510         border-width: 0 0 1px
1511     .oe_form_notebook > li
1512         position: relative
1513         margin-bottom: -1px
1514     .oe_form_notebook > li > a
1515         padding: 0 12px
1516         margin-right: 2px
1517         line-height: 30px
1518         border: 1px solid transparent
1519         @include radius(4px 4px 0 0)
1520     .oe_form_notebook > li > a:hover
1521         text-decoration: none
1522         background-color: #eee
1523         border-color: #eee #eee #ddd
1524     .oe_form_notebook > li.ui-state-active > a, .oe_form_notebook > li.ui-state-active > a:hover
1525         background-color: #ffffff
1526         border: 1px solid #ddd
1527         border-bottom-color: transparent
1528         cursor: default
1529     .oe_form_notebook_page
1530         padding: 0
1531     .ui-tabs-hide
1532         display: none
1533
1534     // }}}
1535     // FormView.progressbar {{{
1536     .oe_form
1537         .oe_form_field_progressbar.ui-progressbar
1538             height: 22px
1539             font-size: 10px
1540             -moz-box-sizing: border-box
1541             -webkit-box-sizing: border-box
1542             -ms-box-sizing: border-box
1543             box-sizing: border-box
1544             border: 1px solid #999
1545             -moz-border-radius: 3px
1546             -webkit-border-radius: 3px
1547             border-radius: 3px
1548             background: white
1549             min-width: 90px
1550
1551             span
1552                 position: absolute
1553                 margin-left: 10px
1554                 font-weight: bold
1555
1556             .ui-widget-header
1557                 background: #cccccc url(/web/static/lib/jquery.ui/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x
1558     // }}}
1559     // FormView.viewmanager {{{
1560     .oe_form
1561         .oe_view_manager_header2
1562             td
1563                 padding: 0px 8px
1564                 line-height: 16px
1565                 .oe_i
1566                     font-size: 13px
1567                 .oe_pager_group
1568                     height: auto
1569                     line-height: 16px
1570                     li
1571                         height: auto
1572                         line-height: 16px
1573     .oe-select-create-popup-view-form > .oe_formview > .oe_form_pager
1574         display: none
1575
1576     // }}}
1577     // FormView.classes for openerp views {{{
1578     .oe_form
1579         .oe_form_title, .oe_form_title input
1580             font-size: 20px
1581             font-weight: bold
1582             height: 30px
1583         .oe_form_group_odd_border > tbody > tr.oe_form_group_row > td.oe_form_group_cell:nth-child(odd),
1584         .oe_form_group_label_border > tbody > tr.oe_form_group_row > td.oe_form_group_cell_label
1585             border-right: 1px solid #ddd
1586             label
1587                 display: block
1588                 min-width: 120px
1589         .oe_form_group_odd_border > tbody > tr.oe_form_group_row > td.oe_form_group_cell,
1590         .oe_form_group_label_border > tbody > tr.oe_form_group_row > td.oe_form_group_cell
1591             padding-left: 8px
1592         .oe_form_subtotal_footer
1593             float: right
1594             > div
1595                 text-align: right
1596                 padding: 3px
1597             label
1598                 font-weight: normal !important
1599             span
1600                 display: inline-block
1601                 min-width: 80px
1602                 text-align: right
1603             .oe_form_subtotal_footer_separator
1604                 border-top: 1px solid #cacaca
1605                 font-size: 120%
1606                 font-weight: bold
1607                 label
1608                     font-weight: bold !important
1609     // }}}
1610     // ListView {{{
1611     .oe-listview-content
1612         width: 100%
1613         > thead
1614             border-bottom: 2px solid #cacaca
1615             background: #eee
1616             vertical-align: top
1617             td, th
1618                 padding: 3px 6px
1619                 line-height: 18px
1620             th:after
1621                 content: ""
1622                 float: right
1623                 margin-top: 7px
1624                 border-width: 0 4px 4px
1625                 border-style: solid
1626                 border-color: #000 transparent
1627                 visibility: hidden
1628             th.sortup:after
1629                 visibility: visible
1630                 @include opacity(0.6)
1631             th.sortdown:after
1632                 border-bottom: none
1633                 border-left: 4px solid transparent
1634                 border-right: 4px solid transparent
1635                 border-top: 4px solid #000
1636                 visibility: visible
1637                 @include box-shadow(none)
1638                 @include opacity(0.6)
1639             // TODO mit
1640             //th:hover:after
1641             //    border-bottom: none
1642             //    border-left: 4px solid transparent
1643             //    border-right: 4px solid transparent
1644             //    border-top: 4px solid #000
1645             //    visibility: visible
1646             //    @include box-shadow(none)
1647             //    @include opacity(0.6)
1648         > tbody
1649             cursor: pointer
1650             background: white
1651             > tr
1652                 border-top: 1px solid #ddd
1653                 > td, > th
1654                     padding: 3px 6px
1655                     line-height: 18px
1656                     > button
1657                         border: none
1658                         background: transparent
1659                         padding: 0
1660                         @include box-shadow(none)
1661                 > td.oe_list_checkbox:first-child, th.oe_list_checkbox:first-child
1662                     width: 17px
1663                     &:after
1664                         border-width: 0
1665                 > td.oe-number
1666                     text-align: right !important
1667             > tr:nth-child(odd)
1668                 background-color: #f0f0fa
1669                 @include vertical-gradient(#f0f0fa, #eeeef6)
1670         > tfoot
1671             border-top: 2px solid #cacaca
1672             border-bottom: 1px solid #cacaca
1673             background: #eee
1674             font-weight: bold
1675
1676         > tbody tr:hover td, tbody tr:hover th
1677             @include vertical-gradient(#eee, #dedede)
1678
1679         .numeric
1680             text-align: right
1681             width: 82px
1682             input
1683                 text-align: right
1684     // }}}
1685     // KanbanView {{{
1686     .oe_kanban_group_title
1687         margin: 1px 1px 4px
1688         font-size: 15px
1689         font-weight: bold
1690         text-shadow: 0 1px 0 white
1691     .oe_kanban_column, .oe_kanban_group_header
1692         width: 240px
1693         vertical-align: top
1694         padding: 6px 7px 6px 6px
1695         background: #f0eeee
1696         border-left: 1px solid #f0f8f8
1697         border-right: 1px solid #b9b9b9
1698     .oe_kanban_record
1699         position: relative
1700         display: block
1701         min-height: 50px
1702         margin: 6px 0
1703         display: block
1704         @include radius(4px)
1705         &:last-child
1706             margin-bottom: 0
1707         .oe_kanban_title
1708             font-weight: bold
1709             margin: 2px 4px
1710     .oe_kanban_gravatar
1711         width: 20px
1712         height: 20px
1713         @include radius(3px)
1714         @include box-shadow(0 1px 2px rgba(0,0,0,0.2))
1715     .oe_kanban_avatar_toto
1716         height: 40px
1717         width: 40px
1718         border: 1px solid
1719         border-color: #e5e5e5 #dbdbdb #d2d2d2
1720         @include radius(3px)
1721         @include box-shadow(0 1px 2px rgba(0,0,0,0.2))
1722     // }}}
1723     // Translation {{{
1724     .oe_trad_field.touched
1725         border: 1px solid green !important
1726     // }}}
1727     // Tooltips {{{
1728     &.oe_tooltip
1729         font-size: 12px
1730         .oe_tooltip_string
1731             color: #FD5
1732             font-weight: bold
1733             font-size: 13px
1734         .oe_tooltip_help
1735             white-space: pre-wrap
1736         .oe_tooltip_technical
1737             padding: 0 0 4px 0
1738             margin: 5px 0 0 15px
1739             li
1740                 list-style: circle
1741         .oe_tooltip_technical_title
1742             font-weight: bold
1743     // }}}
1744     // Debugging stuff {{{
1745     .oe_layout_debugging
1746         .oe_form_group
1747             outline: 2px dashed green
1748         .oe_form_group_cell
1749             outline: 1px solid blue
1750         .oe_form_group:hover, .oe_form_group_cell:hover
1751             outline-color: red
1752         .oe_form_group_row_incomplete > td:last-child:after
1753             content: "[Incomplete Row]"
1754             background: red
1755             padding: 2px
1756             font-weight: bold
1757             color: white
1758             float: right
1759         .oe_form_group_row_incomplete.oe_form_group_row_newline > td:last-child:after
1760             content: "[newline]"
1761
1762     .oe_debug_view
1763         float: left
1764     .oe_debug_view_log
1765         font-size: 95%
1766     .oe_debug_view_log label
1767         display: block
1768         width: 49%
1769         text-align: right
1770         float: left
1771         font-weight: bold
1772         color: #009
1773     .oe_debug_view_log span
1774         display: block
1775         width: 49%
1776         float: right
1777         color: #333
1778     // }}}
1779
1780 // Transitional overrides for old styles {{{
1781 .openerp
1782     .oe_form_field_many2one
1783         td:first-child
1784             position: relative
1785         span.oe-m2o-drop-down-button
1786             position: absolute
1787             top: 3px
1788             right: 2px
1789 // }}}
1790
1791 // au BufWritePost,FileWritePost *.sass :!sass --style expanded --line-numbers <afile> > "%:p:r.css"
1792 // vim:tabstop=4:shiftwidth=4:softtabstop=4:fdm=marker: