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 |