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
3 * found in the LICENSE file. */
10 -webkit-app-region: drag
;
11 background-color: rgba
(20, 20, 20, 0.93);
19 /* Click events are not received in draggable area. Making all clickable areas
20 * not draggable to receive click events.
21 * TODO(bshe): Remove this when http://crbug.com/142275 fixed.
23 .dialog-topbar #navstrip
,
24 .dialog-topbar #window-close-button
,
25 .overlay-container
.page
,
27 /* TODO(bshe): Once http://crbug.com/369651 fixed, use .image-picker instead of
28 * #category-container.
32 -webkit-app-region: no-drag
;
37 flex-direction: column
;
43 -webkit-box-align: center
;
51 .dialog-topbar .spacer {
56 -webkit-box-orient: horizontal
;
63 #categories-list > li
{
64 -webkit-box-align: center
;
65 -webkit-transition: border-top
130ms ease
;
66 -webkit-user-select: none
;
67 border-top: 4px solid transparent
;
73 #categories-list:not
([disabled
]) > li:hover
{
74 border-top-color: rgba
(255, 255, 255, 0.4);
78 #categories-list > li
[selected
] {
79 color: rgb
(70, 78, 90);
83 #categories-list > li
> div
{
88 #categories-list > li
[selected
] > div
{
93 background-position: center
;
94 background-repeat: no-repeat
;
103 #window-close-button {
104 background-image: url
(../images
/ui
/close-white
.png
);
107 #window-close-button:hover
{
108 background-image: url
(../images
/ui
/close-white-hover
.png
);
112 -webkit-transition: left
130ms ease-in-out
;
113 background-color: #eee;
124 #category-container {
130 -webkit-box-align: center
;
131 -webkit-box-pack: center
;
132 background: url
(chrome://resources
/images
/throbber
.svg
) center
/32px no-repeat
;
133 display: -webkit-box
;
135 padding-bottom: 15px;
142 #wallpaper-set-by-message {
143 -webkit-padding-end: 5px;
144 -webkit-padding-start: 15px;
148 #wallpaper-set-by-message:empty
{
153 -webkit-padding-end: 5px;
154 -webkit-padding-start: 15px;
156 /* Set font size to 0 to remove the extra vertical margin between two rows of
158 * TODO(bshe): Find the root cause of the margin.
164 padding-bottom: 15px;
168 .image-picker .spacer {
173 display: inline-block
;
179 .image-picker [role=listitem] {
180 -webkit-margin-end: 1px;
187 .image-picker:not([disabled]) [role=listitem]:hover {
188 outline: 3px solid
#f1f1f1;
192 .image-picker .check {
193 background-image: url
(../images/ui/check.png);
202 ::-webkit-scrollbar
{
206 ::-webkit-scrollbar-thumb
{
210 ::-webkit-scrollbar-thumb:hover
{
214 /* The width and height of img tag need to be set here. Otherwise, an incorrect
215 * image size may be used during layout. Some images may be misaligned as a
216 * result. See http://code.google.com/p/chromium/issues/detail?id=148480 for
224 .image-picker
[disabled
]~.bottom-bar #online-wallpaper-attribute
,
225 .image-picker[disabled] .check {
229 .image-picker
[disabled
],
230 .image-picker-offline img:not([offline]) {
231 -webkit-filter: grayscale
(1);
234 #wallpaper-attribute {
235 -webkit-box-orient: vertical
;
236 display: -webkit-box
;
240 -webkit-box-align: center
;
241 -webkit-box-orient: horizontal
;
242 -webkit-box-pack: end
;
243 display: -webkit-box
;
245 padding: 11px 15px 8px 15px;
248 .bottom-bar > .spacer {
252 #online-wallpaper-attribute {
253 display: -webkit-box
;
257 -webkit-margin-end: 10px;
269 /* [hidden] does display:none, but its priority is too low. */
271 body
[custom
] [visibleif
]:not
([visibleif
~='custom']),
272 body:not
([custom
]) [visibleif
~='custom'] {
273 display: none
!important
;
276 body
[surprise-me-disabled
] [visibleif
]:not
([visibleif
~='surprise-me-disabled']),
277 body:not
([surprise-me-disabled
]) [visibleif
~='surprise-me-disabled'] {
278 display: none
!important
;
282 background-color: rgba
(255, 255, 255, 0.7);
290 -webkit-transition: width
1ms linear
;
291 background-color: rgb
(66, 129, 244);
297 -webkit-box-align: center
;
298 -webkit-box-orient: vertical
;
299 -webkit-box-pack: center
;
300 background-color: rgba
(25, 25, 25, 0.25);
302 display: -webkit-box
;
311 .overlay-container .page {
312 -webkit-box-orient: vertical
;
313 background: rgb
(255, 255, 255);
315 box-shadow: 0 4px 23px 5px rgba
(0, 0, 0, 0.2), 0 2px 6px rgba
(0, 0, 0, 0.15);
317 display: -webkit-box
;
327 .overlay-container .close {
328 background-image: url
(../images
/ui
/close-overlay
.png
);
331 .overlay-container .close:hover {
332 background-image: url
(../images
/ui
/close-overlay-hover
.png
);
335 /* Custom wallpaper thumbnail container. */
337 content: url
(../images
/ui
/add-wallpaper-thumbnail
.png
);
340 .image-picker:not([disabled]) #add-new:hover img {
341 content: url
(../images
/ui
/add-wallpaper-thumbnail-hover
.png
);
344 #wallpaper-selection-container #content div
{
345 margin: 20px 0 5px 0;
348 #wallpaper-selection-container #warning span
{
352 #wallpaper-selection-container select
{
356 #wallpaper-selection-container input
[type
='file']::-webkit-file-upload-button
{
360 #wallpaper-selection-container .remember-icon
{
361 content: url
(../images/ui/remember.png);
364 #surprise-me #checkbox
{
365 background-image: url
(../images/ui/checkbox_unchecked.png);
366 display: inline-block
;
375 #surprise-me #checkbox
.checked
{
376 background-image: url
(../images/ui/checkbox_checked.png);