Mercurial > libervia-web

comparison src/browser/public/libervia.css @ 492:a7f5448a1bc3

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
browser_side: fixes the CSS for the menus
author souliane <souliane@mailoo.org>
date Mon, 14 Jul 2014 13:06:24 +0200
parents e588335b6aa8
children 5d8632a7bfde
comparison
equal deleted inserted replaced
491:c97fe4059f71 492:a7f5448a1bc3
143 143
144 .menuContainer { 144 .menuContainer {
145 margin: 0 32px 0 20px; 145 margin: 0 32px 0 20px;
146 } 146 }
147 147
148 .gwt-MenuBar,.gwt-MenuBar-horizontal { 148 .gwt-MenuBar {
149 width: 100%; 149 /* Common to all menu bars */
150 height: 28px;
151 margin: 0; 150 margin: 0;
152 padding: 5px 5px 0 5px; 151 }
153 line-height: 100%; 152
154 -webkit-box-shadow: 0px 1px 4px #000; 153 .gwt-MenuBar table {
155 box-shadow: 0px 1px 4px #000; 154 /* Common to all tables within a menu bar */
156 border: 1px solid #ddd; 155 width: 100%;
157 border-radius: 0 0 1em 1em; 156 display: inline-table;
157 }
158
159 .gwt-MenuBar-horizontal {
160 /* Specific to horizontal menu bars*/
158 background-color: #222; 161 background-color: #222;
159 background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222)); 162 background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222));
160 background: -webkit-linear-gradient(top, #444444, #222222); 163 background: -webkit-linear-gradient(top, #444444, #222222);
161 background: linear-gradient(to bottom, #444444, #222222); 164 background: linear-gradient(to bottom, #444444, #222222);
165 width: 100%;
166 height: 28px;
167 padding: 5px 5px 0 5px;
168 border: 1px solid #ddd;
169 border-radius: 0 0 1em 1em;
170 line-height: 100%;
171 -webkit-box-shadow: 0px 1px 4px #000;
172 box-shadow: 0px 1px 4px #000;
162 display: inline-block; 173 display: inline-block;
163 } 174 }
164 175
176 .gwt-MenuBar-vertical {
177 /* Specific to vertical menu bars*/
178 background-color: #fff;
179 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
180 background: -webkit-linear-gradient(top, #fff, #ccc);
181 background: linear-gradient(to bottom, #fff, #ccc);
182 height: 100%;
183 min-width: 148px;
184 padding: 0;
185 border: solid 1px #aaa;
186 border-radius: 0 0 10px 10px;
187 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
188 box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
189 }
190
191 .gwt-MenuItem img {
192 /* Common to all images within a menu item */
193 padding-right: 2px;
194 }
195
165 .gwt-MenuBar-horizontal .gwt-MenuItem { 196 .gwt-MenuBar-horizontal .gwt-MenuItem {
197 /* Specific to items of horizontal menu bars*/
166 text-decoration: none; 198 text-decoration: none;
167 font-weight: bold; 199 font-weight: bold;
168 height: 100%; 200 height: 100%;
169 color: #e7e5e5; 201 color: #e7e5e5;
170 padding: 3px 15px; 202 padding: 3px 15px;
172 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); 204 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
173 -webkit-transition: color 0.2s linear; 205 -webkit-transition: color 0.2s linear;
174 transition: color 0.2s linear; 206 transition: color 0.2s linear;
175 } 207 }
176 208
177 .gwt-MenuItem img { 209 .gwt-MenuBar-vertical .gwt-MenuItem {
178 padding-right: 2px; 210 /* Specific to items of vertical menu bars*/
211 padding: 8px 15px;
212 }
213
214 .gwt-MenuBar .gwt-MenuItem-selected {
215 /* Common to all selected items */
216 cursor: pointer;
179 } 217 }
180 218
181 .gwt-MenuBar-horizontal .gwt-MenuItem-selected { 219 .gwt-MenuBar-horizontal .gwt-MenuItem-selected {
220 /* Specific to selected items of horizontal menu bars */
182 background-color: #eee; 221 background-color: #eee;
183 background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa)); 222 background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa));
184 background: -webkit-linear-gradient(top, #eee, #aaa); 223 background: -webkit-linear-gradient(top, #eee, #aaa);
185 background: linear-gradient(to bottom, #eee, #aaa); 224 background: linear-gradient(to bottom, #eee, #aaa);
186 color: #444; 225 color: #444;
187 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); 226 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
188 cursor: pointer; 227 }
189 } 228
190 229 .gwt-MenuBar-vertical .gwt-MenuItem-selected {
191 .menuSeparator { 230 /* Specific to selected items of vertical menu bars */
192 width: 100%;
193 }
194
195 .menuSeparator.gwt-MenuItem-selected {
196 border: 0;
197 background: inherit;
198 cursor: default;
199 }
200
201 .gwt-MenuBar {
202 background-color: #fff;
203 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
204 background: -webkit-linear-gradient(top, #fff, #ccc);
205 background: linear-gradient(to bottom, #fff, #ccc);
206 height: 100%;
207 min-width: 148px;
208 margin: 0;
209 padding: 0;
210 border: solid 1px #aaa;
211 border-radius: 0 0 10px 10px;
212 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
213 box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
214 }
215
216 .gwt-MenuBar table {
217 width: 100%;
218 display: inline-table;
219 }
220
221 .gwt-MenuBar .gwt-MenuItem {
222 padding: 8px 15px;
223 }
224
225
226 .gwt-MenuBar .gwt-MenuItem-selected {
227 background: #cf2828 !important; 231 background: #cf2828 !important;
228 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a)) !important; 232 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a)) !important;
229 background: -webkit-linear-gradient(top, #cf2828, #981a1a) !important; 233 background: -webkit-linear-gradient(top, #cf2828, #981a1a) !important;
230 background: linear-gradient(to bottom, #cf2828, #981a1a) !important; 234 background: linear-gradient(to bottom, #cf2828, #981a1a) !important;
231 color: #fff !important; 235 color: #fff !important;
232 border-radius: 0 0 0 0; 236 border-radius: 0 0 0 0;
233 text-shadow: 0 1px 1px rgba(0, 0, 0, .1); 237 text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
234 -webkit-transition: color 0.2s linear; 238 -webkit-transition: color 0.2s linear;
235 transition: color 0.2s linear; 239 transition: color 0.2s linear;
236 cursor: pointer; 240 }
237 } 241
238 242 .gwt-MenuBar-vertical tr:last-child td {
239 .gwt-MenuBar tr:last-child td { 243 /* Specific to last items of vertical menus */
240 border-radius: 0 0 9px 9px !important; 244 border-radius: 0 0 9px 9px !important;
241 } 245 }
242 246
243 247 .menuLastPopup .gwt-MenuBar-vertical {
244 .menuLastPopup .gwt-MenuBar { 248 /* Specific to the last popup menu of the main menu bar */
245 border-top-right-radius: 9px 9px; 249 border-top-right-radius: 9px 9px;
250 }
251
252 .menuLastPopup .gwt-MenuBar-vertical tr:first-child td {
253 /* Specific to the first item of the last popup menu of the main menu bar */
254 border-radius: 0px 9px 0px 0px !important;
255 }
256
257 .menuSeparator {
258 width: 100%;
259 }
260
261 .menuSeparator.gwt-MenuItem-selected {
262 border: 0;
263 background: inherit;
264 cursor: default;
246 } 265 }
247 266
248 .gwt-AutoCompleteTextBox { 267 .gwt-AutoCompleteTextBox {
249 width: 80%; 268 width: 80%;
250 border: 1px solid #87B3FF; 269 border: 1px solid #87B3FF;