aboutsummaryrefslogtreecommitdiff
path: root/js/components/gradientpicker.reel
diff options
context:
space:
mode:
authorKris Kowal2012-07-06 11:52:06 -0700
committerKris Kowal2012-07-06 15:01:48 -0700
commit648ee61ae84216d0236e0dbc211addc13b2cfa3a (patch)
tree8f0f55557bd0c47a84e49c1977c950645d284607 /js/components/gradientpicker.reel
parentaedd14b18695d031f695d27dfbd94df5614495bb (diff)
downloadninja-648ee61ae84216d0236e0dbc211addc13b2cfa3a.tar.gz
Expand tabs
Diffstat (limited to 'js/components/gradientpicker.reel')
-rwxr-xr-xjs/components/gradientpicker.reel/css/gradientpicker.scss146
-rwxr-xr-xjs/components/gradientpicker.reel/gradientpicker.html96
-rwxr-xr-xjs/components/gradientpicker.reel/gradientpicker.js460
3 files changed, 351 insertions, 351 deletions
diff --git a/js/components/gradientpicker.reel/css/gradientpicker.scss b/js/components/gradientpicker.reel/css/gradientpicker.scss
index cc9b4cb9..b9709d8e 100755
--- a/js/components/gradientpicker.reel/css/gradientpicker.scss
+++ b/js/components/gradientpicker.reel/css/gradientpicker.scss
@@ -31,20 +31,20 @@ POSSIBILITY OF SUCH DAMAGE.
31 31
32input[type=radio], .gradientpicker .type .radio 32input[type=radio], .gradientpicker .type .radio
33{ 33{
34 width: 10px; 34 width: 10px;
35 height: 10px; 35 height: 10px;
36 margin: 2px; 36 margin: 2px;
37 display: block; 37 display: block;
38 float: left; 38 float: left;
39 border-radius: 5px; 39 border-radius: 5px;
40 border: 1px solid #222; 40 border: 1px solid #222;
41 background: -webkit-linear-gradient(top, #666666 0%,#333333 100%); 41 background: -webkit-linear-gradient(top, #666666 0%,#333333 100%);
42} 42}
43 43
44input[type=radio]:checked, .radio:checked, .gradientpicker .type .radio:checked 44input[type=radio]:checked, .radio:checked, .gradientpicker .type .radio:checked
45{ 45{
46 border: 1px solid #000; 46 border: 1px solid #000;
47 background: -webkit-radial-gradient(center, circle cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 15%, rgba(204,204,204,1) 30%, rgba(204,204,204,0.01) 31%), -webkit-linear-gradient(top, #666666 0%,#333333 100%); 47 background: -webkit-radial-gradient(center, circle cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 15%, rgba(204,204,204,1) 30%, rgba(204,204,204,0.01) 31%), -webkit-linear-gradient(top, #666666 0%,#333333 100%);
48} 48}
49 49
50.gradientpicker 50.gradientpicker
@@ -63,113 +63,113 @@ input[type=radio]:checked, .radio:checked, .gradientpicker .type .radio:checked
63 63
64.gradientpicker .type label 64.gradientpicker .type label
65{ 65{
66 display: block; 66 display: block;
67 float: left; 67 float: left;
68 margin: 0px 0px 0px 1px; 68 margin: 0px 0px 0px 1px;
69} 69}
70 70
71.gradientpicker .type :nth-child(3) 71.gradientpicker .type :nth-child(3)
72{ 72{
73 margin-left: 10px; 73 margin-left: 10px;
74} 74}
75 75
76 76
77 77
78.gradientpicker .type, .gradientpicker .cp_gp_slider 78.gradientpicker .type, .gradientpicker .cp_gp_slider
79{ 79{
80 overflow: visible; 80 overflow: visible;
81} 81}
82 82
83.gradientpicker .cp_gp_slider 83.gradientpicker .cp_gp_slider
84{ 84{
85 float: left; 85 float: left;
86 clear: both; 86 clear: both;
87} 87}
88 88
89.gradientpicker .cp_gp_slider .track_container 89.gradientpicker .cp_gp_slider .track_container
90{ 90{
91 width: 187px; 91 width: 187px;
92 height: 20px; 92 height: 20px;
93 margin: 6px 0px 0px 6px; 93 margin: 6px 0px 0px 6px;
94 border: 1px solid #333; 94 border: 1px solid #333;
95 background: url(../../../../images/colorpanel/transparent.png) repeat; 95 background: url(../../../../images/colorpanel/transparent.png) repeat;
96 float: left; 96 float: left;
97 clear: both; 97 clear: both;
98} 98}
99 99
100.gradientpicker .cp_gp_slider .track 100.gradientpicker .cp_gp_slider .track
101{ 101{
102 width: 187px; 102 width: 187px;
103 height: 20px; 103 height: 20px;
104 cursor: crosshair; 104 cursor: crosshair;
105} 105}
106 106
107.gradientpicker .cp_gp_slider .cover 107.gradientpicker .cp_gp_slider .cover
108{ 108{
109 overflow: hidden; 109 overflow: hidden;
110 width: 202px; 110 width: 202px;
111 height: 22px; 111 height: 22px;
112 float: left; 112 float: left;
113 position: absolute; 113 position: absolute;
114 bottom: 12px; 114 bottom: 12px;
115 z-index: 20; 115 z-index: 20;
116 display: none; 116 display: none;
117} 117}
118 118
119.gradientpicker .cp_gp_slider .chips 119.gradientpicker .cp_gp_slider .chips
120{ 120{
121 overflow: hidden; 121 overflow: hidden;
122 width: 202px; 122 width: 202px;
123 height: 22px; 123 height: 22px;
124 float: left; 124 float: left;
125 clear: both; 125 clear: both;
126 position: relative; 126 position: relative;
127 z-index: 1; 127 z-index: 1;
128} 128}
129 129
130.gradientpicker .cp_gp_slider .chips div 130.gradientpicker .cp_gp_slider .chips div
131{ 131{
132 width: 14px; 132 width: 14px;
133 position: absolute; 133 position: absolute;
134 top: 3px; 134 top: 3px;
135 cursor: pointer; 135 cursor: pointer;
136} 136}
137 137
138.gradientpicker .cp_gp_slider .chips span 138.gradientpicker .cp_gp_slider .chips span
139{ 139{
140 display: block; 140 display: block;
141 width: 8px; 141 width: 8px;
142 height: 8px; 142 height: 8px;
143 background: #333; 143 background: #333;
144 margin: 0px 0px -4px 3px; 144 margin: 0px 0px -4px 3px;
145 -webkit-transform: rotate(45deg); 145 -webkit-transform: rotate(45deg);
146 float: left; 146 float: left;
147 position: relative; 147 position: relative;
148 cursor: pointer; 148 cursor: pointer;
149} 149}
150 150
151.gradientpicker .cp_gp_slider .chips button 151.gradientpicker .cp_gp_slider .chips button
152{ 152{
153 display: block; 153 display: block;
154 width: 14px; 154 width: 14px;
155 height: 14px; 155 height: 14px;
156 border: 1px solid #333; 156 border: 1px solid #333;
157 padding: 0; 157 padding: 0;
158 margin: 0; 158 margin: 0;
159 background: #FFF; 159 background: #FFF;
160 float: left; 160 float: left;
161 position: relative; 161 position: relative;
162 cursor: pointer; 162 cursor: pointer;
163} 163}
164 164
165.gradientpicker .cp_gp_slider .chips div div 165.gradientpicker .cp_gp_slider .chips div div
166{ 166{
167 display: block; 167 display: block;
168 width: 14px; 168 width: 14px;
169 height: 14px; 169 height: 14px;
170 float: left; 170 float: left;
171 top: 0px; 171 top: 0px;
172 position: relative; 172 position: relative;
173 cursor: pointer; 173 cursor: pointer;
174 background: url(../../../../images/colorpanel/transparent.png) repeat; 174 background: url(../../../../images/colorpanel/transparent.png) repeat;
175