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 |
(...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
54 height: 100%; | 54 height: 100%; |
55 position: absolute; | 55 position: absolute; |
56 width: 100%; | 56 width: 100%; |
57 } | 57 } |
58 | 58 |
59 .gallery[tools] .image-container[cursor='default'] { | 59 .gallery[tools] .image-container[cursor='default'] { |
60 cursor: default; | 60 cursor: default; |
61 } | 61 } |
62 | 62 |
63 .gallery[tools] .image-container[cursor='move'] { | 63 .gallery[tools] .image-container[cursor='move'] { |
64 /** TODO(hirono): Take book 2x assets for the mouse cursor. | 64 cursor: -webkit-image-set( |
65 crbug.com/460430 */ | 65 url(../images/100/cursor_move.png) 1x, |
66 cursor: url(../images/100/cursor_move.png) 15 15, auto; | 66 url(../images/200/cursor_move.png) 2x) 15 15, auto; |
67 } | 67 } |
68 | 68 |
69 .gallery[tools] .image-container[cursor='crop'] { | 69 .gallery[tools] .image-container[cursor='crop'] { |
70 /** TODO(hirono): Take book 2x assets for the mouse cursor. | 70 cursor: -webkit-image-set( |
71 crbug.com/460430 */ | 71 url(../images/100/cursor_crop.png) 1x, |
72 cursor: url(../images/100/cursor_crop.png) 15 15, auto; | 72 url(../images/200/cursor_crop.png) 2x) 15 15, auto; |
73 } | 73 } |
74 | 74 |
75 .gallery[tools] .image-container[cursor='n-resize'], | 75 .gallery[tools] .image-container[cursor='n-resize'], |
76 .gallery[tools] .image-container[cursor='s-resize'] { | 76 .gallery[tools] .image-container[cursor='s-resize'] { |
77 /** TODO(hirono): Take book 2x assets for the mouse cursor. | 77 cursor: -webkit-image-set( |
78 crbug.com/460430 */ | 78 url(../images/100/cursor_updown.png) 1x, |
79 cursor: url(../images/100/cursor_updown.png) 15 15, auto; | 79 url(../images/200/cursor_updown.png) 2x) 15 15, auto; |
80 } | 80 } |
81 | 81 |
82 .gallery[tools] .image-container[cursor='e-resize'], | 82 .gallery[tools] .image-container[cursor='e-resize'], |
83 .gallery[tools] .image-container[cursor='w-resize'] { | 83 .gallery[tools] .image-container[cursor='w-resize'] { |
84 /** TODO(hirono): Take book 2x assets for the mouse cursor. | 84 cursor: -webkit-image-set( |
85 crbug.com/460430 */ | 85 url(../images/100/cursor_leftright.png) 1x, |
86 cursor: url(../images/100/cursor_leftright.png) 15 15, auto; | 86 url(../images/200/cursor_leftright.png) 2x) 15 15, auto; |
87 } | 87 } |
88 | 88 |
89 .gallery[tools] .image-container[cursor='nw-resize'], | 89 .gallery[tools] .image-container[cursor='nw-resize'], |
90 .gallery[tools] .image-container[cursor='se-resize'] { | 90 .gallery[tools] .image-container[cursor='se-resize'] { |
91 /** TODO(hirono): Take book 2x assets for the mouse cursor. | 91 cursor: -webkit-image-set( |
92 crbug.com/460430 */ | 92 url(../images/100/cursor_nwse.png) 1x, |
93 cursor: url(../images/100/cursor_nwse.png) 15 15, auto; | 93 url(../images/200/cursor_nwse.png) 2x) 15 15, auto; |
94 } | 94 } |
95 | 95 |
96 .gallery[tools] .image-container[cursor='ne-resize'], | 96 .gallery[tools] .image-container[cursor='ne-resize'], |
97 .gallery[tools] .image-container[cursor='sw-resize'] { | 97 .gallery[tools] .image-container[cursor='sw-resize'] { |
98 /** TODO(hirono): Take book 2x assets for the mouse cursor. | 98 cursor: -webkit-image-set( |
99 crbug.com/460430 */ | 99 url(../images/100/cursor_swne.png) 1x, |
100 cursor: url(../images/100/cursor_swne.png) 15 15, auto; | 100 url(../images/200/cursor_swne.png) 2x) 15 15, auto; |
101 } | 101 } |
102 | 102 |
103 .gallery .image-container > .image { | 103 .gallery .image-container > .image { |
104 pointer-events: none; | 104 pointer-events: none; |
105 position: absolute; | 105 position: absolute; |
106 /* Duration and timing function are set in Javascript. */ | 106 /* Duration and timing function are set in Javascript. */ |
107 transition-property: -webkit-transform, opacity; | 107 transition-property: -webkit-transform, opacity; |
108 } | 108 } |
109 | 109 |
110 .gallery .image-container > .image[fade] { | 110 .gallery .image-container > .image[fade] { |
(...skipping 1245 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1356 background-color: rgba(255, 0, 0, 0.3); | 1356 background-color: rgba(255, 0, 0, 0.3); |
1357 } | 1357 } |
1358 | 1358 |
1359 .debug-me .load-target-external-metadata::before { | 1359 .debug-me .load-target-external-metadata::before { |
1360 background-color: rgba(0, 255, 0, 0.3); | 1360 background-color: rgba(0, 255, 0, 0.3); |
1361 } | 1361 } |
1362 | 1362 |
1363 .debug-me .load-target-file-entry::before { | 1363 .debug-me .load-target-file-entry::before { |
1364 background-color: rgba(0, 0, 255, 0.3); | 1364 background-color: rgba(0, 0, 255, 0.3); |
1365 } | 1365 } |
OLD | NEW |