From 539369b6f9ec26150055c881b1fe1b556475c463 Mon Sep 17 00:00:00 2001
From: Fabien Pinckaers <fp@openerp.com>
Date: Fri, 15 Jun 2012 22:33:48 +0200
Subject: [PATCH] [IMP] removed tabs

bzr revid: fp@openerp.com-20120615203348-apmb6erqtsi4hpmx
---
 addons/web/static/src/css/base.sass          | 1022 +++++++++---------
 addons/web_kanban/static/src/css/kanban.css  |    9 +
 addons/web_kanban/static/src/css/kanban.sass |   12 +
 3 files changed, 532 insertions(+), 511 deletions(-)

diff --git a/addons/web/static/src/css/base.sass b/addons/web/static/src/css/base.sass
index 8aa409d7342..1640960be4f 100644
--- a/addons/web/static/src/css/base.sass
+++ b/addons/web/static/src/css/base.sass
@@ -1,545 +1,545 @@
-	@charset "utf-8"
+@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
+// 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
+@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 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 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 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 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 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 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 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
+@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
+// 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
+.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
-	// }}}
+// 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
+.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
+    // }}}
+    // 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: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: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: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
+    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
+        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: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.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.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)
+    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)
+    // }}}
+    // 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_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_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
+        .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
diff --git a/addons/web_kanban/static/src/css/kanban.css b/addons/web_kanban/static/src/css/kanban.css
index 5a82745f412..e50743cac78 100644
--- a/addons/web_kanban/static/src/css/kanban.css
+++ b/addons/web_kanban/static/src/css/kanban.css
@@ -32,9 +32,18 @@
   vertical-align: top;
   padding: 6px 7px 6px 6px;
   background: #f0eeee;
+}
+.openerp .oe_kanban_view .oe_kanban_group_header.oe_kanban_no_group {
+  display: none;
+}
+.openerp .oe_kanban_view .oe_kanban_column.oe_kanban_grouped, .openerp .oe_kanban_view .oe_kanban_group_header {
   border-left: 1px solid #f0f8f8;
   border-right: 1px solid #b9b9b9;
 }
+.openerp .oe_kanban_view .oe_form .oe_kanban_column {
+  padding: 0px;
+  background: white;
+}
 .openerp .oe_kanban_view .oe_kanban_column {
   height: 100%;
 }
diff --git a/addons/web_kanban/static/src/css/kanban.sass b/addons/web_kanban/static/src/css/kanban.sass
index 5d76b699cb5..ea333259083 100644
--- a/addons/web_kanban/static/src/css/kanban.sass
+++ b/addons/web_kanban/static/src/css/kanban.sass
@@ -44,12 +44,24 @@
         font-weight: bold
         color: #333333
         text-shadow: 0 1px 0 white
+
     .oe_kanban_column, .oe_kanban_group_header
         vertical-align: top
         padding: 6px 7px 6px 6px
         background: #f0eeee
+
+    .oe_kanban_group_header.oe_kanban_no_group
+        display: none
+
+    .oe_kanban_column.oe_kanban_grouped, .oe_kanban_group_header
         border-left: 1px solid #f0f8f8
         border-right: 1px solid #b9b9b9
+
+    .oe_form
+        .oe_kanban_column
+            padding: 0px
+            background: #ffffff
+
     .oe_kanban_column
         height: 100%
     .oe_kanban_aggregates