OLD | NEW |
---|---|
1 /* Copyright (c) 2014 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2014 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 body { | 5 body { |
6 -webkit-user-select: none; | 6 -webkit-user-select: none; |
7 font-size: 84%; | 7 font-size: 84%; |
8 margin: 0; | 8 margin: 0; |
9 } | 9 } |
10 | 10 |
11 button { | 11 button { |
12 cursor: pointer; | 12 cursor: pointer; |
13 } | 13 } |
14 | 14 |
15 button:focus { | 15 button:focus { |
16 outline: 1px solid rgb(77, 144, 254); | 16 outline: 1px solid rgb(77, 144, 254); |
17 } | 17 } |
18 | 18 |
19 input[type='checkbox'] { | 19 /* TODO(fukino): This style for the bubble is old. Apply new design and remove |
20 width: 15px; | 20 * these styles. */ |
21 height: 15px; | 21 .bubble { |
fukino
2016/01/21 09:02:17
The style for .bubble used to be defined in common
| |
22 background: -webkit-image-set( | 22 background: #FFF; |
23 url(../../file_manager/foreground/images/common/checkbox_white_unchecked.p ng) 1x, | 23 border-radius: 2px; |
24 url(../../file_manager/foreground/images/common/2x/checkbox_white_unchecke d.png) 2x) | 24 cursor: default; |
25 -1px -1px; | 25 outline: 1px solid rgba(0, 0, 0, 0.2); |
26 -webkit-appearance: none; | 26 padding: 16px; |
27 display: inline-block; | |
28 margin: 1px 6px 1px 1px; | |
29 vertical-align: text-bottom; | |
30 } | 27 } |
31 | 28 |
32 input[type='checkbox']:checked { | 29 .bubble .pointer { |
33 background: -webkit-image-set( | 30 background: -webkit-image-set( |
34 url(../../file_manager/foreground/images/common/checkbox_white_checked.png ) 1x, | 31 url(../../file_manager/foreground/images/common/bubble_point_white.png) 1x, |
35 url(../../file_manager/foreground/images/common/2x/checkbox_white_checked. png) 2x) | 32 url(../../file_manager/foreground/images/common/2x/bubble_point_white.png) 2 x); |
36 -1px -1px; | 33 display: block; |
34 height: 11px; | |
35 left: 24px; | |
36 margin: 0 0 0 -5px; | |
37 outline: none; | |
38 position: absolute; | |
39 width: 17px; | |
40 } | |
41 | |
42 .bubble .pointer:not(.bottom) { | |
43 top: -11px; | |
44 } | |
45 | |
46 .bubble .pointer.bottom { | |
47 -webkit-transform: rotate(180deg); | |
48 bottom: -11px; | |
49 } | |
50 | |
51 .bubble .close-x { | |
52 background: -webkit-image-set( | |
53 url(../../file_manager/foreground/images/common/close_x_gray.png) 1x, | |
54 url(../../file_manager/foreground/images/common/2x/close_x_gray.png) 2x); | |
55 height: 21px; | |
56 opacity: 0.3; | |
57 position: absolute; | |
58 right: 3px; | |
59 top: 3px; | |
60 width: 21px; | |
61 } | |
62 | |
63 .bubble .close-x:hover { | |
64 opacity: 0.7; | |
37 } | 65 } |
38 | 66 |
39 paper-ripple, | 67 paper-ripple, |
40 paper-button::shadow paper-ripple { | 68 paper-button::shadow paper-ripple { |
41 color: black; | 69 color: black; |
42 } | 70 } |
43 | 71 |
44 files-toggle-ripple::shadow .ripple.activated { | 72 files-toggle-ripple::shadow .ripple.activated { |
45 opacity: 0.4; | 73 opacity: 0.4; |
46 } | 74 } |
(...skipping 1285 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
1332 .thumbnail-view .animation-thumbnail { | 1360 .thumbnail-view .animation-thumbnail { |
1333 background-repeat: no-repeat; | 1361 background-repeat: no-repeat; |
1334 background-size: cover; | 1362 background-size: cover; |
1335 display: none; | 1363 display: none; |
1336 position: absolute; | 1364 position: absolute; |
1337 } | 1365 } |
1338 | 1366 |
1339 .thumbnail-view .animation-thumbnail.animating { | 1367 .thumbnail-view .animation-thumbnail.animating { |
1340 display: block; | 1368 display: block; |
1341 } | 1369 } |
OLD | NEW |