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; | |
11 width: 100%; | 10 width: 100%; |
12 height: 100%; | 11 height: 100%; |
13 } | 12 } |
14 | 13 |
15 /* Editor toolbar */ | 14 /* Editor toolbar */ |
16 .toolbar { | 15 .toolbar { |
17 width: 100%; | 16 width: 100%; |
18 height: 32px; | 17 height: 100%; |
| 18 display: -webkit-box; |
| 19 -webkit-box-orient: horizontal; |
| 20 -webkit-box-align: center; |
| 21 -webkit-box-pack: center; |
19 } | 22 } |
20 | 23 |
21 .toolbar button { | 24 .toolbar button { |
22 margin: 3px; | 25 margin: 3px; |
23 height: 26px; | 26 height: 26px; |
24 } | 27 } |
25 | 28 |
26 .toolbar input { | 29 .toolbar input { |
27 width: 200px; | 30 width: 200px; |
28 } | 31 } |
29 | 32 |
30 .toolbar span { | 33 .toolbar span { |
31 margin-left: 10px; | 34 margin-left: 10px; |
32 margin-right: 10px; | 35 margin-right: 10px; |
33 } | 36 } |
34 | 37 |
35 /* The container div for the main canvas */ | 38 /* The container div for the main canvas */ |
36 .canvas-wrapper { | 39 .canvas-wrapper { |
37 position: absolute; | |
38 width: 100%; | 40 width: 100%; |
39 top: 32px; | 41 height: 100%; |
40 bottom: 0; | 42 background: black; |
41 } | 43 } |
42 | 44 |
43 /* Scaling controls */ | 45 /* Scaling controls */ |
44 .scale-tool { | 46 .scale-tool { |
45 position: absolute; | 47 position: absolute; |
46 width: 305px; | 48 width: 305px; |
47 height: 43px; | 49 height: 43px; |
48 right: 0; | 50 right: 0; |
49 bottom: 0; | 51 bottom: 0; |
50 border: 1px solid black; | 52 border: 1px solid black; |
(...skipping 44 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
95 .scale-div .scale-1to1{ | 97 .scale-div .scale-1to1{ |
96 width: 32px; | 98 width: 32px; |
97 right: 29px; | 99 right: 29px; |
98 } | 100 } |
99 | 101 |
100 .scale-div .scale-fit{ | 102 .scale-div .scale-fit{ |
101 width: 26px; | 103 width: 26px; |
102 right: 1px; | 104 right: 1px; |
103 } | 105 } |
104 | 106 |
OLD | NEW |