Many improvements

bzr revid: mit@openerp.com-20120706164357-c6p6z3ytoqbhmjjn

1 files changed, 83 insertions, 20 deletions

diff --git a/addons/web/static/src/css/base.sass b/addons/web/static/src/css/base.sass
index 61b7d267551..d5d271fe07d 100644
--- a/addons/web/static/src/css/base.sass
+++ b/addons/web/static/src/css/base.sass
@@ -143,7 +143,7 @@ $colour4: #8a89ba
     li
         list-style-type: none
     input, textarea, select
-        padding: 1px 4px
+        padding: 2px 4px
         border: 1px solid #ccc
         @include radius(3px)
         background: white
@@ -200,14 +200,75 @@ $colour4: #8a89ba
             width: auto
             a.ui-state-active
                 background: #f0f0fa
+
+    // Modal box
     &.ui-dialog
-        border: 13px solid rgba(0, 0, 0, 0.3)
-        @include radius(16px)
-        -moz-background-clip: padding-box
-        -webkit-background-clip: padding
-        background-clip: padding-box
-        box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.6)
-        -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2)
+        display: none
+        position: fixed
+        padding: 6px
+        top: 50%
+        left: 50%
+        z-index: 1050
+        width: 560px
+        margin: -150px 0 0 -280px
+        //overflow: hidden
+        background-color: rgba(60,60,60,0.7)
+        border: 1px solid
+        border-color: #888 #555 #444
+        //overflow: hidden
+        @include radius(8px)
+        @include box-shadow(0 1px 12px rgba(0, 0, 0, 0.6))
+        @include background-clip()
+        .ui-dialog-titlebar, .ui-dialog-content, .ui-dialog-buttonpane
+            padding: 16px
+        .ui-dialog-titlebar
+            border-bottom: 1px solid #cacaca
+            @include radius(2px 2px 0 0)
+            @include vertical-gradient(#FCFCFC, #DEDEDE)
+            .ui-dialog-title
+                margin: 0
+                padding: 0
+        .ui-widget-header
+            border: none
+        .ui-dialog-content
+            background: white
+        .ui-dialog-buttonpane
+            border-top: 1px solid #e0e0e0
+            background: #f5f7f9
+            padding: 8px
+            margin: 0
+            @include radius(0 0 2px 2px)
+            button
+                margin-left: 8px
+        .ui-dialog-titlebar-close
+            padding: 0
+            .ui-icon-closethick
+                display: none
+            &:before
+                content: "×"
+                font-size: 18px
+                font-weight: bold
+                line-height: 16px
+                color: black
+                text-shadow: 0 1px 0 white
+                padding: 0
+                cursor: pointer
+                background: transparent
+                border: 0
+                &:hover
+                    color: black
+                    text-decoration: none
+
+    .modal-backdrop
+        position: fixed
+        top: 0
+        right: 0
+        bottom: 0
+        left: 0
+        z-index: 1040
+        background-color: black
+        @include opacity(.3)
+
     // }}}
     // Generic classes {{{
     .oe_i
@@ -287,18 +348,17 @@ $colour4: #8a89ba
             font-weight: bold
             &:hover
                 text-decoration: underline
-    .oe_star_on, .oe_star_off
-        color: #cccccc
-        text-shadow: 0 0 2px black
-        vertical-align: top
-        position: relative
-        top: -5px
-
-    .oe_star_on:hover, .oe_star_off:hover
-        text-decoration: none
-
-    .oe_star_on
-        color: gold
+    .oe_webclient
+        .oe_star_on, .oe_star_off
+            color: #cccccc
+            text-shadow: 0 0 2px black
+            vertical-align: top
+            position: relative
+            top: -5px
+        .oe_star_on:hover, .oe_star_off:hover
+            text-decoration: none
+        .oe_star_on
+            color: gold
 
     //.oe_edit_only 
     // }}}
@@ -370,6 +430,9 @@ $colour4: #8a89ba
     .oe_dropdown, .oe_dropdown_hover, .oe_dropdown_toggle
         position: relative
         cursor: pointer
+    .oe_dropdown_toggle
+        color: #888
+        font-weight: normal
     .oe_dropdown_hover:hover .oe_dropdown_menu, .oe_dropdown_menu.oe_opened
         display: block
     .oe_dropdown_menu