/
screen.css
230 lines (204 loc) · 28.7 KB
/
screen.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
/* incase an inverted custom gradient isn't specified */
/* line 177, sass/modules/_fancy-buttons.sass */
.fancy-button-reset-base-class {
font-family: "Lucida Grande", Lucida, Arial, sans-serif;
background: url('/button_bg.png') repeat-x bottom left;
margin: 0;
width: auto;
overflow: visible;
display: inline-block;
cursor: pointer;
text-decoration: none;
border-style: solid;
font-weight: bold;
}
/* line 165, sass/modules/_fancy-buttons.sass */
.fancy-button-reset-base-class::-moz-focus-inner {
border: none;
padding: 0;
}
/* line 168, sass/modules/_fancy-buttons.sass */
.fancy-button-reset-base-class:focus {
outline: none;
}
/* line 1, sass/partials/_base.scss */
body, html {
font-family: helvetica,arial,sans-serif;
font-size: 90%;
padding: 0;
background-color: #FFFFFF;
}
/* line 3, sass/partials/_base.scss */
.hide {
display: none;
}
/* sassy buttons
button, .button { @include sassy-button-structure(50px, 20px); }
.red { @include sassy-button-gradient("matte", #e86a43); }
.blue { @include sassy-button-gradient("simple", #4d8ccd); }
.green { @include sassy-button-gradient("glass", #8cbe5f); }
*/
/* fancy buttons
* basic
* button {@include fancy-button(#124c89, 26px, 1em, 4px);}
*/
/*
button, .button {
@include fancy-button-structure(26px, 1em, 4px);
@include fancy-button-colors(#124c89, adjust-hue(#124c89, -120), darken(adjust-hue(#124c89, -120), 6));
}
.fancy-button-reset-base-class,.fancy-button-base,a.big,button{font-family:"Lucida Grande",Lucida,Arial,sans-serif;background:url('../images/button_bg.png?1262308446') repeat-x bottom left;margin:0;width:auto;overflow:visible;display:inline-block;cursor:pointer;text-decoration:none;border-style:solid;font-weight:bold}.fancy-button-reset-base-class::-moz-focus-inner,.fancy-button-base::-moz-focus-inner,a.big::-moz-focus-inner,button::-moz-focus-inner{border:none;padding:0}.fancy-button-reset-base-class:focus,.fancy-button-base:focus,a.big:focus,button:focus{outline:none}body{text-align:center;padding-top:10px}h1,h2,h3{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#333;letter-spacing:-1px}h1{font-size:50px}h2{font-size:30px}div{margin-top:15px}.fancy-button-base,a.big,button{-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;-ms-border-radius:6px;-khtml-border-radius:6px;border-radius:6px;font-size:18px;line-height:1.2em;padding:0.3em 1em;border-width:1px;background-color:#444;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #989898), color-stop(10%, #6a6a6a), color-stop(50%, #3c3c3c), color-stop(50%, #353535), color-stop(100%, #4e4e4e));background-image:-moz-linear-gradient(top, #989898 0%, #6a6a6a 10%, #3c3c3c 50%, #353535 50%, #4e4e4e 100%);background-image:linear-gradient(top, #989898 0%, #6a6a6a 10%, #3c3c3c 50%, #353535 50%, #4e4e4e 100%);border-color:#1e1e1e;text-shadow:#040404 0px 1px 1px;-moz-box-shadow:rgba(255,255,255,0.267) 0 0 0.1em 1px inset;-webkit-box-shadow:rgba(255,255,255,0.267) 0 0 0.1em 1px inset;-o-box-shadow:rgba(255,255,255,0.267) 0 0 0.1em 1px inset;box-shadow:rgba(255,255,255,0.267) 0 0 0.1em 1px inset;-moz-background-clip:padding;-webkit-background-clip:padding;-o-background-clip:padding-box;-ms-background-clip:padding-box;-khtml-background-clip:padding-box;background-clip:padding-box;margin:0 2px;vertical-align:middle}.fancy-button-base,a.big,button,.fancy-button-base:visited,a.big:visited,button:visited{color:#fff}.fancy-button-base:hover,a.big:hover,button:hover,.fancy-button-base:focus,a.big:focus,button:focus{background-color:#3c3c3c;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #919191), color-stop(10%, #636363), color-stop(50%, #353535), color-stop(50%, #2d2d2d), color-stop(100%, #474747));background-image:-moz-linear-gradient(top, #919191 0%, #636363 10%, #353535 50%, #2d2d2d 50%, #474747 100%);background-image:linear-gradient(top, #919191 0%, #636363 10%, #353535 50%, #2d2d2d 50%, #474747 100%);border-color:#161616;text-shadow:#000 0px 1px 1px}.fancy-button-base:hover,a.big:hover,button:hover,.fancy-button-base:hover:visited,a.big:hover:visited,button:hover:visited,.fancy-button-base:focus,a.big:focus,button:focus,.fancy-button-base:focus:visited,a.big:focus:visited,button:focus:visited{color:#fff}.fancy-button-base:active,a.big:active,button:active{background-color:#353535;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #353535), color-stop(30%, #3a3a3a), color-stop(50%, #303030), color-stop(50%, #282828), color-stop(100%, #494949));background-image:-moz-linear-gradient(top, #353535 0%, #3a3a3a 30%, #303030 50%, #282828 50%, #494949 100%);background-image:linear-gradient(top, #353535 0%, #3a3a3a 30%, #303030 50%, #282828 50%, #494949 100%);border-color:#0e0e0e;text-shadow:#000 0px -1px -1px;-moz-box-shadow:#1e1e1e 0 0.08em 0.1em 1px inset;-webkit-box-shadow:#1e1e1e 0 0.08em 0.1em 1px inset;-o-box-shadow:#1e1e1e 0 0.08em 0.1em 1px inset;box-shadow:#1e1e1e 0 0.08em 0.1em 1px inset}.fancy-button-base:active,a.big:active,button:active,.fancy-button-base:active:visited,a.big:active:visited,button:active:visited{color:#fff}.light{background-color:#fff;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #ffffff), color-stop(100%, #cecece));background-image:-moz-linear-gradient(top, #ffffff 0%, #cecece 100%);background-image:linear-gradient(top, #ffffff 0%, #cecece 100%);border-color:#b7b7b7;text-shadow:#fff 0px 1px 1px;-moz-box-shadow:rgba(255,255,255,0.867) 0 0 0.1em 1px inset;-webkit-box-shadow:rgba(255,255,255,0.867) 0 0 0.1em 1px inset;-o-box-shadow:rgba(255,255,255,0.867) 0 0 0.1em 1px inset;box-shadow:rgba(255,255,255,0.867) 0 0 0.1em 1px inset;-moz-background-clip:padding;-webkit-background-clip:padding;-o-background-clip:padding-box;-ms-background-clip:padding-box;-khtml-background-clip:padding-box;background-clip:padding-box}.light,.light:visited{color:#222}.light:hover,.light:focus{background-color:#fff;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #fcfcfc), color-stop(100%, #c6c6c6));background-image:-moz-linear-gradient(top, #fcfcfc 0%, #c6c6c6 100%);background-image:linear-gradient(top, #fcfcfc 0%, #c6c6c6 100%);border-color:#afafaf;text-shadow:#fff 0px 1px 1px}.light:hover,.light:hover:visited,.light:focus,.light:focus:visited{color:#222}.light:active{background-color:#fff;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #cbcbcb), color-stop(40%, #d3d3d3), color-stop(85%, #d3d3d3), color-stop(100%, #e5e5e5));background-image:-moz-linear-gradient(top, #cbcbcb 0%, #d3d3d3 40%, #d3d3d3 85%, #e5e5e5 100%);background-image:linear-gradient(top, #cbcbcb 0%, #d3d3d3 40%, #d3d3d3 85%, #e5e5e5 100%);border-color:#a7a7a7;text-shadow:#fff 0px -1px -1px;-moz-box-shadow:#b7b7b7 0 0.08em 0.1em 1px inset;-webkit-box-shadow:#b7b7b7 0 0.08em 0.1em 1px inset;-o-box-shadow:#b7b7b7 0 0.08em 0.1em 1px inset;box-shadow:#b7b7b7 0 0.08em 0.1em 1px inset}.light:active,.light:active:visited{color:#222}.matte-blue{background-color:#0058b7;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #80aee0), color-stop(10%, #367fce), color-stop(50%, #215287), color-stop(50%, #1e4b7b), color-stop(100%, #2864a4));background-image:-moz-linear-gradient(top, #80aee0 0%, #367fce 10%, #215287 50%, #1e4b7b 50%, #2864a4 100%);background-image:linear-gradient(top, #80aee0 0%, #367fce 10%, #215287 50%, #1e4b7b 50%, #2864a4 100%);border-color:#153456;text-shadow:#001b38 0px 1px 1px;-moz-box-shadow:rgba(255,255,255,0.359) 0 0 0.1em 1px inset;-webkit-box-shadow:rgba(255,255,255,0.359) 0 0 0.1em 1px inset;-o-box-shadow:rgba(255,255,255,0.359) 0 0 0.1em 1px inset;box-shadow:rgba(255,255,255,0.359) 0 0 0.1em 1px inset;-moz-background-clip:padding;-webkit-background-clip:padding;-o-background-clip:padding-box;-ms-background-clip:padding-box;-khtml-background-clip:padding-box;background-clip:padding-box}.matte-blue,.matte-blue:visited{color:#fff}.matte-blue:hover,.matte-blue:focus{background-color:#0051a8;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #73a6dd), color-stop(10%, #3078c4), color-stop(50%, #1e4b7b), color-stop(50%, #1b436e), color-stop(100%, #255c97));background-image:-moz-linear-gradient(top, #73a6dd 0%, #3078c4 10%, #1e4b7b 50%, #1b436e 50%, #255c97 100%);background-image:linear-gradient(top, #73a6dd 0%, #3078c4 10%, #1e4b7b 50%, #1b436e 50%, #255c97 100%);border-color:#122d49;text-shadow:#001428 0px 1px 1px}.matte-blue:hover,.matte-blue:hover:visited,.matte-blue:focus,.matte-blue:focus:visited{color:#fff}.matte-blue:active{background-color:#004a99;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #1e4b7b), color-stop(30%, #205083), color-stop(50%, #1c4672), color-stop(50%, #193e66), color-stop(100%, #265f9b));background-image:-moz-linear-gradient(top, #1e4b7b 0%, #205083 30%, #1c4672 50%, #193e66 50%, #265f9b 100%);background-image:linear-gradient(top, #1e4b7b 0%, #205083 30%, #1c4672 50%, #193e66 50%, #265f9b 100%);border-color:#0f253d;text-shadow:#000c19 0px -1px -1px;-moz-box-shadow:#153456 0 0.08em 0.1em 1px inset;-webkit-box-shadow:#153456 0 0.08em 0.1em 1px inset;-o-box-shadow:#153456 0 0.08em 0.1em 1px inset;box-shadow:#153456 0 0.08em 0.1em 1px inset}.matte-blue:active,.matte-blue:active:visited{color:#fff}.green{background-color:#3ab700;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #9ee080), color-stop(10%, #66ce36), color-stop(50%, #418721), color-stop(50%, #3b7b1e), color-stop(100%, #4fa428));background-image:-moz-linear-gradient(top, #9ee080 0%, #66ce36 10%, #418721 50%, #3b7b1e 50%, #4fa428 100%);background-image:linear-gradient(top, #9ee080 0%, #66ce36 10%, #418721 50%, #3b7b1e 50%, #4fa428 100%);border-color:#295615;text-shadow:#123800 0px 1px 1px;-moz-box-shadow:rgba(255,255,255,0.359) 0 0 0.1em 1px inset;-webkit-box-shadow:rgba(255,255,255,0.359) 0 0 0.1em 1px inset;-o-box-shadow:rgba(255,255,255,0.359) 0 0 0.1em 1px inset;box-shadow:rgba(255,255,255,0.359) 0 0 0.1em 1px inset;-moz-background-clip:padding;-webkit-background-clip:padding;-o-background-clip:padding-box;-ms-background-clip:padding-box;-khtml-background-clip:padding-box;background-clip:padding-box}.green,.green:visited{color:#fff}.green:hover,.green:focus{background-color:#35a800;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #95dd73), color-stop(10%, #5fc430), color-stop(50%, #3b7b1e), color-stop(50%, #356e1b), color-stop(100%, #499725));background-image:-moz-linear-gradient(top, #95dd73 0%, #5fc430 10%, #3b7b1e 50%, #356e1b 50%, #499725 100%);background-image:linear-gradient(top, #95dd73 0%, #5fc430 10%, #3b7b1e 50%, #356e1b 50%, #499725 100%);border-color:#234912;text-shadow:#0d2800 0px 1px 1px}.green:hover,.green:hover:visited,.green:focus,.green:focus:visited{color:#fff}.green:active{background-color:#309900;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #3b7b1e), color-stop(30%, #3f8320), color-stop(50%, #37721c), color-stop(50%, #316619), color-stop(100%, #4b9b26));background-image:-moz-linear-gradient(top, #3b7b1e 0%, #3f8320 30%, #37721c 50%, #316619 50%, #4b9b26 100%);background-image:linear-gradient(top, #3b7b1e 0%, #3f8320 30%, #37721c 50%, #316619 50%, #4b9b26 100%);border-color:#1e3d0f;text-shadow:#081900 0px -1px -1px;-moz-box-shadow:#295615 0 0.08em 0.1em 1px inset;-webkit-box-shadow:#295615 0 0.08em 0.1em 1px inset;-o-box-shadow:#295615 0 0.08em 0.1em 1px inset;box-shadow:#295615 0 0.08em 0.1em 1px inset}.green:active,.green:active:visited{color:#fff}.red{background-color:#b70300;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #e08180), color-stop(10%, #ce3836), color-stop(50%, #872321), color-stop(50%, #7b201e), color-stop(100%, #a42a28));background-image:-moz-linear-gradient(top, #e08180 0%, #ce3836 10%, #872321 50%, #7b201e 50%, #a42a28 100%);background-image:linear-gradient(top, #e08180 0%, #ce3836 10%, #872321 50%, #7b201e 50%, #a42a28 100%);border-color:#561615;text-shadow:#380100 0px 1px 1px;-moz-box-shadow:rgba(255,255,255,0.359) 0 0 0.1em 1px inset;-webkit-box-shadow:rgba(255,255,255,0.359) 0 0 0.1em 1px inset;-o-box-shadow:rgba(255,255,255,0.359) 0 0 0.1em 1px inset;box-shadow:rgba(255,255,255,0.359) 0 0 0.1em 1px inset;-moz-background-clip:padding;-webkit-background-clip:padding;-o-background-clip:padding-box;-ms-background-clip:padding-box;-khtml-background-clip:padding-box;background-clip:padding-box}.red,.red:visited{color:#fff}.red:hover,.red:focus{background-color:#a80300;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #dd7573), color-stop(10%, #c43330), color-stop(50%, #7b201e), color-stop(50%, #6e1c1b), color-stop(100%, #972725));background-image:-moz-linear-gradient(top, #dd7573 0%, #c43330 10%, #7b201e 50%, #6e1c1b 50%, #972725 100%);background-image:linear-gradient(top, #dd7573 0%, #c43330 10%, #7b201e 50%, #6e1c1b 50%, #972725 100%);border-color:#491312;text-shadow:#280100 0px 1px 1px}.red:hover,.red:hover:visited,.red:focus,.red:focus:visited{color:#fff}.red:active{background-color:#990300;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #7b201e), color-stop(30%, #832220), color-stop(50%, #721d1c), color-stop(50%, #661a19), color-stop(100%, #9b2826));background-image:-moz-linear-gradient(top, #7b201e 0%, #832220 30%, #721d1c 50%, #661a19 50%, #9b2826 100%);background-image:linear-gradient(top, #7b201e 0%, #832220 30%, #721d1c 50%, #661a19 50%, #9b2826 100%);border-color:#3d100f;text-shadow:#190000 0px -1px -1px;-moz-box-shadow:#561615 0 0.08em 0.1em 1px inset;-webkit-box-shadow:#561615 0 0.08em 0.1em 1px inset;-o-box-shadow:#561615 0 0.08em 0.1em 1px inset;box-shadow:#561615 0 0.08em 0.1em 1px inset}.red:active,.red:active:visited{color:#fff}.yellow{background-color:#e5e600;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #ebeba2), color-stop(10%, #dbdb57), color-stop(50%, #b1b125), color-stop(50%, #a4a423), color-stop(100%, #cece2c));background-image:-moz-linear-gradient(top, #ebeba2 0%, #dbdb57 10%, #b1b125 50%, #a4a423 50%, #cece2c 100%);background-image:linear-gradient(top, #ebeba2 0%, #dbdb57 10%, #b1b125 50%, #a4a423 50%, #cece2c 100%);border-color:#7e7e1b;text-shadow:#660 0px 1px 1px;-moz-box-shadow:rgba(255,255,255,0.45) 0 0 0.1em 1px inset;-webkit-box-shadow:rgba(255,255,255,0.45) 0 0 0.1em 1px inset;-o-box-shadow:rgba(255,255,255,0.45) 0 0 0.1em 1px inset;box-shadow:rgba(255,255,255,0.45) 0 0 0.1em 1px inset;-moz-background-clip:padding;-webkit-background-clip:padding;-o-background-clip:padding-box;-ms-background-clip:padding-box;-khtml-background-clip:padding-box;background-clip:padding-box}.yellow,.yellow:visited{color:#fff}.yellow:hover,.yellow:focus{background-color:#d6d600;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #e9e996), color-stop(10%, #d9d94a), color-stop(50%, #a4a423), color-stop(50%, #979720), color-stop(100%, #c2c229));background-image:-moz-linear-gradient(top, #e9e996 0%, #d9d94a 10%, #a4a423 50%, #979720 50%, #c2c229 100%);background-image:linear-gradient(top, #e9e996 0%, #d9d94a 10%, #a4a423 50%, #979720 50%, #c2c229 100%);border-color:#727218;text-shadow:#575700 0px 1px 1px}.yellow:hover,.yellow:hover:visited,.yellow:focus,.yellow:focus:visited{color:#fff}.yellow:active{background-color:#c7c700;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #a4a423), color-stop(30%, #adad25), color-stop(50%, #9c9c21), color-stop(50%, #8f8f1e), color-stop(100%, #c6c62a));background-image:-moz-linear-gradient(top, #a4a423 0%, #adad25 30%, #9c9c21 50%, #8f8f1e 50%, #c6c62a 100%);background-image:linear-gradient(top, #a4a423 0%, #adad25 30%, #9c9c21 50%, #8f8f1e 50%, #c6c62a 100%);border-color:#656515;text-shadow:#474700 0px -1px -1px;-moz-box-shadow:#7e7e1b 0 0.08em 0.1em 1px inset;-webkit-box-shadow:#7e7e1b 0 0.08em 0.1em 1px inset;-o-box-shadow:#7e7e1b 0 0.08em 0.1em 1px inset;box-shadow:#7e7e1b 0 0.08em 0.1em 1px inset}.yellow:active,.yellow:active:visited{color:#fff}.custom{-moz-border-radius:0.3em;-webkit-border-radius:0.3em;-o-border-radius:0.3em;-ms-border-radius:0.3em;-khtml-border-radius:0.3em;border-radius:0.3em;font-size:30px;line-height:1.2em;padding:0.3em 1em;border-width:1px;padding:2px 12px;border-width:2px}.heart{background-color:#c10300;background-image:-webkit-gradient(radial, 50% 10%, 0, 50% 10%, 30, color-stop(0%, #e82926), color-stop(100%, #7c0f0d));background-image:-moz-radial-gradient(50% 10%, circle, #e82926 0%, #7c0f0d 30px);background-image:radial-gradient(50% 10%, circle, #e82926 0%, #7c0f0d 30px);border-color:#6a0d0b;text-shadow:#420100 0px 1px 1px;-moz-box-shadow:rgba(255,255,255,0.379) 0 0 0.1em 1px inset;-webkit-box-shadow:rgba(255,255,255,0.379) 0 0 0.1em 1px inset;-o-box-shadow:rgba(255,255,255,0.379) 0 0 0.1em 1px inset;box-shadow:rgba(255,255,255,0.379) 0 0 0.1em 1px inset;-moz-background-clip:padding;-webkit-background-clip:padding;-o-background-clip:padding-box;-ms-background-clip:padding-box;-khtml-background-clip:padding-box;background-clip:padding-box}.heart,.heart:visited{color:#fff}.heart:hover,.heart:focus{background-color:#b20300;background-image:-webkit-gradient(radial, 50% 10%, 0, 50% 10%, 30, color-stop(0%, #e61c19), color-stop(100%, #6e0d0c));background-image:-moz-radial-gradient(50% 10%, circle, #e61c19 0%, #6e0d0c 30px);background-image:radial-gradient(50% 10%, circle, #e61c19 0%, #6e0d0c 30px);border-color:#5c0b0a;text-shadow:#330100 0px 1px 1px}.heart:hover,.heart:hover:visited,.heart:focus,.heart:focus:visited{color:#fff}.heart:active{background-color:#a30300;background-image:-webkit-gradient(radial, 50% 10%, 0, 50% 10%, 30, color-stop(0%, #a61412), color-stop(100%, #d41a17));background-image:-moz-radial-gradient(50% 10%, circle, #a61412 0%, #d41a17 30px);background-image:radial-gradient(50% 10%, circle, #a61412 0%, #d41a17 30px);border-color:#4e0a08;text-shadow:#230100 0px -1px -1px;-moz-box-shadow:#6a0d0b 0 0.08em 0.1em 1px inset;-webkit-box-shadow:#6a0d0b 0 0.08em 0.1em 1px inset;-o-box-shadow:#6a0d0b 0 0.08em 0.1em 1px inset;box-shadow:#6a0d0b 0 0.08em 0.1em 1px inset}.heart:active,.heart:active:visited{color:#fff}.arrow{-moz-border-radius:1em;-webkit-border-radius:1em;-o-border-radius:1em;-ms-border-radius:1em;-khtml-border-radius:1em;border-radius:1em;font-size:30px;line-height:1.2em;padding:0.3em 1em;border-width:1px;background-color:#fff;background-image:-webkit-gradient(radial, 50% 10%, 0, 50% 10%, 30, color-stop(0%, #ffffff), color-stop(100%, #c1c1c1));background-image:-moz-radial-gradient(50% 10%, circle, #ffffff 0%, #c1c1c1 30px);background-image:radial-gradient(50% 10%, circle, #ffffff 0%, #c1c1c1 30px);border-color:#b7b7b7;text-shadow:#fff 0px 1px 1px;-moz-box-shadow:rgba(255,255,255,0.867) 0 0 0.1em 1px inset;-webkit-box-shadow:rgba(255,255,255,0.867) 0 0 0.1em 1px inset;-o-box-shadow:rgba(255,255,255,0.867) 0 0 0.1em 1px inset;box-shadow:rgba(255,255,255,0.867) 0 0 0.1em 1px inset;-moz-background-clip:padding;-webkit-background-clip:padding;-o-background-clip:padding-box;-ms-background-clip:padding-box;-khtml-background-clip:padding-box;background-clip:padding-box;padding:2px 6px;border-width:2px}.arrow,.arrow:visited{color:#222}.arrow:hover,.arrow:focus{background-color:#fff;background-image:-webkit-gradient(radial, 50% 10%, 0, 50% 10%, 30, color-stop(0%, #fcfcfc), color-stop(100%, #b9b9b9));background-image:-moz-radial-gradient(50% 10%, circle, #fcfcfc 0%, #b9b9b9 30px);background-image:radial-gradient(50% 10%, circle, #fcfcfc 0%, #b9b9b9 30px);border-color:#afafaf;text-shadow:#fff 0px 1px 1px}.arrow:hover,.arrow:hover:visited,.arrow:focus,.arrow:focus:visited{color:#222}.arrow:active{background-color:#fff;background-image:-webkit-gradient(radial, 50% 10%, 0, 50% 10%, 30, color-stop(0%, #d8d8d8), color-stop(100%, #f1f1f1));background-image:-moz-radial-gradient(50% 10%, circle, #d8d8d8 0%, #f1f1f1 30px);background-image:radial-gradient(50% 10%, circle, #d8d8d8 0%, #f1f1f1 30px);border-color:#a7a7a7;text-shadow:#fff 0px -1px -1px;-moz-box-shadow:#b7b7b7 0 0.08em 0.1em 1px inset;-webkit-box-shadow:#b7b7b7 0 0.08em 0.1em 1px inset;-o-box-shadow:#b7b7b7 0 0.08em 0.1em 1px inset;box-shadow:#b7b7b7 0 0.08em 0.1em 1px inset}.arrow:active,.arrow:active:visited{color:#222}.spade{background-color:#0058b7;background-image:-webkit-gradient(radial, 50% 10%, 0, 50% 10%, 30, color-stop(0%, #367fce), color-stop(100%, #193e66));background-image:-moz-radial-gradient(50% 10%, circle, #367fce 0%, #193e66 30px);background-image:radial-gradient(50% 10%, circle, #367fce 0%, #193e66 30px);border-color:#153456;text-shadow:#001b38 0px 1px 1px;-moz-box-shadow:rgba(255,255,255,0.359) 0 0 0.1em 1px inset;-webkit-box-shadow:rgba(255,255,255,0.359) 0 0 0.1em 1px inset;-o-box-shadow:rgba(255,255,255,0.359) 0 0 0.1em 1px inset;box-shadow:rgba(255,255,255,0.359) 0 0 0.1em 1px inset;-moz-background-clip:padding;-webkit-background-clip:padding;-o-background-clip:padding-box;-ms-background-clip:padding-box;-khtml-background-clip:padding-box;background-clip:padding-box;padding:2px 8px;border-width:2px}.spade,.spade:visited{color:#fff}.spade:hover,.spade:focus{background-color:#0051a8;background-image:-webkit-gradient(radial, 50% 10%, 0, 50% 10%, 30, color-stop(0%, #3078c4), color-stop(100%, #16375a));background-image:-moz-radial-gradient(50% 10%, circle, #3078c4 0%, #16375a 30px);background-image:radial-gradient(50% 10%, circle, #3078c4 0%, #16375a 30px);border-color:#122d49;text-shadow:#001428 0px 1px 1px}.spade:hover,.spade:hover:visited,.spade:focus,.spade:focus:visited{color:#fff}.spade:active{background-color:#004a99;background-image:-webkit-gradient(radial, 50% 10%, 0, 50% 10%, 30, color-stop(0%, #22558b), color-stop(100%, #2c6eb4));background-image:-moz-radial-gradient(50% 10%, circle, #22558b 0%, #2c6eb4 30px);background-image:radial-gradient(50% 10%, circle, #22558b 0%, #2c6eb4 30px);border-color:#0f253d;text-shadow:#000c19 0px -1px -1px;-moz-box-shadow:#153456 0 0.08em 0.1em 1px inset;-webkit-box-shadow:#153456 0 0.08em 0.1em 1px inset;-o-box-shadow:#153456 0 0.08em 0.1em 1px inset;box-shadow:#153456 0 0.08em 0.1em 1px inset}.spade:active,.spade:active:visited{color:#fff}a.blue{background-color:#0058b7;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #80aee0), color-stop(10%, #367fce), color-stop(50%, #215287), color-stop(50%, #1e4b7b), color-stop(100%, #2864a4));background-image:-moz-linear-gradient(top, #80aee0 0%, #367fce 10%, #215287 50%, #1e4b7b 50%, #2864a4 100%);background-image:linear-gradient(top, #80aee0 0%, #367fce 10%, #215287 50%, #1e4b7b 50%, #2864a4 100%);border-color:#153456;text-shadow:#001b38 0px 1px 1px;-moz-box-shadow:rgba(255,255,255,0.359) 0 0 0.1em 1px inset;-webkit-box-shadow:rgba(255,255,255,0.359) 0 0 0.1em 1px inset;-o-box-shadow:rgba(255,255,255,0.359) 0 0 0.1em 1px inset;box-shadow:rgba(255,255,255,0.359) 0 0 0.1em 1px inset;-moz-background-clip:padding;-webkit-background-clip:padding;-o-background-clip:padding-box;-ms-background-clip:padding-box;-khtml-background-clip:padding-box;background-clip:padding-box;-moz-border-radius:1em;-webkit-border-radius:1em;-o-border-radius:1em;-ms-border-radius:1em;-khtml-border-radius:1em;border-radius:1em;font-size:32px;line-height:1.2em;padding:0.3em 1em;border-width:3px}a.blue,a.blue:visited{color:#fff}a.blue:hover,a.blue:focus{background-color:#0051a8;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #73a6dd), color-stop(10%, #3078c4), color-stop(50%, #1e4b7b), color-stop(50%, #1b436e), color-stop(100%, #255c97));background-image:-moz-linear-gradient(top, #73a6dd 0%, #3078c4 10%, #1e4b7b 50%, #1b436e 50%, #255c97 100%);background-image:linear-gradient(top, #73a6dd 0%, #3078c4 10%, #1e4b7b 50%, #1b436e 50%, #255c97 100%);border-color:#122d49;text-shadow:#001428 0px 1px 1px}a.blue:hover,a.blue:hover:visited,a.blue:focus,a.blue:focus:visited{color:#fff}a.blue:active{background-color:#004a99;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #1e4b7b), color-stop(30%, #205083), color-stop(50%, #1c4672), color-stop(50%, #193e66), color-stop(100%, #265f9b));background-image:-moz-linear-gradient(top, #1e4b7b 0%, #205083 30%, #1c4672 50%, #193e66 50%, #265f9b 100%);background-image:linear-gradient(top, #1e4b7b 0%, #205083 30%, #1c4672 50%, #193e66 50%, #265f9b 100%);border-color:#0f253d;text-shadow:#000c19 0px -1px -1px;-moz-box-shadow:#153456 0 0.08em 0.1em 1px inset;-webkit-box-shadow:#153456 0 0.08em 0.1em 1px inset;-o-box-shadow:#153456 0 0.08em 0.1em 1px inset;box-shadow:#153456 0 0.08em 0.1em 1px inset}a.blue:active,a.blue:active:visited{color:#fff}
*/
/* line 1, sass/partials/_gradientDesigner.scss */
.gradientPreview {
border: 1px solid black;
height: 250px;
margin: 20px 0 50px 20px;
padding: 0;
width: 795px;
}
/* line 9, sass/partials/_gradientDesigner.scss */
.gdContainer {
float: left;
margin-right: 30px;
}
/* line 14, sass/partials/_gradientDesigner.scss */
.codePreview {
float: left;
}
/* line 20, sass/partials/_gradientDesigner.scss */
pre.prettyprint {
padding: 14px;
background-color: #efefef;
color: #fff;
margin-left: 25px;
}
/* line 1, sass/partials/_gradientSlider.scss */
.moveable {
background: none repeat scroll 0 0 #FFFFBF;
border: 1px solid black;
cursor: pointer;
height: 17px;
margin: 0;
padding: 0;
width: 20px;
position: absolute;
}
/* line 11, sass/partials/_gradientSlider.scss */
.sliderBar {
background: none repeat scroll 0 0 #BFECFF;
border: 10px solid lightblue;
height: 20px;
margin: 0;
padding: 0;
width: 816px;
}
/* line 20, sass/partials/_gradientSlider.scss */
.arrowUp {
border-bottom: 5px solid #2F2F2F;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
height: 0;
left: 32%;
position: relative;
top: -6px;
width: 0;
}
/* line 31, sass/partials/_gradientSlider.scss */
.handleValue {
position: relative;
text-align: center;
top: -28px;
}
/* line 37, sass/partials/_gradientSlider.scss */
.clone {
display: none;
}
/* line 43, sass/partials/_gradientSlider.scss */
.sliderBar .dojoxColorPicker {
position: absolute;
z-index: 1;
}
/* line 49, sass/partials/_gradientSlider.scss */
.closeColorPicker {
position: absolute;
z-index: 2;
}
/* line 55, sass/partials/_gradientSlider.scss */
.fancy-button-reset-base-class, .fancy-button-base, a.big, button {
font-family: "Lucida Grande", Lucida, Arial, sans-serif;
background: url("../images/button_bg.png?1262308446") repeat-x bottom left;
margin: 0;
width: auto;
overflow: visible;
display: inline-block;
cursor: pointer;
text-decoration: none;
border-style: solid;
font-weight: bold;
}
/* line 69, sass/partials/_gradientSlider.scss */
.arrow {
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
-o-border-radius: 1em;
-ms-border-radius: 1em;
-khtml-border-radius: 1em;
border-radius: 1em;
font-size: 30px;
line-height: 1.2em;
padding: 0.3em 1em;
border-width: 1px;
background-color: #fff;
background-image: -webkit-gradient(radial, 50% 10%, 0, 50% 10%, 30, color-stop(0%, white), color-stop(100%, #c1c1c1));
background-image: -moz-radial-gradient(50% 10%, circle, white 0%, #c1c1c1 30px);
background-image: radial-gradient(50% 10%, circle, #ffffff 0%, #c1c1c1 30px);
border-color: #b7b7b7;
text-shadow: #fff 0px 1px 1px;
-moz-box-shadow: rgba(255, 255, 255, 0.867) 0 0 0.1em 1px inset;
-webkit-box-shadow: rgba(255, 255, 255, 0.867) 0 0 0.1em 1px inset;
-o-box-shadow: rgba(255, 255, 255, 0.867) 0 0 0.1em 1px inset;
box-shadow: rgba(255, 255, 255, 0.867) 0 0 0.1em 1px inset;
-moz-background-clip: padding;
-webkit-background-clip: padding;
-o-background-clip: padding-box;
-ms-background-clip: padding-box;
-khtml-background-clip: padding-box;
background-clip: padding-box;
padding: 2px 6px;
border-width: 2px;
}
/* line 99, sass/partials/_gradientSlider.scss */
.arrow, .arrow:visited {
color: #222;
}
/* line 102, sass/partials/_gradientSlider.scss */
.arrow:hover, .arrow:focus {
background-color: #fff;
background-image: -webkit-gradient(radial, 50% 10%, 0, 50% 10%, 30, color-stop(0%, #fcfcfc), color-stop(100%, #b9b9b9));
background-image: -moz-radial-gradient(50% 10%, circle, #fcfcfc 0%, #b9b9b9 30px);
background-image: radial-gradient(50% 10%, circle, #fcfcfc 0%, #b9b9b9 30px);
border-color: #afafaf;
text-shadow: #fff 0px 1px 1px;
}
/* line 110, sass/partials/_gradientSlider.scss */
.arrow:hover, .arrow:hover:visited, .arrow:focus, .arrow:focus:visited {
color: #222;
}
/* line 113, sass/partials/_gradientSlider.scss */
.arrow:active {
background-color: #fff;
background-image: -webkit-gradient(radial, 50% 10%, 0, 50% 10%, 30, color-stop(0%, #d8d8d8), color-stop(100%, #f1f1f1));
background-image: -moz-radial-gradient(50% 10%, circle, #d8d8d8 0%, #f1f1f1 30px);
background-image: radial-gradient(50% 10%, circle, #d8d8d8 0%, #f1f1f1 30px);
border-color: #a7a7a7;
text-shadow: white 0px -1px -1px;
-moz-box-shadow: #b7b7b7 0 0.08em 0.1em 1px inset;
-webkit-box-shadow: #b7b7b7 0 0.08em 0.1em 1px inset;
-o-box-shadow: #b7b7b7 0 0.08em 0.1em 1px inset;
box-shadow: #b7b7b7 0 0.08em 0.1em 1px inset;
}
/* line 125, sass/partials/_gradientSlider.scss */
.arrow:active, .arrow:active:visited {
color: #222;
}