1/*
2 * Copyright (C) 2014 Apple Inc. All rights reserved.
3 *
4 * Redistribution and use in source and binary forms, with or without
5 * modification, are permitted provided that the following conditions
6 * are met:
7 * 1. Redistributions of source code must retain the above copyright
8 *    notice, this list of conditions and the following disclaimer.
9 * 2. Redistributions in binary form must reproduce the above copyright
10 *    notice, this list of conditions and the following disclaimer in the
11 *    documentation and/or other materials provided with the distribution.
12 *
13 * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS''
14 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
15 * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
16 * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS
17 * BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
18 * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
19 * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
20 * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
21 * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
22 * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF
23 * THE POSSIBILITY OF SUCH DAMAGE.
24 */
25
26.gradient-editing-controller {
27    width: 260px;
28    height: 109px;
29}
30
31.gradient-editing-controller.edits-color {
32    height: 306px;
33}
34
35.gradient-editing-controller.radial-gradient {
36    height: 78px;
37}
38
39.gradient-editing-controller.edits-color.radial-gradient {
40    height: 275px;
41}
42
43.gradient-editing-controller select {
44    position: absolute;
45    left: 17px;
46    top: 9px;
47    width: 237px;
48
49    font-size: 16px;
50}
51
52.gradient-editing-controller .gradient-slider {
53    left: 16px;
54    right: 26px;
55    top: 42px;
56}
57
58.gradient-editing-controller .color-picker {
59    position: absolute;
60
61    top: 86px;
62    width: 202px;
63    height: 172px;
64    padding: 0 10px;
65}
66
67.gradient-editing-controller > .color-picker > .slider {
68    top: 2px;
69    width: 186px;
70}
71
72.gradient-editing-controller > .color-picker > .brightness {
73    left: 214px;
74}
75
76.gradient-editing-controller > .color-picker > .opacity {
77    left: 237px;
78}
79
80.gradient-editing-controller > label {
81    position: absolute;
82    top: 85px;
83    right: 16px;
84
85    text-align: right;
86    font-size: 13px;
87}
88
89.gradient-editing-controller.radial-gradient > label {
90    display: none;
91}
92
93.gradient-editing-controller.edits-color > label {
94    top: 283px;
95}
96
97.gradient-editing-controller > label > input {
98    width: 48px;
99
100    padding-right: 4px;
101    margin-left: 5px;
102
103    background-color: white;
104
105    border-radius: 4px;
106    border: 1px solid rgb(155,155,155);
107    box-shadow: inset 0 0 1px 1px rgb(227,227,227);
108    outline: 0;
109
110    font-size: 13px;
111    text-align: right;
112}
113
114.gradient-editing-controller > label.drag-to-adjust,
115.gradient-editing-controller > label.drag-to-adjust > input {
116    cursor: col-resize;
117}
118