| 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 15 matching lines...) Expand all Loading... |
| 26 #author-website, | 26 #author-website, |
| 27 /* TODO(bshe): Once http://crbug.com/369651 fixed, use .image-picker instead of | 27 /* TODO(bshe): Once http://crbug.com/369651 fixed, use .image-picker instead of |
| 28 * #category-container. | 28 * #category-container. |
| 29 */ | 29 */ |
| 30 #category-container, | 30 #category-container, |
| 31 #surprise-me { | 31 #surprise-me { |
| 32 -webkit-app-region: no-drag; | 32 -webkit-app-region: no-drag; |
| 33 } | 33 } |
| 34 | 34 |
| 35 .dialog-container { | 35 .dialog-container { |
| 36 -webkit-box-orient: vertical; | 36 display: flex; |
| 37 display: -webkit-box; | 37 flex-direction: column; |
| 38 height: 100%; |
| 38 overflow: hidden; | 39 overflow: hidden; |
| 39 } | 40 } |
| 40 | 41 |
| 41 .dialog-topbar { | 42 .dialog-topbar { |
| 42 -webkit-box-align: center; | 43 -webkit-box-align: center; |
| 43 display: -webkit-box; | 44 display: -webkit-box; |
| 44 height: 54px; | 45 height: 54px; |
| 45 overflow: hidden; | 46 overflow: hidden; |
| 46 padding: 0 15px; | 47 padding: 0 15px; |
| 47 position: relative; | 48 position: relative; |
| (...skipping 61 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 109 | 110 |
| 110 #bar { | 111 #bar { |
| 111 -webkit-transition: left 130ms ease-in-out; | 112 -webkit-transition: left 130ms ease-in-out; |
| 112 background-color: #eee; | 113 background-color: #eee; |
| 113 height: 4px; | 114 height: 4px; |
| 114 position: absolute; | 115 position: absolute; |
| 115 top: 0; | 116 top: 0; |
| 116 } | 117 } |
| 117 | 118 |
| 118 .dialog-main { | 119 .dialog-main { |
| 119 -webkit-box-align: stretch; | 120 display: flex; |
| 120 -webkit-box-flex: 1; | 121 flex: 1; |
| 121 display: -webkit-box; | |
| 122 } | 122 } |
| 123 | 123 |
| 124 #category-container { | 124 #category-container { |
| 125 -webkit-box-flex: 1; | 125 display: flex; |
| 126 -webkit-box-orient: vertical; | 126 flex: 1; |
| 127 display: -webkit-box; | 127 flex-direction: column; |
| 128 position: relative; | 128 position: relative; |
| 129 } | 129 } |
| 130 | 130 |
| 131 #spinner-container { | 131 #spinner-container { |
| 132 -webkit-box-align: center; | 132 -webkit-box-align: center; |
| 133 -webkit-box-pack: center; | 133 -webkit-box-pack: center; |
| 134 display: -webkit-box; | 134 display: -webkit-box; |
| 135 height: 287px; | 135 height: 287px; |
| 136 padding-bottom: 15px; | 136 padding-bottom: 15px; |
| 137 padding-top: 5px; | 137 padding-top: 5px; |
| (...skipping 16 matching lines...) Expand all Loading... |
| 154 -webkit-animation-iteration-count: infinite; | 154 -webkit-animation-iteration-count: infinite; |
| 155 -webkit-animation-name: spin; | 155 -webkit-animation-name: spin; |
| 156 -webkit-animation-timing-function: linear; | 156 -webkit-animation-timing-function: linear; |
| 157 background-image: url('../images/ui/spinner.png'); | 157 background-image: url('../images/ui/spinner.png'); |
| 158 background-position: center; | 158 background-position: center; |
| 159 background-repeat: no-repeat; | 159 background-repeat: no-repeat; |
| 160 height: 16px; | 160 height: 16px; |
| 161 width: 16px; | 161 width: 16px; |
| 162 } | 162 } |
| 163 | 163 |
| 164 #wallpaper-set-by-message { |
| 165 -webkit-padding-end: 5px; |
| 166 -webkit-padding-start: 15px; |
| 167 height: 17px; |
| 168 } |
| 169 |
| 170 #wallpaper-set-by-message:empty { |
| 171 display: none; |
| 172 } |
| 173 |
| 164 .image-picker { | 174 .image-picker { |
| 165 -webkit-padding-end: 5px; | 175 -webkit-padding-end: 5px; |
| 166 -webkit-padding-start: 15px; | 176 -webkit-padding-start: 15px; |
| 167 display: block; | 177 display: block; |
| 178 flex: 1; |
| 168 /* Set font size to 0 to remove the extra vertical margin between two rows of | 179 /* Set font size to 0 to remove the extra vertical margin between two rows of |
| 169 * thumbnails. | 180 * thumbnails. |
| 170 * TODO(bshe): Find the root cause of the margin. | 181 * TODO(bshe): Find the root cause of the margin. |
| 171 */ | 182 */ |
| 172 font-size: 0; | 183 font-size: 0; |
| 173 height: 287px; | |
| 174 outline: none; | 184 outline: none; |
| 175 overflow-y: auto; | 185 overflow-y: auto; |
| 176 padding-bottom: 15px; | 186 padding-bottom: 15px; |
| 177 padding-top: 5px; | 187 padding-top: 5px; |
| 178 } | 188 } |
| 179 | 189 |
| 180 .image-picker .spacer { | 190 .image-picker .spacer { |
| 181 display: block; | 191 display: block; |
| 182 } | 192 } |
| 183 | 193 |
| (...skipping 191 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 375 margin-right: 4px; | 385 margin-right: 4px; |
| 376 opacity: 0.7; | 386 opacity: 0.7; |
| 377 position: relative; | 387 position: relative; |
| 378 top: 4px; | 388 top: 4px; |
| 379 width: 17px; | 389 width: 17px; |
| 380 } | 390 } |
| 381 | 391 |
| 382 #surprise-me #checkbox.checked { | 392 #surprise-me #checkbox.checked { |
| 383 background-image: url('../images/ui/checkbox_checked.png'); | 393 background-image: url('../images/ui/checkbox_checked.png'); |
| 384 } | 394 } |
| OLD | NEW |