| 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 |