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