changeset 68:c378653792b8

browser side: menu CSS update
author Adrien Vigneron <adrienvigneron@mailoo.org>
date Wed, 15 Jun 2011 20:22:53 +0200
parents b096facaa5b3
children 4a157389a981
files public/libervia.css
diffstat 1 files changed, 105 insertions(+), 7 deletions(-) [+]
line wrap: on
line diff
--- a/public/libervia.css	Wed Jun 15 20:22:27 2011 +0200
+++ b/public/libervia.css	Wed Jun 15 20:22:53 2011 +0200
@@ -101,23 +101,121 @@
 /* Misc Pyjamas stuff */
 
 .gwt-MenuBar,.gwt-MenuBar-horizontal {
-  background-color: #01FF78;
+  /*background-color: #01FF78;
   border: 1px solid #87B3FF;
-  cursor: default;
+  cursor: default;*/
+    width: 97%;
+    height: 28px;
+    margin: 0 0 0 1.5%;
+    font: normal 0.8em/1.4em Arial, Helvetica, sans-serif;
+    padding: 5px 0 0 5px;	
+    line-height: 100%;
+    box-shadow:0px 1px 4px #000
+    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
+    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
+    border: 1px solid #ddd;
+    border-radius: 0 0 1em 1em;
+    -webkit-border-radius: 0 0 1em 1em;
+    -moz-border-radius: 0 0 1em 1em;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’444444′, endColorstr=’#222222’);
+    background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222));
+    background: -moz-linear-gradient(top, #444444, #222222);
+    background-image: -o-linear-gradient(#444444,#222222);
+    display: inline-block;
 }
 
 .gwt-MenuBar-horizontal .gwt-MenuItem {
+    text-decoration: none;	
+    font-weight: bold;
+    height: 100%;
+    color: #e7e5e5;
+    padding: 3px 15px;
+    /*display: block;*/
+    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
+    border-radius: 1em;
+    -webkit-border-radius: 1em;
+    -moz-border-radius: 1em;
+    -webkit-transition: color 0.2s linear; 
+    -moz-transition: color 0.2s linear; 
+    -o-transition: color 0.2s linear;
 }
-.gwt-MenuItem {
-  padding: 1px 20px 1px 10px;
-  font-size: smaller;
-  cursor: default;
+
+
+.gwt-MenuBar-horizontal .gwt-MenuItem-selected {
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#eee’, endColorstr=’#aaa′);
+    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa));
+    background: -moz-linear-gradient(top, #eee, #aaa);
+    background-image: -o-linear-gradient(#eee,#aaa);
+    color: #444;
+    /*border-top: solid 1px #fff;*/
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
+    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
+    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
+    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);	
+    cursor: pointer;
+}
+
+.gwt-MenuBar {
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#fff’, endColorstr=’#ccc’);
+    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
+    background: -moz-linear-gradient(top, #fff, #ccc);
+    background-image: -o-linear-gradient(#fff,#ccc);
+    /*display: none;*/
+    height: 100%;
+    min-width: 148px;
+    margin: 0;
+    padding: 0;
+    /*min-width: 148px;
+    top: 28px;*/
+    border: solid 1px #aaa;
+    -webkit-border-radius: 0 0 10px 10px;
+    -moz-border-radius: 0 0 10px 10px;
+    border-radius: 0 0 10px 10px;
+    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
+    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
+    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
+}
+
+.gwt-MenuBar table {
+    width: 100%;
+    display: inline-table;
+}
+
+.gwt-MenuBar .gwt-MenuItem {
+    padding: 8px 15px;
 }
 
 .gwt-MenuBar .gwt-MenuItem-selected {
-  background-color: #E8EEF7;
+    background: #cf2828 !important;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828’, endColorstr=’#b01e1e’);
+    background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#b01e1e)) !important;
+    background: -moz-linear-gradient(top, #cf2828, #b01e1e) !important;
+    background-image: -o-linear-gradient(#cf2828,#b01e1e);
+    color: #fff !important;
+    -webkit-border-radius: 0;
+    -moz-border-radius: 0;
+    border-radius: 0;
+    text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
+    transition: color 0.2s linear;
+    -webkit-transition: color 0.2s linear; 
+    -moz-transition: color 0.2s linear; 
+    -o-transition: color 0.2s linear; 
+    cursor: pointer;
 }
 
+.gwt-MenuBar tr:last-child td {
+    border-radius: 0 0 9px 9px;
+    -webkit-border-radius: 0 0 9px 9px;
+    -moz-border-radius: 0 0 9px 9px;
+}
+
+.gwt-MenuItem {
+  /*padding: 1px 20px 1px 10px;
+  font-size: smaller;
+  cursor: default;*/
+}
+
+
 .gwt-AutoCompleteTextBox {
   width: 80%;
   border: 1px solid #87B3FF;