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