[ADD] Add styles for new main menu

bzr revid: fme@openerp.com-20120223150230-n935rq8bv65a6gbj

2 files changed, 219 insertions, 1 deletions

diff --git a/addons/web/static/src/css/base.css b/addons/web/static/src/css/base.css
index e69de29bb2d..71739e8167d 100644
--- a/addons/web/static/src/css/base.css
+++ b/addons/web/static/src/css/base.css
@@ -0,0 +1,125 @@
+/* line 43, base.sass */
+.openerp2 {
+  padding: 0;
+  margin: 0;
+  font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
+  color: #4c4c4c;
+  font-size: 13px;
+  background: white;
+  position: relative;
+}
+/* line 53, base.sass */
+.openerp2 a {
+  color: #4c4c4c;
+  text-decoration: none;
+}
+/* line 59, base.sass */
+.openerp2 .oe_webclient {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+/* line 68, base.sass */
+.openerp2 .oe_topbar {
+  width: 100%;
+  height: 31px;
+  border-top: solid 1px #d3d3d3;
+  border-bottom: solid 1px black;
+  background: #646060;
+  background: -moz-linear-gradient(#646060, #262626);
+  background: -webkit-gradient(linear, left top, left bottom, from(#646060), to(#262626));
+  background: -webkit-linear-gradient(#646060, #262626);
+}
+/* line 75, base.sass */
+.openerp2 .oe_topbar .oe_topbar_item {
+  float: left;
+}
+/* line 77, base.sass */
+.openerp2 .oe_topbar .oe_topbar_item li {
+  float: left;
+}
+/* line 79, base.sass */
+.openerp2 .oe_topbar .oe_topbar_item li a {
+  display: block;
+  padding: 5px 10px 7px;
+  line-height: 20px;
+  height: 20px;
+  color: #eeeeee;
+  vertical-align: top;
+  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
+}
+/* line 87, base.sass */
+.openerp2 .oe_topbar .oe_topbar_item li a:hover {
+  background: #303030;
+  color: white;
+  -moz-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
+  -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
+  -box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
+}
+/* line 91, base.sass */
+.openerp2 .oe_topbar .oe_topbar_item .oe_active {
+  background: #303030;
+  font-weight: bold;
+  color: white;
+  -moz-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
+  -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
+  -box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
+}
+/* line 97, base.sass */
+.openerp2 .oe_topbar .oe_topbar_avatar {
+  width: 24px;
+  height: 24px;
+  margin: -2px 2px 0 0;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+}
+/* line 105, base.sass */
+.openerp2 .oe_menu {
+  float: left;
+  padding: 0;
+  margin: 0;
+}
+/* line 109, base.sass */
+.openerp2 .oe_menu li {
+  list-style-type: none;
+  float: left;
+}
+/* line 112, base.sass */
+.openerp2 .oe_menu a {
+  display: block;
+  padding: 5px 10px 7px;
+  line-height: 20px;
+  height: 20px;
+  color: #eeeeee;
+  vertical-align: top;
+  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
+}
+/* line 120, base.sass */
+.openerp2 .oe_menu a:hover {
+  background: #303030;
+  color: white;
+  -moz-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
+  -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
+  -box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
+}
+/* line 124, base.sass */
+.openerp2 .oe_menu .oe_active {
+  background: #303030;
+  font-weight: bold;
+  color: white;
+  -moz-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
+  -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
+  -box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
+}
+
+/* line 133, base.sass */
+.openerp .oe-shortcuts {
+  position: static;
+}
+/* line 135, base.sass */
+.openerp #oe_header {
+  clear: both;
+}
diff --git a/addons/web/static/src/css/base.sass b/addons/web/static/src/css/base.sass
index 51e11840bf9..090c0ac822f 100644
--- a/addons/web/static/src/css/base.sass
+++ b/addons/web/static/src/css/base.sass
@@ -41,7 +41,100 @@
 // }}}
 
 .openerp2
-    // Minh's playground.
+    // Common styles {{{
+    padding: 0
+    margin: 0
+    font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif
+    color: #4c4c4c
+    font-size: 13px
+    background: white
+    position: relative
+
+    a
+        color: #4c4c4c
+        text-decoration: none
+    // }}}
+
+    // WebClient {{{
+    .oe_webclient
+        position: absolute
+        top: 0
+        bottom: 0
+        left: 0
+        right: 0
+    // }}}
+
+    // Topbar {{{
+    .oe_topbar
+        width: 100%
+        height: 31px
+        border-top: solid 1px #d3d3d3
+        border-bottom: solid 1px black
+        @include vertical-gradient(#646060, #262626)
+
+        .oe_topbar_item
+            float: left
+            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(4px)
+    // }}}
+
+    // Menu {{{
+    .oe_menu
+        float: left
+        padding: 0
+        margin: 0
+        li
+            list-style-type: none
+            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)
+    // }}}
+
+.openerp
+    // Transitional overrides for old styles {{{
+    .oe-shortcuts
+        position: static
+    #oe_header
+        clear: both
+    // }}}
 
 // au BufWritePost,FileWritePost *.sass :!sass --style expanded --line-numbers <afile> > "%:p:r.css"
 // vim:tabstop=4:shiftwidth=4:softtabstop=4:fdm=marker: