| 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 */ | |
| 5 | 4 |
| 6 html { | 5 html { |
| 7 font-family: segoe ui, arial, helvetica, sans-serif; | 6 font-family: segoe ui, arial, helvetica, sans-serif; |
| 8 font-size: 14px; | 7 font-size: 14px; |
| 9 /* It's necessary to put this here instead of in body in order to get the | 8 /* It's necessary to put this here instead of in body in order to get the |
| 10 background-size of 100% to work properly */ | 9 background-size of 100% to work properly */ |
| 11 height: 100%; | 10 height: 100%; |
| 12 overflow: hidden; | 11 overflow: hidden; |
| 13 } | 12 } |
| 14 | 13 |
| (...skipping 83 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 98 overflow: hidden; | 97 overflow: hidden; |
| 99 /* We want this to fill the window except for the region used | 98 /* We want this to fill the window except for the region used |
| 100 by footer */ | 99 by footer */ |
| 101 position: fixed; | 100 position: fixed; |
| 102 top: 0; | 101 top: 0; |
| 103 width: 100%; | 102 width: 100%; |
| 104 } | 103 } |
| 105 | 104 |
| 106 #page-list { | 105 #page-list { |
| 107 /* fill the apps-frame */ | 106 /* fill the apps-frame */ |
| 107 display: -webkit-box; |
| 108 height: 100%; | 108 height: 100%; |
| 109 display: -webkit-box; | |
| 110 } | 109 } |
| 111 | 110 |
| 112 #attribution { | 111 #attribution { |
| 113 bottom: 0; | 112 bottom: 0; |
| 114 left: auto; | 113 left: auto; |
| 115 margin-left: 8px; | 114 margin-left: 8px; |
| 116 /* Leave room for the scrollbar. */ | 115 /* Leave room for the scrollbar. */ |
| 117 margin-right: 13px; | 116 margin-right: 13px; |
| 118 position: absolute; | 117 position: absolute; |
| 119 right: 0; | 118 right: 0; |
| (...skipping 120 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 240 min-width: 6em; | 239 min-width: 6em; |
| 241 } | 240 } |
| 242 | 241 |
| 243 /* Trash. *********************************************************************/ | 242 /* Trash. *********************************************************************/ |
| 244 | 243 |
| 245 #trash { | 244 #trash { |
| 246 -webkit-transition: top 200ms, opacity 0; | 245 -webkit-transition: top 200ms, opacity 0; |
| 247 -webkit-transition-delay: 0, 200ms; | 246 -webkit-transition-delay: 0, 200ms; |
| 248 color: #222; | 247 color: #222; |
| 249 height: 100%; | 248 height: 100%; |
| 249 opacity: 0; |
| 250 position: absolute; | 250 position: absolute; |
| 251 opacity: 0; | |
| 252 right: 0; | 251 right: 0; |
| 253 top: 50px; | 252 top: 50px; |
| 254 width: auto; | 253 width: auto; |
| 255 } | 254 } |
| 256 | 255 |
| 257 html[dir='rtl'] #trash { | 256 html[dir='rtl'] #trash { |
| 258 left: 0; | 257 left: 0; |
| 259 right: auto; | 258 right: auto; |
| 260 } | 259 } |
| 261 | 260 |
| (...skipping 44 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 306 } | 305 } |
| 307 | 306 |
| 308 /* Page switcher buttons. *****************************************************/ | 307 /* Page switcher buttons. *****************************************************/ |
| 309 | 308 |
| 310 .page-switcher { | 309 .page-switcher { |
| 311 -webkit-transition: width 150ms, right 150ms, background-color 150ms; | 310 -webkit-transition: width 150ms, right 150ms, background-color 150ms; |
| 312 background-color: transparent; | 311 background-color: transparent; |
| 313 border: none; | 312 border: none; |
| 314 bottom: 0; | 313 bottom: 0; |
| 315 font-size: 40px; | 314 font-size: 40px; |
| 316 padding: 0; | |
| 317 position: absolute; | |
| 318 margin: 0; | 315 margin: 0; |
| 319 max-width: 150px; | 316 max-width: 150px; |
| 320 min-width: 90px; | 317 min-width: 90px; |
| 321 outline: none; | 318 outline: none; |
| 319 padding: 0; |
| 320 position: absolute; |
| 322 top: 0; | 321 top: 0; |
| 323 z-index: 5; | 322 z-index: 5; |
| 324 } | 323 } |
| 325 | 324 |
| 326 #chrome-web-store-href { | 325 #chrome-web-store-href { |
| 327 -webkit-padding-end: 12px; | 326 -webkit-padding-end: 12px; |
| 328 /* Match transition delay of recently closed button. */ | 327 /* Match transition delay of recently closed button. */ |
| 329 -webkit-transition-delay: 100ms; | 328 -webkit-transition-delay: 100ms; |
| 330 color: #7F7F7F; | 329 color: #7F7F7F; |
| 331 cursor: pointer; | 330 cursor: pointer; |
| 332 display: none; | 331 display: none; |
| 333 margin: 0; | 332 margin: 0; |
| 334 text-decoration: none; | 333 text-decoration: none; |
| 335 } | 334 } |
| 336 | 335 |
| 337 #chrome-web-store-title { | 336 #chrome-web-store-title { |
| 338 -webkit-padding-end: 26px; | 337 -webkit-padding-end: 26px; |
| 339 -webkit-padding-start: 16px; | 338 -webkit-padding-start: 16px; |
| 340 background: url('chrome://theme/IDR_WEBSTORE_ICON_24') right 50% no-repeat; | 339 background: url('chrome://theme/IDR_WEBSTORE_ICON_24') right 50% no-repeat; |
| 341 display: inline-block; | 340 display: inline-block; |
| 341 font-size: 9pt; |
| 342 font-weight: bold; | 342 font-weight: bold; |
| 343 font-size: 9pt; | |
| 344 line-height: 49px; | 343 line-height: 49px; |
| 345 } | 344 } |
| 346 | 345 |
| 347 #chrome-web-store-href:hover { | 346 #chrome-web-store-href:hover { |
| 348 color: #666; | 347 color: #666; |
| 349 } | 348 } |
| 350 | 349 |
| 351 html[dir='rtl'] #chrome-web-store-title { | 350 html[dir='rtl'] #chrome-web-store-title { |
| 352 background-position-x: left; | 351 background-position-x: left; |
| 353 } | 352 } |
| 354 | 353 |
| 355 /* Show the chrome-web-store button when the experiment is turned on. */ | 354 /* Show the chrome-web-store button when the experiment is turned on. */ |
| 356 .enable-cws-experiment #chrome-web-store-href { | 355 .enable-cws-experiment #chrome-web-store-href { |
| 357 display: inline-block; | 356 display: inline-block; |
| 358 } | 357 } |
| 359 | 358 |
| 360 /* Reserve space for the menu button even when it's hidden. */ | 359 /* Reserve space for the menu button even when it's hidden. */ |
| 361 #footer.showing-trash-mode #chrome-web-store-href { | 360 #footer.showing-trash-mode #chrome-web-store-href { |
| 362 visibility: hidden; | 361 visibility: hidden; |
| 363 } | 362 } |
| 364 | 363 |
| 365 #footer.showing-trash-mode #chrome-web-store-href { | 364 #footer.showing-trash-mode #chrome-web-store-href { |
| 366 -webkit-transition-delay: 0; | 365 -webkit-transition-delay: 0; |
| 367 opacity: 0; | 366 opacity: 0; |
| 368 } | 367 } |
| OLD | NEW |