comparison public/libervia.css @ 70:386d27dd3fbb

browser side: menu CSS fix
author Adrien Vigneron <adrienvigneron@mailoo.org>
date Fri, 17 Jun 2011 22:37:54 +0200
parents 4a157389a981
children dae64124ff24
comparison
equal deleted inserted replaced
69:4a157389a981 70:386d27dd3fbb
98 98
99 /* CSS Reset END */ 99 /* CSS Reset END */
100 100
101 /* Misc Pyjamas stuff */ 101 /* Misc Pyjamas stuff */
102 102
103 .menuContainer {
104 margin: 0 32px 0 20px;
105 }
106
103 .gwt-MenuBar,.gwt-MenuBar-horizontal { 107 .gwt-MenuBar,.gwt-MenuBar-horizontal {
104 /*background-color: #01FF78; 108 /*background-color: #01FF78;
105 border: 1px solid #87B3FF; 109 border: 1px solid #87B3FF;
106 cursor: default;*/ 110 cursor: default;*/
107 width: 97%; 111 width: 100%;
108 height: 28px; 112 height: 28px;
109 margin: 0 0 0 1.5%; 113 margin: 0;
110 font: normal 0.8em/1.4em Arial, Helvetica, sans-serif; 114 font: normal 0.8em/1.4em Arial, Helvetica, sans-serif;
111 padding: 5px 0 0 5px; 115 padding: 5px 5px 0 5px;
112 line-height: 100%; 116 line-height: 100%;
113 box-shadow:0px 1px 4px #000 117 box-shadow:0px 1px 4px #000
114 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); 118 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
115 -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); 119 -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
116 border: 1px solid #ddd; 120 border: 1px solid #ddd;
149 color: #444; 153 color: #444;
150 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); 154 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
151 cursor: pointer; 155 cursor: pointer;
152 } 156 }
153 157
158 .menuSeparator {
159 width: 100%;
160 }
161
162 .menuSeparator.gwt-MenuItem-selected {
163 border: 0;
164 background: inherit;
165 cursor: default;
166 }
167
154 .gwt-MenuBar { 168 .gwt-MenuBar {
155 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#fff’, endColorstr=’#ccc’); 169 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#fff’, endColorstr=’#ccc’);
156 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); 170 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
157 background: -moz-linear-gradient(top, #fff, #ccc); 171 background: -moz-linear-gradient(top, #fff, #ccc);
158 background-image: -o-linear-gradient(#fff,#ccc); 172 background-image: -o-linear-gradient(#fff,#ccc);
178 } 192 }
179 193
180 .gwt-MenuBar .gwt-MenuItem { 194 .gwt-MenuBar .gwt-MenuItem {
181 padding: 8px 15px; 195 padding: 8px 15px;
182 } 196 }
197
183 198
184 .gwt-MenuBar .gwt-MenuItem-selected { 199 .gwt-MenuBar .gwt-MenuItem-selected {
185 background: #cf2828 !important; 200 background: #cf2828 !important;
186 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828’, endColorstr=’#b01e1e’); 201 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828’, endColorstr=’#b01e1e’);
187 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#b01e1e)) !important; 202 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#b01e1e)) !important;
203 border-radius: 0 0 9px 9px; 218 border-radius: 0 0 9px 9px;
204 -webkit-border-radius: 0 0 9px 9px; 219 -webkit-border-radius: 0 0 9px 9px;
205 -moz-border-radius: 0 0 9px 9px; 220 -moz-border-radius: 0 0 9px 9px;
206 } 221 }
207 222
208 .gwt-MenuItem {
209 /*padding: 1px 20px 1px 10px;
210 font-size: smaller;
211 cursor: default;*/
212 }
213
214 223
215 .gwt-AutoCompleteTextBox { 224 .gwt-AutoCompleteTextBox {
216 width: 80%; 225 width: 80%;
217 border: 1px solid #87B3FF; 226 border: 1px solid #87B3FF;
218 margin-top: 20px; 227 margin-top: 20px;