1 @import "http://fonts.googleapis.com/css?family=Expletus+Sans";
2 html, body, div, span, applet, object, iframe,
3 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
4 a, abbr, acronym, address, big, cite, code, #content .codeblock,
5 del, dfn, em, img, ins, kbd, q, s, samp,
6 small, strike, strong, sub, sup, tt, var,
8 dl, dt, dd, ol, ul, li,
9 fieldset, form, label, legend,
10 table, caption, tbody, tfoot, thead, tr, th, td,
11 article, aside, canvas, details, embed,
12 figure, figcaption, footer, header, hgroup,
13 menu, nav, output, ruby, section, summary,
14 time, mark, audio, video {
20 vertical-align: baseline; }
29 border-collapse: collapse;
35 vertical-align: middle; }
39 q:before, q:after, blockquote:before, blockquote:after {
46 article, aside, details, figcaption, figure,
47 footer, header, hgroup, menu, nav, section {
50 article, aside, details, figcaption, figure,
51 footer, header, hgroup, menu, nav, section {
56 blockquote:before, blockquote:after, q:before, q:after {
65 line-height: 1.563em; }
72 text-shadow: none !important;
73 color: white !important; }
75 @-webkit-keyframes glow {
77 text-shadow: 0 0 3px rgba(255, 255, 255, 0); }
80 text-shadow: 0 0 3px rgba(255, 255, 255, 0.5); } }
84 background: -webkit-gradient(linear, 50% 0%, 50% 250, color-stop(0%, #b4bdcf), color-stop(100%, #e0e5ef));
85 background: -webkit-linear-gradient(top, #b4bdcf 0%, #e0e5ef 250px);
86 background: -moz-linear-gradient(top, #b4bdcf 0%, #e0e5ef 250px);
87 background: -o-linear-gradient(top, #b4bdcf 0%, #e0e5ef 250px);
88 background: linear-gradient(top, #b4bdcf 0%, #e0e5ef 250px);
90 text-shadow: 0 1px 0 #FFF;
91 font-family: Helvetica, Arial, serif; }
96 background: transparent;
102 font-family: "Expletus Sans", Helvetica, Arial, serif;
103 position: relative; }
108 text-decoration: none;
111 font-family: "Expletus Sans", Helvetica, Arial, serif;
112 text-transform: uppercase;
116 -moz-border-radius: 5px;
117 -webkit-border-radius: 5px;
118 -o-border-radius: 5px;
119 -ms-border-radius: 5px;
120 -khtml-border-radius: 5px;
122 -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
123 -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
124 -o-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
125 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
126 background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #d4d4d4));
127 background: -webkit-linear-gradient(#eeeeee, #d4d4d4);
128 background: -moz-linear-gradient(#eeeeee, #d4d4d4);
129 background: -o-linear-gradient(#eeeeee, #d4d4d4);
130 background: linear-gradient(#eeeeee, #d4d4d4);
131 text-shadow: #FFF 0 1px 0;
132 border: 1px solid #eeeeee;
137 .installButton::after {
141 padding: 7px 1px 3px 4px;
143 -moz-border-radius: 15px;
144 -webkit-border-radius: 15px;
145 -o-border-radius: 15px;
146 -ms-border-radius: 15px;
147 -khtml-border-radius: 15px;
149 -moz-box-shadow: 0 1px 0 0 white, 0 1px 2px 0 rgba(0, 0, 0, 0.15) inset;
150 -webkit-box-shadow: 0 1px 0 0 white, 0 1px 2px 0 rgba(0, 0, 0, 0.15) inset;
151 -o-box-shadow: 0 1px 0 0 white, 0 1px 2px 0 rgba(0, 0, 0, 0.15) inset;
152 box-shadow: 0 1px 0 0 white, 0 1px 2px 0 rgba(0, 0, 0, 0.15) inset;
157 font-family: Helvetica, Arial, sans-serif; }
158 .installButton:hover {
159 background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #c8c8c8));
160 background: -webkit-linear-gradient(#eeeeee, #c8c8c8);
161 background: -moz-linear-gradient(#eeeeee, #c8c8c8);
162 background: -o-linear-gradient(#eeeeee, #c8c8c8);
163 background: linear-gradient(#eeeeee, #c8c8c8); }
164 .installButton:active {
165 background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c8c8c8), color-stop(100%, #eeeeee));
166 background: -webkit-linear-gradient(#c8c8c8, #eeeeee);
167 background: -moz-linear-gradient(#c8c8c8, #eeeeee);
168 background: -o-linear-gradient(#c8c8c8, #eeeeee);
169 background: linear-gradient(#c8c8c8, #eeeeee);
170 -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15), 0 0 16px 0 rgba(0, 0, 0, 0.15) inset;
171 -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15), 0 0 16px 0 rgba(0, 0, 0, 0.15) inset;
172 -o-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15), 0 0 16px 0 rgba(0, 0, 0, 0.15) inset;
173 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15), 0 0 16px 0 rgba(0, 0, 0, 0.15) inset;
175 .installButton:active::after {
176 background: #a2a2a2; }
180 border-bottom: 1px solid #9dadcc;
181 -moz-box-shadow: 0 1px 0 0 white;
182 -webkit-box-shadow: 0 1px 0 0 white;
183 -o-box-shadow: 0 1px 0 0 white;
184 box-shadow: 0 1px 0 0 white;
185 text-decoration: none; }
188 border-bottom: 1px solid #354668; }
189 #content p, #content ul, #content ol, #content header {
190 margin-bottom: 1.563em; }
191 #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
193 margin-bottom: 0.781em; }
196 line-height: 1.25em; }
197 #content code, #content .codeblock {
201 border: 1px solid #aebbd5;
202 -moz-border-radius: 3px;
203 -webkit-border-radius: 3px;
204 -o-border-radius: 3px;
205 -ms-border-radius: 3px;
206 -khtml-border-radius: 3px;
208 -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15) inset, 0 1px 0 0 white;
209 -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15) inset, 0 1px 0 0 white;
210 -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15) inset, 0 1px 0 0 white;
211 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15) inset, 0 1px 0 0 white;
212 font-family: Menlo, monospace;
214 line-height: 1.923em; }
215 #content .codeblock {
216 margin-bottom: 1.563em;
219 #content .codeblock code, #content .codeblock .codeblock {
222 -moz-box-shadow: none;
223 -webkit-box-shadow: none;
226 -moz-border-radius: 0;
227 -webkit-border-radius: 0;
229 -ms-border-radius: 0;
230 -khtml-border-radius: 0;
234 #content .codeblock.shell code::before, #content .codeblock.shell .codeblock::before {
244 -moz-border-radius: 5px;
245 -webkit-border-radius: 5px;
246 -o-border-radius: 5px;
247 -ms-border-radius: 5px;
248 -khtml-border-radius: 5px;
250 -moz-box-shadow: 0 1px 0 0 white, 0 2px 4px rgba(0, 0, 0, 0.35) inset;
251 -webkit-box-shadow: 0 1px 0 0 white, 0 2px 4px rgba(0, 0, 0, 0.35) inset;
252 -o-box-shadow: 0 1px 0 0 white, 0 2px 4px rgba(0, 0, 0, 0.35) inset;
253 box-shadow: 0 1px 0 0 white, 0 2px 4px rgba(0, 0, 0, 0.35) inset;
257 border: 1px solid #1a1a1a;
263 -moz-transition-property: width;
264 -webkit-transition-property: width;
265 -o-transition-property: width;
266 transition-property: width;
267 -moz-transition-duration: 0.25s;
268 -webkit-transition-duration: 0.25s;
269 -o-transition-duration: 0.25s;
270 transition-duration: 0.25s;
271 -moz-transition-timing-function: linear;
272 -webkit-transition-timing-function: linear;
273 -o-transition-timing-function: linear;
274 transition-timing-function: linear;
275 -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15) inset, 0 1px 0 0 rgba(255, 255, 255, 0.35);
276 -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15) inset, 0 1px 0 0 rgba(255, 255, 255, 0.35);
277 -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15) inset, 0 1px 0 0 rgba(255, 255, 255, 0.35);
278 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15) inset, 0 1px 0 0 rgba(255, 255, 255, 0.35);
279 -moz-border-radius: 3px;
280 -webkit-border-radius: 3px;
281 -o-border-radius: 3px;
282 -ms-border-radius: 3px;
283 -khtml-border-radius: 3px;
284 border-radius: 3px; }
285 .three-up figure.shrunk {
287 .three-up figure.expanded {
289 .three-up figure:last-child {
292 /* keeps the right margin from wiggling */ }
293 .three-up figure img {
295 .three-up figcaption {
300 background: rgba(0, 0, 0, 0.75);
301 text-shadow: 1px 1px 0 #000;
306 line-height: 1.923em; }
314 -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35) inset, 0 1px 0 0 white;
315 -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35) inset, 0 1px 0 0 white;
316 -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35) inset, 0 1px 0 0 white;
317 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35) inset, 0 1px 0 0 white;
318 -moz-border-radius: 5px;
319 -webkit-border-radius: 5px;
320 -o-border-radius: 5px;
321 -ms-border-radius: 5px;
322 -khtml-border-radius: 5px;
324 text-shadow: 0 -1px 0 black;
326 -webkit-font-smoothing: antialiased;
328 #whatIs :last-child {
336 background: transparent;
340 -moz-box-shadow: none;
341 -webkit-box-shadow: none;
345 background: transparent;
349 margin-left: 1.5em; }
351 margin-bottom: 0.781em;
352 list-style-type: disc; }
359 padding: 20px 10px 10px 10px;
360 -moz-border-radius: 5px;
361 -webkit-border-radius: 5px;
362 -o-border-radius: 5px;
363 -ms-border-radius: 5px;
364 -khtml-border-radius: 5px;
366 -moz-box-shadow: 0 1px 0 0 white, 0 2px 4px rgba(0, 0, 0, 0.35) inset;
367 -webkit-box-shadow: 0 1px 0 0 white, 0 2px 4px rgba(0, 0, 0, 0.35) inset;
368 -o-box-shadow: 0 1px 0 0 white, 0 2px 4px rgba(0, 0, 0, 0.35) inset;
369 box-shadow: 0 1px 0 0 white, 0 2px 4px rgba(0, 0, 0, 0.35) inset;
374 -webkit-font-smoothing: antialiased; }
378 margin: 0 5px 10px 5px;
381 border: 1px solid #1a1a1a;
382 -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35) inset, 0 1px 0 0 rgba(255, 255, 255, 0.15);
383 -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35) inset, 0 1px 0 0 rgba(255, 255, 255, 0.15);
384 -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35) inset, 0 1px 0 0 rgba(255, 255, 255, 0.15);
385 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35) inset, 0 1px 0 0 rgba(255, 255, 255, 0.15);
388 -moz-border-radius: 3px;
389 -webkit-border-radius: 3px;
390 -o-border-radius: 3px;
391 -ms-border-radius: 3px;
392 -khtml-border-radius: 3px;
393 border-radius: 3px; }
394 #contribList .name, #contribList .description, #contribList .status {
398 #contribList .description {
400 #contribList .status {
403 line-height: 1.923em;
405 #contribList .status.dev {
406 -webkit-animation-name: glow;
407 -webkit-animation-duration: 1s;
408 -webkit-animation-timing-function: ease;
409 -webkit-animation-iteration-count: infinite;
410 -webkit-animation-direction: alternate; }
411 #contribList .status.pla {
420 border-top: 5px solid #333333;
421 -moz-box-shadow: 0 1px 0 0 white inset;
422 -webkit-box-shadow: 0 1px 0 0 white inset;
423 -o-box-shadow: 0 1px 0 0 white inset;
424 box-shadow: 0 1px 0 0 white inset;
426 line-height: 1.923em;
429 text-decoration: none;