| 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; |
| 11 background-color: rgba(20, 20, 20, 0.93); | 11 background-color: rgba(20, 20, 20, 0.93); |
| 12 color: #999; | 12 color: #999; |
| 13 font-size: 80%; | 13 font-size: 80%; |
| 14 height: 100%; | 14 height: 100%; |
| 15 margin: 0; | 15 margin: 0; |
| 16 padding: 0; | 16 padding: 0; |
| 17 } | 17 } |
| 18 | 18 |
| 19 /* Click events are not received in draggable area. Making all clickable areas | 19 /* Click events are not received in draggable area. Making all clickable areas |
| 20 * not draggable to receive click events. | 20 * not draggable to receive click events. |
| 21 * TODO(bshe): Remove this when http://crbug.com/142275 fixed. | 21 * TODO(bshe): Remove this when http://crbug.com/142275 fixed. */ |
| 22 */ | |
| 23 .dialog-topbar #navstrip, | 22 .dialog-topbar #navstrip, |
| 24 .dialog-topbar #window-close-button, | 23 .dialog-topbar #window-close-button, |
| 25 .overlay-container .page, | 24 .overlay-container .page, |
| 26 #author-website, | 25 #author-website, |
| 27 /* TODO(bshe): Once http://crbug.com/369651 fixed, use .image-picker instead of | 26 /* TODO(bshe): Once http://crbug.com/369651 fixed, use .image-picker instead of |
| 28 * #category-container. | 27 * #category-container. */ |
| 29 */ | |
| 30 #category-container, | 28 #category-container, |
| 31 #surprise-me { | 29 #surprise-me { |
| 32 -webkit-app-region: no-drag; | 30 -webkit-app-region: no-drag; |
| 33 } | 31 } |
| 34 | 32 |
| 35 .dialog-container { | 33 .dialog-container { |
| 36 display: flex; | 34 display: flex; |
| 37 flex-direction: column; | 35 flex-direction: column; |
| 38 height: 100%; | 36 height: 100%; |
| 39 overflow: hidden; | 37 overflow: hidden; |
| (...skipping 109 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 149 #wallpaper-set-by-message:empty { | 147 #wallpaper-set-by-message:empty { |
| 150 display: none; | 148 display: none; |
| 151 } | 149 } |
| 152 | 150 |
| 153 .image-picker { | 151 .image-picker { |
| 154 -webkit-padding-end: 5px; | 152 -webkit-padding-end: 5px; |
| 155 -webkit-padding-start: 15px; | 153 -webkit-padding-start: 15px; |
| 156 display: block; | 154 display: block; |
| 157 /* Set font size to 0 to remove the extra vertical margin between two rows of | 155 /* Set font size to 0 to remove the extra vertical margin between two rows of |
| 158 * thumbnails. | 156 * thumbnails. |
| 159 * TODO(bshe): Find the root cause of the margin. | 157 * TODO(bshe): Find the root cause of the margin. */ |
| 160 */ | |
| 161 font-size: 0; | 158 font-size: 0; |
| 162 height: 287px; | 159 height: 287px; |
| 163 outline: none; | 160 outline: none; |
| 164 overflow-y: auto; | 161 overflow-y: auto; |
| 165 padding-bottom: 15px; | 162 padding-bottom: 15px; |
| 166 padding-top: 5px; | 163 padding-top: 5px; |
| 167 } | 164 } |
| 168 | 165 |
| 169 .image-picker .spacer { | 166 .image-picker .spacer { |
| 170 display: block; | 167 display: block; |
| (...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 212 background: #aaa; | 209 background: #aaa; |
| 213 } | 210 } |
| 214 | 211 |
| 215 ::-webkit-scrollbar-thumb:hover { | 212 ::-webkit-scrollbar-thumb:hover { |
| 216 background: #888; | 213 background: #888; |
| 217 } | 214 } |
| 218 | 215 |
| 219 /* The width and height of img tag need to be set here. Otherwise, an incorrect | 216 /* The width and height of img tag need to be set here. Otherwise, an incorrect |
| 220 * image size may be used during layout. Some images may be misaligned as a | 217 * image size may be used during layout. Some images may be misaligned as a |
| 221 * result. See http://code.google.com/p/chromium/issues/detail?id=148480 for | 218 * result. See http://code.google.com/p/chromium/issues/detail?id=148480 for |
| 222 * screen shot. | 219 * screen shot. */ |
| 223 */ | |
| 224 .image-picker img { | 220 .image-picker img { |
| 225 height: 68px; | 221 height: 68px; |
| 226 width: 108px; | 222 width: 108px; |
| 227 } | 223 } |
| 228 | 224 |
| 229 .image-picker[disabled]~.bottom-bar #online-wallpaper-attribute, | 225 .image-picker[disabled]~.bottom-bar #online-wallpaper-attribute, |
| 230 .image-picker[disabled] .check { | 226 .image-picker[disabled] .check { |
| 231 visibility: hidden; | 227 visibility: hidden; |
| 232 } | 228 } |
| 233 | 229 |
| (...skipping 138 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 372 margin-right: 4px; | 368 margin-right: 4px; |
| 373 opacity: 0.7; | 369 opacity: 0.7; |
| 374 position: relative; | 370 position: relative; |
| 375 top: 4px; | 371 top: 4px; |
| 376 width: 17px; | 372 width: 17px; |
| 377 } | 373 } |
| 378 | 374 |
| 379 #surprise-me #checkbox.checked { | 375 #surprise-me #checkbox.checked { |
| 380 background-image: url(../images/ui/checkbox_checked.png); | 376 background-image: url(../images/ui/checkbox_checked.png); |
| 381 } | 377 } |
| OLD | NEW |