OLD | NEW |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
4 | 4 |
5 html { | 5 html { |
6 /* It's necessary to put this here instead of in body in order to get the | 6 /* It's necessary to put this here instead of in body in order to get the |
7 background-size of 100% to work properly */ | 7 background-size of 100% to work properly */ |
8 height: 100%; | 8 height: 100%; |
9 overflow: hidden; | 9 overflow: hidden; |
10 } | 10 } |
(...skipping 281 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
292 } | 292 } |
293 | 293 |
294 #login-status-dismiss { | 294 #login-status-dismiss { |
295 min-width: 6em; | 295 min-width: 6em; |
296 } | 296 } |
297 | 297 |
298 /* Trash. *********************************************************************/ | 298 /* Trash. *********************************************************************/ |
299 | 299 |
300 #trash { | 300 #trash { |
301 -webkit-padding-start: 10px; | 301 -webkit-padding-start: 10px; |
302 -webkit-transition: top 200ms, opacity 0; | 302 -webkit-transition: top 200ms, opacity 0ms; |
303 -webkit-transition-delay: 0, 200ms; | 303 -webkit-transition-delay: 0ms, 200ms; |
304 color: #222; | 304 color: #222; |
305 height: 100%; | 305 height: 100%; |
306 opacity: 0; | 306 opacity: 0; |
307 position: absolute; | 307 position: absolute; |
308 right: 0; | 308 right: 0; |
309 top: 50px; | 309 top: 50px; |
310 width: auto; | 310 width: auto; |
311 } | 311 } |
312 | 312 |
313 html[dir='rtl'] #trash { | 313 html[dir='rtl'] #trash { |
314 left: 0; | 314 left: 0; |
315 right: auto; | 315 right: auto; |
316 } | 316 } |
317 | 317 |
318 #footer.showing-trash-mode #trash { | 318 #footer.showing-trash-mode #trash { |
319 -webkit-transition-delay: 0, 0; | 319 -webkit-transition-delay: 0ms, 0ms; |
320 -webkit-transition-duration: 0, 200ms; | 320 -webkit-transition-duration: 0ms, 200ms; |
321 opacity: 0.75; | 321 opacity: 0.75; |
322 top: 0; | 322 top: 0; |
323 } | 323 } |
324 | 324 |
325 #footer.showing-trash-mode #trash.drag-target { | 325 #footer.showing-trash-mode #trash.drag-target { |
326 opacity: 1; | 326 opacity: 1; |
327 } | 327 } |
328 | 328 |
329 #trash > .trash-text { | 329 #trash > .trash-text { |
330 -webkit-padding-end: 7px; | 330 -webkit-padding-end: 7px; |
(...skipping 95 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
426 } | 426 } |
427 | 427 |
428 /* Show the separator only if one of the menus is visible. */ | 428 /* Show the separator only if one of the menus is visible. */ |
429 .footer-menu-button:not([hidden]) ~ #chrome-web-store-link:not([hidden]) | 429 .footer-menu-button:not([hidden]) ~ #chrome-web-store-link:not([hidden]) |
430 ~ #vertical-separator { | 430 ~ #vertical-separator { |
431 display: inline-block; | 431 display: inline-block; |
432 } | 432 } |
433 | 433 |
434 /* In trash mode, hide the menus and web store link. */ | 434 /* In trash mode, hide the menus and web store link. */ |
435 #footer.showing-trash-mode .menu-container { | 435 #footer.showing-trash-mode .menu-container { |
436 -webkit-transition-delay: 0; | 436 -webkit-transition-delay: 0ms; |
437 opacity: 0; | 437 opacity: 0; |
438 visibility: hidden; | 438 visibility: hidden; |
439 } | 439 } |
440 | 440 |
441 #footer .menu-container { | 441 #footer .menu-container { |
442 -webkit-align-items: center; | 442 -webkit-align-items: center; |
443 -webkit-flex-direction: row; | 443 -webkit-flex-direction: row; |
444 -webkit-justify-content: flex-end; | 444 -webkit-justify-content: flex-end; |
445 /* Put menus in a box so the order can easily be swapped. */ | 445 /* Put menus in a box so the order can easily be swapped. */ |
446 display: -webkit-flex; | 446 display: -webkit-flex; |
(...skipping 15 matching lines...) Expand all Loading... |
462 padding: 0; | 462 padding: 0; |
463 } | 463 } |
464 | 464 |
465 .other-sessions-promo-message:only-child { | 465 .other-sessions-promo-message:only-child { |
466 display: block; | 466 display: block; |
467 } | 467 } |
468 | 468 |
469 .other-sessions-promo-message p { | 469 .other-sessions-promo-message p { |
470 margin: 0; | 470 margin: 0; |
471 } | 471 } |
OLD | NEW |