##// END OF EJS Templates
jro_apps » redmine
RSS
Add smooth scrolling for webkit browsers (#19097)....
Jean-Philippe Lang -
r14436:bb73361cb9cd
parent child
Show More
Side by Side Unified
Context file:
r14436:bb73361cb9cd Loading diff...:
Show file before | Show file after | Hide comments
@@ -1,595 +1,597
1 /*----------------------------------------*\
1 /*----------------------------------------*\
2 RESPONSIVE CSS
2 RESPONSIVE CSS
3 \*----------------------------------------*/
3 \*----------------------------------------*/
4
4
5
5
6 /*
6 /*
7
7
8 CONTENTS
8 CONTENTS
9
9
10 A) BASIC MOBILE RESETS
10 A) BASIC MOBILE RESETS
11 B) HEADER & TOP MENUS
11 B) HEADER & TOP MENUS
12 C) MAIN CONTENT & SIDEBAR
12 C) MAIN CONTENT & SIDEBAR
13 D) TOGGLE BUTTON & FLYOUT MENU
13 D) TOGGLE BUTTON & FLYOUT MENU
14
14
15 */
15 */
16
16
17
17
18 /* Hide new elements (toggle button and flyout menu) above 900px */
18 /* Hide new elements (toggle button and flyout menu) above 900px */
19 .mobile-toggle-button,
19 .mobile-toggle-button,
20 .flyout-menu
20 .flyout-menu
21 {
21 {
22 display: none;
22 display: none;
23 }
23 }
24
24
25 /*
25 /*
26 redmine's body is set to min-width: 900px
26 redmine's body is set to min-width: 900px
27 add first breakpoint here and start adding responsiveness
27 add first breakpoint here and start adding responsiveness
28 */
28 */
29
29
30 @media all and (max-width: 899px)
30 @media all and (max-width: 899px)
31 {
31 {
32 /*----------------------------------------*\
32 /*----------------------------------------*\
33 A) BASIC MOBILE RESETS
33 A) BASIC MOBILE RESETS
34 \*----------------------------------------*/
34 \*----------------------------------------*/
35
35
36 /*
36 /*
37 apply natural border box, see: http://www.paulirish.com/2012/box-sizing-border-box-ftw/
37 apply natural border box, see: http://www.paulirish.com/2012/box-sizing-border-box-ftw/
38 this helps us to better deal with percentages and padding / margin
38 this helps us to better deal with percentages and padding / margin
39 */
39 */
40 *,
40 *,
41 *:before,
41 *:before,
42 *:after
42 *:after
43 {
43 {
44 -webkit-box-sizing: border-box;
44 -webkit-box-sizing: border-box;
45 -moz-box-sizing: border-box;
45 -moz-box-sizing: border-box;
46 box-sizing: border-box;
46 box-sizing: border-box;
47 }
47 }
48
48
49 body,
49 body,
50 html
50 html
51 {
51 {
52 height: 100%;
52 height: 100%;
53 margin: 0;
53 margin: 0;
54 padding: 0;
54 padding: 0;
55 }
55 }
56
56
57 html
57 html
58 {
58 {
59 overflow-y: auto; /* avoid 2nd scrollbar on desktop */
59 overflow-y: auto; /* avoid 2nd scrollbar on desktop */
60 }
60 }
61
61
62 body
62 body
63 {
63 {
64 overflow-x: hidden; /* hide horizontal overflow */
64 overflow-x: hidden; /* hide horizontal overflow */
65
65
66 min-width: 0; /* reset the min-width of 900px */
66 min-width: 0; /* reset the min-width of 900px */
67
68 -webkit-overflow-scrolling: touch;
67 }
69 }
68
70
69
71
70 body,
72 body,
71 input,
73 input,
72 select,
74 select,
73 textarea,
75 textarea,
74 button
76 button
75 {
77 {
76 font-size: 14px; /* Set font-size for standard elements to 14px */
78 font-size: 14px; /* Set font-size for standard elements to 14px */
77 }
79 }
78
80
79
81
80 select
82 select
81 {
83 {
82 max-width: 100%; /* prevent long names within select menues from breaking content */
84 max-width: 100%; /* prevent long names within select menues from breaking content */
83 }
85 }
84
86
85
87
86 #wrapper
88 #wrapper
87 {
89 {
88 position: relative;
90 position: relative;
89
91
90 max-width: 100%;
92 max-width: 100%;
91 }
93 }
92
94
93 #wrapper,
95 #wrapper,
94 #wrapper2
96 #wrapper2
95 {
97 {
96 margin: 0;
98 margin: 0;
97 }
99 }
98
100
99 /*----------------------------------------*\
101 /*----------------------------------------*\
100 B) HEADER & TOP MENUS
102 B) HEADER & TOP MENUS
101 \*----------------------------------------*/
103 \*----------------------------------------*/
102
104
103 #header
105 #header
104 {
106 {
105 width: 100%;
107 width: 100%;
106 height: 64px; /* the height of our header on mobile */
108 height: 64px; /* the height of our header on mobile */
107 min-height: 0;
109 min-height: 0;
108 margin: 0;
110 margin: 0;
109 padding: 0;
111 padding: 0;
110
112
111 border: none;
113 border: none;
112 background-color: #628db6;
114 background-color: #628db6;
113 }
115 }
114
116
115 /* Hide project name on mobile (project name is still visible in select menu) */
117 /* Hide project name on mobile (project name is still visible in select menu) */
116 #header h1
118 #header h1
117 {
119 {
118 display: none !important;
120 display: none !important;
119 }
121 }
120
122
121 /* reset #header a color for mobile toggle button */
123 /* reset #header a color for mobile toggle button */
122 #header a.mobile-toggle-button
124 #header a.mobile-toggle-button
123 {
125 {
124 color: #f8f8f8;
126 color: #f8f8f8;
125 }
127 }
126
128
127
129
128 /* Hide top-menu and main-menu on mobile, because it's placed in our flyout menu */
130 /* Hide top-menu and main-menu on mobile, because it's placed in our flyout menu */
129 #top-menu,
131 #top-menu,
130 #header #main-menu
132 #header #main-menu
131 {
133 {
132 display: none;
134 display: none;
133 }
135 }
134
136
135 /* the quick search within header holding search form and #project_quick_jump_box box*/
137 /* the quick search within header holding search form and #project_quick_jump_box box*/
136 #header #quick-search
138 #header #quick-search
137 {
139 {
138 float: none;
140 float: none;
139 clear: none; /* there are themes which set clear property, this resets it */
141 clear: none; /* there are themes which set clear property, this resets it */
140
142
141 max-width: 100%; /* reset max-width */
143 max-width: 100%; /* reset max-width */
142 margin: 0;
144 margin: 0;
143
145
144 background: inherit;
146 background: inherit;
145 }
147 }
146
148
147 /* this represents the dropdown arrow to left of the mobile project menu */
149 /* this represents the dropdown arrow to left of the mobile project menu */
148 #header .jump-box-arrow:before
150 #header .jump-box-arrow:before
149 {
151 {
150 /* set a font-size in order to achive same result in different themes */
152 /* set a font-size in order to achive same result in different themes */
151 font-family: Verdana, sans-serif;
153 font-family: Verdana, sans-serif;
152 font-size: 2em;
154 font-size: 2em;
153 line-height: 64px;
155 line-height: 64px;
154
156
155 position: absolute;
157 position: absolute;
156 left: 0;
158 left: 0;
157
159
158 width: 2em;
160 width: 2em;
159 padding: 0 .5em;
161 padding: 0 .5em;
160 /* achieve dropdwon arrow by scaling a caret character */
162 /* achieve dropdwon arrow by scaling a caret character */
161
163
162 content: '^';
164 content: '^';
163 -webkit-transform: scale(1,-.8);
165 -webkit-transform: scale(1,-.8);
164 -ms-transform: scale(1,-.8);
166 -ms-transform: scale(1,-.8);
165 transform: scale(1,-.8);
167 transform: scale(1,-.8);
166 text-align: right;
168 text-align: right;
167 pointer-events: none;
169 pointer-events: none;
168
170
169 opacity: .6;
171 opacity: .6;
170 }
172 }
171
173
172 /* styles for combobox within quick-search (#project_quick_jump_box) */
174 /* styles for combobox within quick-search (#project_quick_jump_box) */
173 #header #quick-search select
175 #header #quick-search select
174 {
176 {
175 font-size: 1.5em;
177 font-size: 1.5em;
176 font-weight: bold;
178 font-weight: bold;
177 line-height: 1.2;
179 line-height: 1.2;
178
180
179 position: absolute;
181 position: absolute;
180 top: 15px;
182 top: 15px;
181 left: 0;
183 left: 0;
182
184
183 float: left;
185 float: left;
184
186
185 width: 100%;
187 width: 100%;
186 max-width: 100%;
188 max-width: 100%;
187 height: 2em;
189 height: 2em;
188 height: 35px;
190 height: 35px;
189 padding: 5px;
191 padding: 5px;
190 padding-right: 72px;
192 padding-right: 72px;
191 padding-left: 50px;
193 padding-left: 50px;
192
194
193 text-indent: .01px;
195 text-indent: .01px;
194
196
195 color: inherit;
197 color: inherit;
196 border: 0;
198 border: 0;
197 -webkit-border-radius: 0;
199 -webkit-border-radius: 0;
198 border-radius: 0;
200 border-radius: 0;
199 background: none;
201 background: none;
200 -webkit-box-shadow: none;
202 -webkit-box-shadow: none;
201 box-shadow: none;
203 box-shadow: none;
202 /* hide default browser arrow */
204 /* hide default browser arrow */
203
205
204 -webkit-appearance: none;
206 -webkit-appearance: none;
205 -moz-appearance: none;
207 -moz-appearance: none;
206 }
208 }
207
209
208 #header #quick-search form
210 #header #quick-search form
209 {
211 {
210 display: none;
212 display: none;
211 }
213 }
212
214
213 /*----------------------------------------*\
215 /*----------------------------------------*\
214 C) MAIN CONTENT & SIDEBAR
216 C) MAIN CONTENT & SIDEBAR
215 \*----------------------------------------*/
217 \*----------------------------------------*/
216
218
217 #main
219 #main
218 {
220 {
219 padding: 0;
221 padding: 0;
220 }
222 }
221
223
222 #main.nosidebar #content,
224 #main.nosidebar #content,
223 div#content
225 div#content
224 {
226 {
225 width: 100%;
227 width: 100%;
226 min-height: 0; /* reset min-height of #content */
228 min-height: 0; /* reset min-height of #content */
227 margin: 0;
229 margin: 0;
228 }
230 }
229
231
230
232
231 /* hide sidebar and sidebar switch panel, since it's placed in mobile flyout menu */
233 /* hide sidebar and sidebar switch panel, since it's placed in mobile flyout menu */
232 #sidebar,
234 #sidebar,
233 #sidebar-switch-panel
235 #sidebar-switch-panel
234 {
236 {
235 display: none;
237 display: none;
236 }
238 }
237
239
238 .splitcontentleft
240 .splitcontentleft
239 {
241 {
240 width: 100%; /* use full width */
242 width: 100%; /* use full width */
241 }
243 }
242
244
243 .splitcontentright
245 .splitcontentright
244 {
246 {
245 width: 100%; /* use full width */
247 width: 100%; /* use full width */
246 }
248 }
247
249
248 /*----------------------------------------*\
250 /*----------------------------------------*\
249 D) TOGGLE BUTTON & FLYOUT MENU
251 D) TOGGLE BUTTON & FLYOUT MENU
250 \*----------------------------------------*/
252 \*----------------------------------------*/
251
253
252 /* Mobile toggle button */
254 /* Mobile toggle button */
253
255
254 .mobile-toggle-button
256 .mobile-toggle-button
255 {
257 {
256 font-size: 42px;
258 font-size: 42px;
257 line-height: 64px;
259 line-height: 64px;
258
260
259 position: relative;
261 position: relative;
260 z-index: 10;
262 z-index: 10;
261
263
262 display: block; /* remove display: none; of non-mobile version */
264 display: block; /* remove display: none; of non-mobile version */
263 float: right;
265 float: right;
264
266
265 width: 60px;
267 width: 60px;
266 height: 64px;
268 height: 64px;
267 margin-top: 0;
269 margin-top: 0;
268
270
269 text-align: center;
271 text-align: center;
270
272
271 border-left: 1px solid #ddd;
273 border-left: 1px solid #ddd;
272 }
274 }
273
275
274 .mobile-toggle-button:hover,
276 .mobile-toggle-button:hover,
275 .mobile-toggle-button:active
277 .mobile-toggle-button:active
276 {
278 {
277 text-decoration: none;
279 text-decoration: none;
278 }
280 }
279
281
280 .mobile-toggle-button:after
282 .mobile-toggle-button:after
281 {
283 {
282 font-family: Verdana, sans-serif;
284 font-family: Verdana, sans-serif;
283
285
284 display: block;
286 display: block;
285
287
286 margin-top: -3px;
288 margin-top: -3px;
287
289
288 content: '\2261';
290 content: '\2261';
289 }
291 }
290
292
291 /* search magnifier icon */
293 /* search magnifier icon */
292 .search-magnifier
294 .search-magnifier
293 {
295 {
294 font-family: Verdana;
296 font-family: Verdana;
295
297
296 cursor: pointer;
298 cursor: pointer;
297 -webkit-transform: rotate(-45deg);
299 -webkit-transform: rotate(-45deg);
298 -moz-transform: rotate(45deg);
300 -moz-transform: rotate(45deg);
299 -o-transform: rotate(45deg);
301 -o-transform: rotate(45deg);
300
302
301 color: #bbb;
303 color: #bbb;
302 }
304 }
303
305
304 .search-magnifier--flyout
306 .search-magnifier--flyout
305 {
307 {
306 font-size: 25px;
308 font-size: 25px;
307 line-height: 54px;
309 line-height: 54px;
308
310
309 position: absolute;
311 position: absolute;
310 z-index: 1;
312 z-index: 1;
311 left: 12px;
313 left: 12px;
312 }
314 }
313
315
314
316
315 /* Flyout Menu */
317 /* Flyout Menu */
316
318
317 .flyout-menu
319 .flyout-menu
318 {
320 {
319 position: absolute;
321 position: absolute;
320 right: -250px;
322 right: -250px;
321
323
322 display: block; /* remove display: none; of non-mobile version */
324 display: block; /* remove display: none; of non-mobile version */
323 overflow-x: hidden;
325 overflow-x: hidden;
324
326
325 width: 250px;
327 width: 250px;
326 height: 100%;
328 height: 100%;
327 margin: 0; /* reset margin for themes that define it */
329 margin: 0; /* reset margin for themes that define it */
328 padding: 0; /* reset padding for themes that define it */
330 padding: 0; /* reset padding for themes that define it */
329
331
330 color: white;
332 color: white;
331 background-color: #3e5b76;
333 background-color: #3e5b76;
332 }
334 }
333
335
334
336
335 /* avoid zoom on search input focus for ios devices */
337 /* avoid zoom on search input focus for ios devices */
336 .flyout-menu input[type='text']
338 .flyout-menu input[type='text']
337 {
339 {
338 font-size: 16px;
340 font-size: 16px;
339 }
341 }
340
342
341 .flyout-menu h3
343 .flyout-menu h3
342 {
344 {
343 font-size: 11px;
345 font-size: 11px;
344 line-height: 19px;
346 line-height: 19px;
345
347
346 height: 20px;
348 height: 20px;
347 margin: 0;
349 margin: 0;
348 padding: 0;
350 padding: 0;
349
351
350 letter-spacing: .1em;
352 letter-spacing: .1em;
351 text-transform: uppercase;
353 text-transform: uppercase;
352
354
353 color: white;
355 color: white;
354 border-top: 1px solid #506a83;
356 border-top: 1px solid #506a83;
355 border-bottom: 1px solid #506a83;
357 border-bottom: 1px solid #506a83;
356 background-color: #628db6;
358 background-color: #628db6;
357 }
359 }
358
360
359 .flyout-menu h4
361 .flyout-menu h4
360 {
362 {
361 color: white;
363 color: white;
362 }
364 }
363
365
364 .flyout-menu h3,
366 .flyout-menu h3,
365 .flyout-menu h4,
367 .flyout-menu h4,
366 .flyout-menu > p,
368 .flyout-menu > p,
367 .flyout-menu > a,
369 .flyout-menu > a,
368 .flyout-menu ul li a,
370 .flyout-menu ul li a,
369 .flyout-menu__search,
371 .flyout-menu__search,
370 .flyout-menu__sidebar > div,
372 .flyout-menu__sidebar > div,
371 .flyout-menu__sidebar > p,
373 .flyout-menu__sidebar > p,
372 .flyout-menu__sidebar > a,
374 .flyout-menu__sidebar > a,
373 .flyout-menu__sidebar > form,
375 .flyout-menu__sidebar > form,
374 .flyout-menu > div,
376 .flyout-menu > div,
375 .flyout-menu > form
377 .flyout-menu > form
376 {
378 {
377 padding-left: 8px;
379 padding-left: 8px;
378 }
380 }
379
381
380 .flyout-menu .flyout-menu__avatar
382 .flyout-menu .flyout-menu__avatar
381 {
383 {
382 margin-top: -1px; /* move avatar up 1px */
384 margin-top: -1px; /* move avatar up 1px */
383 padding-left: 0;
385 padding-left: 0;
384 }
386 }
385
387
386 .flyout-menu__sidebar > form
388 .flyout-menu__sidebar > form
387 {
389 {
388 display: block;
390 display: block;
389 }
391 }
390
392
391 .flyout-menu__sidebar > form h3
393 .flyout-menu__sidebar > form h3
392 {
394 {
393 margin-left: -8px;
395 margin-left: -8px;
394 }
396 }
395
397
396 .flyout-menu__sidebar > form label
398 .flyout-menu__sidebar > form label
397 {
399 {
398 display: inline-block;
400 display: inline-block;
399
401
400 margin: 8px 0;
402 margin: 8px 0;
401 }
403 }
402
404
403 .flyout-menu__sidebar > form br br
405 .flyout-menu__sidebar > form br br
404 {
406 {
405 display: none;
407 display: none;
406 }
408 }
407
409
408 .flyout-menu ul
410 .flyout-menu ul
409 {
411 {
410 margin: 0;
412 margin: 0;
411 padding: 0;
413 padding: 0;
412
414
413 list-style: none;
415 list-style: none;
414 }
416 }
415
417
416 .flyout-menu ul li a
418 .flyout-menu ul li a
417 {
419 {
418 line-height: 40px;
420 line-height: 40px;
419
421
420 display: block;
422 display: block;
421 overflow: hidden;
423 overflow: hidden;
422
424
423 height: 40px;
425 height: 40px;
424
426
425 white-space: nowrap;
427 white-space: nowrap;
426 text-overflow: ellipsis;
428 text-overflow: ellipsis;
427
429
428 border-top: 1px solid rgba(255,255,255,.1);
430 border-top: 1px solid rgba(255,255,255,.1);
429 }
431 }
430
432
431 .flyout-menu ul li:first-child a
433 .flyout-menu ul li:first-child a
432 {
434 {
433 line-height: 39px;
435 line-height: 39px;
434
436
435 height: 39px;
437 height: 39px;
436
438
437 border-top: none;
439 border-top: none;
438 }
440 }
439
441
440 .flyout-menu a
442 .flyout-menu a
441 {
443 {
442 color: white;
444 color: white;
443 }
445 }
444
446
445 .flyout-menu ul li a:hover
447 .flyout-menu ul li a:hover
446 {
448 {
447 text-decoration: none;
449 text-decoration: none;
448 }
450 }
449
451
450 .flyout-menu ul li a.new-object,
452 .flyout-menu ul li a.new-object,
451 .new-object ~ .menu-children
453 .new-object ~ .menu-children
452 {
454 {
453 display: none;
455 display: none;
454 }
456 }
455
457
456 /* Left flyout search container */
458 /* Left flyout search container */
457 .flyout-menu__search
459 .flyout-menu__search
458 {
460 {
459 line-height: 54px;
461 line-height: 54px;
460
462
461 height: 64px;
463 height: 64px;
462 padding-top: 3px;
464 padding-top: 3px;
463 padding-right: 8px;
465 padding-right: 8px;
464 }
466 }
465
467
466 .flyout-menu__search input[type='text']
468 .flyout-menu__search input[type='text']
467 {
469 {
468 line-height: 2;
470 line-height: 2;
469
471
470 width: 100%;
472 width: 100%;
471 height: 38px;
473 height: 38px;
472 padding-left: 27px;
474 padding-left: 27px;
473
475
474 vertical-align: middle;
476 vertical-align: middle;
475
477
476 border: none;
478 border: none;
477 -webkit-border-radius: 3px;
479 -webkit-border-radius: 3px;
478 border-radius: 3px;
480 border-radius: 3px;
479 background-color: #fff;
481 background-color: #fff;
480 }
482 }
481
483
482 .flyout-menu__avatar
484 .flyout-menu__avatar
483 {
485 {
484 display: -webkit-box;
486 display: -webkit-box;
485 display: -webkit-flex;
487 display: -webkit-flex;
486 display: -ms-flexbox;
488 display: -ms-flexbox;
487 display: flex;
489 display: flex;
488
490
489 width: 100%;
491 width: 100%;
490
492
491 border-top: 1px solid rgba(255,255,255,.1);
493 border-top: 1px solid rgba(255,255,255,.1);
492 }
494 }
493
495
494
496
495 .flyout-menu__avatar img.gravatar
497 .flyout-menu__avatar img.gravatar
496 {
498 {
497 width: 40px;
499 width: 40px;
498 height: 40px;
500 height: 40px;
499 padding: 0;
501 padding: 0;
500
502
501 vertical-align: top;
503 vertical-align: top;
502
504
503 border-width: 0;
505 border-width: 0;
504 }
506 }
505
507
506 .flyout-menu__avatar a
508 .flyout-menu__avatar a
507 {
509 {
508 line-height: 40px;
510 line-height: 40px;
509
511
510 height: auto;
512 height: auto;
511 height: 40px;
513 height: 40px;
512
514
513 text-decoration: none;
515 text-decoration: none;
514
516
515 color: white;
517 color: white;
516 }
518 }
517
519
518 /* avatar */
520 /* avatar */
519 .flyout-menu__avatar a:first-child
521 .flyout-menu__avatar a:first-child
520 {
522 {
521 line-height: 0;
523 line-height: 0;
522
524
523 width: 40px;
525 width: 40px;
524 padding: 0;
526 padding: 0;
525 }
527 }
526
528
527 .flyout-menu__avatar .user
529 .flyout-menu__avatar .user
528 {
530 {
529 padding-left: 15px;
531 padding-left: 15px;
530 }
532 }
531
533
532 /* user link when no avatar is present */
534 /* user link when no avatar is present */
533 .flyout-menu__avatar--no-avatar a.user
535 .flyout-menu__avatar--no-avatar a.user
534 {
536 {
535 line-height: 40px;
537 line-height: 40px;
536
538
537 padding-left: 8px;
539 padding-left: 8px;
538 }
540 }
539
541
540
542
541 .flyout-is-active body
543 .flyout-is-active body
542 {
544 {
543 overflow: hidden; /* for body not to have scrollbars when left flyout menu is active */
545 overflow: hidden; /* for body not to have scrollbars when left flyout menu is active */
544 }
546 }
545
547
546 html.flyout-is-active
548 html.flyout-is-active
547 {
549 {
548 overflow: hidden;
550 overflow: hidden;
549 }
551 }
550
552
551
553
552 .flyout-is-active #wrapper
554 .flyout-is-active #wrapper
553 {
555 {
554 right: 250px; /* when left flyout is active, move body to the right (same amount like flyout-menu's width) */
556 right: 250px; /* when left flyout is active, move body to the right (same amount like flyout-menu's width) */
555
557
556 height: 100%;
558 height: 100%;
557 }
559 }
558
560
559 .flyout-is-active .mobile-toggle-button:after
561 .flyout-is-active .mobile-toggle-button:after
560 {
562 {
561 content: '\00D7'; /* close glyph */
563 content: '\00D7'; /* close glyph */
562 }
564 }
563
565
564 .flyout-is-active #wrapper2
566 .flyout-is-active #wrapper2
565 {
567 {
566
568
567 /*
569 /*
568 * only relevant for devices with cursor when flyout it active, in order to show,
570 * only relevant for devices with cursor when flyout it active, in order to show,
569 * that whole wrapper content is clickable and closes flyout menu
571 * that whole wrapper content is clickable and closes flyout menu
570 */
572 */
571 cursor: pointer;
573 cursor: pointer;
572 }
574 }
573
575
574
576
575 #admin-menu
577 #admin-menu
576 {
578 {
577 padding-left: 0;
579 padding-left: 0;
578 }
580 }
579
581
580 #admin-menu li
582 #admin-menu li
581 {
583 {
582 padding-bottom: 0;
584 padding-bottom: 0;
583 }
585 }
584
586
585 #admin-menu a,
587 #admin-menu a,
586 #admin-menu a.selected
588 #admin-menu a.selected
587 {
589 {
588 line-height: 40px;
590 line-height: 40px;
589
591
590 padding: 0;
592 padding: 0;
591 padding-left: 32px !important;
593 padding-left: 32px !important;
592
594
593 background-position: 8px 50%;
595 background-position: 8px 50%;
594 }
596 }
595 }
597 }
General Comments 0
You need to be logged in to leave comments. Login now