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