[IMP] fixing absolute problems on kanban and clean one2many kanban

bzr revid: fp@openerp.com-20120615201030-8h6htqs1x8j9re5z

1 files changed, 550 insertions, 549 deletions

diff --git a/addons/web/static/src/css/base.sass b/addons/web/static/src/css/base.sass
index 6ac888ffac9..8aa409d7342 100644
--- a/addons/web/static/src/css/base.sass
+++ b/addons/web/static/src/css/base.sass
@@ -1,545 +1,545 @@
-@charset "utf-8"
-
-// Variables {{{
-$section-title-color: #8786b7
-$facets-border: #afafb6
-$facets-border-selected: #a6a6fe
-$hover-background: #f0f0fa
-$colour4: #8a89ba
-// }}}
-// Mixins {{{
-@font-face
-    font-family: 'mnmliconsRegular'
-    src: url('/web/static/src/font/mnmliconsv21-webfont.eot') format('eot')
-    src: url('/web/static/src/font/mnmliconsv21-webfont.woff') format('woff')
-    src: url('/web/static/src/font/mnmliconsv21-webfont.ttf') format('truetype')
-    src: url('/web/static/src/font/mnmliconsv21-webfont.svg') format('svg') active
-    font-weight: normal
-    font-style: normal
-
-@font-face
-    font-family: 'EntypoRegular'
-    src: url('/web/static/src/font/entypo-webfont.eot') format('eot')
-    src: url('/web/static/src/font/entypo-webfont.eot?#iefix') format('embedded-opentype')
-    src: url('/web/static/src/font/entypo-webfont.woff') format('woff')
-    src: url('/web/static/src/font/entypo-webfont.ttf') format('truetype')
-    src: url('/web/static/src/font/entypo-webfont.svg') format('svg') active
-    font-weight: normal
-    font-style: normal
-
-@mixin vertical-gradient($startColor: #555, $endColor: #333)
-    background-color: $startColor
-    background-image: -webkit-gradient(linear, left top, left bottom, from($startColor), to($endColor)) /* Saf4+, Chrome */
-    background-image: -webkit-linear-gradient(top, $startColor, $endColor) /* Chrome 10+, Saf5.1+, iOS 5+ */
-    background-image:    -moz-linear-gradient(top, $startColor, $endColor) /* FF3.6 */
-    background-image:     -ms-linear-gradient(top, $startColor, $endColor) /* IE10 */
-    background-image:      -o-linear-gradient(top, $startColor, $endColor) /* Opera 11.10+ */
-    background-image:         linear-gradient(to bottom, $startColor, $endColor)
-
-
-@mixin radial-gradient($gradient)
-    background-position: center center
-    background-image: -webkit-radial-gradient(circle, $gradient)
-    background-image: -moz-radial-gradient($gradient)
-    background-image: -ms-radial-gradient($gradient)
-    background-image: radial-gradient($gradient)
-
-@mixin radius($radius: 5px)
-    -moz-border-radius: $radius
-    -webkit-border-radius: $radius
-    border-radius: $radius
-
-@mixin box-shadow($bsval: 0px 1px 4px #777)
-    -moz-box-shadow: $bsval
-    -webkit-box-shadow: $bsval
-    box-shadow: $bsval
-
-@mixin transition($transval: (border linear 0.2s, box-shadow linear 0.2s))
-    -webkit-transition: $transval
-    -moz-transition: $transval
-    -ms-transition: $transval
-    -o-transition: $transval
-    transition: $transval
-
-@mixin opacity($opacity: .5)
-    filter: alpha(opacity=$opacity * 100)
-    opacity: $opacity
-
-@mixin background-clip($clip: padding-box)
-    -webkit-background-clip: $clip
-    -moz-background-clip: $clip
-    background-clip: $clip
-
-@mixin box-sizing($type: content)
-    // type = border || content || padding
-    -webkit-box-sizing: #{$type}-box
-    -moz-box-sizing: #{$type}-box
-    -ms-box-sizing: #{$type}-box
-    box-sizing: #{$type}-box
-
-// Transforms the (readable) text of an inline element into an mmlicons icon,
-// allows for actual readable text in-code (and in readers?) with iconic looks
-@mixin text-to-icon($icon-name, $color: #404040)
-    font-size: 1px
-    letter-spacing: -1px
-    color: transparent
-    &:before
-        font-family: "mnmliconsRegular"
-        content: $icon-name
-        font-size: 20px
-        color: $color
-
-// }}}
-
-
-.openerp.openerp-web-client-container
-    height: 100%
-    position: relative
-
-// Jquery ui Overrides {{{
-.ui-widget
-    font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif
-    font-size: 13px
-.ui-menu
-    .ui-menu-item
-        margin: 0 8px 0 0
-        padding: 0 0 0 12px
-        width: auto
-        a.ui-state-active
-            background: #f0f0fa
-// }}}
-
-.openerp
-    // Global style {{{
-    padding: 0
-    margin: 0
-    font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif
-    color: #4c4c4c
-    font-size: 13px
-    background: white
-    // }}}
-    // Tag reset {{{
-    a
-        text-decoration: none
-    table
-        padding: 0
-        font-size: 13px
-        border-collapse: collapse
-    thead
-        font-weight: bold
-        background-color: #f0f0f0
-        th
-            border-right: 1px dotted #afafb6
-            &:last-child
-                border-right: none
-    th, td
-        padding: 0
-        text-align: left
-    th
-        font-weight: bold
-        vertical-align: middle
-    td
-        vertical-align: top
-    .zebra tbody tr:nth-child(odd) td
-        background-color: #f0f0fa
-        @include vertical-gradient(#f0f0fa, #eeeef6)
-    .zebra tbody tr:hover td
-        @include vertical-gradient(#eee, #dedede)
-    .numeric
-        text-align: right
-        width: 82px
-        input
-            text-align: right
-    ul, li, ol
-        margin: 0
-        padding: 0
-    li
-        list-style-type: none
-    input, textarea
-        border: 1px solid #ccc
-        @include radius(3px)
-    img
-        vertical-align: middle
-    h4
-        margin: 4px 0
-
-    // }}}
-    // Generic classes {{{
-    .oe_i
-        font-family: "mnmliconsRegular" !important
-        font-size: 21px
-        font-weight: 300 !important
-    .oe_e
-        font-family: "entypoRegular" !important
-        font-size: 34px
-        font-weight: 300 !important
-    .oe_left
-        float: left
-        margin-right: 8px
-    .oe_right
-        float: right
-        margin-left: 8px
-    .oe_text_right
-        text-align: right
-    .oe_clear
-        clear: both
-    .oe_wait
-        cursor: wait
-    .oe_fade
-        color: #888
-        //font-size: 12px
-    .oe_bold
-        font-weight: bold
-    // }}}
-    // Button style {{{
-    a.button:link, a.button:visited, button, input[type='submit']
-        display: inline-block
-        border: 1px solid #ababab
-        color: #404040
-        margin: 0
-        padding: 3px 12px
-        font-size: 13px
-        text-align: center
-        @include vertical-gradient(#efefef, #d8d8d8)
-        @include radius(3px)
-        @include box-shadow((0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .8) inset))
-        text-shadow: 0 1px 1px rgba(255, 255, 255, .5)
-        -webkit-font-smoothing: antialiased
-        outline: none
-
-    a.button:hover, button:hover, input[type='submit']:hover
-        @include vertical-gradient(#f6f6f6, #e3e3e3)
-        cursor: pointer
-
-    a.button:focus, button:focus, input[type='submit']:focus
-        border: 1px solid #80bfff
-        @include vertical-gradient(#f6f6f6, #e3e3e3)
-        @include box-shadow((0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, .8) inset))
-
-    a.button:active, a.button.active, button:active, button.active, input[type='submit']:active, input[type='submit'].active
-        background: #e3e3e3
-        background: -moz-linear-gradient(top, #e3e3e3, #f6f6f6) #1b468f
-        background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#f6f6f6)) #1b468f
-        background: linear-gradient(top, #e3e3e3, #f6f6f6) #1b468f
-        @include box-shadow(none)
-
-    a.button.disabled, button:disabled, input[type='submit']:disabled
-        background: #efefef !important
-        border: 1px solid #d1d1d1 !important
-        @include box-shadow(none !important)
-        color: #aaa !important
-        cursor: default
-        text-shadow: 0 1px 1px #fff !important
-
-    button.primary
-        color: white
-        @include vertical-gradient(#dc5f59, #b33630)
-        @include box-shadow(none)
-
-    button.primary:hover
-        @include vertical-gradient(lighten(#dc5f59, 3%), lighten(#b33630, 3%))
-        @include box-shadow(0 0 1px rgba(0,0,0,0.2))
-
-    button.primary:active
-        @include vertical-gradient(#b33630, #dc5f59)
-        @include box-shadow(none)
-
-    button.following
-        color: white
-        width: 120px
-        @include vertical-gradient($colour4, darken($colour4, 3%))
-
-    button.unfollow
-        display: none
-        color: white
-        width: 120px
-        @include vertical-gradient(#dc5f59, #b33630)
-
-    // }}}
-    // Loading {{{
-    .oe_loading
-        display: none
-        z-index: 100
-        position: fixed
-        top: 0
-        right: 50%
-        padding: 4px 12px
-        background: #A61300
-        color: white
-        text-align: center
-        border: 1px solid #900
-        border-top: none
-        -moz-border-radius-bottomright: 8px
-        -moz-border-radius-bottomleft: 8px
-        border-bottom-right-radius: 8px
-        border-bottom-left-radius: 8px
-    // }}}
-    // Notification {{{
-    .oe_notification
-        z-index: 1050
-    // }}}
-    // Login {{{
-    .oe_login
-        background: url("/web/static/src/img/pattern.png") repeat
-        text-align: center
-        font-size: 14px
-        height: 100%
-        li
-            list-style-type: none
-            padding-bottom: 4px
-        button
-            float: right
-            display: inline-block
-            cursor: pointer
-            padding: 6px 16px
-            border: 1px solid #222
-            color: white
-            margin: 0
-            @include vertical-gradient(#b92020, #600606)
-            @include radius(4px)
-            @include box-shadow((0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset))
-        input, select
-            width: 252px
-            font-family: "Lucida Grande", Helvetica, Verdana, Arial
-            border: 1px solid #999999
-            background: whitesmoke
-            @include box-shadow(inset 0 1px 4px rgba(0, 0, 0, 0.3))
-            @include radius(3px)
-        input
-            margin-bottom: 9px
-            padding: 5px 6px
-        select
-            padding: 1px
-        .oe_login_dbpane
-            position: fixed
-            top: 0
-            right: 8px
-            padding: 5px 10px
-            color: #eee
-            border: solid 1px #333
-            background: #1e1e1e
-            background: rgba(30,30,30,0.94)
-            @include radius(0 0 8px 8px)
-            input
-                padding: 2px 4px
-                margin: 4px 0
-        .oe_login_bottom
-            position: absolute
-            top: 50%
-            left: 0
-            right: 0
-            bottom: 0
-            text-shadow: 0 1px 1px #999999
-            @include vertical-gradient(#b41616, #600606)
-        .oe_login_pane
-            position: absolute
-            top: 50%
-            left: 50%
-            margin: -160px -166px
-            border: solid 1px #333333
-            background: #1e1e1e
-            background: rgba(30,30,30,0.94)
-            padding: 22px 32px
-            color: #eee
-            text-align: left
-            @include radius(8px)
-            @include box-shadow(0 0 18px rgba(0, 0, 0, 0.9))
-            h2
-                margin-top: 0
-                font-size: 18px
-        .oe_login_logo
-            position: absolute
-            top: -70px
-            left: 0
-            width: 100%
-            margin: 0 auto
-            text-align: center
-        .oe_login_footer
-            position: absolute
-            bottom: -40px
-            left: 0
-            width: 100%
-            text-align: center
-            a
-                color: #eee
-                margin: 0 8px
-                &:hover
-                    text-decoration: underline
-            span
-                font-weight: bold
-                font-size: 16px
-        .oe_login_error_message
-            display: none
-            background-color: #b41616
-            color: #eee
-            padding: 14px 18px
-            margin-top: 15px
-            text-align: center
-            @include radius(4px)
-            @include box-shadow(0 1px 4px rgba(0, 0, 0, 0.8))
-    .oe_login_invalid
-        .oe_login_error_message
-            display: inline-block
-    // }}}
-    // DatabaseManager {{{
-    .oe_database_manager
-        background: #fff
-        color: #000
-        text-align: left
-        .oe_database_manager_menu
-            color: #000
-    // }}}
-    // WebClient {{{
-    .oe_webclient
-        width: 100%
-        height: 100%
-        border-spacing: 0px
-    // }}}
-    // WebClient.fullscreen {{{
-    .oe_content_full_screen
-        .oe_application
-            top: 0
-            left: 0
-        .oe_topbar, .oe_leftbar
-            display: none
-    // }}}
-    // WebClient.topbar {{{
-    .oe_topbar
-        width: 100%
-        height: 31px
-        border-top: solid 1px #d3d3d3
-        @include vertical-gradient(#646060, #262626)
-
-        .oe_topbar_item
-            li
-                float: left
-                a
-                    display: block
-                    padding: 5px 10px 7px
-                    line-height: 20px
-                    height: 20px
-                    color: #eee
-                    vertical-align: top
-                    text-shadow: 0 1px 1px rgba(0,0,0,0.2)
-                    &:hover
-                        background: #303030
-                        color: white
-                        @include box-shadow(0 1px 2px rgba(255,255,255,0.3) inset)
-            .oe_active
-                background: #303030
-                font-weight: bold
-                color: white
-                @include box-shadow(0 1px 2px rgba(255,255,255,0.3) inset)
-
-        .oe_topbar_avatar
-            width: 24px
-            height: 24px
-            margin: -2px 2px 0 0
-            @include radius(3px)
-        .oe_topbar_avatar
-            vertical-align: top
-        .oe_dropdown_toggle:after
-            width: 0
-            height: 0
-            display: inline-block
-            content: "&darr"
-            text-indent: -99999px
-            vertical-align: top
-            margin-top: 8px
-            margin-left: 4px
-            border-left: 4px solid transparent
-            border-right: 4px solid transparent
-            border-top: 4px solid white
-            @include opacity(0.5)
-    // }}}
-    // Webclient.leftbar {{{
-    .oe_leftbar
-        display: none
-        width: 220px
-        background: #f0eeee
-        border-right: 1px solid #afafb6
-        text-shadow: 0 1px 1px white
-        padding-bottom: 16px
-        line-height: 18px
-    a.oe_logo
-        width: 220px
-        display: block
-        text-align: center
-        height: 70px
-        line-height: 70px
-        img
-            height: 40px
-            width: 157px
-            margin: 14px 0
-    .oe_footer
-        position: fixed
-        bottom: 0
-        padding: 4px 0
-        background: #f0eeee
-        width: 220px
-        text-align: center
-        a
-            font-weight: 800
-            font-family: serif
-            font-size: 16px
-            color: black
-            span
-                color: #c81010
-                font-style: italic
-    // }}}
-    // UserMenu {{{
-    .oe_user_menu
-        float: right
-        padding: 0
-        margin: 0
-        li
-            list-style-type: none
-            float: left
-        .oe_dropdown
-            position: relative
-
-        .oe_dropdown_options
-            float: left
-            background: #333
-            background: rgba(37,37,37,0.9)
-            display: none
-            position: absolute
-            top: 32px
-            right: -1px
-            border: 0
-            z-index: 900
-            margin-left: 0
-            margin-right: 0
-            padding: 6px 0
-            zoom: 1
-            border-color: #999
-            border-color: rgba(0, 0, 0, 0.2)
-            border-style: solid
-            border-width: 0 1px 1px
-            @include radius(0 0 6px 6px)
-            @include box-shadow(0 1px 4px rgba(0,0,0,0.3))
-            @include background-clip()
-            li
-                float: none
-                display: block
-                background-color: none
-                a
-                    white-space: nowrap
-                    display: block
-                    padding: 4px 15px
-                    clear: both
-                    font-weight: normal
-                    line-height: 18px
-                    color: #eee
-                    &:hover
-                        @include vertical-gradient(#292929, #191919)
-                        @include box-shadow(none)
-                hr
-                    border-top: 1px solid #999
-                    border-bottom: 0
-    // }}}
-    // Systray {{{
-    .oe_systray > div
+	@charset "utf-8"
+
+	// Variables {{{
+	$section-title-color: #8786b7
+	$facets-border: #afafb6
+	$facets-border-selected: #a6a6fe
+	$hover-background: #f0f0fa
+	$colour4: #8a89ba
+	// }}}
+	// Mixins {{{
+	@font-face
+	    font-family: 'mnmliconsRegular'
+	    src: url('/web/static/src/font/mnmliconsv21-webfont.eot') format('eot')
+	    src: url('/web/static/src/font/mnmliconsv21-webfont.woff') format('woff')
+	    src: url('/web/static/src/font/mnmliconsv21-webfont.ttf') format('truetype')
+	    src: url('/web/static/src/font/mnmliconsv21-webfont.svg') format('svg') active
+	    font-weight: normal
+	    font-style: normal
+
+	@font-face
+	    font-family: 'EntypoRegular'
+	    src: url('/web/static/src/font/entypo-webfont.eot') format('eot')
+	    src: url('/web/static/src/font/entypo-webfont.eot?#iefix') format('embedded-opentype')
+	    src: url('/web/static/src/font/entypo-webfont.woff') format('woff')
+	    src: url('/web/static/src/font/entypo-webfont.ttf') format('truetype')
+	    src: url('/web/static/src/font/entypo-webfont.svg') format('svg') active
+	    font-weight: normal
+	    font-style: normal
+
+	@mixin vertical-gradient($startColor: #555, $endColor: #333)
+	    background-color: $startColor
+	    background-image: -webkit-gradient(linear, left top, left bottom, from($startColor), to($endColor)) /* Saf4+, Chrome */
+	    background-image: -webkit-linear-gradient(top, $startColor, $endColor) /* Chrome 10+, Saf5.1+, iOS 5+ */
+	    background-image:    -moz-linear-gradient(top, $startColor, $endColor) /* FF3.6 */
+	    background-image:     -ms-linear-gradient(top, $startColor, $endColor) /* IE10 */
+	    background-image:      -o-linear-gradient(top, $startColor, $endColor) /* Opera 11.10+ */
+	    background-image:         linear-gradient(to bottom, $startColor, $endColor)
+
+
+	@mixin radial-gradient($gradient)
+	    background-position: center center
+	    background-image: -webkit-radial-gradient(circle, $gradient)
+	    background-image: -moz-radial-gradient($gradient)
+	    background-image: -ms-radial-gradient($gradient)
+	    background-image: radial-gradient($gradient)
+
+	@mixin radius($radius: 5px)
+	    -moz-border-radius: $radius
+	    -webkit-border-radius: $radius
+	    border-radius: $radius
+
+	@mixin box-shadow($bsval: 0px 1px 4px #777)
+	    -moz-box-shadow: $bsval
+	    -webkit-box-shadow: $bsval
+	    box-shadow: $bsval
+
+	@mixin transition($transval: (border linear 0.2s, box-shadow linear 0.2s))
+	    -webkit-transition: $transval
+	    -moz-transition: $transval
+	    -ms-transition: $transval
+	    -o-transition: $transval
+	    transition: $transval
+
+	@mixin opacity($opacity: .5)
+	    filter: alpha(opacity=$opacity * 100)
+	    opacity: $opacity
+
+	@mixin background-clip($clip: padding-box)
+	    -webkit-background-clip: $clip
+	    -moz-background-clip: $clip
+	    background-clip: $clip
+
+	@mixin box-sizing($type: content)
+	    // type = border || content || padding
+	    -webkit-box-sizing: #{$type}-box
+	    -moz-box-sizing: #{$type}-box
+	    -ms-box-sizing: #{$type}-box
+	    box-sizing: #{$type}-box
+
+	// Transforms the (readable) text of an inline element into an mmlicons icon,
+	// allows for actual readable text in-code (and in readers?) with iconic looks
+	@mixin text-to-icon($icon-name, $color: #404040)
+	    font-size: 1px
+	    letter-spacing: -1px
+	    color: transparent
+	    &:before
+		font-family: "mnmliconsRegular"
+		content: $icon-name
+		font-size: 20px
+		color: $color
+
+	// }}}
+
+
+	.openerp.openerp-web-client-container
+	    height: 100%
+	    position: relative
+
+	// Jquery ui Overrides {{{
+	.ui-widget
+	    font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif
+	    font-size: 13px
+	.ui-menu
+	    .ui-menu-item
+		margin: 0 8px 0 0
+		padding: 0 0 0 12px
+		width: auto
+		a.ui-state-active
+		    background: #f0f0fa
+	// }}}
+
+	.openerp
+	    // Global style {{{
+	    padding: 0
+	    margin: 0
+	    font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif
+	    color: #4c4c4c
+	    font-size: 13px
+	    background: white
+	    // }}}
+	    // Tag reset {{{
+	    a
+		text-decoration: none
+	    table
+		padding: 0
+		font-size: 13px
+		border-collapse: collapse
+	    thead
+		font-weight: bold
+		background-color: #f0f0f0
+		th
+		    border-right: 1px dotted #afafb6
+		    &:last-child
+			border-right: none
+	    th, td
+		padding: 0
+		text-align: left
+	    th
+		font-weight: bold
+		vertical-align: middle
+	    td
+		vertical-align: top
+	    .zebra tbody tr:nth-child(odd) td
+		background-color: #f0f0fa
+		@include vertical-gradient(#f0f0fa, #eeeef6)
+	    .zebra tbody tr:hover td
+		@include vertical-gradient(#eee, #dedede)
+	    .numeric
+		text-align: right
+		width: 82px
+		input
+		    text-align: right
+	    ul, li, ol
+		margin: 0
+		padding: 0
+	    li
+		list-style-type: none
+	    input, textarea
+		border: 1px solid #ccc
+		@include radius(3px)
+	    img
+		vertical-align: middle
+	    h4
+		margin: 4px 0
+
+	    // }}}
+	    // Generic classes {{{
+	    .oe_i
+		font-family: "mnmliconsRegular" !important
+		font-size: 21px
+		font-weight: 300 !important
+	    .oe_e
+		font-family: "entypoRegular" !important
+		font-size: 34px
+		font-weight: 300 !important
+	    .oe_left
+		float: left
+		margin-right: 8px
+	    .oe_right
+		float: right
+		margin-left: 8px
+	    .oe_text_right
+		text-align: right
+	    .oe_clear
+		clear: both
+	    .oe_wait
+		cursor: wait
+	    .oe_fade
+		color: #888
+		//font-size: 12px
+	    .oe_bold
+		font-weight: bold
+	    // }}}
+	    // Button style {{{
+	    a.button:link, a.button:visited, button, input[type='submit']
+		display: inline-block
+		border: 1px solid #ababab
+		color: #404040
+		margin: 0
+		padding: 3px 12px
+		font-size: 13px
+		text-align: center
+		@include vertical-gradient(#efefef, #d8d8d8)
+		@include radius(3px)
+		@include box-shadow((0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .8) inset))
+		text-shadow: 0 1px 1px rgba(255, 255, 255, .5)
+		-webkit-font-smoothing: antialiased
+		outline: none
+
+	    a.button:hover, button:hover, input[type='submit']:hover
+		@include vertical-gradient(#f6f6f6, #e3e3e3)
+		cursor: pointer
+
+	    a.button:focus, button:focus, input[type='submit']:focus
+		border: 1px solid #80bfff
+		@include vertical-gradient(#f6f6f6, #e3e3e3)
+		@include box-shadow((0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, .8) inset))
+
+	    a.button:active, a.button.active, button:active, button.active, input[type='submit']:active, input[type='submit'].active
+		background: #e3e3e3
+		background: -moz-linear-gradient(top, #e3e3e3, #f6f6f6) #1b468f
+		background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#f6f6f6)) #1b468f
+		background: linear-gradient(top, #e3e3e3, #f6f6f6) #1b468f
+		@include box-shadow(none)
+
+	    a.button.disabled, button:disabled, input[type='submit']:disabled
+		background: #efefef !important
+		border: 1px solid #d1d1d1 !important
+		@include box-shadow(none !important)
+		color: #aaa !important
+		cursor: default
+		text-shadow: 0 1px 1px #fff !important
+
+	    button.primary
+		color: white
+		@include vertical-gradient(#dc5f59, #b33630)
+		@include box-shadow(none)
+
+	    button.primary:hover
+		@include vertical-gradient(lighten(#dc5f59, 3%), lighten(#b33630, 3%))
+		@include box-shadow(0 0 1px rgba(0,0,0,0.2))
+
+	    button.primary:active
+		@include vertical-gradient(#b33630, #dc5f59)
+		@include box-shadow(none)
+
+	    button.following
+		color: white
+		width: 120px
+		@include vertical-gradient($colour4, darken($colour4, 3%))
+
+	    button.unfollow
+		display: none
+		color: white
+		width: 120px
+		@include vertical-gradient(#dc5f59, #b33630)
+
+	    // }}}
+	    // Loading {{{
+	    .oe_loading
+		display: none
+		z-index: 100
+		position: fixed
+		top: 0
+		right: 50%
+		padding: 4px 12px
+		background: #A61300
+		color: white
+		text-align: center
+		border: 1px solid #900
+		border-top: none
+		-moz-border-radius-bottomright: 8px
+		-moz-border-radius-bottomleft: 8px
+		border-bottom-right-radius: 8px
+		border-bottom-left-radius: 8px
+	    // }}}
+	    // Notification {{{
+	    .oe_notification
+		z-index: 1050
+	    // }}}
+	    // Login {{{
+	    .oe_login
+		background: url("/web/static/src/img/pattern.png") repeat
+		text-align: center
+		font-size: 14px
+		height: 100%
+		li
+		    list-style-type: none
+		    padding-bottom: 4px
+		button
+		    float: right
+		    display: inline-block
+		    cursor: pointer
+		    padding: 6px 16px
+		    border: 1px solid #222
+		    color: white
+		    margin: 0
+		    @include vertical-gradient(#b92020, #600606)
+		    @include radius(4px)
+		    @include box-shadow((0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset))
+		input, select
+		    width: 252px
+		    font-family: "Lucida Grande", Helvetica, Verdana, Arial
+		    border: 1px solid #999999
+		    background: whitesmoke
+		    @include box-shadow(inset 0 1px 4px rgba(0, 0, 0, 0.3))
+		    @include radius(3px)
+		input
+		    margin-bottom: 9px
+		    padding: 5px 6px
+		select
+		    padding: 1px
+		.oe_login_dbpane
+		    position: fixed
+		    top: 0
+		    right: 8px
+		    padding: 5px 10px
+		    color: #eee
+		    border: solid 1px #333
+		    background: #1e1e1e
+		    background: rgba(30,30,30,0.94)
+		    @include radius(0 0 8px 8px)
+		    input
+			padding: 2px 4px
+			margin: 4px 0
+		.oe_login_bottom
+		    position: absolute
+		    top: 50%
+		    left: 0
+		    right: 0
+		    bottom: 0
+		    text-shadow: 0 1px 1px #999999
+		    @include vertical-gradient(#b41616, #600606)
+		.oe_login_pane
+		    position: absolute
+		    top: 50%
+		    left: 50%
+		    margin: -160px -166px
+		    border: solid 1px #333333
+		    background: #1e1e1e
+		    background: rgba(30,30,30,0.94)
+		    padding: 22px 32px
+		    color: #eee
+		    text-align: left
+		    @include radius(8px)
+		    @include box-shadow(0 0 18px rgba(0, 0, 0, 0.9))
+		    h2
+			margin-top: 0
+			font-size: 18px
+		.oe_login_logo
+		    position: absolute
+		    top: -70px
+		    left: 0
+		    width: 100%
+		    margin: 0 auto
+		    text-align: center
+		.oe_login_footer
+		    position: absolute
+		    bottom: -40px
+		    left: 0
+		    width: 100%
+		    text-align: center
+		    a
+			color: #eee
+			margin: 0 8px
+			&:hover
+			    text-decoration: underline
+		    span
+			font-weight: bold
+			font-size: 16px
+		.oe_login_error_message
+		    display: none
+		    background-color: #b41616
+		    color: #eee
+		    padding: 14px 18px
+		    margin-top: 15px
+		    text-align: center
+		    @include radius(4px)
+		    @include box-shadow(0 1px 4px rgba(0, 0, 0, 0.8))
+	    .oe_login_invalid
+		.oe_login_error_message
+		    display: inline-block
+	    // }}}
+	    // DatabaseManager {{{
+	    .oe_database_manager
+		background: #fff
+		color: #000
+		text-align: left
+		.oe_database_manager_menu
+		    color: #000
+	    // }}}
+	    // WebClient {{{
+	    .oe_webclient
+		width: 100%
+		height: 100%
+		border-spacing: 0px
+	    // }}}
+	    // WebClient.fullscreen {{{
+	    .oe_content_full_screen
+		.oe_application
+		    top: 0
+		    left: 0
+		.oe_topbar, .oe_leftbar
+		    display: none
+	    // }}}
+	    // WebClient.topbar {{{
+	    .oe_topbar
+		width: 100%
+		height: 31px
+		border-top: solid 1px #d3d3d3
+		@include vertical-gradient(#646060, #262626)
+
+		.oe_topbar_item
+		    li
+			float: left
+			a
+			    display: block
+			    padding: 5px 10px 7px
+			    line-height: 20px
+			    height: 20px
+			    color: #eee
+			    vertical-align: top
+			    text-shadow: 0 1px 1px rgba(0,0,0,0.2)
+			    &:hover
+				background: #303030
+				color: white
+				@include box-shadow(0 1px 2px rgba(255,255,255,0.3) inset)
+		    .oe_active
+			background: #303030
+			font-weight: bold
+			color: white
+			@include box-shadow(0 1px 2px rgba(255,255,255,0.3) inset)
+
+		.oe_topbar_avatar
+		    width: 24px
+		    height: 24px
+		    margin: -2px 2px 0 0
+		    @include radius(3px)
+		.oe_topbar_avatar
+		    vertical-align: top
+		.oe_dropdown_toggle:after
+		    width: 0
+		    height: 0
+		    display: inline-block
+		    content: "&darr"
+		    text-indent: -99999px
+		    vertical-align: top
+		    margin-top: 8px
+		    margin-left: 4px
+		    border-left: 4px solid transparent
+		    border-right: 4px solid transparent
+		    border-top: 4px solid white
+		    @include opacity(0.5)
+	    // }}}
+	    // Webclient.leftbar {{{
+	    .oe_leftbar
+		display: none
+		width: 220px
+		background: #f0eeee
+		border-right: 1px solid #afafb6
+		text-shadow: 0 1px 1px white
+		padding-bottom: 16px
+		line-height: 18px
+	    a.oe_logo
+		width: 220px
+		display: block
+		text-align: center
+		height: 70px
+		line-height: 70px
+		img
+		    height: 40px
+		    width: 157px
+		    margin: 14px 0
+	    .oe_footer
+		position: fixed
+		bottom: 0
+		padding: 4px 0
+		background: #f0eeee
+		width: 220px
+		text-align: center
+		a
+		    font-weight: 800
+		    font-family: serif
+		    font-size: 16px
+		    color: black
+		    span
+			color: #c81010
+			font-style: italic
+	    // }}}
+	    // UserMenu {{{
+	    .oe_user_menu
+		float: right
+		padding: 0
+		margin: 0
+		li
+		    list-style-type: none
+		    float: left
+		.oe_dropdown
+		    position: relative
+
+		.oe_dropdown_options
+		    float: left
+		    background: #333
+		    background: rgba(37,37,37,0.9)
+		    display: none
+		    position: absolute
+		    top: 32px
+		    right: -1px
+		    border: 0
+		    z-index: 900
+		    margin-left: 0
+		    margin-right: 0
+		    padding: 6px 0
+		    zoom: 1
+		    border-color: #999
+		    border-color: rgba(0, 0, 0, 0.2)
+		    border-style: solid
+		    border-width: 0 1px 1px
+		    @include radius(0 0 6px 6px)
+		    @include box-shadow(0 1px 4px rgba(0,0,0,0.3))
+		    @include background-clip()
+		    li
+			float: none
+			display: block
+			background-color: none
+			a
+			    white-space: nowrap
+			    display: block
+			    padding: 4px 15px
+			    clear: both
+			    font-weight: normal
+			    line-height: 18px
+			    color: #eee
+			    &:hover
+				@include vertical-gradient(#292929, #191919)
+				@include box-shadow(none)
+			hr
+			    border-top: 1px solid #999
+			    border-bottom: 0
+	    // }}}
+	    // Systray {{{
+	    .oe_systray > div
         float: left
         padding: 0 4px 0 4px
     .oe_systray
@@ -703,10 +703,17 @@ $colour4: #8a89ba
             color: $colour4
             &:hover
                 text-decoration: underline
+        > div
+            height: 100%
     // }}}
 
     // ViewManager common styles
     .oe_view_manager
+        .oe_view_manager_body
+            height: inherit
+        .oe_view_manager_view_kanban
+            height: inherit
+
         // ViewManager.header {{{
         .oe_view_manager_header
             width: 100%
@@ -822,6 +829,7 @@ $colour4: #8a89ba
 
     // ViewManager top header specific style {{{
     .oe_view_manager_global
+        height: 100%
         > .oe_view_manager_header
             border-top: 1px solid #cacaca
             border-bottom: 1px solid #cacaca
@@ -1502,9 +1510,6 @@ $colour4: #8a89ba
             filter: alpha(opacity=50)
             right: 5px
             top: 3px
-        .oe_form_field_one2many .oe_kanban_view
-            // Hack due to absolute positioning of kanban view messing with o2m
-            position: static
         .oe_form_field_with_button
             input
                 width: 100%
@@ -1536,10 +1541,6 @@ $colour4: #8a89ba
         .oe_form_group
             margin: 5px 0px 5px 0px
 
-        .oe_form_group_cell .oe_kanban_view
-            // Hack due to absolute positioning of kanban view messing with o2m
-            position: static
-
     // }}}
     // FormView.buttons {{{
     .oe_form