| 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 115 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 126 } | 126 } |
| 127 | 127 |
| 128 #logo-img { | 128 #logo-img { |
| 129 display: inline-block; | 129 display: inline-block; |
| 130 margin-top: 4px; | 130 margin-top: 4px; |
| 131 overflow: hidden; | 131 overflow: hidden; |
| 132 position: relative; | 132 position: relative; |
| 133 } | 133 } |
| 134 | 134 |
| 135 .starting-up * { | 135 .starting-up * { |
| 136 -webkit-transition: none !important; | 136 transition: none !important; |
| 137 } | 137 } |
| 138 | 138 |
| 139 /* Login Status. **************************************************************/ | 139 /* Login Status. **************************************************************/ |
| 140 | 140 |
| 141 #login-container { | 141 #login-container { |
| 142 background: transparent none; | 142 background: transparent none; |
| 143 border: none; | 143 border: none; |
| 144 box-shadow: none; | 144 box-shadow: none; |
| 145 color: inherit; | 145 color: inherit; |
| 146 font: inherit; | 146 font: inherit; |
| (...skipping 57 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 204 } | 204 } |
| 205 | 205 |
| 206 #login-status-dismiss { | 206 #login-status-dismiss { |
| 207 min-width: 6em; | 207 min-width: 6em; |
| 208 } | 208 } |
| 209 | 209 |
| 210 /* Trash. *********************************************************************/ | 210 /* Trash. *********************************************************************/ |
| 211 | 211 |
| 212 #trash { | 212 #trash { |
| 213 -webkit-padding-start: 10px; | 213 -webkit-padding-start: 10px; |
| 214 -webkit-transition: top 200ms, opacity 0ms; | |
| 215 -webkit-transition-delay: 0ms, 200ms; | |
| 216 color: #222; | 214 color: #222; |
| 217 height: 100%; | 215 height: 100%; |
| 218 opacity: 0; | 216 opacity: 0; |
| 219 position: absolute; | 217 position: absolute; |
| 220 right: 0; | 218 right: 0; |
| 221 top: 50px; | 219 top: 50px; |
| 220 transition: top 200ms, opacity 0ms; |
| 221 transition-delay: 0ms, 200ms; |
| 222 width: auto; | 222 width: auto; |
| 223 } | 223 } |
| 224 | 224 |
| 225 html[dir='rtl'] #trash { | 225 html[dir='rtl'] #trash { |
| 226 left: 0; | 226 left: 0; |
| 227 right: auto; | 227 right: auto; |
| 228 } | 228 } |
| 229 | 229 |
| 230 #footer.showing-trash-mode #trash { | 230 #footer.showing-trash-mode #trash { |
| 231 -webkit-transition-delay: 0ms, 0ms; | |
| 232 -webkit-transition-duration: 0ms, 200ms; | |
| 233 opacity: 0.75; | 231 opacity: 0.75; |
| 234 top: 0; | 232 top: 0; |
| 233 transition-delay: 0ms, 0ms; |
| 234 transition-duration: 0ms, 200ms; |
| 235 } | 235 } |
| 236 | 236 |
| 237 #footer.showing-trash-mode #trash.drag-target { | 237 #footer.showing-trash-mode #trash.drag-target { |
| 238 opacity: 1; | 238 opacity: 1; |
| 239 } | 239 } |
| 240 | 240 |
| 241 #trash > .trash-text { | 241 #trash > .trash-text { |
| 242 -webkit-padding-end: 7px; | 242 -webkit-padding-end: 7px; |
| 243 -webkit-padding-start: 30px; | 243 -webkit-padding-start: 30px; |
| 244 border: 1px dashed #7f7f7f; | 244 border: 1px dashed #7f7f7f; |
| (...skipping 29 matching lines...) Expand all Loading... |
| 274 font-size: 0.9em; | 274 font-size: 0.9em; |
| 275 font-weight: bold; | 275 font-weight: bold; |
| 276 pointer-events: none; | 276 pointer-events: none; |
| 277 position: absolute; | 277 position: absolute; |
| 278 visibility: hidden; | 278 visibility: hidden; |
| 279 } | 279 } |
| 280 | 280 |
| 281 /* Page switcher buttons. *****************************************************/ | 281 /* Page switcher buttons. *****************************************************/ |
| 282 | 282 |
| 283 .page-switcher { | 283 .page-switcher { |
| 284 -webkit-transition: width 150ms, right 150ms, background-color 150ms; | |
| 285 background-color: transparent; | 284 background-color: transparent; |
| 286 border: none; | 285 border: none; |
| 287 bottom: 0; | 286 bottom: 0; |
| 288 font-size: 40px; | 287 font-size: 40px; |
| 289 margin: 0; | 288 margin: 0; |
| 290 max-width: 150px; | 289 max-width: 150px; |
| 291 min-width: 90px; | 290 min-width: 90px; |
| 292 outline: none; | 291 outline: none; |
| 293 padding: 0; | 292 padding: 0; |
| 294 position: absolute; | 293 position: absolute; |
| 295 top: 0; | 294 top: 0; |
| 295 transition: width 150ms, right 150ms, background-color 150ms; |
| 296 z-index: 5; | 296 z-index: 5; |
| 297 } | 297 } |
| 298 | 298 |
| 299 /* Footer buttons. ************************************************************/ | 299 /* Footer buttons. ************************************************************/ |
| 300 | 300 |
| 301 #chrome-web-store-link { | 301 #chrome-web-store-link { |
| 302 -webkit-order: 3; | 302 -webkit-order: 3; |
| 303 -webkit-padding-end: 12px; | 303 -webkit-padding-end: 12px; |
| 304 -webkit-transition-delay: 100ms; | |
| 305 color: inherit; | 304 color: inherit; |
| 306 cursor: pointer; | 305 cursor: pointer; |
| 307 display: inline-block; | 306 display: inline-block; |
| 308 margin: 0; | 307 margin: 0; |
| 309 text-decoration: none; | 308 text-decoration: none; |
| 309 transition-delay: 100ms; |
| 310 white-space: nowrap; | 310 white-space: nowrap; |
| 311 } | 311 } |
| 312 | 312 |
| 313 #chrome-web-store-title { | 313 #chrome-web-store-title { |
| 314 -webkit-padding-end: 36px; | 314 -webkit-padding-end: 36px; |
| 315 -webkit-padding-start: 15px; | 315 -webkit-padding-start: 15px; |
| 316 background: url(chrome://theme/IDR_WEBSTORE_ICON_24) right 50% no-repeat; | 316 background: url(chrome://theme/IDR_WEBSTORE_ICON_24) right 50% no-repeat; |
| 317 display: inline-block; | 317 display: inline-block; |
| 318 line-height: 49px; | 318 line-height: 49px; |
| 319 } | 319 } |
| 320 | 320 |
| 321 #chrome-web-store-link:hover { | 321 #chrome-web-store-link:hover { |
| 322 color: #666; | 322 color: #666; |
| 323 } | 323 } |
| 324 | 324 |
| 325 html[dir='rtl'] #chrome-web-store-title { | 325 html[dir='rtl'] #chrome-web-store-title { |
| 326 background-position-x: left; | 326 background-position-x: left; |
| 327 } | 327 } |
| 328 | 328 |
| 329 /* In trash mode, hide the menus and web store link. */ | 329 /* In trash mode, hide the menus and web store link. */ |
| 330 #footer.showing-trash-mode .menu-container { | 330 #footer.showing-trash-mode .menu-container { |
| 331 -webkit-transition-delay: 0ms; | |
| 332 opacity: 0; | 331 opacity: 0; |
| 332 transition-delay: 0ms; |
| 333 visibility: hidden; | 333 visibility: hidden; |
| 334 } | 334 } |
| 335 | 335 |
| 336 #footer .menu-container { | 336 #footer .menu-container { |
| 337 -webkit-align-items: center; | 337 -webkit-align-items: center; |
| 338 -webkit-flex-direction: row; | 338 -webkit-flex-direction: row; |
| 339 -webkit-justify-content: flex-end; | 339 -webkit-justify-content: flex-end; |
| 340 /* Put menus in a box so the order can easily be swapped. */ | 340 /* Put menus in a box so the order can easily be swapped. */ |
| 341 display: -webkit-flex; | 341 display: -webkit-flex; |
| 342 height: 100%; | 342 height: 100%; |
| (...skipping 10 matching lines...) Expand all Loading... |
| 353 padding: 0; | 353 padding: 0; |
| 354 } | 354 } |
| 355 | 355 |
| 356 .other-sessions-promo-message:only-child { | 356 .other-sessions-promo-message:only-child { |
| 357 display: block; | 357 display: block; |
| 358 } | 358 } |
| 359 | 359 |
| 360 .other-sessions-promo-message p { | 360 .other-sessions-promo-message p { |
| 361 margin: 0; | 361 margin: 0; |
| 362 } | 362 } |
| OLD | NEW |