Chromium Code Reviews| 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 |