Mercurial > libervia-web

comparison src/browser/public/libervia.css @ 498:60be99de3808

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
browser_side: menus refactorization + handle levels > 2
author souliane <souliane@mailoo.org>
date Fri, 25 Jul 2014 02:38:30 +0200
parents 0924710b666a
children 4aa627b059df
comparison
equal deleted inserted replaced
497:516b06787c1a 498:60be99de3808
137 .header { 137 .header {
138 background-color: #eee; 138 background-color: #eee;
139 border-bottom: 1px solid #ddd; 139 border-bottom: 1px solid #ddd;
140 } 140 }
141 141
142 /* Misc Pyjamas stuff */
143
144 .menuContainer { 142 .menuContainer {
145 margin: 0 32px 0 20px; 143 margin: 0 32px 0 20px;
146 } 144 }
147 145
148 .gwt-MenuBar { 146 .mainMenuBar {
149 /* Common to all menu bars */
150 margin: 0;
151 }
152
153 .gwt-MenuBar table {
154 /* Common to all tables within a menu bar */
155 width: 100%;
156 display: inline-table;
157 }
158
159 .gwt-MenuBar-horizontal {
160 /* Specific to horizontal menu bars*/
161 background-color: #222; 147 background-color: #222;
162 background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222)); 148 background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222));
163 background: -webkit-linear-gradient(top, #444444, #222222); 149 background: -webkit-linear-gradient(top, #444444, #222222);
164 background: linear-gradient(to bottom, #444444, #222222); 150 background: linear-gradient(to bottom, #444444, #222222);
165 width: 100%; 151 width: 100%;
169 border-radius: 0 0 1em 1em; 155 border-radius: 0 0 1em 1em;
170 line-height: 100%; 156 line-height: 100%;
171 -webkit-box-shadow: 0px 1px 4px #000; 157 -webkit-box-shadow: 0px 1px 4px #000;
172 box-shadow: 0px 1px 4px #000; 158 box-shadow: 0px 1px 4px #000;
173 display: inline-block; 159 display: inline-block;
160 }
161
162 .mainMenuBar .gwt-MenuItem {
163 padding: 3px 15px;
164 text-decoration: none;
165 font-weight: bold;
166 height: 100%;
167 color: #e7e5e5;
168 border-radius: 1em 1em 1em 1em;
169 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
170 -webkit-transition: color 0.2s linear;
171 transition: color 0.2s linear;
172 }
173
174 .mainMenuBar .gwt-MenuItem-selected {
175 background-color: #eee;
176 background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa));
177 background: -webkit-linear-gradient(top, #eee, #aaa);
178 background: linear-gradient(to bottom, #eee, #aaa);
179 color: #444;
180 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
181 }
182
183 /* Misc Pyjamas stuff */
184
185 .gwt-MenuBar {
186 /* Common to all menu bars */
187 margin: 0;
188 }
189
190 .gwt-MenuBar table {
191 /* Common to all tables within a menu bar */
192 width: 100%;
193 display: inline-table;
194 }
195
196 .gwt-MenuBar-horizontal {
197 /* Specific to horizontal menu bars*/
174 } 198 }
175 199
176 .gwt-MenuBar-vertical { 200 .gwt-MenuBar-vertical {
177 /* Specific to vertical menu bars*/ 201 /* Specific to vertical menu bars*/
178 background-color: #fff; 202 background-color: #fff;
191 .gwt-MenuItem img { 215 .gwt-MenuItem img {
192 /* Common to all images within a menu item */ 216 /* Common to all images within a menu item */
193 padding-right: 2px; 217 padding-right: 2px;
194 } 218 }
195 219
220 .gwt-MenuBar .gwt-MenuItem {
221 /* Common to items of all menu bars */
222 }
223
196 .gwt-MenuBar-horizontal .gwt-MenuItem { 224 .gwt-MenuBar-horizontal .gwt-MenuItem {
197 /* Specific to items of horizontal menu bars*/ 225 /* Specific to items of horizontal menu bars*/
198 text-decoration: none;
199 font-weight: bold;
200 height: 100%;
201 color: #e7e5e5;
202 padding: 3px 15px;
203 border-radius: 1em 1em 1em 1em;
204 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
205 -webkit-transition: color 0.2s linear;
206 transition: color 0.2s linear;
207 } 226 }
208 227
209 .gwt-MenuBar-vertical .gwt-MenuItem { 228 .gwt-MenuBar-vertical .gwt-MenuItem {
210 /* Specific to items of vertical menu bars*/ 229 /* Specific to items of vertical menu bars*/
211 padding: 8px 15px; 230 padding: 8px 15px;
216 cursor: pointer; 235 cursor: pointer;
217 } 236 }
218 237
219 .gwt-MenuBar-horizontal .gwt-MenuItem-selected { 238 .gwt-MenuBar-horizontal .gwt-MenuItem-selected {
220 /* Specific to selected items of horizontal menu bars */ 239 /* Specific to selected items of horizontal menu bars */
221 background-color: #eee;
222 background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa));
223 background: -webkit-linear-gradient(top, #eee, #aaa);
224 background: linear-gradient(to bottom, #eee, #aaa);
225 color: #444;
226 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
227 } 240 }
228 241
229 .gwt-MenuBar-vertical .gwt-MenuItem-selected { 242 .gwt-MenuBar-vertical .gwt-MenuItem-selected {
230 /* Specific to selected items of vertical menu bars */ 243 /* Specific to selected items of vertical menu bars */
231 background: #cf2828 !important; 244 background: #cf2828 !important;