OLD | NEW |
1 /* | 1 /* |
2 * Copyright (c) 2011 The Chromium Authors. All rights reserved. | 2 * Copyright (c) 2011 The Chromium Authors. All rights reserved. |
3 * Use of this source code is governed by a BSD-style license that can be | 3 * Use of this source code is governed by a BSD-style license that can be |
4 * found in the LICENSE file. | 4 * found in the LICENSE file. |
5 */ | 5 */ |
6 | 6 |
7 /* Main container div for the editor */ | 7 /* Main container div for the editor */ |
8 .image-editor { | 8 .image-editor { |
9 background: white; | 9 background: black; |
10 position: absolute; | 10 position: absolute; |
11 width: 100%; | 11 width: 100%; |
12 height: 100%; | 12 height: 100%; |
13 } | 13 } |
14 | 14 |
15 /* Editor toolbar */ | 15 /* Editor toolbar */ |
16 .toolbar { | 16 .toolbar { |
17 width: 100%; | 17 width: 100%; |
18 height: 32px; | 18 height: 100%; |
| 19 display: -webkit-box; |
| 20 -webkit-box-orient: horizontal; |
| 21 -webkit-box-align: center; |
| 22 -webkit-box-pack: center; |
19 } | 23 } |
20 | 24 |
21 .toolbar button { | 25 .toolbar button { |
22 margin: 3px; | 26 margin: 3px; |
23 height: 26px; | 27 height: 26px; |
24 } | 28 } |
25 | 29 |
26 .toolbar input { | 30 .toolbar input { |
27 width: 200px; | 31 width: 200px; |
28 } | 32 } |
29 | 33 |
30 .toolbar span { | 34 .toolbar span { |
31 margin-left: 10px; | 35 margin-left: 10px; |
32 margin-right: 10px; | 36 margin-right: 10px; |
33 } | 37 } |
34 | 38 |
35 /* The container div for the main canvas */ | 39 /* The container div for the main canvas */ |
36 .canvas-wrapper { | 40 .canvas-wrapper { |
37 position: absolute; | 41 position: absolute; |
38 width: 100%; | 42 width: 100%; |
39 top: 32px; | 43 top: 0px; |
40 bottom: 0; | 44 bottom: 0; |
| 45 background: black; |
41 } | 46 } |
42 | 47 |
43 /* Scaling controls */ | 48 /* Scaling controls */ |
44 .scale-tool { | 49 .scale-tool { |
45 position: absolute; | 50 position: absolute; |
46 width: 305px; | 51 width: 305px; |
47 height: 43px; | 52 height: 43px; |
48 right: 0; | 53 right: 0; |
49 bottom: 0; | 54 bottom: 0; |
50 border: 1px solid black; | 55 border: 1px solid black; |
(...skipping 44 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
95 .scale-div .scale-1to1{ | 100 .scale-div .scale-1to1{ |
96 width: 32px; | 101 width: 32px; |
97 right: 29px; | 102 right: 29px; |
98 } | 103 } |
99 | 104 |
100 .scale-div .scale-fit{ | 105 .scale-div .scale-fit{ |
101 width: 26px; | 106 width: 26px; |
102 right: 1px; | 107 right: 1px; |
103 } | 108 } |
104 | 109 |
OLD | NEW |