[IMP]improved css as well as improved stagemode widget

bzr revid: mba@tinyerp.com-20131219083851-c2hp4dddtpfxm0l6

2 files changed, 60 insertions, 3 deletions

diff --git a/addons/web/static/src/css/base.css b/addons/web/static/src/css/base.css
index 010585ee4a0..e59be2e551e 100644
--- a/addons/web/static/src/css/base.css
+++ b/addons/web/static/src/css/base.css
@@ -1,4 +1,4 @@
-@charset "utf-8";
+@charset "UTF-8";
 @font-face {
   font-family: "mnmliconsRegular";
   src: url("/web/static/src/font/mnmliconsv21-webfont.eot") format("eot");
@@ -2290,7 +2290,7 @@
 }
 .openerp .oe_form .oe_form_label_help[for] span, .openerp .oe_form .oe_form_label[for] span {
   font-size: 80%;
-  color: darkGreen;
+  color: darkgreen;
   vertical-align: top;
   position: relative;
   top: -4px;
@@ -3434,7 +3434,6 @@ div.ui-widget-overlay {
     overflow: hidden !important;
   }
 }
-
 .nav li > a {
   padding: 3px 4px 2px 18px;
   color: #4c4c4c;
@@ -3569,6 +3568,39 @@ h5 {
   color: #eeeeee;
 }
 
+.dropdown-menu.with-arrow {
+  background: white;
+  background: white !important;
+}
+
+.dropdown-menu.with-arrow:before {
+  position: absolute;
+  top: -12px;
+  left: 9px;
+  display: inline-block;
+  border-right: 12px solid transparent;
+  border-bottom: 12px solid #cccccc;
+  border-left: 12px solid transparent;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  content: "";
+}
+
+.dropdown-menu.with-arrow:after {
+  position: absolute;
+  top: -11px;
+  left: 10px;
+  display: inline-block;
+  border-right: 11px solid transparent;
+  border-bottom: 11px solid white;
+  border-left: 11px solid transparent;
+  content: "";
+}
+
+.dropdown-menu.with-arrow li a {
+  color: black;
+  font-weight: bold;
+}
+
 .ui-icon {
   width: 18px;
   height: 18px;
diff --git a/addons/web/static/src/css/base.sass b/addons/web/static/src/css/base.sass
index e9a51370192..3f915de78d9 100644
--- a/addons/web/static/src/css/base.sass
+++ b/addons/web/static/src/css/base.sass
@@ -2843,6 +2843,31 @@ h5
     li
         a,a:hover,a:focus
             color: #eeeeee
+.dropdown-menu.with-arrow
+    background: #FFF
+    background: #FFF !important
+.dropdown-menu.with-arrow:before
+    position: absolute
+    top: -12px
+    left: 9px
+    display: inline-block
+    border-right: 12px solid transparent
+    border-bottom: 12px solid #ccc
+    border-left: 12px solid transparent
+    border-bottom-color: rgba(0, 0, 0, 0.2)
+    content: ''
+.dropdown-menu.with-arrow:after
+    position: absolute
+    top: -11px
+    left: 10px
+    display: inline-block
+    border-right: 11px solid transparent
+    border-bottom: 11px solid #ffffff
+    border-left: 11px solid transparent
+    content: ''
+.dropdown-menu.with-arrow li a
+    color: #000
+    font-weight: bold
 // End hack }}}
 
 // Hack for ui icon {{{