OLD | NEW |
1 /* Copyright (c) 2013 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2013 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 height: 100%; | 6 height: 100%; |
7 } | 7 } |
8 | 8 |
9 body { | 9 body { |
10 -webkit-app-region: drag; | 10 -webkit-app-region: drag; |
(...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
53 #categories-list { | 53 #categories-list { |
54 -webkit-box-orient: horizontal; | 54 -webkit-box-orient: horizontal; |
55 display: -webkit-box; | 55 display: -webkit-box; |
56 height: 54px; | 56 height: 54px; |
57 outline: none; | 57 outline: none; |
58 width: 100%; | 58 width: 100%; |
59 } | 59 } |
60 | 60 |
61 #categories-list > li { | 61 #categories-list > li { |
62 -webkit-box-align: center; | 62 -webkit-box-align: center; |
63 -webkit-transition: border-top 130ms ease; | |
64 -webkit-user-select: none; | 63 -webkit-user-select: none; |
65 border-top: 4px solid transparent; | 64 border-top: 4px solid transparent; |
66 color: #777; | 65 color: #777; |
67 display: -webkit-box; | 66 display: -webkit-box; |
68 height: 50px; | 67 height: 50px; |
| 68 transition: border-top 130ms ease; |
69 } | 69 } |
70 | 70 |
71 #categories-list:not([disabled]) > li:hover { | 71 #categories-list:not([disabled]) > li:hover { |
72 border-top-color: rgba(255, 255, 255, 0.4); | 72 border-top-color: rgba(255, 255, 255, 0.4); |
73 cursor: pointer; | 73 cursor: pointer; |
74 } | 74 } |
75 | 75 |
76 #categories-list > li[selected] { | 76 #categories-list > li[selected] { |
77 color: rgb(70, 78, 90); | 77 color: rgb(70, 78, 90); |
78 cursor: default; | 78 cursor: default; |
(...skipping 21 matching lines...) Expand all Loading... |
100 | 100 |
101 #window-close-button { | 101 #window-close-button { |
102 background-image: url(../images/ui/close-white.png); | 102 background-image: url(../images/ui/close-white.png); |
103 } | 103 } |
104 | 104 |
105 #window-close-button:hover { | 105 #window-close-button:hover { |
106 background-image: url(../images/ui/close-white-hover.png); | 106 background-image: url(../images/ui/close-white-hover.png); |
107 } | 107 } |
108 | 108 |
109 #bar { | 109 #bar { |
110 -webkit-transition: left 130ms ease-in-out; | |
111 background-color: #eee; | 110 background-color: #eee; |
112 height: 4px; | 111 height: 4px; |
113 position: absolute; | 112 position: absolute; |
114 top: 0; | 113 top: 0; |
| 114 transition: left 130ms ease-in-out; |
115 } | 115 } |
116 | 116 |
117 .dialog-main { | 117 .dialog-main { |
118 display: flex; | 118 display: flex; |
119 flex: 1; | 119 flex: 1; |
120 } | 120 } |
121 | 121 |
122 #category-container { | 122 #category-container { |
123 flex: 1; | 123 flex: 1; |
124 position: relative; | 124 position: relative; |
(...skipping 155 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
280 | 280 |
281 .progress-bar { | 281 .progress-bar { |
282 background-color: rgba(255, 255, 255, 0.7); | 282 background-color: rgba(255, 255, 255, 0.7); |
283 height: 6px; | 283 height: 6px; |
284 position: absolute; | 284 position: absolute; |
285 top: 62px; | 285 top: 62px; |
286 width: 100%; | 286 width: 100%; |
287 } | 287 } |
288 | 288 |
289 .progress-track { | 289 .progress-track { |
290 -webkit-transition: width 1ms linear; | |
291 background-color: rgb(66, 129, 244); | 290 background-color: rgb(66, 129, 244); |
292 height: 100%; | 291 height: 100%; |
| 292 transition: width 1ms linear; |
293 width: 0; | 293 width: 0; |
294 } | 294 } |
295 | 295 |
296 .overlay-container { | 296 .overlay-container { |
297 -webkit-box-align: center; | 297 -webkit-box-align: center; |
298 -webkit-box-orient: vertical; | 298 -webkit-box-orient: vertical; |
299 -webkit-box-pack: center; | 299 -webkit-box-pack: center; |
300 background-color: rgba(25, 25, 25, 0.25); | 300 background-color: rgba(25, 25, 25, 0.25); |
301 bottom: 0; | 301 bottom: 0; |
302 display: -webkit-box; | 302 display: -webkit-box; |
(...skipping 65 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
368 margin-right: 4px; | 368 margin-right: 4px; |
369 opacity: 0.7; | 369 opacity: 0.7; |
370 position: relative; | 370 position: relative; |
371 top: 4px; | 371 top: 4px; |
372 width: 17px; | 372 width: 17px; |
373 } | 373 } |
374 | 374 |
375 #surprise-me #checkbox.checked { | 375 #surprise-me #checkbox.checked { |
376 background-image: url(../images/ui/checkbox_checked.png); | 376 background-image: url(../images/ui/checkbox_checked.png); |
377 } | 377 } |
OLD | NEW |