1 /*! Copyright 2014 jQuery Foundation and other contributors |
|
2 * Includes: |
|
3 * - normalize.css v1.0.1 | MIT License | git.io/normalize |
|
4 * - Font Awesome - http://fortawesome.github.com/Font-Awesome - CC BY 3.0 |
|
5 */ |
|
6 |
|
7 /* ========================================================================== |
|
8 HTML5 display definitions |
|
9 ========================================================================== */ |
|
10 |
|
11 * { |
|
12 -webkit-box-sizing: border-box; |
|
13 -moz-box-sizing: border-box; |
|
14 box-sizing: border-box; |
|
15 } |
|
16 |
|
17 /* |
|
18 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. |
|
19 */ |
|
20 |
|
21 article, |
|
22 aside, |
|
23 details, |
|
24 figcaption, |
|
25 figure, |
|
26 footer, |
|
27 header, |
|
28 hgroup, |
|
29 nav, |
|
30 section, |
|
31 summary { |
|
32 display: block; |
|
33 } |
|
34 |
|
35 /* |
|
36 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. |
|
37 */ |
|
38 |
|
39 audio, |
|
40 canvas, |
|
41 video { |
|
42 display: inline-block; |
|
43 *display: inline; |
|
44 *zoom: 1; |
|
45 } |
|
46 |
|
47 /* |
|
48 * Prevents modern browsers from displaying `audio` without controls. |
|
49 * Remove excess height in iOS 5 devices. |
|
50 */ |
|
51 |
|
52 audio:not([controls]) { |
|
53 display: none; |
|
54 height: 0; |
|
55 } |
|
56 |
|
57 /* ========================================================================== |
|
58 Base |
|
59 ========================================================================== */ |
|
60 |
|
61 /* |
|
62 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using |
|
63 * `em` units. |
|
64 * 2. Prevents iOS text size adjust after orientation change, without disabling |
|
65 * user zoom. |
|
66 */ |
|
67 |
|
68 html { |
|
69 font-size: 100%; /* 1 */ |
|
70 -webkit-text-size-adjust: 100%; /* 2 */ |
|
71 -ms-text-size-adjust: 100%; /* 2 */ |
|
72 } |
|
73 |
|
74 /* |
|
75 * Addresses `font-family` inconsistency between `textarea` and other form |
|
76 * elements. |
|
77 */ |
|
78 |
|
79 html, |
|
80 button, |
|
81 input, |
|
82 select, |
|
83 textarea { |
|
84 font-family: Frutiger, sans-serif; |
|
85 color: #333; |
|
86 } |
|
87 |
|
88 /* |
|
89 * Addresses margins handled incorrectly in IE 6/7. |
|
90 */ |
|
91 |
|
92 body { |
|
93 margin: 0; |
|
94 } |
|
95 |
|
96 ::-moz-selection { |
|
97 background: #b3d4fc; |
|
98 text-shadow: none; |
|
99 } |
|
100 |
|
101 ::selection { |
|
102 background: #b3d4fc; |
|
103 text-shadow: none; |
|
104 } |
|
105 |
|
106 .chromeframe { |
|
107 margin: 0.2em 0; |
|
108 background: #ccc; |
|
109 color: #000; |
|
110 padding: 0.2em 0; |
|
111 } |
|
112 |
|
113 /* ========================================================================== |
|
114 Links |
|
115 ========================================================================== */ |
|
116 |
|
117 /* |
|
118 * Addresses `outline` inconsistency between Chrome and other browsers. |
|
119 */ |
|
120 |
|
121 a:focus { |
|
122 outline: thin dotted; |
|
123 } |
|
124 |
|
125 /* |
|
126 * Improves readability when focused and also mouse hovered in all browsers. |
|
127 */ |
|
128 |
|
129 a:active, |
|
130 a:hover { |
|
131 outline: 0; |
|
132 } |
|
133 |
|
134 /* ========================================================================== |
|
135 Typography |
|
136 ========================================================================== */ |
|
137 |
|
138 /* |
|
139 * Addresses font sizes and margins set differently in IE 6/7. |
|
140 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5, |
|
141 * and Chrome. |
|
142 */ |
|
143 |
|
144 h1 { |
|
145 font-size: 2em; |
|
146 margin: 0 0 0.33em; |
|
147 } |
|
148 |
|
149 h2 { |
|
150 font-size: 1.5em; |
|
151 margin: 0 0 0.5em; |
|
152 } |
|
153 |
|
154 h3 { |
|
155 font-size: 1.25em; |
|
156 margin: 0 0 0.67em; |
|
157 } |
|
158 |
|
159 h4 { |
|
160 font-size: 1em; |
|
161 margin: 0 0 1em; |
|
162 } |
|
163 |
|
164 h5 { |
|
165 font-size: 0.83em; |
|
166 margin: 0 0 1.33em; |
|
167 } |
|
168 |
|
169 h6 { |
|
170 font-size: 0.75em; |
|
171 margin: 0 0 2em; |
|
172 } |
|
173 |
|
174 h1, h2, h3, h4, h5, h6 { |
|
175 font-weight: 700; |
|
176 font-family: "Frutiger-Bold", Helvetica, Arial, Geneva, sans-serif !important; |
|
177 } |
|
178 /* |
|
179 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome. |
|
180 */ |
|
181 |
|
182 abbr[title] { |
|
183 border-bottom: 1px dotted; |
|
184 } |
|
185 |
|
186 /* |
|
187 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. |
|
188 */ |
|
189 |
|
190 b, |
|
191 strong { |
|
192 font-weight: bold; |
|
193 } |
|
194 |
|
195 blockquote { |
|
196 margin: 1em 40px; |
|
197 } |
|
198 |
|
199 /* |
|
200 * Addresses styling not present in Safari 5 and Chrome. |
|
201 */ |
|
202 |
|
203 dfn { |
|
204 font-style: italic; |
|
205 } |
|
206 |
|
207 /* |
|
208 * Addresses styling not present in IE 6/7/8/9. |
|
209 */ |
|
210 |
|
211 mark { |
|
212 background: #ff0; |
|
213 color: #000; |
|
214 } |
|
215 |
|
216 /* |
|
217 * Addresses margins set differently in IE 6/7. |
|
218 */ |
|
219 |
|
220 p, |
|
221 pre { |
|
222 margin: 1em 0; |
|
223 } |
|
224 |
|
225 /* |
|
226 * Improves readability of pre-formatted text in all browsers. |
|
227 */ |
|
228 |
|
229 pre, code { |
|
230 white-space: pre; |
|
231 white-space: pre-wrap; |
|
232 word-wrap: break-word; |
|
233 word-spacing: 0; |
|
234 font-size: 13px; |
|
235 line-height: 16px; |
|
236 } |
|
237 code { |
|
238 padding: 0 3px; |
|
239 background-color: #eee; |
|
240 border-radius: 3px; |
|
241 } |
|
242 pre code { |
|
243 background-color: transparent; |
|
244 font-size: 16px; |
|
245 font-weight: bold; |
|
246 white-space: pre; |
|
247 word-wrap: normal; |
|
248 } |
|
249 |
|
250 /* |
|
251 * Addresses CSS quotes not supported in IE 6/7. |
|
252 */ |
|
253 |
|
254 q { |
|
255 quotes: none; |
|
256 } |
|
257 |
|
258 /* |
|
259 * Addresses `quotes` property not supported in Safari 4. |
|
260 */ |
|
261 |
|
262 q:before, |
|
263 q:after { |
|
264 content: ''; |
|
265 content: none; |
|
266 } |
|
267 |
|
268 /* |
|
269 * Prevents `sub` and `sup` affecting `line-height` in all browsers. |
|
270 */ |
|
271 |
|
272 sub, |
|
273 sup { |
|
274 font-size: 75%; |
|
275 line-height: 0; |
|
276 position: relative; |
|
277 vertical-align: baseline; |
|
278 } |
|
279 |
|
280 sup { |
|
281 top: -0.5em; |
|
282 } |
|
283 |
|
284 sub { |
|
285 bottom: -0.25em; |
|
286 } |
|
287 |
|
288 /* ========================================================================== |
|
289 Lists |
|
290 ========================================================================== */ |
|
291 |
|
292 /* |
|
293 * Addresses margins set differently in IE 6/7. |
|
294 */ |
|
295 |
|
296 dl, |
|
297 menu, |
|
298 ol, |
|
299 ul { |
|
300 margin: 0 0 1em; |
|
301 } |
|
302 |
|
303 dd { |
|
304 margin: 0 0 0 40px; |
|
305 } |
|
306 |
|
307 /* |
|
308 * Addresses paddings set differently in IE 6/7. |
|
309 */ |
|
310 |
|
311 menu, |
|
312 ol, |
|
313 ul { |
|
314 padding: 0; |
|
315 } |
|
316 |
|
317 /* |
|
318 * Corrects list images handled incorrectly in IE 7. |
|
319 */ |
|
320 |
|
321 nav ul, |
|
322 nav ol { |
|
323 list-style: none; |
|
324 list-style-image: none; |
|
325 } |
|
326 |
|
327 /* ========================================================================== |
|
328 Embedded content |
|
329 ========================================================================== */ |
|
330 |
|
331 /* |
|
332 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3. |
|
333 * 2. Improves image quality when scaled in IE 7. |
|
334 */ |
|
335 |
|
336 img { |
|
337 border: 0; /* 1 */ |
|
338 -ms-interpolation-mode: bicubic; /* 2 */ |
|
339 vertical-align: middle; |
|
340 max-width: 100%; |
|
341 } |
|
342 |
|
343 /* ========================================================================== |
|
344 Figures |
|
345 ========================================================================== */ |
|
346 |
|
347 /* |
|
348 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11. |
|
349 */ |
|
350 |
|
351 figure { |
|
352 margin: 0; |
|
353 } |
|
354 |
|
355 /* ========================================================================== |
|
356 Forms |
|
357 ========================================================================== */ |
|
358 |
|
359 /* |
|
360 * Corrects margin displayed oddly in IE 6/7. |
|
361 */ |
|
362 |
|
363 form { |
|
364 margin: 0; |
|
365 padding: 10px 0; |
|
366 } |
|
367 |
|
368 /* |
|
369 * Define consistent border, margin, and padding. |
|
370 */ |
|
371 |
|
372 fieldset { |
|
373 border: 0; |
|
374 margin: 0; |
|
375 padding: 0; |
|
376 } |
|
377 |
|
378 /* |
|
379 * 1. Corrects color not being inherited in IE 6/7/8/9. |
|
380 * 2. Corrects text not wrapping in Firefox 3. |
|
381 * 3. Corrects alignment displayed oddly in IE 6/7. |
|
382 */ |
|
383 |
|
384 legend { |
|
385 border: 0; /* 1 */ |
|
386 padding: 0; |
|
387 white-space: normal; /* 2 */ |
|
388 *margin-left: -7px; /* 3 */ |
|
389 } |
|
390 |
|
391 /* |
|
392 * 1. Corrects font size not being inherited in all browsers. |
|
393 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, |
|
394 * and Chrome. |
|
395 * 3. Improves appearance and consistency in all browsers. |
|
396 */ |
|
397 |
|
398 button, |
|
399 input, |
|
400 select, |
|
401 textarea { |
|
402 font-size: 100%; /* 1 */ |
|
403 margin: 0; /* 2 */ |
|
404 vertical-align: baseline; /* 3 */ |
|
405 *vertical-align: middle; /* 3 */ |
|
406 } |
|
407 |
|
408 /* |
|
409 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in |
|
410 * the UA stylesheet. |
|
411 */ |
|
412 |
|
413 button, |
|
414 input { |
|
415 line-height: normal; |
|
416 } |
|
417 |
|
418 /* |
|
419 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` |
|
420 * and `video` controls. |
|
421 * 2. Corrects inability to style clickable `input` types in iOS. |
|
422 * 3. Improves usability and consistency of cursor style between image-type |
|
423 * `input` and others. |
|
424 * 4. Removes inner spacing in IE 7 without affecting normal text inputs. |
|
425 * Known issue: inner spacing remains in IE 6. |
|
426 */ |
|
427 |
|
428 button, |
|
429 html input[type="button"], /* 1 */ |
|
430 input[type="reset"], |
|
431 input[type="submit"] { |
|
432 -webkit-appearance: button; /* 2 */ |
|
433 cursor: pointer; /* 3 */ |
|
434 *overflow: visible; /* 4 */ |
|
435 } |
|
436 |
|
437 /* |
|
438 * Re-set default cursor for disabled elements. |
|
439 */ |
|
440 |
|
441 button[disabled], |
|
442 input[disabled] { |
|
443 cursor: default; |
|
444 } |
|
445 |
|
446 /* |
|
447 * 1. Addresses box sizing set to content-box in IE 8/9. |
|
448 * 2. Removes excess padding in IE 8/9. |
|
449 * 3. Removes excess padding in IE 7. |
|
450 * Known issue: excess padding remains in IE 6. |
|
451 */ |
|
452 |
|
453 input[type="checkbox"], |
|
454 input[type="radio"] { |
|
455 box-sizing: border-box; /* 1 */ |
|
456 padding: 0; /* 2 */ |
|
457 *height: 13px; /* 3 */ |
|
458 *width: 13px; /* 3 */ |
|
459 } |
|
460 |
|
461 /* |
|
462 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. |
|
463 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome |
|
464 * (include `-moz` to future-proof). |
|
465 */ |
|
466 |
|
467 input[type="search"] { |
|
468 -webkit-appearance: textfield; /* 1 */ |
|
469 -moz-box-sizing: content-box; |
|
470 -webkit-box-sizing: content-box; /* 2 */ |
|
471 box-sizing: content-box; |
|
472 } |
|
473 |
|
474 /* |
|
475 * Removes inner padding and search cancel button in Safari 5 and Chrome |
|
476 * on OS X. |
|
477 */ |
|
478 |
|
479 input[type="search"]::-webkit-search-cancel-button, |
|
480 input[type="search"]::-webkit-search-decoration { |
|
481 -webkit-appearance: none; |
|
482 } |
|
483 |
|
484 /* |
|
485 * Removes inner padding and border in Firefox 3+. |
|
486 */ |
|
487 |
|
488 button::-moz-focus-inner, |
|
489 input::-moz-focus-inner { |
|
490 border: 0; |
|
491 padding: 0; |
|
492 } |
|
493 |
|
494 /* |
|
495 * 1. Removes default vertical scrollbar in IE 6/7/8/9. |
|
496 * 2. Improves readability and alignment in all browsers. |
|
497 */ |
|
498 |
|
499 textarea { |
|
500 overflow: auto; /* 1 */ |
|
501 vertical-align: top; /* 2 */ |
|
502 min-height: 150px; |
|
503 resize: vertical; |
|
504 } |
|
505 |
|
506 #content input[type="text"], |
|
507 #content input[type="email"], |
|
508 #content textarea { |
|
509 color: #666; |
|
510 |
|
511 width: 70%; |
|
512 min-width: 300px; |
|
513 |
|
514 margin: 5px 0 10px 0; |
|
515 padding: 8px 12px; |
|
516 |
|
517 background: rgba(245,245,245,0.37); |
|
518 |
|
519 border: 1px solid rgba(192,192,192,0.49); |
|
520 border-radius: 2px; |
|
521 |
|
522 -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.17); |
|
523 box-shadow: inset 0 1px 3px rgba(0,0,0,0.17); |
|
524 } |
|
525 |
|
526 /* |
|
527 * 1. :-moz-placeholder has been deprecated in favor of ::-moz-placeholder. |
|
528 * 2. Using :placeholder for completeness. |
|
529 */ |
|
530 ::-webkit-input-placeholder { |
|
531 color: #9A1B1E; |
|
532 } |
|
533 :-moz-placeholder { /* 1 */ |
|
534 color: #9A1B1E; |
|
535 } |
|
536 ::-moz-placeholder { |
|
537 color: #9A1B1E; |
|
538 } |
|
539 :-ms-placeholder { |
|
540 color: #9A1B1E; |
|
541 } |
|
542 :placeholder { /* 2 */ |
|
543 color: #9A1B1E; |
|
544 } |
|
545 |
|
546 #content input:focus, |
|
547 #content input[type="text"]:focus, |
|
548 #content input[type="email"]:focus, |
|
549 #content textarea:focus { |
|
550 outline: none; |
|
551 |
|
552 color: #333; |
|
553 background: #FFF; |
|
554 |
|
555 border: 1px solid #B24926; |
|
556 |
|
557 -webkit-box-shadow: 0px 0px 6px rgba(23,138,156,0.5), |
|
558 inset 0px 1px 3px rgba(0,0,0,0.2); |
|
559 |
|
560 box-shadow: 0px 0px 6px rgba(23,138,156,0.5), |
|
561 inset 0px 1px 3px rgba(0,0,0,0.2); |
|
562 } |
|
563 |
|
564 /** |
|
565 * Radio Buttons |
|
566 */ |
|
567 |
|
568 .radio { |
|
569 margin: 15px 0; |
|
570 } |
|
571 |
|
572 #content .radio ul { |
|
573 margin: 0; |
|
574 padding: 0; |
|
575 float: left; |
|
576 } |
|
577 |
|
578 #content .radio ul li { |
|
579 margin: 0; |
|
580 padding: 0; |
|
581 background: none; |
|
582 list-style-type: none; |
|
583 } |
|
584 |
|
585 .radio label { |
|
586 margin: 5px 0; |
|
587 } |
|
588 |
|
589 input[type=radio] { |
|
590 margin: 0 5px 0 0; |
|
591 } |
|
592 |
|
593 /** |
|
594 * Checkboxes |
|
595 */ |
|
596 |
|
597 input[type="checkbox"] { |
|
598 margin: 0 5px 0 0; |
|
599 } |
|
600 |
|
601 /** |
|
602 * Submit Buttons |
|
603 */ |
|
604 |
|
605 form input[type="submit"] { |
|
606 margin: 40px 0; |
|
607 float: none; |
|
608 } |
|
609 |
|
610 /** |
|
611 * Top aligned labels |
|
612 */ |
|
613 |
|
614 .top-labels label, |
|
615 .top-labels .radio label, |
|
616 .top-labels input[type="text"], |
|
617 .top-labels input[type="email"], |
|
618 .top-labels textarea { |
|
619 display: block; |
|
620 } |
|
621 |
|
622 /** |
|
623 * Left aligned labels |
|
624 */ |
|
625 |
|
626 .left-labels label { |
|
627 padding: 5px 0 0 0; |
|
628 display: block; |
|
629 } |
|
630 |
|
631 .left-labels span { |
|
632 margin: 0 10px 0 0; |
|
633 min-width: 100px; |
|
634 |
|
635 float: left; |
|
636 |
|
637 text-align: left; |
|
638 } |
|
639 |
|
640 .left-labels .radio span { |
|
641 padding-top: 5px; |
|
642 } |
|
643 |
|
644 .left-labels .radio { |
|
645 display: block; |
|
646 } |
|
647 |
|
648 .left-labels .radio li label { |
|
649 margin: 0; |
|
650 padding: 0 0 5px 0; |
|
651 |
|
652 border: 0; |
|
653 } |
|
654 |
|
655 /** |
|
656 * Label descriptions |
|
657 */ |
|
658 |
|
659 label .field-description { |
|
660 font-size: 0.8em; |
|
661 } |
|
662 |
|
663 /* ========================================================================== |
|
664 Tables |
|
665 ========================================================================== */ |
|
666 |
|
667 table { |
|
668 border-collapse: collapse; |
|
669 border-spacing: 0; |
|
670 } |
|
671 |
|
672 #content table { |
|
673 margin: 1em 2em; |
|
674 } |
|
675 |
|
676 #content thead tr { |
|
677 border-bottom: 2px solid #666; |
|
678 } |
|
679 |
|
680 #content tbody tr { |
|
681 border-bottom: 1px solid #666; |
|
682 } |
|
683 |
|
684 #content tbody tr:hover { |
|
685 background-color: #eee; |
|
686 } |
|
687 |
|
688 #content th { |
|
689 font-family: "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; |
|
690 } |
|
691 |
|
692 #content th, |
|
693 #content td { |
|
694 padding: .5em; |
|
695 } |
|
696 |
|
697 /* ========================================================================== |
|
698 Font Awesome |
|
699 ========================================================================== */ |
|
700 |
|
701 [class^="icon-"], |
|
702 [class*=" icon-"] { |
|
703 font-weight: normal; |
|
704 font-style: normal; |
|
705 text-decoration: inherit; |
|
706 -webkit-font-smoothing: antialiased; |
|
707 |
|
708 /* sprites.less reset */ |
|
709 display: inline; |
|
710 width: auto; |
|
711 height: auto; |
|
712 line-height: normal; |
|
713 vertical-align: baseline; |
|
714 background-image: none; |
|
715 background-position: 0% 0%; |
|
716 background-repeat: repeat; |
|
717 margin-top: 0; |
|
718 } |
|
719 |
|
720 /* more sprites.less reset*/ |
|
721 .icon-white, |
|
722 .nav-pills > .active > a > [class^="icon-"], |
|
723 .nav-pills > .active > a > [class*=" icon-"], |
|
724 .nav-list > .active > a > [class^="icon-"], |
|
725 .nav-list > .active > a > [class*=" icon-"], |
|
726 .navbar-inverse .nav > .active > a > [class^="icon-"], |
|
727 .navbar-inverse .nav > .active > a > [class*=" icon-"], |
|
728 .dropdown-menu > li > a:hover > [class^="icon-"], |
|
729 .dropdown-menu > li > a:hover > [class*=" icon-"], |
|
730 .dropdown-menu > .active > a > [class^="icon-"], |
|
731 .dropdown-menu > .active > a > [class*=" icon-"], |
|
732 .dropdown-submenu:hover > a > [class^="icon-"], |
|
733 .dropdown-submenu:hover > a > [class*=" icon-"] { |
|
734 background-image: none; |
|
735 } |
|
736 [class^="icon-"]:before, |
|
737 [class*=" icon-"]:before { |
|
738 text-decoration: inherit; |
|
739 display: inline-block; |
|
740 speak: none; |
|
741 } |
|
742 /* makes sure icons active on rollover in links */ |
|
743 a [class^="icon-"], |
|
744 a [class*=" icon-"] { |
|
745 display: inline-block; |
|
746 } |
|
747 /* makes the font 33% larger relative to the icon container */ |
|
748 .icon-large:before { |
|
749 vertical-align: -10%; |
|
750 font-size: 1.3333333333333333em; |
|
751 } |
|
752 .btn [class^="icon-"], |
|
753 .nav [class^="icon-"], |
|
754 .btn [class*=" icon-"], |
|
755 .nav [class*=" icon-"] { |
|
756 display: inline; |
|
757 /* keeps button heights with and without icons the same */ |
|
758 |
|
759 } |
|
760 .btn [class^="icon-"].icon-large, |
|
761 .nav [class^="icon-"].icon-large, |
|
762 .btn [class*=" icon-"].icon-large, |
|
763 .nav [class*=" icon-"].icon-large { |
|
764 line-height: .9em; |
|
765 } |
|
766 .btn [class^="icon-"].icon-spin, |
|
767 .nav [class^="icon-"].icon-spin, |
|
768 .btn [class*=" icon-"].icon-spin, |
|
769 .nav [class*=" icon-"].icon-spin { |
|
770 display: inline-block; |
|
771 } |
|
772 .nav-tabs [class^="icon-"], |
|
773 .nav-pills [class^="icon-"], |
|
774 .nav-tabs [class*=" icon-"], |
|
775 .nav-pills [class*=" icon-"] { |
|
776 /* keeps button heights with and without icons the same */ |
|
777 |
|
778 } |
|
779 .nav-tabs [class^="icon-"], |
|
780 .nav-pills [class^="icon-"], |
|
781 .nav-tabs [class*=" icon-"], |
|
782 .nav-pills [class*=" icon-"], |
|
783 .nav-tabs [class^="icon-"].icon-large, |
|
784 .nav-pills [class^="icon-"].icon-large, |
|
785 .nav-tabs [class*=" icon-"].icon-large, |
|
786 .nav-pills [class*=" icon-"].icon-large { |
|
787 line-height: .9em; |
|
788 } |
|
789 li [class^="icon-"], |
|
790 .nav li [class^="icon-"], |
|
791 li [class*=" icon-"], |
|
792 .nav li [class*=" icon-"] { |
|
793 display: inline-block; |
|
794 width: 1.25em; |
|
795 text-align: center; |
|
796 } |
|
797 li [class^="icon-"].icon-large, |
|
798 .nav li [class^="icon-"].icon-large, |
|
799 li [class*=" icon-"].icon-large, |
|
800 .nav li [class*=" icon-"].icon-large { |
|
801 /* increased font size for icon-large */ |
|
802 |
|
803 width: 1.5625em; |
|
804 } |
|
805 ul.icons { |
|
806 list-style-type: none; |
|
807 text-indent: -0.75em; |
|
808 } |
|
809 ul.icons li [class^="icon-"], |
|
810 ul.icons li [class*=" icon-"] { |
|
811 width: .75em; |
|
812 } |
|
813 .icon-muted { |
|
814 color: #eeeeee; |
|
815 } |
|
816 .icon-border { |
|
817 border: solid 1px #eeeeee; |
|
818 padding: .2em .25em .15em; |
|
819 -webkit-border-radius: 3px; |
|
820 -moz-border-radius: 3px; |
|
821 border-radius: 3px; |
|
822 } |
|
823 .icon-2x { |
|
824 font-size: 2em; |
|
825 } |
|
826 .icon-2x.icon-border { |
|
827 border-width: 2px; |
|
828 -webkit-border-radius: 4px; |
|
829 -moz-border-radius: 4px; |
|
830 border-radius: 4px; |
|
831 } |
|
832 .icon-3x { |
|
833 font-size: 3em; |
|
834 } |
|
835 .icon-3x.icon-border { |
|
836 border-width: 3px; |
|
837 -webkit-border-radius: 5px; |
|
838 -moz-border-radius: 5px; |
|
839 border-radius: 5px; |
|
840 } |
|
841 .icon-4x { |
|
842 font-size: 4em; |
|
843 } |
|
844 .icon-4x.icon-border { |
|
845 border-width: 4px; |
|
846 -webkit-border-radius: 6px; |
|
847 -moz-border-radius: 6px; |
|
848 border-radius: 6px; |
|
849 } |
|
850 .pull-right { |
|
851 float: right; |
|
852 } |
|
853 .pull-left { |
|
854 float: left; |
|
855 } |
|
856 [class^="icon-"].pull-left, |
|
857 [class*=" icon-"].pull-left { |
|
858 margin-right: .3em; |
|
859 } |
|
860 [class^="icon-"].pull-right, |
|
861 [class*=" icon-"].pull-right { |
|
862 margin-left: .3em; |
|
863 } |
|
864 .btn [class^="icon-"].pull-left.icon-2x, |
|
865 .btn [class*=" icon-"].pull-left.icon-2x, |
|
866 .btn [class^="icon-"].pull-right.icon-2x, |
|
867 .btn [class*=" icon-"].pull-right.icon-2x { |
|
868 margin-top: .18em; |
|
869 } |
|
870 .btn [class^="icon-"].icon-spin.icon-large, |
|
871 .btn [class*=" icon-"].icon-spin.icon-large { |
|
872 line-height: .8em; |
|
873 } |
|
874 .btn.btn-small [class^="icon-"].pull-left.icon-2x, |
|
875 .btn.btn-small [class*=" icon-"].pull-left.icon-2x, |
|
876 .btn.btn-small [class^="icon-"].pull-right.icon-2x, |
|
877 .btn.btn-small [class*=" icon-"].pull-right.icon-2x { |
|
878 margin-top: .25em; |
|
879 } |
|
880 .btn.btn-large [class^="icon-"], |
|
881 .btn.btn-large [class*=" icon-"] { |
|
882 margin-top: 0; |
|
883 } |
|
884 .btn.btn-large [class^="icon-"].pull-left.icon-2x, |
|
885 .btn.btn-large [class*=" icon-"].pull-left.icon-2x, |
|
886 .btn.btn-large [class^="icon-"].pull-right.icon-2x, |
|
887 .btn.btn-large [class*=" icon-"].pull-right.icon-2x { |
|
888 margin-top: .05em; |
|
889 } |
|
890 .btn.btn-large [class^="icon-"].pull-left.icon-2x, |
|
891 .btn.btn-large [class*=" icon-"].pull-left.icon-2x { |
|
892 margin-right: .2em; |
|
893 } |
|
894 .btn.btn-large [class^="icon-"].pull-right.icon-2x, |
|
895 .btn.btn-large [class*=" icon-"].pull-right.icon-2x { |
|
896 margin-left: .2em; |
|
897 } |
|
898 .icon-spin { |
|
899 display: inline-block; |
|
900 -moz-animation: spin 2s infinite linear; |
|
901 -o-animation: spin 2s infinite linear; |
|
902 -webkit-animation: spin 2s infinite linear; |
|
903 animation: spin 2s infinite linear; |
|
904 } |
|
905 @-moz-keyframes spin { |
|
906 0% { -moz-transform: rotate(0deg); } |
|
907 100% { -moz-transform: rotate(359deg); } |
|
908 } |
|
909 @-webkit-keyframes spin { |
|
910 0% { -webkit-transform: rotate(0deg); } |
|
911 100% { -webkit-transform: rotate(359deg); } |
|
912 } |
|
913 @-o-keyframes spin { |
|
914 0% { -o-transform: rotate(0deg); } |
|
915 100% { -o-transform: rotate(359deg); } |
|
916 } |
|
917 @-ms-keyframes spin { |
|
918 0% { -ms-transform: rotate(0deg); } |
|
919 100% { -ms-transform: rotate(359deg); } |
|
920 } |
|
921 @keyframes spin { |
|
922 0% { transform: rotate(0deg); } |
|
923 100% { transform: rotate(359deg); } |
|
924 } |
|
925 @-moz-document url-prefix() { |
|
926 .icon-spin { |
|
927 height: .9em; |
|
928 } |
|
929 .btn .icon-spin { |
|
930 height: auto; |
|
931 } |
|
932 .icon-spin.icon-large { |
|
933 height: 1.25em; |
|
934 } |
|
935 .btn .icon-spin.icon-large { |
|
936 height: .75em; |
|
937 } |
|
938 } |
|
939 /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen |
|
940 readers do not read off random characters that represent icons */ |
|
941 .icon-glass:before { content: "\f000"; } |
|
942 .icon-music:before { content: "\f001"; } |
|
943 .icon-search:before { content: "\f002"; } |
|
944 .icon-envelope:before { content: "\f003"; } |
|
945 .icon-heart:before { content: "\f004"; } |
|
946 .icon-star:before { content: "\f005"; } |
|
947 .icon-star-empty:before { content: "\f006"; } |
|
948 .icon-user:before { content: "\f007"; } |
|
949 .icon-film:before { content: "\f008"; } |
|
950 .icon-th-large:before { content: "\f009"; } |
|
951 .icon-th:before { content: "\f00a"; } |
|
952 .icon-th-list:before { content: "\f00b"; } |
|
953 .icon-ok:before { content: "\f00c"; } |
|
954 .icon-remove:before { content: "\f00d"; } |
|
955 .icon-zoom-in:before { content: "\f00e"; } |
|
956 |
|
957 .icon-zoom-out:before { content: "\f010"; } |
|
958 .icon-off:before { content: "\f011"; } |
|
959 .icon-signal:before { content: "\f012"; } |
|
960 .icon-cog:before { content: "\f013"; } |
|
961 .icon-trash:before { content: "\f014"; } |
|
962 .icon-home:before { content: "\f015"; } |
|
963 .icon-file:before { content: "\f016"; } |
|
964 .icon-time:before { content: "\f017"; } |
|
965 .icon-road:before { content: "\f018"; } |
|
966 .icon-download-alt:before { content: "\f019"; } |
|
967 .icon-download:before { content: "\f01a"; } |
|
968 .icon-upload:before { content: "\f01b"; } |
|
969 .icon-inbox:before { content: "\f01c"; } |
|
970 .icon-play-circle:before { content: "\f01d"; } |
|
971 .icon-repeat:before { content: "\f01e"; } |
|
972 |
|
973 /* \f020 doesn't work in Safari. all shifted one down */ |
|
974 .icon-refresh:before { content: "\f021"; } |
|
975 .icon-list-alt:before { content: "\f022"; } |
|
976 .icon-lock:before { content: "\f023"; } |
|
977 .icon-flag:before { content: "\f024"; } |
|
978 .icon-headphones:before { content: "\f025"; } |
|
979 .icon-volume-off:before { content: "\f026"; } |
|
980 .icon-volume-down:before { content: "\f027"; } |
|
981 .icon-volume-up:before { content: "\f028"; } |
|
982 .icon-qrcode:before { content: "\f029"; } |
|
983 .icon-barcode:before { content: "\f02a"; } |
|
984 .icon-tag:before { content: "\f02b"; } |
|
985 .icon-tags:before { content: "\f02c"; } |
|
986 .icon-book:before { content: "\f02d"; } |
|
987 .icon-bookmark:before { content: "\f02e"; } |
|
988 .icon-print:before { content: "\f02f"; } |
|
989 |
|
990 .icon-camera:before { content: "\f030"; } |
|
991 .icon-font:before { content: "\f031"; } |
|
992 .icon-bold:before { content: "\f032"; } |
|
993 .icon-italic:before { content: "\f033"; } |
|
994 .icon-text-height:before { content: "\f034"; } |
|
995 .icon-text-width:before { content: "\f035"; } |
|
996 .icon-align-left:before { content: "\f036"; } |
|
997 .icon-align-center:before { content: "\f037"; } |
|
998 .icon-align-right:before { content: "\f038"; } |
|
999 .icon-align-justify:before { content: "\f039"; } |
|
1000 .icon-list:before { content: "\f03a"; } |
|
1001 .icon-indent-left:before { content: "\f03b"; } |
|
1002 .icon-indent-right:before { content: "\f03c"; } |
|
1003 .icon-facetime-video:before { content: "\f03d"; } |
|
1004 .icon-picture:before { content: "\f03e"; } |
|
1005 |
|
1006 .icon-pencil:before { content: "\f040"; } |
|
1007 .icon-map-marker:before { content: "\f041"; } |
|
1008 .icon-adjust:before { content: "\f042"; } |
|
1009 .icon-tint:before { content: "\f043"; } |
|
1010 .icon-edit:before { content: "\f044"; } |
|
1011 .icon-share:before { content: "\f045"; } |
|
1012 .icon-check:before { content: "\f046"; } |
|
1013 .icon-move:before { content: "\f047"; } |
|
1014 .icon-step-backward:before { content: "\f048"; } |
|
1015 .icon-fast-backward:before { content: "\f049"; } |
|
1016 .icon-backward:before { content: "\f04a"; } |
|
1017 .icon-play:before { content: "\f04b"; } |
|
1018 .icon-pause:before { content: "\f04c"; } |
|
1019 .icon-stop:before { content: "\f04d"; } |
|
1020 .icon-forward:before { content: "\f04e"; } |
|
1021 |
|
1022 .icon-fast-forward:before { content: "\f050"; } |
|
1023 .icon-step-forward:before { content: "\f051"; } |
|
1024 .icon-eject:before { content: "\f052"; } |
|
1025 .icon-chevron-left:before { content: "\f053"; } |
|
1026 .icon-chevron-right:before { content: "\f054"; } |
|
1027 .icon-plus-sign:before { content: "\f055"; } |
|
1028 .icon-minus-sign:before { content: "\f056"; } |
|
1029 .icon-remove-sign:before { content: "\f057"; } |
|
1030 .icon-ok-sign:before { content: "\f058"; } |
|
1031 .icon-question-sign:before { content: "\f059"; } |
|
1032 .icon-info-sign:before { content: "\f05a"; } |
|
1033 .icon-screenshot:before { content: "\f05b"; } |
|
1034 .icon-remove-circle:before { content: "\f05c"; } |
|
1035 .icon-ok-circle:before { content: "\f05d"; } |
|
1036 .icon-ban-circle:before { content: "\f05e"; } |
|
1037 |
|
1038 .icon-arrow-left:before { content: "\f060"; } |
|
1039 .icon-arrow-right:before { content: "\f061"; } |
|
1040 .icon-arrow-up:before { content: "\f062"; } |
|
1041 .icon-arrow-down:before { content: "\f063"; } |
|
1042 .icon-share-alt:before { content: "\f064"; } |
|
1043 .icon-resize-full:before { content: "\f065"; } |
|
1044 .icon-resize-small:before { content: "\f066"; } |
|
1045 .icon-plus:before { content: "\f067"; } |
|
1046 .icon-minus:before { content: "\f068"; } |
|
1047 .icon-asterisk:before { content: "\f069"; } |
|
1048 .icon-exclamation-sign:before { content: "\f06a"; } |
|
1049 .icon-gift:before { content: "\f06b"; } |
|
1050 .icon-leaf:before { content: "\f06c"; } |
|
1051 .icon-fire:before { content: "\f06d"; } |
|
1052 .icon-eye-open:before { content: "\f06e"; } |
|
1053 |
|
1054 .icon-eye-close:before { content: "\f070"; } |
|
1055 .icon-warning-sign:before { content: "\f071"; } |
|
1056 .icon-plane:before { content: "\f072"; } |
|
1057 .icon-calendar:before { content: "\f073"; } |
|
1058 .icon-random:before { content: "\f074"; } |
|
1059 .icon-comment:before { content: "\f075"; } |
|
1060 .icon-magnet:before { content: "\f076"; } |
|
1061 .icon-chevron-up:before { content: "\f077"; } |
|
1062 .icon-chevron-down:before { content: "\f078"; } |
|
1063 .icon-retweet:before { content: "\f079"; } |
|
1064 .icon-shopping-cart:before { content: "\f07a"; } |
|
1065 .icon-folder-close:before { content: "\f07b"; } |
|
1066 .icon-folder-open:before { content: "\f07c"; } |
|
1067 .icon-resize-vertical:before { content: "\f07d"; } |
|
1068 .icon-resize-horizontal:before { content: "\f07e"; } |
|
1069 |
|
1070 .icon-bar-chart:before { content: "\f080"; } |
|
1071 .icon-twitter-sign:before { content: "\f081"; } |
|
1072 .icon-facebook-sign:before { content: "\f082"; } |
|
1073 .icon-camera-retro:before { content: "\f083"; } |
|
1074 .icon-key:before { content: "\f084"; } |
|
1075 .icon-cogs:before { content: "\f085"; } |
|
1076 .icon-comments:before { content: "\f086"; } |
|
1077 .icon-thumbs-up:before { content: "\f087"; } |
|
1078 .icon-thumbs-down:before { content: "\f088"; } |
|
1079 .icon-star-half:before { content: "\f089"; } |
|
1080 .icon-heart-empty:before { content: "\f08a"; } |
|
1081 .icon-signout:before { content: "\f08b"; } |
|
1082 .icon-linkedin-sign:before { content: "\f08c"; } |
|
1083 .icon-pushpin:before { content: "\f08d"; } |
|
1084 .icon-external-link:before { content: "\f08e"; } |
|
1085 |
|
1086 .icon-signin:before { content: "\f090"; } |
|
1087 .icon-trophy:before { content: "\f091"; } |
|
1088 .icon-github-sign:before { content: "\f092"; } |
|
1089 .icon-upload-alt:before { content: "\f093"; } |
|
1090 .icon-lemon:before { content: "\f094"; } |
|
1091 .icon-phone:before { content: "\f095"; } |
|
1092 .icon-check-empty:before { content: "\f096"; } |
|
1093 .icon-bookmark-empty:before { content: "\f097"; } |
|
1094 .icon-phone-sign:before { content: "\f098"; } |
|
1095 .icon-twitter:before { content: "\f099"; } |
|
1096 .icon-facebook:before { content: "\f09a"; } |
|
1097 .icon-github:before { content: "\f09b"; } |
|
1098 .icon-unlock:before { content: "\f09c"; } |
|
1099 .icon-credit-card:before { content: "\f09d"; } |
|
1100 .icon-rss:before { content: "\f09e"; } |
|
1101 |
|
1102 .icon-hdd:before { content: "\f0a0"; } |
|
1103 .icon-bullhorn:before { content: "\f0a1"; } |
|
1104 .icon-bell:before { content: "\f0a2"; } |
|
1105 .icon-certificate:before { content: "\f0a3"; } |
|
1106 .icon-hand-right:before { content: "\f0a4"; } |
|
1107 .icon-hand-left:before { content: "\f0a5"; } |
|
1108 .icon-hand-up:before { content: "\f0a6"; } |
|
1109 .icon-hand-down:before { content: "\f0a7"; } |
|
1110 .icon-circle-arrow-left:before { content: "\f0a8"; } |
|
1111 .icon-circle-arrow-right:before { content: "\f0a9"; } |
|
1112 .icon-circle-arrow-up:before { content: "\f0aa"; } |
|
1113 .icon-circle-arrow-down:before { content: "\f0ab"; } |
|
1114 .icon-globe:before { content: "\f0ac"; } |
|
1115 .icon-wrench:before { content: "\f0ad"; } |
|
1116 .icon-tasks:before { content: "\f0ae"; } |
|
1117 |
|
1118 .icon-filter:before { content: "\f0b0"; } |
|
1119 .icon-briefcase:before { content: "\f0b1"; } |
|
1120 .icon-fullscreen:before { content: "\f0b2"; } |
|
1121 |
|
1122 .icon-group:before { content: "\f0c0"; } |
|
1123 .icon-link:before { content: "\f0c1"; } |
|
1124 .icon-cloud:before { content: "\f0c2"; } |
|
1125 .icon-beaker:before { content: "\f0c3"; } |
|
1126 .icon-cut:before { content: "\f0c4"; } |
|
1127 .icon-copy:before { content: "\f0c5"; } |
|
1128 .icon-paper-clip:before { content: "\f0c6"; } |
|
1129 .icon-save:before { content: "\f0c7"; } |
|
1130 .icon-sign-blank:before { content: "\f0c8"; } |
|
1131 .icon-reorder:before { content: "\f0c9"; } |
|
1132 .icon-list-ul:before { content: "\f0ca"; } |
|
1133 .icon-list-ol:before { content: "\f0cb"; } |
|
1134 .icon-strikethrough:before { content: "\f0cc"; } |
|
1135 .icon-underline:before { content: "\f0cd"; } |
|
1136 .icon-table:before { content: "\f0ce"; } |
|
1137 |
|
1138 .icon-magic:before { content: "\f0d0"; } |
|
1139 .icon-truck:before { content: "\f0d1"; } |
|
1140 .icon-pinterest:before { content: "\f0d2"; } |
|
1141 .icon-pinterest-sign:before { content: "\f0d3"; } |
|
1142 .icon-google-plus-sign:before { content: "\f0d4"; } |
|
1143 .icon-google-plus:before { content: "\f0d5"; } |
|
1144 .icon-money:before { content: "\f0d6"; } |
|
1145 .icon-caret-down:before { content: "\f0d7"; } |
|
1146 .icon-caret-up:before { content: "\f0d8"; } |
|
1147 .icon-caret-left:before { content: "\f0d9"; } |
|
1148 .icon-caret-right:before { content: "\f0da"; } |
|
1149 .icon-columns:before { content: "\f0db"; } |
|
1150 .icon-sort:before { content: "\f0dc"; } |
|
1151 .icon-sort-down:before { content: "\f0dd"; } |
|
1152 .icon-sort-up:before { content: "\f0de"; } |
|
1153 |
|
1154 .icon-envelope-alt:before { content: "\f0e0"; } |
|
1155 .icon-linkedin:before { content: "\f0e1"; } |
|
1156 .icon-undo:before { content: "\f0e2"; } |
|
1157 .icon-legal:before { content: "\f0e3"; } |
|
1158 .icon-dashboard:before { content: "\f0e4"; } |
|
1159 .icon-comment-alt:before { content: "\f0e5"; } |
|
1160 .icon-comments-alt:before { content: "\f0e6"; } |
|
1161 .icon-bolt:before { content: "\f0e7"; } |
|
1162 .icon-sitemap:before { content: "\f0e8"; } |
|
1163 .icon-umbrella:before { content: "\f0e9"; } |
|
1164 .icon-paste:before { content: "\f0ea"; } |
|
1165 .icon-lightbulb:before { content: "\f0eb"; } |
|
1166 .icon-exchange:before { content: "\f0ec"; } |
|
1167 .icon-cloud-download:before { content: "\f0ed"; } |
|
1168 .icon-cloud-upload:before { content: "\f0ee"; } |
|
1169 |
|
1170 .icon-user-md:before { content: "\f0f0"; } |
|
1171 .icon-stethoscope:before { content: "\f0f1"; } |
|
1172 .icon-suitcase:before { content: "\f0f2"; } |
|
1173 .icon-bell-alt:before { content: "\f0f3"; } |
|
1174 .icon-coffee:before { content: "\f0f4"; } |
|
1175 .icon-food:before { content: "\f0f5"; } |
|
1176 .icon-file-alt:before { content: "\f0f6"; } |
|
1177 .icon-building:before { content: "\f0f7"; } |
|
1178 .icon-hospital:before { content: "\f0f8"; } |
|
1179 .icon-ambulance:before { content: "\f0f9"; } |
|
1180 .icon-medkit:before { content: "\f0fa"; } |
|
1181 .icon-fighter-jet:before { content: "\f0fb"; } |
|
1182 .icon-beer:before { content: "\f0fc"; } |
|
1183 .icon-h-sign:before { content: "\f0fd"; } |
|
1184 .icon-plus-sign-alt:before { content: "\f0fe"; } |
|
1185 |
|
1186 .icon-double-angle-left:before { content: "\f100"; } |
|
1187 .icon-double-angle-right:before { content: "\f101"; } |
|
1188 .icon-double-angle-up:before { content: "\f102"; } |
|
1189 .icon-double-angle-down:before { content: "\f103"; } |
|
1190 .icon-angle-left:before { content: "\f104"; } |
|
1191 .icon-angle-right:before { content: "\f105"; } |
|
1192 .icon-angle-up:before { content: "\f106"; } |
|
1193 .icon-angle-down:before { content: "\f107"; } |
|
1194 .icon-desktop:before { content: "\f108"; } |
|
1195 .icon-laptop:before { content: "\f109"; } |
|
1196 .icon-tablet:before { content: "\f10a"; } |
|
1197 .icon-mobile-phone:before { content: "\f10b"; } |
|
1198 .icon-circle-blank:before { content: "\f10c"; } |
|
1199 .icon-quote-left:before { content: "\f10d"; } |
|
1200 .icon-quote-right:before { content: "\f10e"; } |
|
1201 |
|
1202 .icon-spinner:before { content: "\f110"; } |
|
1203 .icon-circle:before { content: "\f111"; } |
|
1204 .icon-reply:before { content: "\f112"; } |
|
1205 .icon-github-alt:before { content: "\f113"; } |
|
1206 .icon-folder-close-alt:before { content: "\f114"; } |
|
1207 .icon-folder-open-alt:before { content: "\f115"; } |
|
1208 |
|
1209 /* Manual Font Awesome Styles */ |
|
1210 [class^="icon-"]::before, [class^="icon-"]::after, |
|
1211 [class*=" icon-"]::before, [class*=" icon-"]::after { |
|
1212 font-family: FontAwesome, "Helvetica Neue", Helvetica, Arial, sans-serif; |
|
1213 } |
|
1214 |
|
1215 #content ul li[class^="icon-"], |
|
1216 #content ul li[class*=" icon-"] { |
|
1217 background: none; |
|
1218 padding-left: 0; |
|
1219 } |
|
1220 |
|
1221 h2 [class^="icon-"], |
|
1222 h2 [class*=" icon-"], |
|
1223 h3 [class^="icon-"], |
|
1224 h3 [class*=" icon-"] { |
|
1225 margin-right: 7px; |
|
1226 } |
|
1227 |
|
1228 /* Global Structure |
|
1229 ========================================================================== */ |
|
1230 |
|
1231 body { |
|
1232 -webkit-font-smoothing: antialiased; |
|
1233 color: #333; |
|
1234 font: 15px/22.5px "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif; |
|
1235 } |
|
1236 |
|
1237 iframe { |
|
1238 border: 1px solid #bfbfbf; |
|
1239 padding: 1px; |
|
1240 } |
|
1241 |
|
1242 #container { |
|
1243 background: #0769AD; |
|
1244 margin: 0 auto; |
|
1245 padding: 0 20px; |
|
1246 |
|
1247 } |
|
1248 |
|
1249 .jquery-ui #container { |
|
1250 background: #B24926; |
|
1251 } |
|
1252 |
|
1253 .jquery-mobile #container { |
|
1254 background: #108040; |
|
1255 } |
|
1256 |
|
1257 .sizzlejs #container { |
|
1258 background: #9A1B1E; |
|
1259 } |
|
1260 |
|
1261 .qunitjs #container { |
|
1262 background: #390F39; |
|
1263 } |
|
1264 |
|
1265 .jquery-foundation #container { |
|
1266 background: #333; |
|
1267 } |
|
1268 |
|
1269 .jquery-learn #container { |
|
1270 background: url(../images/bg-body-learn.jpg) no-repeat center top #000; |
|
1271 } |
|
1272 |
|
1273 #content-wrapper { |
|
1274 background-color: #fff; |
|
1275 -webkit-box-shadow: -3px 0 5px -3px rgba(1, 1, 1, 0.87), 3px 0 5px -3px rgba(1, 1, 1, 0.87); |
|
1276 box-shadow: -3px 0 5px -3px rgba(1, 1, 1, 0.87), 3px 0 5px -3px rgba(1, 1, 1, 0.87); |
|
1277 padding: 20px 0; |
|
1278 border-top: 1px solid #333; |
|
1279 border-radius: 0 0 10px 10px; |
|
1280 position: relative; |
|
1281 } |
|
1282 .no-boxshadow #content-wrapper { |
|
1283 border: 1px solid #333; |
|
1284 } |
|
1285 |
|
1286 .constrain { |
|
1287 max-width: 1240px; |
|
1288 margin: 0 auto; |
|
1289 padding: 0 20px; |
|
1290 } |
|
1291 |
|
1292 .lte8 .constrain { |
|
1293 max-width: 1198px; /* Accomodate for padding + 1px border */ |
|
1294 } |
|
1295 |
|
1296 #content { |
|
1297 float: left; |
|
1298 width: 71%; |
|
1299 } |
|
1300 |
|
1301 .content-right #content { |
|
1302 float: right; |
|
1303 } |
|
1304 |
|
1305 .content-full #content { |
|
1306 width: 100%; |
|
1307 padding-left: 10%; |
|
1308 padding-right: 10%; |
|
1309 } |
|
1310 |
|
1311 .content-full.full-width #content { |
|
1312 padding-left: 0; |
|
1313 padding-right: 0; |
|
1314 } |
|
1315 |
|
1316 #sidebar, |
|
1317 .sidebar-left, |
|
1318 .sidebar-right { |
|
1319 padding: 20px; |
|
1320 width: 29%; |
|
1321 } |
|
1322 |
|
1323 #sidebar, |
|
1324 .sidebar-right { |
|
1325 float: right; |
|
1326 margin-right: -25px; |
|
1327 position: relative; |
|
1328 -webkit-border-image: -webkit-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); |
|
1329 border-image: linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); |
|
1330 box-shadow: inset 15px 0 5px -16px #e7e7e7; |
|
1331 background-image: -webkit-radial-gradient(left, #f2f2f2, #ffffff 80%); |
|
1332 background-image: radial-gradient(left, #f2f2f2, #ffffff 80%); |
|
1333 border: 0; |
|
1334 border-left: 1px solid #efefef; |
|
1335 } |
|
1336 |
|
1337 |
|
1338 .content-right #sidebar, |
|
1339 .sidebar-left { |
|
1340 float: left; |
|
1341 border-left: 0; |
|
1342 border-right: 1px solid #e7e7e7; |
|
1343 margin: -20px 0 0 -25px; |
|
1344 -webkit-border-image: -webkit-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); |
|
1345 border-image: linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff); |
|
1346 box-shadow: inset 15px 0 5px -16px #e7e7e7; |
|
1347 background-image: -webkit-radial-gradient(right, #f2f2f2, #ffffff 80%); |
|
1348 background-image: radial-gradient(right, #f2f2f2, #ffffff 80%); |
|
1349 } |
|
1350 |
|
1351 .entry-summary p { |
|
1352 margin: 0; |
|
1353 } |
|
1354 |
|
1355 |
|
1356 /* Global Nav |
|
1357 ========================================================================== */ |
|
1358 |
|
1359 #global-nav { |
|
1360 background: url(../images/jq-global-nav.png) repeat-x 0 bottom #1b1b1b; |
|
1361 } |
|
1362 |
|
1363 #global-nav nav { |
|
1364 height: 34px; |
|
1365 } |
|
1366 |
|
1367 #global-nav nav ul { |
|
1368 text-align: left; |
|
1369 display: inline; |
|
1370 float: left; |
|
1371 margin: 0; |
|
1372 list-style: none; |
|
1373 border-right: 1px solid rgba(255, 255, 255, 0.0976562); |
|
1374 border-left: 1px solid rgba(0, 0, 0, 0.347656); |
|
1375 } |
|
1376 |
|
1377 .tinynav-container { display: none } |
|
1378 .tinynav { display: none } |
|
1379 |
|
1380 #global-nav nav ul.links { |
|
1381 float: right; |
|
1382 } |
|
1383 |
|
1384 #global-nav nav ul li { |
|
1385 font: bold 13px/17px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; |
|
1386 display: inline-block; |
|
1387 float: left; |
|
1388 position: relative; |
|
1389 top: 1px; |
|
1390 cursor: pointer; |
|
1391 -webkit-transition: all 0.2s; |
|
1392 transition: all 0.2s; |
|
1393 text-shadow: 0 0px 2px #000; |
|
1394 border-left: 1px solid rgba(255, 255, 255, 0.0976562); |
|
1395 border-right: 1px solid rgba(0, 0, 0, 0.347656); |
|
1396 } |
|
1397 .ie #global-nav nav ul li { |
|
1398 top: 2px; |
|
1399 } |
|
1400 |
|
1401 #global-nav nav ul li:hover { |
|
1402 background: url(../images/bg-footer-noise.jpg) #000; |
|
1403 color: #fff; |
|
1404 } |
|
1405 |
|
1406 #global-nav nav ul li i { |
|
1407 height: 1em; |
|
1408 } |
|
1409 |
|
1410 #global-nav nav ul li a { |
|
1411 color: #e6e6e6; |
|
1412 font-weight: normal; |
|
1413 font-style: normal; |
|
1414 text-decoration: none; |
|
1415 display: block; |
|
1416 padding: 8px 12px; |
|
1417 } |
|
1418 |
|
1419 #global-nav nav ul li ul { |
|
1420 padding: 0; |
|
1421 position: absolute; |
|
1422 top: 32px; |
|
1423 left: -2px; |
|
1424 width: 120px; |
|
1425 display: none; |
|
1426 opacity: 0; |
|
1427 visibility: hidden; |
|
1428 -webkit-transiton: opacity 0.2s; |
|
1429 transition: opacity 0.2s; |
|
1430 -webkit-box-shadow: 0 43px 5px rgba(0, 0, 0, 0.4); |
|
1431 box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4); |
|
1432 z-index: 400; |
|
1433 } |
|
1434 |
|
1435 #global-nav nav ul li ul.wide { |
|
1436 width: 260px; |
|
1437 } |
|
1438 |
|
1439 #global-nav nav ul li ul li { |
|
1440 background: url(../images/bg-footer-noise.jpg) #000; |
|
1441 display: block; |
|
1442 color: #fff; |
|
1443 float: none; |
|
1444 } |
|
1445 |
|
1446 #global-nav nav ul li ul li:hover { background: #000; } |
|
1447 #global-nav nav ul li:hover ul { |
|
1448 display: block; |
|
1449 opacity: 1; |
|
1450 visibility: visible; |
|
1451 } |
|
1452 |
|
1453 #global-nav nav ul.projects li.project { |
|
1454 width: 42px; |
|
1455 padding: 0; |
|
1456 height: 33px; |
|
1457 text-indent: -9999px; |
|
1458 background: url(../images/jq-nav-icons.png) -6px 0; |
|
1459 z-index: 10; |
|
1460 } |
|
1461 |
|
1462 #global-nav nav ul.projects li.project a { |
|
1463 display: block; |
|
1464 height: 33px; |
|
1465 } |
|
1466 |
|
1467 #global-nav nav ul.projects li.jquery-ui { |
|
1468 background-position: -57px 0px; |
|
1469 } |
|
1470 |
|
1471 #global-nav nav ul.projects li.jquery-mobile { |
|
1472 background-position: -107px 0px; |
|
1473 } |
|
1474 |
|
1475 #global-nav nav ul.projects li.sizzlejs { |
|
1476 background-position: -155px 0px; |
|
1477 } |
|
1478 |
|
1479 #global-nav nav ul.projects li.qunitjs { |
|
1480 background-position: -204px 0px; |
|
1481 } |
|
1482 |
|
1483 .jquery #global-nav nav ul.projects li.jquery { |
|
1484 background-position: 0 bottom; |
|
1485 width: 52px; |
|
1486 position: relative; |
|
1487 margin-top:1px; |
|
1488 border: none; |
|
1489 } |
|
1490 |
|
1491 .jquery #global-nav nav ul.projects { |
|
1492 border-left: none; |
|
1493 } |
|
1494 |
|
1495 .jquery #global-nav nav ul.projects li.jquery-ui { |
|
1496 border-left: none; |
|
1497 background-position: -59px 0; |
|
1498 } |
|
1499 |
|
1500 .jquery-ui #global-nav nav ul.projects li.jquery-ui { |
|
1501 background-position: -50px bottom; |
|
1502 width: 52px; |
|
1503 position: relative; |
|
1504 margin-top:1px; |
|
1505 border: none; |
|
1506 } |
|
1507 |
|
1508 .jquery-ui #global-nav nav ul.projects li.jquery { |
|
1509 border-right: none; |
|
1510 background-position: -2px 0; |
|
1511 } |
|
1512 |
|
1513 .jquery-ui #global-nav nav ul.projects li.jquery-mobile { |
|
1514 border-left: none; |
|
1515 } |
|
1516 |
|
1517 .jquery-mobile #global-nav nav ul.projects li.jquery-mobile { |
|
1518 background-position: -100px bottom; |
|
1519 width: 52px; |
|
1520 position: relative; |
|
1521 margin-top:1px; |
|
1522 border: none; |
|
1523 } |
|
1524 |
|
1525 .jquery-mobile #global-nav nav ul.projects li.jquery-ui { |
|
1526 border-right: none; |
|
1527 background-position: -53px 0; |
|
1528 } |
|
1529 |
|
1530 .jquery-mobile #global-nav nav ul.projects li.jquery-mobile { |
|
1531 border-right: none; |
|
1532 } |
|
1533 |
|
1534 .jquery-mobile #global-nav nav ul.projects li.sizzlejs{ |
|
1535 border-left: none; |
|
1536 background-position: -157px 0; |
|
1537 } |
|
1538 |
|
1539 |
|
1540 .sizzlejs #global-nav nav ul.projects li.jquery-mobile { |
|
1541 border-right: none; |
|
1542 background-position: -102px 0; |
|
1543 } |
|
1544 |
|
1545 .sizzlejs #global-nav nav ul.projects li.sizzlejs { |
|
1546 background-position: -148px bottom; |
|
1547 width: 52px; |
|
1548 position: relative; |
|
1549 margin-top:1px; |
|
1550 border: none; |
|
1551 } |
|
1552 |
|
1553 .sizzlejs #global-nav nav ul.projects li.qunitjs{ |
|
1554 border-left: none; |
|
1555 background-position: -206px 0; |
|
1556 } |
|
1557 |
|
1558 |
|
1559 .qunitjs #global-nav nav ul.projects li.sizzlejs { |
|
1560 border-right: none; |
|
1561 } |
|
1562 |
|
1563 .qunitjs #global-nav nav ul.projects li.qunitjs { |
|
1564 background-position: -202px bottom; |
|
1565 width: 52px; |
|
1566 position: relative; |
|
1567 margin-top:1px; |
|
1568 border: none; |
|
1569 } |
|
1570 |
|
1571 .qunitjs #global-nav nav ul.projects { |
|
1572 border-right: none; |
|
1573 } |
|
1574 |
|
1575 #container, |
|
1576 footer { |
|
1577 border-top: 1px solid #7ACEF4; |
|
1578 } |
|
1579 |
|
1580 .jquery-ui #container, |
|
1581 .jquery-ui footer { |
|
1582 border-top-color: #FAA523; |
|
1583 } |
|
1584 |
|
1585 .jquery-mobile #container, |
|
1586 .jquery-mobile footer { |
|
1587 border-top-color: #3EB249; |
|
1588 } |
|
1589 |
|
1590 .sizzlejs #container, |
|
1591 .sizzlejs footer { |
|
1592 border-top-color: #FAA523; |
|
1593 } |
|
1594 |
|
1595 .qunitjs #container, |
|
1596 .qunitjs footer { |
|
1597 border-top-color: #9C3493; |
|
1598 } |
|
1599 |
|
1600 .jquery-learn #container, |
|
1601 .jquery-learn footer { |
|
1602 border-top-color: #333; |
|
1603 } |
|
1604 |
|
1605 /* Brand Colors for General Use |
|
1606 ========================================================================== */ |
|
1607 .color.black { background-color: #333; } |
|
1608 .color.primary-blue { background-color: #0769AD; } |
|
1609 .color.secondary-blue { background-color: #7ACEF4; } |
|
1610 .color.navy-blue { background-color: #131B28; } |
|
1611 .color.primary-orange { background-color: #FAA523; } |
|
1612 .color.secondary-orange { background-color: #B24926; } |
|
1613 .color.primary-green { background-color: #3EB249; } |
|
1614 .color.secondary-green { background-color: #108040; } |
|
1615 .color.sizzle-orange { background-color: #FAA523; } |
|
1616 .color.sizzle-red { background-color: #9A1B1E; } |
|
1617 .color.qunit-primary-purple { background-color: #9C3493; } |
|
1618 .color.qunit-secondary-purple { background-color: #390F39; } |
|
1619 |
|
1620 /* Logo & Navigation |
|
1621 ========================================================================== */ |
|
1622 |
|
1623 #logo-events { |
|
1624 clear: both; |
|
1625 padding-top: 25px; |
|
1626 padding-bottom: 20px; |
|
1627 } |
|
1628 |
|
1629 h2.logo { |
|
1630 float: left; |
|
1631 margin: 0; |
|
1632 width: 243px; |
|
1633 } |
|
1634 |
|
1635 h2.logo a { |
|
1636 float: left; |
|
1637 display: block; |
|
1638 height: 66px; |
|
1639 overflow: hidden; |
|
1640 text-indent: -1000px; |
|
1641 } |
|
1642 |
|
1643 .jquery h2.logo a, |
|
1644 .jquery-learn h2.logo a { |
|
1645 width: 243px; |
|
1646 background: url(../images/logo-jquery.png) no-repeat; |
|
1647 } |
|
1648 |
|
1649 .jquery-ui h2.logo a { |
|
1650 width: 253px; |
|
1651 background: url(../images/logo-jquery-ui.png) no-repeat; |
|
1652 } |
|
1653 |
|
1654 .jquery-mobile h2.logo a { |
|
1655 width: 268px; |
|
1656 background: url(../images/logo-jquery-mobile.png) no-repeat; |
|
1657 } |
|
1658 |
|
1659 .sizzlejs h2.logo a { |
|
1660 width: 243px; |
|
1661 background: url(../images/logo-sizzle.png) no-repeat; |
|
1662 } |
|
1663 |
|
1664 .qunitjs h2.logo a { |
|
1665 width: 243px; |
|
1666 background: url(../images/logo-qunit.png) no-repeat; |
|
1667 } |
|
1668 |
|
1669 .jquery-foundation h2.logo a { |
|
1670 width: 243px; |
|
1671 background: url(../images/logo-jquery-foundation.png) no-repeat; |
|
1672 } |
|
1673 |
|
1674 .logo.small { |
|
1675 height: 30px; |
|
1676 background: url('../images/projectlogosfull-small.png') no-repeat; |
|
1677 } |
|
1678 |
|
1679 .jquery.logo.small { |
|
1680 width:109px; |
|
1681 background-position: -0px 0px; |
|
1682 } |
|
1683 .jquery-foundation.logo.small { |
|
1684 width: 109px; |
|
1685 background-position: -109px 0px; |
|
1686 } |
|
1687 .jquery-events.logo.small { |
|
1688 width: 109px; |
|
1689 background-position: -219px 0px; |
|
1690 } |
|
1691 .jqueryui.logo.small { |
|
1692 width: 114px; |
|
1693 background-position: -327px 0px; |
|
1694 } |
|
1695 .jquery-mobile.logo.small { |
|
1696 width: 122px; |
|
1697 background-position: -442px 0px; |
|
1698 } |
|
1699 .qunitjs.logo.small { |
|
1700 width: 105px; |
|
1701 background-position: -564px 0px; |
|
1702 } |
|
1703 .sizzlejs.logo.small { |
|
1704 width: 105px; |
|
1705 background-position: -669px 0px; |
|
1706 } |
|
1707 |
|
1708 #logo-events aside { |
|
1709 float: right; |
|
1710 margin-bottom: -18px; |
|
1711 } |
|
1712 |
|
1713 nav#main { |
|
1714 background-color: rgba(0, 0, 0, 0.18); |
|
1715 border-radius: 10px 10px 0 0; |
|
1716 border-right: 1px solid rgba(2, 2, 2, 0.28); |
|
1717 border-left: 1px solid rgba(2, 2, 2, 0.28); |
|
1718 border-top: 1px solid rgba(250, 250, 250, 0.27); |
|
1719 -webkit-box-shadow: rgba(255,255,255,0.3) 0 1px 0, rgba(0,0,0,0.3) 0 -1px 0; |
|
1720 box-shadow: rgba(255,255,255,0.3) 0 1px 0, rgba(0,0,0,0.3) 0 -1px 0; |
|
1721 -webkit-box-shadow: 0 0 3px rgba(1, 1, 1, 0.7); |
|
1722 box-shadow: 0 0 5px rgba(1, 1, 1, 0.7); |
|
1723 } |
|
1724 |
|
1725 .jquery-ui nav#main, |
|
1726 .sizzlejs nav#main { |
|
1727 background-color: rgba(12, 12, 12, 0.06); |
|
1728 } |
|
1729 .qunitjs nav#main { |
|
1730 background-color: rgba(156, 52, 147, 0.5); |
|
1731 } |
|
1732 .jquery-learn nav#main { |
|
1733 background-color: rgba(0, 0, 0, 0.4); |
|
1734 } |
|
1735 |
|
1736 .jquery-foundation nav#main { |
|
1737 background-color: rgba(102, 102, 102, 0.1); |
|
1738 } |
|
1739 |
|
1740 .no-boxshadow nav#main { |
|
1741 border-top: 1px solid #333; |
|
1742 border-left: 1px solid #333; |
|
1743 border-right: 1px solid #333; |
|
1744 } |
|
1745 |
|
1746 nav#main ul { |
|
1747 margin: 0; |
|
1748 float: left; |
|
1749 width: 70%; |
|
1750 padding-top: 10px; |
|
1751 padding-bottom: 10px; |
|
1752 } |
|
1753 |
|
1754 nav#main li { |
|
1755 float: left; |
|
1756 font: normal normal 16px "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; |
|
1757 margin-right: 2px; |
|
1758 } |
|
1759 |
|
1760 nav#main li a { |
|
1761 color: #fff; |
|
1762 text-decoration: none; |
|
1763 padding: 6px 10px; |
|
1764 display: block; |
|
1765 border: 1px solid transparent; |
|
1766 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.76); |
|
1767 } |
|
1768 |
|
1769 nav#main li a:hover, |
|
1770 nav#main li.current a, |
|
1771 nav#main .searchform { |
|
1772 background: none; |
|
1773 -webkit-box-shadow: inset 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0; |
|
1774 box-shadow: inset 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0; |
|
1775 border-radius: 4px; |
|
1776 border: 1px solid rgba(0,0,0,0.25); |
|
1777 color: #fff; |
|
1778 text-shadow: rgba(0, 0, 0, 0.796875) 0px -1px 0px, rgba(255, 255, 255, 0.296875) 0px 0px 10px; |
|
1779 } |
|
1780 |
|
1781 nav#main .searchform { |
|
1782 float: right; |
|
1783 width: 28%; |
|
1784 margin-top: 12px; |
|
1785 padding: 0; |
|
1786 border-radius: 20px; |
|
1787 position: relative; |
|
1788 } |
|
1789 |
|
1790 nav#main .searchform input { |
|
1791 text-decoration: none; |
|
1792 font: 12px/12px "Lucida Grande", Lucida, Verdana, sans-serif; |
|
1793 padding: 5px 10px; |
|
1794 margin: 0; |
|
1795 background-color: transparent; |
|
1796 border-style: none; |
|
1797 color: #fff; |
|
1798 line-height: 1.3; |
|
1799 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.76); |
|
1800 width: 85%; |
|
1801 box-shadow: none; |
|
1802 } |
|
1803 |
|
1804 nav#main .searchform input:focus { |
|
1805 outline: none; |
|
1806 } |
|
1807 |
|
1808 .no-boxshadow nav#main .searchform { |
|
1809 border: 1px solid #333; |
|
1810 } |
|
1811 |
|
1812 .no-boxshadow nav#main .searchform input { |
|
1813 background: #fff; |
|
1814 color: #333; |
|
1815 } |
|
1816 |
|
1817 /* |
|
1818 * 1. :-moz-placeholder has been deprecated in favor of ::-moz-placeholder. |
|
1819 * 2. Using :placeholder for completeness. |
|
1820 */ |
|
1821 nav#main .searchform input::-webkit-input-placeholder { |
|
1822 color: #fff; |
|
1823 } |
|
1824 nav#main .searchform input:-moz-placeholder { /* 1 */ |
|
1825 color: #fff; |
|
1826 } |
|
1827 nav#main .searchform input::-moz-placeholder { |
|
1828 color: #fff; |
|
1829 } |
|
1830 nav#main .searchform input:-ms-input-placeholder { |
|
1831 color: #fff; |
|
1832 } |
|
1833 nav#main .searchform input:placeholder { /* 2 */ |
|
1834 color: #fff; |
|
1835 } |
|
1836 |
|
1837 nav#main .searchform .icon-search { |
|
1838 position: absolute; |
|
1839 right: 10px; |
|
1840 top: 3px; |
|
1841 bottom: 3px; |
|
1842 border-width: 0; |
|
1843 border-left: 1px solid rgba(7, 7, 7, 0.65); |
|
1844 background-color: transparent; |
|
1845 padding: 0 0 0 7px; |
|
1846 opacity: 0.33; |
|
1847 color: #fff; |
|
1848 } |
|
1849 |
|
1850 #broadcast { |
|
1851 height: 100px; |
|
1852 } |
|
1853 |
|
1854 /* Typography & Global Styles |
|
1855 ========================================================================== */ |
|
1856 |
|
1857 #content a { |
|
1858 text-decoration: underline; |
|
1859 } |
|
1860 |
|
1861 #content a:hover { |
|
1862 text-decoration: none; |
|
1863 } |
|
1864 |
|
1865 #sidebar a { |
|
1866 text-decoration: none; |
|
1867 } |
|
1868 |
|
1869 #sidebar a:hover { |
|
1870 text-decoration: underline; |
|
1871 } |
|
1872 |
|
1873 p { |
|
1874 margin-bottom: 15px; |
|
1875 margin-top: 0; |
|
1876 } |
|
1877 |
|
1878 b, strong { |
|
1879 font-weight: bold; |
|
1880 color: #1a1a1a; |
|
1881 } |
|
1882 |
|
1883 em, i { |
|
1884 color: #6d6d6d; |
|
1885 font-style: italic; |
|
1886 } |
|
1887 |
|
1888 hr { |
|
1889 background-image: url(../images/gauze.png); |
|
1890 height: .75em; |
|
1891 border: none; |
|
1892 margin: .75em 0; |
|
1893 } |
|
1894 |
|
1895 #content code a { |
|
1896 text-decoration: none; |
|
1897 } |
|
1898 |
|
1899 pre strong, |
|
1900 pre b { |
|
1901 color: #fff; |
|
1902 font-weight: bold; |
|
1903 } |
|
1904 |
|
1905 #content blockquote { |
|
1906 margin: 20px 0; |
|
1907 } |
|
1908 |
|
1909 #content blockquote p { |
|
1910 font: italic normal 23px/26px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; |
|
1911 color: #828282; |
|
1912 margin-left: 0; |
|
1913 margin-bottom: 0; |
|
1914 padding: 20px 30px; |
|
1915 position: relative; |
|
1916 text-shadow: 0 1px 0 #ffffff; |
|
1917 background-color: #f2f2f2; |
|
1918 } |
|
1919 |
|
1920 #content ol, |
|
1921 #content ul { |
|
1922 margin: 0 0 20px 20px; |
|
1923 } |
|
1924 |
|
1925 #content ul ul { |
|
1926 margin-bottom: 0; |
|
1927 } |
|
1928 |
|
1929 #content ul li { |
|
1930 padding-bottom: 5px; |
|
1931 padding-top: 5px; |
|
1932 padding-left: 20px; |
|
1933 line-height: 20px; |
|
1934 list-style-type: none; |
|
1935 background: url(../images/bullet.png) no-repeat 0 10px; |
|
1936 } |
|
1937 |
|
1938 #content ul.block-grid li { |
|
1939 background: none; |
|
1940 } |
|
1941 |
|
1942 #content ol { |
|
1943 counter-reset: li; /* Initiate a counter */ |
|
1944 } |
|
1945 |
|
1946 #content ol > li { |
|
1947 position: relative; /* Give each list item a left margin to make room for the numbers */ |
|
1948 list-style: none; |
|
1949 padding-left: 10px; |
|
1950 margin-right: 0; |
|
1951 margin-top: 5px; |
|
1952 margin-left: 30px; |
|
1953 } |
|
1954 #content ol > li:before { |
|
1955 content: counter(li); /* Use the counter as content */ |
|
1956 counter-increment: li; /* Increment the counter by 1 */ |
|
1957 /* Position and style the number */ |
|
1958 position: absolute; |
|
1959 top: 1px; |
|
1960 left: -25px; |
|
1961 box-sizing: border-box; |
|
1962 width: 20px; |
|
1963 /* Some space between the number and the content in browsers that support |
|
1964 generated content but not positioning it */ |
|
1965 color: #fff; |
|
1966 text-align: center; |
|
1967 background-color: #ababab; |
|
1968 height: 19px; |
|
1969 width: 19px; |
|
1970 padding-top: 0px; |
|
1971 font: bold 11px/19px "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; |
|
1972 border-radius: 12px; |
|
1973 } |
|
1974 |
|
1975 .lt-ie8 #content ol, |
|
1976 .lt-ie7 #content ol { |
|
1977 margin-left: 20px; |
|
1978 } |
|
1979 |
|
1980 .lt-ie8 #content ol li, |
|
1981 .lt-ie7 #content ol li { |
|
1982 margin-left: 30px; |
|
1983 list-style-type: decimal; |
|
1984 padding-left: 0px; |
|
1985 } |
|
1986 |
|
1987 #content img.full, |
|
1988 #content figure.full { |
|
1989 display: block; |
|
1990 width: 100%; |
|
1991 max-width: 100%; |
|
1992 } |
|
1993 |
|
1994 .lt-ie8 #content figure img { |
|
1995 position: relative; |
|
1996 } |
|
1997 |
|
1998 .lt-ie7 #content figure.full, |
|
1999 .lt-ie8 #content figure.full { |
|
2000 width: 99%; |
|
2001 } |
|
2002 |
|
2003 #content img.full, |
|
2004 #content img.left, |
|
2005 #content img.right, |
|
2006 #banner img.full { |
|
2007 box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.20); |
|
2008 } |
|
2009 |
|
2010 #content img.noborder, |
|
2011 #content figure.noborder { |
|
2012 box-shadow: none; |
|
2013 border: none; |
|
2014 background: none; |
|
2015 } |
|
2016 |
|
2017 #content img.full, |
|
2018 #content img.left, |
|
2019 #content img.right, |
|
2020 #content figure.full, |
|
2021 #content figure.left, |
|
2022 #content figure.right { |
|
2023 margin-bottom: 20px; |
|
2024 float: left; |
|
2025 } |
|
2026 |
|
2027 #content img.right, |
|
2028 #content figure.right { |
|
2029 float: right; |
|
2030 margin-left: 15px; |
|
2031 } |
|
2032 |
|
2033 .lt-ie8 #content img.right, |
|
2034 .lt-ie8 #content figure.right, |
|
2035 .lt-ie7 #content img.right, |
|
2036 .lt-ie7 #content figure.right { |
|
2037 float: left; |
|
2038 margin-left: 0px; |
|
2039 margin-right: 15px; |
|
2040 } |
|
2041 |
|
2042 #content img.left, |
|
2043 #content figure.left { |
|
2044 margin-right: 15px; |
|
2045 } |
|
2046 |
|
2047 |
|
2048 #content figure img { |
|
2049 margin: 0px !important; |
|
2050 margin-bottom: 0px !important; |
|
2051 } |
|
2052 |
|
2053 #content figcaption { |
|
2054 box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.20); |
|
2055 font: italic 700 12px/20px "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; |
|
2056 padding-left: 10px; |
|
2057 padding-right: 10px; |
|
2058 padding-top: 5px; |
|
2059 padding-bottom: 5px; |
|
2060 color: #737272; |
|
2061 clear: both; |
|
2062 margin-top: -10px; |
|
2063 background-color: #f2f2f2; |
|
2064 } |
|
2065 |
|
2066 #content figure.noborder figcaption { |
|
2067 box-shadow: none; |
|
2068 background: none; |
|
2069 text-align: center; |
|
2070 } |
|
2071 |
|
2072 #content .embed, |
|
2073 #content .embed_media { |
|
2074 position: relative; |
|
2075 padding-bottom: 56.25%; /* 16/9 ratio */ |
|
2076 padding-top: 30px; /* IE6 workaround*/ |
|
2077 height: 0; |
|
2078 overflow: hidden; |
|
2079 box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.20); |
|
2080 margin-bottom: 20px; |
|
2081 } |
|
2082 |
|
2083 #portfolio.media #banner .embed { |
|
2084 margin-bottom: 40px; |
|
2085 } |
|
2086 |
|
2087 .embed iframe, |
|
2088 .embed_media iframe, |
|
2089 .embed object, |
|
2090 .embed_media object, |
|
2091 .embed embed, |
|
2092 .embed_media embed { |
|
2093 position: absolute; |
|
2094 top: 0; |
|
2095 left: 0; |
|
2096 width: 100%; |
|
2097 height: 100%; |
|
2098 } |
|
2099 |
|
2100 #content h1 { |
|
2101 font-size: 36px; |
|
2102 line-height: 36px; |
|
2103 } |
|
2104 |
|
2105 .content-full #content h1 { |
|
2106 text-align: center; |
|
2107 } |
|
2108 |
|
2109 #content h2 { |
|
2110 font-size: 24px; |
|
2111 line-height: 24px; |
|
2112 color: #333; |
|
2113 margin-bottom: 10px; |
|
2114 } |
|
2115 |
|
2116 #content h3 { |
|
2117 font-size: 20px; |
|
2118 line-height: 20px; |
|
2119 color: #666; |
|
2120 } |
|
2121 |
|
2122 #content h1.block, |
|
2123 #content h2.block { |
|
2124 padding: 10px 2%; |
|
2125 background: url(../images/gauze.png) #ececec; |
|
2126 text-shadow: 0 1px 0 #ffffff; |
|
2127 } |
|
2128 |
|
2129 p.author { |
|
2130 color: #ababab; |
|
2131 font-family: Frutiger, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; |
|
2132 font-weight: 700; |
|
2133 margin-top: -20px; |
|
2134 } |
|
2135 |
|
2136 p.author a { |
|
2137 color: #ababab; |
|
2138 } |
|
2139 |
|
2140 .meta { |
|
2141 padding: 2%; |
|
2142 padding-bottom: .5%; |
|
2143 margin-bottom: 20px; |
|
2144 font: 700 Frutiger, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; |
|
2145 color: #666; |
|
2146 background: url(../images-foundation/gauze.png) #f0f0f0; |
|
2147 text-shadow: 0 1px 0 #ffffff; |
|
2148 } |
|
2149 |
|
2150 #banner-large-image { |
|
2151 text-align: center; |
|
2152 margin-bottom: 30px; |
|
2153 |
|
2154 } |
|
2155 |
|
2156 #banner-large-image .vertically-centered-black-bg { |
|
2157 height: 50%; |
|
2158 width: 100%; |
|
2159 margin-top: 24%; |
|
2160 display: block; |
|
2161 background-color: rgba(0, 0, 0, 0.68); |
|
2162 position: absolute; |
|
2163 padding-top: 3.5%; |
|
2164 } |
|
2165 |
|
2166 #banner-large-image h1, #banner-large-image h2 { |
|
2167 font: bold 60px/60px "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; |
|
2168 margin-bottom: 0; |
|
2169 color: #fff; |
|
2170 text-shadow: 0 0 4px rgba(0, 0, 0, 0.85); |
|
2171 } |
|
2172 |
|
2173 #banner-large-image p { |
|
2174 color: #CCCCCC; |
|
2175 font: 700 normal 24px/36px "klavika-web", "Helvetica Neue", sans-serif; |
|
2176 } |
|
2177 |
|
2178 #banner-secondary { |
|
2179 background-image: url(../images/dark-grey-tile.png); |
|
2180 margin: -20px -25px 15px; |
|
2181 padding: 20px; |
|
2182 } |
|
2183 |
|
2184 #banner-secondary h1, |
|
2185 #banner-secondary h2 { |
|
2186 margin-bottom: 0; |
|
2187 color: #fff; |
|
2188 text-shadow: 0 0 4px rgba(0, 0, 0, 0.85); |
|
2189 } |
|
2190 |
|
2191 #banner-secondary h1 { |
|
2192 font-size: 48px; |
|
2193 line-height: 54px; |
|
2194 } |
|
2195 |
|
2196 #banner-secondary h2 { |
|
2197 font-size: 36px; |
|
2198 line-height: 42px; |
|
2199 } |
|
2200 |
|
2201 #banner-secondary p { |
|
2202 color: #ccc; |
|
2203 font: 22px/26px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; |
|
2204 padding-left: 15%; |
|
2205 padding-right: 15%; |
|
2206 } |
|
2207 |
|
2208 #banner-secondary a, |
|
2209 #banner-secondary a:hover { |
|
2210 color: #7ACEF4; |
|
2211 } |
|
2212 |
|
2213 #banner-secondary em, |
|
2214 #banner-secondary i { |
|
2215 color: #fff; |
|
2216 } |
|
2217 |
|
2218 #banner-secondary.large-banner { |
|
2219 text-align: center; |
|
2220 padding-top: 30px; |
|
2221 padding-bottom: 30px; |
|
2222 } |
|
2223 |
|
2224 #banner-secondary.large-banner h1, |
|
2225 #banner-secondary.large-banner h2 { |
|
2226 margin-bottom: 10px; |
|
2227 } |
|
2228 |
|
2229 #banner-secondary.large-banner h1 { |
|
2230 font-size: 60px; |
|
2231 line-height: 60px; |
|
2232 } |
|
2233 |
|
2234 #banner-secondary.large-banner h2 { |
|
2235 font-size: 48px; |
|
2236 line-height: 48px; |
|
2237 } |
|
2238 |
|
2239 #banner-secondary.large-banner h3 { |
|
2240 font-size: 36px; |
|
2241 line-height: 36px; |
|
2242 } |
|
2243 |
|
2244 .center-txt { |
|
2245 text-align: center !important; |
|
2246 } |
|
2247 |
|
2248 .callout-block { |
|
2249 background-image: url(../images/gauze.png); |
|
2250 padding: 20px; |
|
2251 } |
|
2252 |
|
2253 /* Buttons |
|
2254 ========================================================================== */ |
|
2255 |
|
2256 a.button, |
|
2257 #content a.button, |
|
2258 .button, |
|
2259 input[type="submit"] { |
|
2260 border-radius: 5px; |
|
2261 border: 1px solid #999; |
|
2262 -webkit-box-shadow: |
|
2263 0 0 5px rgba(0, 0, 0, 0.28), |
|
2264 inset 0 1px 0 rgba(255, 255, 255, 0.45), |
|
2265 inset 0px -1px 0px rgba(255, 255, 255, 0.45), |
|
2266 inset 1px 0px 0px rgba(255, 255, 255, 0.45), |
|
2267 inset -1px 1px 0px rgba(255, 255, 255, 0.45); |
|
2268 box-shadow: |
|
2269 0 0 5px rgba(0, 0, 0, 0.28), |
|
2270 inset 0 1px 0 rgba(255, 255, 255, 0.45), |
|
2271 inset 0px -1px 0px rgba(255, 255, 255, 0.45), |
|
2272 inset 1px 0px 0px rgba(255, 255, 255, 0.45), |
|
2273 inset -1px 1px 0px rgba(255, 255, 255, 0.45); |
|
2274 text-decoration: none; |
|
2275 color: #fff !important; |
|
2276 text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.35); |
|
2277 padding: 8px 15px; |
|
2278 font: bold 16px/16px "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; |
|
2279 -webkit-transition: all 0.2s; |
|
2280 transition: all 0.2s; |
|
2281 background-color: #d18f4f; |
|
2282 float: left; |
|
2283 } |
|
2284 |
|
2285 a.button:hover, |
|
2286 #content a.button:hover, |
|
2287 .button:hover, |
|
2288 input[type="submit"]:hover { |
|
2289 background-color: #cc8540; |
|
2290 } |
|
2291 |
|
2292 a.button.large, |
|
2293 #content a.button.large, |
|
2294 button.large, |
|
2295 input[type="submit"].large { |
|
2296 font-size: 20px; |
|
2297 padding: 12px 20px; |
|
2298 } |
|
2299 |
|
2300 a.button.dark, |
|
2301 #content a.button.dark, |
|
2302 .button.dark, |
|
2303 input[type="submit"].dark { |
|
2304 background-color: #666; |
|
2305 } |
|
2306 |
|
2307 a.button.dark:hover, |
|
2308 #content a.button.dark:hover, |
|
2309 .button.dark:hover, |
|
2310 input[type="submit"].dark:hover { |
|
2311 background-color: #424141; |
|
2312 } |
|
2313 |
|
2314 /* Sidebar |
|
2315 ========================================================================== */ |
|
2316 |
|
2317 #sidebar h3 { |
|
2318 font: 20px/18px; |
|
2319 background-image: -webkit-linear-gradient(left, #efefef, #f3f3f3); |
|
2320 background-image: linear-gradient(to right, #efefef, #f3f3f3); |
|
2321 margin-left: -20px; |
|
2322 margin-right: -20px; |
|
2323 padding: 12px 20px; |
|
2324 text-shadow: 0 1px 0 #ffffff; |
|
2325 } |
|
2326 |
|
2327 #sidebar li { |
|
2328 padding: 5px 0 5px 20px; |
|
2329 list-style-type: none; |
|
2330 background: url(../images/bullet.png) no-repeat 0 12px; |
|
2331 text-shadow: 0 1px 0 #ffffff; |
|
2332 } |
|
2333 |
|
2334 #sidebar li a { |
|
2335 color: #4d4d4d; |
|
2336 text-decoration: none; |
|
2337 display: block; |
|
2338 } |
|
2339 |
|
2340 #sidebar nav#secondary li { |
|
2341 background-image: none; |
|
2342 padding-left: 0; |
|
2343 } |
|
2344 |
|
2345 #sidebar nav#secondary li.current { |
|
2346 background-color: #eee; |
|
2347 margin-left: -35px; |
|
2348 margin-right: -20px; |
|
2349 padding-left: 35px; |
|
2350 font-weight: bold; |
|
2351 } |
|
2352 |
|
2353 /* == Footer |
|
2354 ========================================================================== */ |
|
2355 |
|
2356 footer { |
|
2357 background: url(../images/bg-footer-noise.jpg) repeat; |
|
2358 margin-top: -20px; |
|
2359 padding-top: 40px; |
|
2360 } |
|
2361 |
|
2362 footer.simple { |
|
2363 padding-top: 45px; |
|
2364 padding-bottom: 10px; |
|
2365 } |
|
2366 |
|
2367 footer a, |
|
2368 footer strong { |
|
2369 color: #fff; |
|
2370 text-decoration: none; |
|
2371 } |
|
2372 |
|
2373 footer .cdn { |
|
2374 border-radius: 4px; |
|
2375 background: repeat-x center center #000; |
|
2376 width: 96%; |
|
2377 margin-left: 2%; |
|
2378 height: 30px; |
|
2379 line-height: 30px; |
|
2380 position: relative; |
|
2381 overflow: hidden; |
|
2382 white-space: nowrap; |
|
2383 -webkit-box-shadow: rgba(255,255,255,0.15) 0 1px 0; |
|
2384 box-shadow: rgba(255,255,255,0.15) 0 1px 0; |
|
2385 } |
|
2386 |
|
2387 footer .cdn ~ .cdn { margin-top: 5px; } |
|
2388 |
|
2389 footer .cdn ~ .cdn strong { text-align: right; } |
|
2390 |
|
2391 footer .cdn strong { |
|
2392 text-align: center; |
|
2393 height: 26px; |
|
2394 text-align: left; |
|
2395 padding: 0 6px 0 6px; |
|
2396 line-height: 28px; |
|
2397 display: inline-block; |
|
2398 margin: 2px 0 0 2px; |
|
2399 position: relative; |
|
2400 border-radius: 3px 0 0 3px; |
|
2401 background: #777; |
|
2402 color: #fff; |
|
2403 text-shadow: #000 0 -1px 0; |
|
2404 font-weight: bold; |
|
2405 background-color: #7a7a7a; |
|
2406 background-image: -webkit-linear-gradient(#7a7a7a, #5e5e5e); /* Chrome 10+, Saf6 */ |
|
2407 background-image: linear-gradient(top, #7a7a7a, #5e5e5e); |
|
2408 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#7a7a7a', EndColorStr='#5e5e5e'); /* IE6–IE9 */ |
|
2409 font-family: "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; |
|
2410 } |
|
2411 |
|
2412 footer .cdn strong:after { |
|
2413 content: ""; |
|
2414 display: block; |
|
2415 position: absolute; |
|
2416 left: 0; |
|
2417 right: 0; |
|
2418 top: 0; |
|
2419 bottom: 0; |
|
2420 border: solid 1px rgba(255,255,255,0.2); |
|
2421 border-radius: 3px 0 0 3px; |
|
2422 } |
|
2423 |
|
2424 footer .cdn strong em { |
|
2425 font-style: normal; |
|
2426 color: #ccc; |
|
2427 font-family: "source-code-pro", Consolas, monospace; |
|
2428 display: inline-block; |
|
2429 width: 35px; |
|
2430 padding-left: 5px; |
|
2431 padding-right: 4px; |
|
2432 text-align: right; |
|
2433 } |
|
2434 |
|
2435 footer .cdn input { |
|
2436 display: inline-block; |
|
2437 width: 100%; |
|
2438 background: transparent; |
|
2439 border: 0; |
|
2440 font-family: "source-code-pro", Consolas, monospace; |
|
2441 padding-left: 5px; |
|
2442 white-space: nowrap; |
|
2443 color: #ccc; |
|
2444 font-size: 12px; |
|
2445 } |
|
2446 |
|
2447 footer .cdn input:focus { outline: none; } |
|
2448 |
|
2449 footer .download { |
|
2450 text-align: center; |
|
2451 color: #fff; |
|
2452 padding: 10px 2% 15px 2%; |
|
2453 line-height: 140%; |
|
2454 } |
|
2455 |
|
2456 footer .download strong { margin-right: 10px; } |
|
2457 |
|
2458 footer .download > span { white-space: nowrap; } |
|
2459 |
|
2460 footer .download a { margin: 0 10px; } |
|
2461 |
|
2462 footer .download a em { |
|
2463 font-style: normal; |
|
2464 color: #aaa; |
|
2465 } |
|
2466 |
|
2467 footer .download a:hover { border-bottom: solid 1px #888; } |
|
2468 |
|
2469 footer .footer-icon-links { |
|
2470 padding: 15px 0; |
|
2471 margin: 0 2%; |
|
2472 border-top: solid 1px #333; |
|
2473 -webkit-box-shadow: #000 0 -1px 0; |
|
2474 box-shadow: #000 0 -1px 0; |
|
2475 } |
|
2476 |
|
2477 footer .footer-icon-links li { |
|
2478 width: 22%; |
|
2479 margin-left: 11%; |
|
2480 float: left; |
|
2481 } |
|
2482 |
|
2483 footer .footer-icon-links li a { |
|
2484 display: block; |
|
2485 line-height: inherit; |
|
2486 font-size: 18px; |
|
2487 float: left; |
|
2488 position: relative; |
|
2489 width: auto; |
|
2490 text-align: left; |
|
2491 padding-left: 10px; |
|
2492 } |
|
2493 |
|
2494 footer .footer-icon-links li a:before { |
|
2495 position: absolute; |
|
2496 left: -35px; |
|
2497 top: 10px; |
|
2498 font-size: 2em; |
|
2499 color: #4d4d4d; |
|
2500 text-shadow: 0 -1px 0 #000000; |
|
2501 } |
|
2502 |
|
2503 footer .footer-icon-links li small { |
|
2504 display: block; |
|
2505 font-size: 14px; |
|
2506 color: #777; |
|
2507 line-height: 120%; |
|
2508 } |
|
2509 |
|
2510 footer .footer-icon-links li:hover a:before { |
|
2511 color: #d1d1d1; |
|
2512 } |
|
2513 |
|
2514 .multiplebgs.cssgradients footer { |
|
2515 background-image: -webkit-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.0)), url(../images/bg-footer-noise.jpg); /* Chrome 10+, Saf6 */ |
|
2516 background-image: linear-gradient(to bottom, rgba(0,0,0,.3), rgba(0,0,0,0)), url(../images/bg-footer-noise.jpg); /* Firefox 16+, IE 10+, Opera 12.50+ */ |
|
2517 background-repeat: repeat-x, repeat; |
|
2518 background-size: 100px 15px, 140px 140px; |
|
2519 } |
|
2520 |
|
2521 .no-multiplebgs footer, .no-cssgradients footer { |
|
2522 background-image: url(../images/bg-footer-noise.jpg); |
|
2523 background-repeat: repeat; |
|
2524 } |
|
2525 |
|
2526 footer h3 { |
|
2527 color: #777; |
|
2528 letter-spacing: normal; |
|
2529 text-transform: uppercase; |
|
2530 text-shadow: #000 0 1px 0; |
|
2531 border: solid 1px #000; |
|
2532 text-rendering: optimizeLegibility; |
|
2533 border-bottom: none; |
|
2534 border-radius: 4px 4px 0 0; |
|
2535 position: relative; |
|
2536 text-align: center; |
|
2537 height: 10px; |
|
2538 margin-top: 20px; |
|
2539 font-size: 16px; |
|
2540 } |
|
2541 |
|
2542 footer h3 span { |
|
2543 display: inline-block; |
|
2544 padding: 3px 10px; |
|
2545 position: relative; |
|
2546 top: -0.8em; |
|
2547 background: url(../images/bg-footer-noise.jpg) repeat #212121; |
|
2548 z-index: 1; |
|
2549 } |
|
2550 |
|
2551 footer h3:after { |
|
2552 content: ""; |
|
2553 position: absolute; |
|
2554 left: 0; |
|
2555 top: 0; |
|
2556 width: 100%; |
|
2557 height: 100%; |
|
2558 border: solid 1px #333; |
|
2559 border-bottom: none; |
|
2560 border-radius: 4px 4px 0 0; |
|
2561 } |
|
2562 |
|
2563 .footer-site-links { |
|
2564 float: right; |
|
2565 padding: 10px 0 0 0; |
|
2566 width: 60%; |
|
2567 text-align: right; |
|
2568 } |
|
2569 |
|
2570 footer p.copyright { |
|
2571 margin: 10px 0 0 0; |
|
2572 float: left; |
|
2573 width: 40%; |
|
2574 font-size: 11px; |
|
2575 line-height: 130%; |
|
2576 color: #777; |
|
2577 } |
|
2578 |
|
2579 footer p.copyright a { |
|
2580 color: #aaa; |
|
2581 } |
|
2582 |
|
2583 footer p.copyright a:hover { |
|
2584 color: #fff; |
|
2585 } |
|
2586 |
|
2587 footer p.copyright > br { |
|
2588 display: none; |
|
2589 } |
|
2590 |
|
2591 footer p.copyright span.sponsor-line { |
|
2592 display: block; |
|
2593 font-size: 10px; |
|
2594 margin: 2px 0 0 0; |
|
2595 } |
|
2596 |
|
2597 footer p.copyright a.mt-link { |
|
2598 background: url(../images/logo-mediatemple.png) left top no-repeat; |
|
2599 padding-left: 31px; |
|
2600 } |
|
2601 |
|
2602 footer p.copyright a.mc-link { |
|
2603 background: url(../images/logo-maxcdn.png) left top no-repeat; |
|
2604 padding-left: 24px; |
|
2605 } |
|
2606 |
|
2607 footer p.copyright a.wp-link { |
|
2608 background: url(../images/logo-wordpress.png) left top no-repeat; |
|
2609 padding-left: 19px; |
|
2610 padding-top: 1px; |
|
2611 display: inline-block; |
|
2612 height: 16px; |
|
2613 } |
|
2614 |
|
2615 footer .footer-site-links li { |
|
2616 position: relative; |
|
2617 background: none; |
|
2618 width: auto; |
|
2619 height: auto; |
|
2620 line-height: 20px; |
|
2621 margin: 0 0 10px 20px; |
|
2622 font-size: 13px; |
|
2623 } |
|
2624 |
|
2625 footer .footer-site-links li a { |
|
2626 position: relative; |
|
2627 color: #aaa; |
|
2628 display: block; |
|
2629 padding-left: 30px; |
|
2630 width: auto; |
|
2631 line-height: inherit; |
|
2632 } |
|
2633 |
|
2634 footer .footer-site-links li a:before { |
|
2635 position: absolute; |
|
2636 font-size: 1.5em; |
|
2637 color: #4d4d4d; |
|
2638 text-shadow: 0 -1px 0 #000000; |
|
2639 left: 2px; |
|
2640 } |
|
2641 |
|
2642 footer .footer-site-links li:hover a, |
|
2643 footer .footer-site-links li:hover a:before { |
|
2644 color: #e6e6e6; |
|
2645 } |
|
2646 |
|
2647 .footer-site-links li { display: inline-block; } |
|
2648 |
|
2649 footer .col { |
|
2650 margin-left: 2.5%; |
|
2651 padding: 30px 0 20px 0; |
|
2652 height: 100%; |
|
2653 } |
|
2654 |
|
2655 footer .col:first-child { margin-left: 0 } |
|
2656 |
|
2657 footer ul li { |
|
2658 list-style: none; |
|
2659 padding: 0; |
|
2660 margin: 0; |
|
2661 line-height: 30px; |
|
2662 } |
|
2663 |
|
2664 footer .bottom { margin: 0 10% 0 0; } |
|
2665 |
|
2666 footer #legal { |
|
2667 clear: left; |
|
2668 display: block; |
|
2669 margin-top: 1em; |
|
2670 border-top: solid 1px #333; |
|
2671 -webkit-box-shadow: #000 0 -1px 0; |
|
2672 box-shadow: #000 0 -1px 0; |
|
2673 } |
|
2674 |
|
2675 footer .presentations li { |
|
2676 float: left; |
|
2677 width: 45%; |
|
2678 min-width: 142px; |
|
2679 margin-left: 3.5%; |
|
2680 line-height: 130%; |
|
2681 font-size: 11px; |
|
2682 } |
|
2683 |
|
2684 footer .presentations li a > span, |
|
2685 footer .books li a > span { |
|
2686 display: block; |
|
2687 border-radius: 5px; |
|
2688 border: solid 1px #000; |
|
2689 position: relative; |
|
2690 width: 142px; |
|
2691 height: 92px; |
|
2692 margin-bottom: 5px; |
|
2693 overflow: hidden; |
|
2694 background-clip: padding-box; |
|
2695 } |
|
2696 |
|
2697 footer .presentations li a:hover > span, |
|
2698 footer .books li a:hover > span { |
|
2699 border-color: white; |
|
2700 } |
|
2701 |
|
2702 footer .presentations li a > span:after, |
|
2703 footer .books li a > span:after { |
|
2704 content: ""; |
|
2705 display: block; |
|
2706 position: absolute; |
|
2707 top: 0; |
|
2708 left: 0; |
|
2709 right: 0; |
|
2710 bottom: 0; |
|
2711 border: solid 1px rgba(255,255,255,0.2); |
|
2712 border-radius: 4px; |
|
2713 } |
|
2714 |
|
2715 footer .presentations li a > span img { |
|
2716 max-width: 100%; |
|
2717 height: auto; |
|
2718 } |
|
2719 |
|
2720 footer .presentations li a > br, |
|
2721 footer .books li a > br { display: none; } |
|
2722 |
|
2723 footer .presentations li a cite, |
|
2724 footer .books li a cite { |
|
2725 font-style: normal; |
|
2726 display: block; |
|
2727 margin-top: 3px; |
|
2728 font-size: 9px; |
|
2729 color: #aaa; |
|
2730 } |
|
2731 |
|
2732 footer .presentations li a cite, |
|
2733 footer .presentations li a strong, |
|
2734 footer .books li a cite, |
|
2735 footer .books li a strong { |
|
2736 line-height: 130%; |
|
2737 display: block; |
|
2738 font-weight: normal; |
|
2739 } |
|
2740 |
|
2741 footer .books li { |
|
2742 float: left; |
|
2743 width: 30%; |
|
2744 min-width: 95px; |
|
2745 margin-left: 2.8%; |
|
2746 margin-bottom: 15px; |
|
2747 line-height: 130%; |
|
2748 font-size: 11px; |
|
2749 } |
|
2750 |
|
2751 footer .books li:first-child { margin-left: 2%; } |
|
2752 |
|
2753 footer .books li a > span { |
|
2754 width: 90px; |
|
2755 height: 114px; |
|
2756 } |
|
2757 |
|
2758 footer .books li a > span.top { background-position: center top;} |
|
2759 footer .books li a > span.bottom { background-position: center bottom;} |
|
2760 footer .books li a > span { background-position: center center;} |
|
2761 |
|
2762 footer li img { |
|
2763 border-radius: 4px; |
|
2764 } |
|
2765 |
|
2766 |
|
2767 |
|
2768 /* General Styles |
|
2769 ========================================================================== */ |
|
2770 |
|
2771 #content .entry-title a { |
|
2772 text-decoration: none; |
|
2773 } |
|
2774 |
|
2775 .entry-meta { |
|
2776 color: #999; |
|
2777 font-size: 12px; |
|
2778 } |
|
2779 |
|
2780 .toc-linked { |
|
2781 position: relative; |
|
2782 } |
|
2783 |
|
2784 .toc-linked .toc-link { |
|
2785 position: absolute; |
|
2786 left: -1em; |
|
2787 text-decoration: none; |
|
2788 opacity: 0; |
|
2789 } |
|
2790 /* TODO: Remove (https://github.com/jquery/jquery-wp-content/issues/143) */ |
|
2791 #content .toc-linked .toc-link { |
|
2792 text-decoration: none; |
|
2793 } |
|
2794 |
|
2795 .toc-linked:hover .toc-link { |
|
2796 opacity: 1; |
|
2797 } |
|
2798 |
|
2799 .post-heirarchy { |
|
2800 margin-bottom: 0.75em; |
|
2801 } |
|
2802 |
|
2803 /* Listing Pages (categories, searches, etc.) |
|
2804 ========================================================================== */ |
|
2805 |
|
2806 .listing .hentry { |
|
2807 padding: 10px 20px; |
|
2808 margin: 15px 0; |
|
2809 border: 1px solid rgba( 0, 0, 0, 0.2 ); |
|
2810 border-radius: 5px; |
|
2811 background-color: #eee; |
|
2812 position: relative; |
|
2813 } |
|
2814 |
|
2815 .listing #content .entry-title { |
|
2816 font-size: 1.3em; |
|
2817 margin-bottom: 0; |
|
2818 text-shadow: 0 1px 1px #fff; |
|
2819 } |
|
2820 |
|
2821 .listing .entry-meta { |
|
2822 float: right; |
|
2823 } |
|
2824 |
|
2825 .listing .entry-meta .category { |
|
2826 padding: 4px; |
|
2827 background-color: #ddd; |
|
2828 border-radius: 5px; |
|
2829 } |
|
2830 |
|
2831 .listing #content .entry-meta .category a { |
|
2832 color: #888; |
|
2833 text-decoration: none; |
|
2834 } |
|
2835 |
|
2836 .pagination { |
|
2837 text-align: center; |
|
2838 margin-top: 2em; |
|
2839 } |
|
2840 |
|
2841 .page-numbers { |
|
2842 padding: 0 10px; |
|
2843 } |
|
2844 |
|
2845 |
|
2846 |
|
2847 /* API Sites |
|
2848 ========================================================================== */ |
|
2849 |
|
2850 .entry { |
|
2851 margin: 15px 0; |
|
2852 } |
|
2853 |
|
2854 .entry-wrapper { |
|
2855 border: 1px solid #CCC; |
|
2856 border-top: 0; |
|
2857 padding: 10px; |
|
2858 border-radius: 0 0 5px 5px; |
|
2859 } |
|
2860 |
|
2861 #content .section-title { |
|
2862 background: #333; |
|
2863 border: 1px solid #111; |
|
2864 padding: 8px 15px; |
|
2865 font-size: 16px; |
|
2866 color: white; |
|
2867 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); |
|
2868 letter-spacing: 0; |
|
2869 border-radius: 5px 5px 0 0; |
|
2870 font-weight: normal; |
|
2871 margin-bottom: 0; |
|
2872 overflow: hidden; |
|
2873 } |
|
2874 |
|
2875 .returns { |
|
2876 float: right; |
|
2877 font-style: italic; |
|
2878 } |
|
2879 |
|
2880 .api-item .returns { |
|
2881 font-size: 16px; |
|
2882 color: #333; |
|
2883 font-weight: normal; |
|
2884 } |
|
2885 |
|
2886 .api-item .version-details { |
|
2887 display: block; |
|
2888 padding: 0.5em; |
|
2889 margin: 1em 0; |
|
2890 background: #fff3a5; |
|
2891 border-radius: 5px; |
|
2892 } |
|
2893 |
|
2894 #content .signatures { |
|
2895 background: #eee; |
|
2896 border: 1px solid #ccc; |
|
2897 margin: 0 auto 15px; |
|
2898 max-width: 750px; |
|
2899 border-radius: 3px; |
|
2900 color: #333; |
|
2901 text-shadow: 0 1px 0 #fff; |
|
2902 } |
|
2903 |
|
2904 #content .signatures li { |
|
2905 list-style: none; |
|
2906 background: none; |
|
2907 margin: 0; |
|
2908 padding: 10px; |
|
2909 } |
|
2910 |
|
2911 #content .signatures > li { |
|
2912 padding-bottom: 0; |
|
2913 } |
|
2914 |
|
2915 #content .signature > ul { |
|
2916 margin: 0; |
|
2917 } |
|
2918 |
|
2919 .signatures h4 { |
|
2920 font-size: 16px; |
|
2921 letter-spacing: 0; |
|
2922 padding: 8px 10px; |
|
2923 margin: -10px -10px 0; |
|
2924 color: #fff; |
|
2925 text-shadow: 0 1px 0 #444; |
|
2926 } |
|
2927 |
|
2928 .signature:first-child h4 { |
|
2929 border-radius: 3px 3px 0 0; |
|
2930 } |
|
2931 |
|
2932 #content .signature h4 a { |
|
2933 color: inherit; |
|
2934 text-decoration: none; |
|
2935 } |
|
2936 |
|
2937 .signature h4 .icon-link { |
|
2938 margin-right: 0.5em; |
|
2939 } |
|
2940 |
|
2941 .signature .event-properties { |
|
2942 margin: 15px 0 0 0; |
|
2943 } |
|
2944 |
|
2945 .argument { |
|
2946 margin-top: 1em; |
|
2947 } |
|
2948 |
|
2949 #options, #methods, #extension-points, #events, #quick-nav { |
|
2950 border: 1px solid #CCC; |
|
2951 margin: 0 15px 15px; |
|
2952 padding: 10px; |
|
2953 overflow: auto; |
|
2954 } |
|
2955 |
|
2956 #options header h2, #methods header h2, #extension-points header h2, #events header h2, #quick-nav h2 { |
|
2957 background: #cccccc; /* Old browsers */ |
|
2958 background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 17%,#cccccc 100%); /* Chrome10+,Safari5.1+ */ |
|
2959 background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 17%,#cccccc 100%); /* W3C */ |
|
2960 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */ |
|
2961 margin: -10px -10px 10px -10px; |
|
2962 padding: 10px; |
|
2963 } |
|
2964 |
|
2965 #quick-nav h2 a { |
|
2966 float: right; |
|
2967 font-size: 80%; |
|
2968 padding-left: 10px; |
|
2969 } |
|
2970 |
|
2971 .quick-nav-section { |
|
2972 width: 33%; |
|
2973 float: left; |
|
2974 } |
|
2975 |
|
2976 #methods .api-item li, |
|
2977 #extension-points .api-item li, |
|
2978 #events .api-item li { |
|
2979 margin-bottom: 1em; |
|
2980 } |
|
2981 |
|
2982 #methods .api-item li ul, |
|
2983 #extension-points .api-item li ul, |
|
2984 #events .api-item li ul { |
|
2985 list-style: none; |
|
2986 } |
|
2987 |
|
2988 .version-details { |
|
2989 font-weight: bold; |
|
2990 } |
|
2991 |
|
2992 .section-title .version-details, |
|
2993 .name .version-details { |
|
2994 float: right; |
|
2995 clear: right; |
|
2996 font-size: 14px; |
|
2997 color: #fff; |
|
2998 } |
|
2999 |
|
3000 .api-item { |
|
3001 padding: 20px 10px; |
|
3002 } |
|
3003 .signature li, |
|
3004 .api-item { |
|
3005 border-top: 1px solid #CCC; |
|
3006 } |
|
3007 |
|
3008 .signature li:first-child, |
|
3009 .api-item.first-item { |
|
3010 border-top: none; |
|
3011 padding-top: 10px; |
|
3012 } |
|
3013 |
|
3014 .option-type { |
|
3015 font-size: 16px; |
|
3016 font-weight: normal; |
|
3017 color: #333; |
|
3018 float: right; |
|
3019 } |
|
3020 |
|
3021 #options .default { |
|
3022 text-align: right; |
|
3023 font-size: 13px; |
|
3024 margin-top: -10px; |
|
3025 } |
|
3026 |
|
3027 .desc { |
|
3028 font-size: 16px; |
|
3029 padding: 5px 15px 0; |
|
3030 color: #666; |
|
3031 font-style: italic; |
|
3032 } |
|
3033 |
|
3034 .desc strong { |
|
3035 color: #444; |
|
3036 font-style: normal; |
|
3037 } |
|
3038 |
|
3039 .entry-summary p { |
|
3040 margin: 0; |
|
3041 } |
|
3042 |
|
3043 .warning { |
|
3044 padding: 0.5em 1em; |
|
3045 margin: 1em; |
|
3046 background: #fff3a5; |
|
3047 border-radius: 5px; |
|
3048 } |
|
3049 |
|
3050 /* Media Queries |
|
3051 ========================================================================== */ |
|
3052 |
|
3053 @media only screen and (max-width: 1100px) { |
|
3054 |
|
3055 } |
|
3056 |
|
3057 @media only screen and (max-width: 940px) { |
|
3058 |
|
3059 } |
|
3060 |
|
3061 @media only screen and (max-width: 860px) { |
|
3062 |
|
3063 } |
|
3064 |
|
3065 @media only screen and (max-width: 768px) { |
|
3066 #global-nav ul.projects li.toggle-projects { |
|
3067 display: none; |
|
3068 } |
|
3069 |
|
3070 #sidebar, |
|
3071 .content-right #sidebar { |
|
3072 width: auto; |
|
3073 float: none; |
|
3074 clear: both; |
|
3075 margin: 0; |
|
3076 border-top: 1px solid #e7e7e7; |
|
3077 border-left: none; |
|
3078 -moz-border-image: none; |
|
3079 -webkit-border-image: none; |
|
3080 -webkit-border-image: none; |
|
3081 -o-border-image: none; |
|
3082 border-image: none; |
|
3083 -webkit-box-shadow: none; |
|
3084 box-shadow: none; |
|
3085 background-image: none; |
|
3086 background-image: none; |
|
3087 background-image: none; |
|
3088 background-image: none; |
|
3089 background-image: none; |
|
3090 background-image: none; |
|
3091 } |
|
3092 |
|
3093 .content-full.full-width #content, |
|
3094 .content-right #content, |
|
3095 .content-left #content { |
|
3096 padding-left: 2%; |
|
3097 padding-right: 2%; |
|
3098 } |
|
3099 |
|
3100 #content, |
|
3101 .col7-3.col, |
|
3102 footer #legal p.copyright, |
|
3103 footer #legal ul.footer-site-links { |
|
3104 width: 100%; |
|
3105 float: none; |
|
3106 clear: both; |
|
3107 } |
|
3108 |
|
3109 #banner-secondary { |
|
3110 margin-left: -15px; |
|
3111 margin-right: -15px; |
|
3112 } |
|
3113 |
|
3114 footer #legal ul.footer-site-links { |
|
3115 display: inline; |
|
3116 text-align: center !important; |
|
3117 text-transform: none; |
|
3118 float: left; |
|
3119 width: 100%; |
|
3120 } |
|
3121 |
|
3122 footer #legal ul.footer-site-links li:first-child { |
|
3123 margin-left: 0; |
|
3124 } |
|
3125 |
|
3126 footer #legal p.copyright { |
|
3127 text-align: center; |
|
3128 margin-bottom: 10px; |
|
3129 } |
|
3130 |
|
3131 .col7-2.col { |
|
3132 margin: 0; |
|
3133 width: 100%; |
|
3134 padding-top: 10px; |
|
3135 padding-bottom: 10px; |
|
3136 } |
|
3137 } |
|
3138 |
|
3139 @media only screen and (max-width: 600px) { |
|
3140 #global-nav ul.projects { |
|
3141 display: none; |
|
3142 } |
|
3143 |
|
3144 #global-nav nav ul.links { |
|
3145 float: left; |
|
3146 } |
|
3147 |
|
3148 #global-nav nav ul.links li { |
|
3149 font-size: 12px; |
|
3150 } |
|
3151 |
|
3152 #logo-events { |
|
3153 padding-top: 20px; |
|
3154 padding-bottom: 10px; |
|
3155 } |
|
3156 |
|
3157 #logo-events aside { |
|
3158 display: inline-block; |
|
3159 position: relative; |
|
3160 left: 50%; |
|
3161 margin-left: -200px; |
|
3162 float: none; |
|
3163 padding: 10px 0; |
|
3164 } |
|
3165 |
|
3166 #logo-events h2.logo { |
|
3167 float: none; |
|
3168 margin-left: auto; |
|
3169 margin-right: auto; |
|
3170 } |
|
3171 |
|
3172 nav#main { |
|
3173 background-color: rgba(0, 0, 0, 0.0); |
|
3174 border-radius: 10px 10px 0 0; |
|
3175 border-right: none; |
|
3176 border-left: none; |
|
3177 border-top: none; |
|
3178 -webkit-box-shadow: none; |
|
3179 box-shadow: none; |
|
3180 padding-top: 10px; |
|
3181 } |
|
3182 |
|
3183 nav#main .searchform { |
|
3184 display: block; |
|
3185 float: none; |
|
3186 width: 100%; |
|
3187 margin: 15px auto; |
|
3188 clear:both; |
|
3189 } |
|
3190 |
|
3191 nav#main ul{ |
|
3192 width: auto !important; |
|
3193 text-align: left !important; |
|
3194 float: none; |
|
3195 margin: 0px; |
|
3196 padding: 0px; |
|
3197 } |
|
3198 |
|
3199 nav#main ul li, nav#main ul li a { |
|
3200 display: block; |
|
3201 text-align: left !important; |
|
3202 float: left; |
|
3203 margin-right: 0px; |
|
3204 padding: 0 4px 4px 0; |
|
3205 } |
|
3206 |
|
3207 |
|
3208 nav#main li a:hover, |
|
3209 nav#main li.current a { |
|
3210 background: none; |
|
3211 -webkit-box-shadow: none; |
|
3212 box-shadow: none; |
|
3213 border-radius: 4px; |
|
3214 border: 1px solid rgba(0,0,0,0.0); |
|
3215 } |
|
3216 |
|
3217 nav#main li a { |
|
3218 font-size: 14px; |
|
3219 } |
|
3220 |
|
3221 #content-wrapper { |
|
3222 border-top-left-radius: 10px; |
|
3223 border-top-right-radius: 10px; |
|
3224 } |
|
3225 |
|
3226 #banner-secondary { |
|
3227 border-top-left-radius: 9px; |
|
3228 border-top-right-radius: 9px; |
|
3229 margin-left: -10px; |
|
3230 margin-right: -10px; |
|
3231 } |
|
3232 |
|
3233 #banner-secondary h2 { |
|
3234 font-size: 35px; |
|
3235 line-height: 35px; |
|
3236 } |
|
3237 |
|
3238 #content h1 { |
|
3239 font-size: 26px; |
|
3240 line-height: 26px; |
|
3241 } |
|
3242 |
|
3243 #banner-secondary.large-banner h1, |
|
3244 #banner-secondary.large-banner h2 { |
|
3245 font-size: 36px; |
|
3246 line-height: 36px; |
|
3247 } |
|
3248 |
|
3249 #banner-secondary.large-banner p { |
|
3250 font-size: 22px; |
|
3251 padding: 0; |
|
3252 } |
|
3253 |
|
3254 footer .presentations li, |
|
3255 footer .books li { |
|
3256 clear: both; |
|
3257 margin-bottom: 10px; |
|
3258 float: none; |
|
3259 margin-left: auto !important; |
|
3260 margin-right: auto; |
|
3261 text-align: center; |
|
3262 } |
|
3263 |
|
3264 footer .presentations li span, |
|
3265 footer .books li span { |
|
3266 display: block; |
|
3267 margin-left: auto; |
|
3268 margin-right: auto; |
|
3269 } |
|
3270 } |
|
3271 |
|
3272 @media only screen and (max-width: 480px) { |
|
3273 |
|
3274 #global-nav { |
|
3275 display: none; |
|
3276 } |
|
3277 |
|
3278 #logo-events aside { |
|
3279 width: 300px; |
|
3280 margin-left: -150px; |
|
3281 } |
|
3282 |
|
3283 #container { |
|
3284 border-top: none !important; |
|
3285 } |
|
3286 |
|
3287 .tinynav-container { |
|
3288 display: block; |
|
3289 } |
|
3290 |
|
3291 #menu-top { |
|
3292 display: none; |
|
3293 } |
|
3294 |
|
3295 .tinynav { |
|
3296 display: block; |
|
3297 width: 100%; |
|
3298 margin: 0 auto 15px; |
|
3299 position: relative; |
|
3300 top: 6px; |
|
3301 left: 0px; |
|
3302 } |
|
3303 |
|
3304 nav#main { |
|
3305 margin-top: 15px; |
|
3306 padding-top: 0; |
|
3307 } |
|
3308 |
|
3309 nav#main .searchform { |
|
3310 display: block; |
|
3311 float: none; |
|
3312 width: 100%; |
|
3313 margin: 15px auto; |
|
3314 } |
|
3315 |
|
3316 nav#main ul li, nav#main ul li a { |
|
3317 float: none; |
|
3318 padding: 6px 0px 6px 8px; |
|
3319 } |
|
3320 |
|
3321 .constrain, |
|
3322 #container { |
|
3323 padding-left: 10px; |
|
3324 padding-right: 10px; |
|
3325 } |
|
3326 |
|
3327 .content-full #content, |
|
3328 .content-full.full-width #content, |
|
3329 .content-right #content, |
|
3330 .content-left #content { |
|
3331 padding-left: 0; |
|
3332 padding-right: 0; |
|
3333 } |
|
3334 |
|
3335 #content-wrapper { |
|
3336 padding-left: 25px; |
|
3337 padding-right: 25px; |
|
3338 } |
|
3339 |
|
3340 #content pre { |
|
3341 margin-left: -25px; |
|
3342 margin-right: -25px; |
|
3343 } |
|
3344 |
|
3345 #content img.left, |
|
3346 #content figure.left, |
|
3347 #content img.right, |
|
3348 #content figure.right { |
|
3349 display: block; |
|
3350 width: 100%; |
|
3351 max-width: 100%; |
|
3352 margin-left: 0; |
|
3353 margin-right: 0; |
|
3354 } |
|
3355 |
|
3356 #banner-secondary { |
|
3357 margin-left: -25px; |
|
3358 margin-right: -25px; |
|
3359 |
|
3360 } |
|
3361 footer .footer-icon-links li a:before { |
|
3362 display: none; |
|
3363 } |
|
3364 |
|
3365 footer .footer-icon-links li:first-child { |
|
3366 margin-left: 0; |
|
3367 } |
|
3368 |
|
3369 footer .download > span { |
|
3370 white-space: normal; |
|
3371 } |
|
3372 } |
|
3373 |
|
3374 @media only screen and (-webkit-device-pixel-ratio: 2){ |
|
3375 .jquery h2.logo a { |
|
3376 background: url(../images/logo-jquery@2x.png) no-repeat; |
|
3377 background-size: 243px 66px; |
|
3378 } |
|
3379 |
|
3380 .jquery-ui h2.logo a { |
|
3381 background: url(../images/logo-jquery-ui@2x.png) no-repeat; |
|
3382 background-size: 253px 66px; |
|
3383 } |
|
3384 |
|
3385 .jquery-mobile h2.logo a { |
|
3386 background: url(../images/logo-jquery-mobile@2x.png) no-repeat; |
|
3387 background-size: 268px 66px; |
|
3388 } |
|
3389 |
|
3390 .sizzlejs h2.logo a { |
|
3391 background: url(../images/logo-sizzle@2x.png) no-repeat; |
|
3392 background-size: 243px 66px; |
|
3393 } |
|
3394 |
|
3395 .qunitjs h2.logo a { |
|
3396 background: url(../images/logo-qunit@2x.png) no-repeat; |
|
3397 background-size: 243px 66px; |
|
3398 } |
|
3399 |
|
3400 .jquery-foundation h2.logo a { |
|
3401 background: url(../images/logo-jquery-foundation@2x.png) no-repeat; |
|
3402 background-size: 243px 66px; |
|
3403 } |
|
3404 } |
|
3405 |
|
3406 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
|
3407 only screen and (min-resolution: 144dpi) { |
|
3408 |
|
3409 } |
|
3410 |
|
3411 /* Helper classes |
|
3412 ========================================================================== */ |
|
3413 |
|
3414 .ir { |
|
3415 background-color: transparent; |
|
3416 border: 0; |
|
3417 overflow: hidden; |
|
3418 *text-indent: -9999px; |
|
3419 } |
|
3420 |
|
3421 .ir:before { |
|
3422 content: ""; |
|
3423 display: block; |
|
3424 width: 0; |
|
3425 height: 100%; |
|
3426 } |
|
3427 |
|
3428 .hidden { |
|
3429 display: none !important; |
|
3430 visibility: hidden; |
|
3431 } |
|
3432 |
|
3433 .visuallyhidden { |
|
3434 border: 0; |
|
3435 clip: rect(0 0 0 0); |
|
3436 height: 1px; |
|
3437 margin: -1px; |
|
3438 overflow: hidden; |
|
3439 padding: 0; |
|
3440 position: absolute; |
|
3441 width: 1px; |
|
3442 } |
|
3443 |
|
3444 .visuallyhidden.focusable:active, |
|
3445 .visuallyhidden.focusable:focus { |
|
3446 clip: auto; |
|
3447 height: auto; |
|
3448 margin: 0; |
|
3449 overflow: visible; |
|
3450 position: static; |
|
3451 width: auto; |
|
3452 } |
|
3453 |
|
3454 .invisible { |
|
3455 visibility: hidden; |
|
3456 } |
|
3457 |
|
3458 .clearfix:before, |
|
3459 .clearfix:after { |
|
3460 content: " "; |
|
3461 display: table; |
|
3462 } |
|
3463 |
|
3464 .clearfix:after { |
|
3465 clear: both; |
|
3466 } |
|
3467 |
|
3468 .clearfix { |
|
3469 *zoom: 1; |
|
3470 } |
|
3471 |
|
3472 /* Print styles |
|
3473 ========================================================================== */ |
|
3474 |
|
3475 @media print { |
|
3476 * { |
|
3477 background: transparent !important; |
|
3478 color: #000 !important; /* Black prints faster: h5bp.com/s */ |
|
3479 box-shadow:none !important; |
|
3480 text-shadow: none !important; |
|
3481 } |
|
3482 |
|
3483 a, |
|
3484 a:visited { |
|
3485 text-decoration: underline; |
|
3486 } |
|
3487 |
|
3488 a[href]:after { |
|
3489 content: " (" attr(href) ")"; |
|
3490 } |
|
3491 |
|
3492 abbr[title]:after { |
|
3493 content: " (" attr(title) ")"; |
|
3494 } |
|
3495 |
|
3496 /* |
|
3497 * Don't show links for images, or javascript/internal links |
|
3498 */ |
|
3499 |
|
3500 .ir a:after, |
|
3501 a[href^="javascript:"]:after, |
|
3502 a[href^="#"]:after { |
|
3503 content: ""; |
|
3504 } |
|
3505 |
|
3506 pre, |
|
3507 blockquote { |
|
3508 border: 1px solid #999; |
|
3509 page-break-inside: avoid; |
|
3510 } |
|
3511 |
|
3512 thead { |
|
3513 display: table-header-group; /* h5bp.com/t */ |
|
3514 } |
|
3515 |
|
3516 tr, |
|
3517 img { |
|
3518 page-break-inside: avoid; |
|
3519 } |
|
3520 |
|
3521 img { |
|
3522 max-width: 100% !important; |
|
3523 } |
|
3524 |
|
3525 @page { |
|
3526 margin: 0.5cm; |
|
3527 } |
|
3528 |
|
3529 p, |
|
3530 h2, |
|
3531 h3 { |
|
3532 orphans: 3; |
|
3533 widows: 3; |
|
3534 } |
|
3535 |
|
3536 h2, |
|
3537 h3 { |
|
3538 page-break-after: avoid; |
|
3539 } |
|
3540 } |
|
3541 |
|
3542 /* The Grid ---------------------- |
|
3543 Based on Zurb Foundation's Grid |
|
3544 */ |
|
3545 .row { width: 1240px; max-width: 100%; min-width: 768px; margin: 0 auto; } |
|
3546 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -25px; } |
|
3547 .row.collapse .column, .row.collapse .columns { padding: 0; } |
|
3548 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -25px; } |
|
3549 .row .row.collapse { margin: 0; } |
|
3550 |
|
3551 .column, .columns { float: left; min-height: 1px; padding: 0 25px; position: relative; } |
|
3552 .column.centered, .columns.centered { float: none; margin: 0 auto; } |
|
3553 |
|
3554 [class*="column"] + [class*="column"]:last-child { float: right; } |
|
3555 |
|
3556 [class*="column"] + [class*="column"].end { float: left; } |
|
3557 |
|
3558 .one, .row .one { width: 8.33333%; } |
|
3559 |
|
3560 .two, .row .two { width: 16.66667%; } |
|
3561 |
|
3562 .three, .row .three { width: 25%; } |
|
3563 |
|
3564 .four, .row .four { width: 33.33333%; } |
|
3565 |
|
3566 .five, .row .five { width: 41.66667%; } |
|
3567 |
|
3568 .six, .row .six { width: 50%; } |
|
3569 |
|
3570 .seven, .row .seven { width: 58.33333%; } |
|
3571 |
|
3572 .eight, .row .eight { width: 66.66667%; } |
|
3573 |
|
3574 .nine, .row .nine { width: 75%; } |
|
3575 |
|
3576 .ten, .row .ten { width: 83.33333%; } |
|
3577 |
|
3578 .eleven, .row .eleven { width: 91.66667%; } |
|
3579 |
|
3580 .twelve, .row .twelve { width: 100%; } |
|
3581 |
|
3582 .row .offset-by-one { margin-left: 8.33333%; } |
|
3583 |
|
3584 .row .offset-by-two { margin-left: 16.66667%; } |
|
3585 |
|
3586 .row .offset-by-three { margin-left: 25%; } |
|
3587 |
|
3588 .row .offset-by-four { margin-left: 33.33333%; } |
|
3589 |
|
3590 .row .offset-by-five { margin-left: 41.66667%; } |
|
3591 |
|
3592 .row .offset-by-six { margin-left: 50%; } |
|
3593 |
|
3594 .row .offset-by-seven { margin-left: 58.33333%; } |
|
3595 |
|
3596 .row .offset-by-eight { margin-left: 66.66667%; } |
|
3597 |
|
3598 .row .offset-by-nine { margin-left: 75%; } |
|
3599 |
|
3600 .row .offset-by-ten { margin-left: 83.33333%; } |
|
3601 |
|
3602 .push-two { left: 16.66667%; } |
|
3603 |
|
3604 .pull-two { right: 16.66667%; } |
|
3605 |
|
3606 .push-three { left: 25%; } |
|
3607 |
|
3608 .pull-three { right: 25%; } |
|
3609 |
|
3610 .push-four { left: 33.33333%; } |
|
3611 |
|
3612 .pull-four { right: 33.33333%; } |
|
3613 |
|
3614 .push-five { left: 41.66667%; } |
|
3615 |
|
3616 .pull-five { right: 41.66667%; } |
|
3617 |
|
3618 .push-six { left: 50%; } |
|
3619 |
|
3620 .pull-six { right: 50%; } |
|
3621 |
|
3622 .push-seven { left: 58.33333%; } |
|
3623 |
|
3624 .pull-seven { right: 58.33333%; } |
|
3625 |
|
3626 .push-eight { left: 66.66667%; } |
|
3627 |
|
3628 .pull-eight { right: 66.66667%; } |
|
3629 |
|
3630 .push-nine { left: 75%; } |
|
3631 |
|
3632 .pull-nine { right: 75%; } |
|
3633 |
|
3634 .push-ten { left: 83.33333%; } |
|
3635 |
|
3636 .pull-ten { right: 83.33333%; } |
|
3637 |
|
3638 img, object, embed { max-width: 100%; height: auto; } |
|
3639 |
|
3640 object, embed { height: 100%; } |
|
3641 |
|
3642 img { -ms-interpolation-mode: bicubic; } |
|
3643 |
|
3644 #map_canvas img, .map_canvas img { max-width: none!important; } |
|
3645 |
|
3646 /* Nicolas Gallagher's micro clearfix */ |
|
3647 .row { *zoom: 1; } |
|
3648 .row:before, .row:after { content: ""; display: table; } |
|
3649 .row:after { clear: both; } |
|
3650 |
|
3651 /* Mobile Grid and Overrides ---------------------- */ |
|
3652 @media only screen and (max-width: 767px) { |
|
3653 .row { width: auto; min-width: 0; margin-left: 0 !important; margin-right: 0 !important; } |
|
3654 .column, .columns { width: auto !important; float: none; padding-left: 0 !important; padding-right: 0 !important; |
|
3655 } |
|
3656 .column:last-child, .columns:last-child { float: none; } |
|
3657 [class*="column"] + [class*="column"]:last-child { float: none; } |
|
3658 .column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; } |
|
3659 .column:after, .columns:after { clear: both; } |
|
3660 .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important; } |
|
3661 .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; } |
|
3662 .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; } |
|
3663 /* Mobile 4-column Grid */ |
|
3664 .row .mobile-one { width: 25% !important; float: left; padding: 0 25px; } |
|
3665 .row .mobile-one:last-child { float: right; } |
|
3666 .row .mobile-one.end { float: left; } |
|
3667 .row.collapse .mobile-one { padding: 0; } |
|
3668 .row .mobile-two { width: 50% !important; float: left; padding: 0 25px; } |
|
3669 .row .mobile-two:last-child { float: right; } |
|
3670 .row .mobile-two.end { float: left; } |
|
3671 .row.collapse .mobile-two { padding: 0; } |
|
3672 .row .mobile-three { width: 75% !important; float: left; padding: 0 25px; } |
|
3673 .row .mobile-three:last-child { float: right; } |
|
3674 .row .mobile-three.end { float: left; } |
|
3675 .row.collapse .mobile-three { padding: 0; } |
|
3676 .row .mobile-four { width: 100% !important; float: left; padding: 0 25px; } |
|
3677 .row .mobile-four:last-child { float: right; } |
|
3678 .row .mobile-four.end { float: left; } |
|
3679 .row.collapse .mobile-four { padding: 0; } |
|
3680 .push-one-mobile { left: 25%; } |
|
3681 .pull-one-mobile { right: 25%; } |
|
3682 .push-two-mobile { left: 50%; } |
|
3683 .pull-two-mobile { right: 50%; } |
|
3684 .push-three-mobile { left: 75%; } |
|
3685 .pull-three-mobile { right: 75%; } |
|
3686 } |
|
3687 |
|
3688 |
|
3689 /* Block Grids ---------------------- */ |
|
3690 /* These are 2-up, 3-up, 4-up and 5-up ULs, suited |
|
3691 for repeating blocks of content. Add 'mobile' to |
|
3692 them to switch them just like the layout grid |
|
3693 (one item per line) on phones |
|
3694 |
|
3695 For IE7/8 compatibility block-grid items need to be |
|
3696 the same height. You can optionally uncomment the |
|
3697 lines below to support arbitrary height, but know |
|
3698 that IE7/8 do not support :nth-child. |
|
3699 -------------------------------------------------- */ |
|
3700 .block-grid, #content .block-grid { display: block; overflow: hidden; padding: 0; } |
|
3701 .block-grid > li, #content .block-grid > li { display: block; height: auto; float: left; } |
|
3702 .block-grid.one-up, #content .block-grid.one-up { margin: 0; } |
|
3703 .block-grid.one-up > li, #content .block-grid.one-up > li { width: 100%; padding: 0 0 15px; } |
|
3704 .block-grid.two-up, #content .block-grid.two-up { margin: 0 -15px; } |
|
3705 .block-grid.two-up > li, #content .block-grid.two-up > li { width: 50%; padding: 0 15px 15px; } |
|
3706 .block-grid.two-up > li:nth-child(2n+1), #content .block-grid.two-up > li:nth-child(2n+1) { clear: both; } |
|
3707 .block-grid.three-up, #content .block-grid.three-up { margin: 0 -12px; } |
|
3708 .block-grid.three-up > li, #content .block-grid.three-up > li { width: 33.33%; padding: 0 12px 12px; } |
|
3709 .block-grid.three-up > li:nth-child(3n+1), #content .block-grid.three-up > li:nth-child(3n+1) { clear: both; } |
|
3710 .block-grid.four-up, #content .block-grid.four-up { margin: 0 -10px; } |
|
3711 .block-grid.four-up > li, #content .block-grid.four-up > li { width: 25%; padding: 0 10px 10px; } |
|
3712 .block-grid.four-up > li:nth-child(4n+1), #content .block-grid.four-up > li:nth-child(4n+1) { clear: both; } |
|
3713 .block-grid.five-up, #content .block-grid.five-up { margin: 0 -8px; } |
|
3714 .block-grid.five-up > li, #content .block-grid.five-up > li { width: 20%; padding: 0 8px 8px; } |
|
3715 .block-grid.five-up > li:nth-child(5n+1), #content .block-grid.five-up > li:nth-child(5n+1) { clear: both; } |
|
3716 |
|
3717 /* Mobile Block Grids */ |
|
3718 @media only screen and (max-width: 767px) { |
|
3719 .block-grid.mobile > li { float: none !important; width: 100% !important; margin-left: 0 !important; } |
|
3720 .block-grid > li { clear: none !important; } |
|
3721 .block-grid.mobile-two-up > li { width: 50% !important; } |
|
3722 .block-grid.mobile-two-up > li:nth-child(2n+1) { clear: both; } |
|
3723 .block-grid.mobile-three-up > li { width: 33.33% !important; } |
|
3724 .block-grid.mobile-three-up > li:nth-child(3n+1) { clear: both !important; } |
|
3725 .block-grid.mobile-four-up > li { width: 25% !important; } |
|
3726 .block-grid.mobile-four-up > li:nth-child(4n+1) { clear: both; } |
|
3727 .block-grid.mobile-five-up > li:nth-child(5n+1) { clear: both; } |
|
3728 } |
|
3729 |
|
3730 /* |
|
3731 ColorBox Core Style: |
|
3732 The following CSS is consistent between example themes and should not be altered. |
|
3733 */ |
|
3734 #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} |
|
3735 #cboxOverlay{position:fixed; width:100%; height:100%;} |
|
3736 #cboxMiddleLeft, #cboxBottomLeft{clear:left;} |
|
3737 #cboxContent{position:relative;} |
|
3738 #cboxLoadedContent{overflow:auto;} |
|
3739 #cboxTitle{margin:0;} |
|
3740 #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} |
|
3741 #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} |
|
3742 .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;} |
|
3743 .cboxIframe{width:100%; height:100%; display:block; border:0;} |
|
3744 #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;} |
|
3745 |
|
3746 /* |
|
3747 User Style: |
|
3748 Change the following styles to modify the appearance of ColorBox. They are |
|
3749 ordered & tabbed in a way that represents the nesting of the generated HTML. |
|
3750 */ |
|
3751 #cboxOverlay{background:url(../images/colorbox/overlay.png) repeat 0 0;} |
|
3752 #cboxTopLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -101px 0;} |
|
3753 #cboxTopRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -130px 0;} |
|
3754 #cboxBottomLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -101px -29px;} |
|
3755 #cboxBottomRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -130px -29px;} |
|
3756 #cboxMiddleLeft{width:21px; background:url(../images/colorbox/controls.png) left top repeat-y;} |
|
3757 #cboxMiddleRight{width:21px; background:url(../images/colorbox/controls.png) right top repeat-y;} |
|
3758 #cboxTopCenter{height:21px; background:url(../images/colorbox/border.png) 0 0 repeat-x;} |
|
3759 #cboxBottomCenter{height:21px; background:url(../images/colorbox/border.png) 0 -29px repeat-x;} |
|
3760 #cboxContent{background:#fff; overflow:hidden;} |
|
3761 .cboxIframe{background:#fff;} |
|
3762 #cboxError{padding:50px; border:1px solid #ccc;} |
|
3763 #cboxLoadedContent{margin-bottom:28px;} |
|
3764 #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} |
|
3765 #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} |
|
3766 #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} |
|
3767 #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} |
|
3768 #cboxPrevious:hover{background-position:-75px -25px;} |
|
3769 #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} |
|
3770 #cboxNext:hover{background-position:-50px -25px;} |
|
3771 #cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) no-repeat center center;} |
|
3772 #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) no-repeat center center;} |
|
3773 #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} |
|
3774 #cboxClose:hover{background-position:-25px -25px;} |
|
3775 |
|
3776 /* |
|
3777 The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill |
|
3778 when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. |
|
3779 See: http://jacklmoore.com/notes/ie-transparency-problems/ |
|
3780 */ |
|
3781 .cboxIE #cboxTopLeft, |
|
3782 .cboxIE #cboxTopCenter, |
|
3783 .cboxIE #cboxTopRight, |
|
3784 .cboxIE #cboxBottomLeft, |
|
3785 .cboxIE #cboxBottomCenter, |
|
3786 .cboxIE #cboxBottomRight, |
|
3787 .cboxIE #cboxMiddleLeft, |
|
3788 .cboxIE #cboxMiddleRight { |
|
3789 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); |
|
3790 } |
|
3791 |
|
3792 /* |
|
3793 The following provides PNG transparency support for IE6 |
|
3794 Feel free to remove this and the /ie6/ directory if you have dropped IE6 support. |
|
3795 */ |
|
3796 .cboxIE6 #cboxTopLeft{background:url(../images/colorbox/ie6/borderTopLeft.png);} |
|
3797 .cboxIE6 #cboxTopCenter{background:url(../images/colorbox/ie6/borderTopCenter.png);} |
|
3798 .cboxIE6 #cboxTopRight{background:url(../images/colorbox/ie6/borderTopRight.png);} |
|
3799 .cboxIE6 #cboxBottomLeft{background:url(../images/colorbox/ie6/borderBottomLeft.png);} |
|
3800 .cboxIE6 #cboxBottomCenter{background:url(../images/colorbox/ie6/borderBottomCenter.png);} |
|
3801 .cboxIE6 #cboxBottomRight{background:url(../images/colorbox/ie6/borderBottomRight.png);} |
|
3802 .cboxIE6 #cboxMiddleLeft{background:url(../images/colorbox/ie6/borderMiddleLeft.png);} |
|
3803 .cboxIE6 #cboxMiddleRight{background:url(../images/colorbox/ie6/borderMiddleRight.png);} |
|
3804 |
|
3805 .cboxIE6 #cboxTopLeft, |
|
3806 .cboxIE6 #cboxTopCenter, |
|
3807 .cboxIE6 #cboxTopRight, |
|
3808 .cboxIE6 #cboxBottomLeft, |
|
3809 .cboxIE6 #cboxBottomCenter, |
|
3810 .cboxIE6 #cboxBottomRight, |
|
3811 .cboxIE6 #cboxMiddleLeft, |
|
3812 .cboxIE6 #cboxMiddleRight { |
|
3813 _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); |
|
3814 } |
|
3815 |
|
3816 |
|
3817 /* Syntax Highlighting ---------------------- */ |
|
3818 |
|
3819 pre, code { |
|
3820 font-family: "source-code-pro", Consolas, monospace !important; |
|
3821 word-spacing: 0; |
|
3822 } |
|
3823 pre code { |
|
3824 display: block; padding: 0.5em; |
|
3825 color: #333; |
|
3826 background: #f8f8ff |
|
3827 } |
|
3828 |
|
3829 pre .comment, |
|
3830 pre .template_comment, |
|
3831 pre .diff .header, |
|
3832 pre .javadoc { |
|
3833 color: #998; |
|
3834 font-style: italic |
|
3835 } |
|
3836 |
|
3837 pre .keyword, |
|
3838 pre .css .rule .keyword, |
|
3839 pre .winutils, |
|
3840 pre .javascript .title, |
|
3841 pre .nginx .title, |
|
3842 pre .subst, |
|
3843 pre .request, |
|
3844 pre .status { |
|
3845 color: #333; |
|
3846 font-weight: bold |
|
3847 } |
|
3848 |
|
3849 pre .number, |
|
3850 pre .hexcolor, |
|
3851 pre .ruby .constant { |
|
3852 color: #099; |
|
3853 } |
|
3854 |
|
3855 pre .string, |
|
3856 pre .tag .value, |
|
3857 pre .phpdoc, |
|
3858 pre .tex .formula { |
|
3859 color: #d14 |
|
3860 } |
|
3861 |
|
3862 pre .title, |
|
3863 pre .id { |
|
3864 color: #900; |
|
3865 font-weight: bold |
|
3866 } |
|
3867 |
|
3868 pre .javascript .title, |
|
3869 pre .lisp .title, |
|
3870 pre .clojure .title, |
|
3871 pre .subst { |
|
3872 font-weight: normal |
|
3873 } |
|
3874 |
|
3875 pre .class .title, |
|
3876 pre .haskell .type, |
|
3877 pre .vhdl .literal, |
|
3878 pre .tex .command { |
|
3879 color: #458; |
|
3880 font-weight: bold |
|
3881 } |
|
3882 |
|
3883 pre .tag, |
|
3884 pre .tag .title, |
|
3885 pre .rules .property, |
|
3886 pre .django .tag .keyword { |
|
3887 color: #000080; |
|
3888 font-weight: normal |
|
3889 } |
|
3890 |
|
3891 pre .attribute, |
|
3892 pre .variable, |
|
3893 pre .lisp .body { |
|
3894 color: #008080 |
|
3895 } |
|
3896 |
|
3897 pre .regexp { |
|
3898 color: #009926 |
|
3899 } |
|
3900 |
|
3901 pre .class { |
|
3902 color: #458; |
|
3903 font-weight: bold |
|
3904 } |
|
3905 |
|
3906 pre .symbol, |
|
3907 pre .ruby .symbol .string, |
|
3908 pre .lisp .keyword, |
|
3909 pre .tex .special, |
|
3910 pre .prompt { |
|
3911 color: #990073 |
|
3912 } |
|
3913 |
|
3914 pre .built_in, |
|
3915 pre .lisp .title, |
|
3916 pre .clojure .built_in { |
|
3917 color: #0086b3 |
|
3918 } |
|
3919 |
|
3920 pre .preprocessor, |
|
3921 pre .pi, |
|
3922 pre .doctype, |
|
3923 pre .shebang, |
|
3924 pre .cdata { |
|
3925 color: #999; |
|
3926 font-weight: bold |
|
3927 } |
|
3928 |
|
3929 pre .deletion { |
|
3930 background: #fdd |
|
3931 } |
|
3932 |
|
3933 pre .addition { |
|
3934 background: #dfd |
|
3935 } |
|
3936 |
|
3937 pre .diff .change { |
|
3938 background: #0086b3 |
|
3939 } |
|
3940 |
|
3941 pre .chunk { |
|
3942 color: #aaa |
|
3943 } |
|
3944 |
|
3945 .syntaxhighlighter a, |
|
3946 .syntaxhighlighter div, |
|
3947 .syntaxhighlighter pre, |
|
3948 .syntaxhighlighter code, |
|
3949 .syntaxhighlighter table, |
|
3950 .syntaxhighlighter table td, |
|
3951 .syntaxhighlighter table tr, |
|
3952 .syntaxhighlighter table tbody, |
|
3953 .syntaxhighlighter table thead, |
|
3954 .syntaxhighlighter table caption, |
|
3955 .syntaxhighlighter textarea { |
|
3956 border-radius: 0 0 0 0 !important; |
|
3957 background: none !important; |
|
3958 bottom: auto !important; |
|
3959 float: none !important; |
|
3960 height: auto !important; |
|
3961 left: auto !important; |
|
3962 line-height: 1.1em !important; |
|
3963 margin: 0 !important; |
|
3964 outline: 0 !important; |
|
3965 overflow: visible !important; |
|
3966 padding: 0 !important; |
|
3967 position: static !important; |
|
3968 right: auto !important; |
|
3969 text-align: left !important; |
|
3970 top: auto !important; |
|
3971 vertical-align: baseline !important; |
|
3972 width: auto !important; |
|
3973 box-sizing: content-box !important; |
|
3974 font-family: "source-code-pro", Consolas, monospace !important; |
|
3975 font-weight: normal !important; |
|
3976 font-style: normal !important; |
|
3977 font-size: 1em !important; |
|
3978 min-height: inherit !important; |
|
3979 min-height: auto !important; |
|
3980 } |
|
3981 .syntaxhighlighter { |
|
3982 width: 100% !important; |
|
3983 margin: 1em 0 1em 0 !important; |
|
3984 padding: 1em 0; |
|
3985 position: relative !important; |
|
3986 overflow: auto !important; |
|
3987 font-size: 1em !important; |
|
3988 background: #eee; |
|
3989 } |
|
3990 .syntaxhighlighter.source { |
|
3991 overflow: hidden !important; |
|
3992 } |
|
3993 .syntaxhighlighter .line { |
|
3994 white-space: pre !important; |
|
3995 } |
|
3996 .syntaxhighlighter table { |
|
3997 width: 100% !important; |
|
3998 } |
|
3999 .syntaxhighlighter table caption { |
|
4000 text-align: left !important; |
|
4001 padding: .5em 0 0.5em 1em !important; |
|
4002 } |
|
4003 .syntaxhighlighter table td.code { |
|
4004 width: 100% !important; |
|
4005 } |
|
4006 .syntaxhighlighter table td.code .container { |
|
4007 position: relative !important; |
|
4008 } |
|
4009 .syntaxhighlighter table td.code .container textarea { |
|
4010 box-sizing: border-box !important; |
|
4011 position: absolute !important; |
|
4012 left: 0 !important; |
|
4013 top: 0 !important; |
|
4014 width: 100% !important; |
|
4015 height: 100% !important; |
|
4016 border: none !important; |
|
4017 background: white !important; |
|
4018 padding-left: 1em !important; |
|
4019 overflow: hidden !important; |
|
4020 white-space: pre !important; |
|
4021 } |
|
4022 .syntaxhighlighter table td.gutter .line { |
|
4023 text-align: right !important; |
|
4024 padding: 0 0.5em 0 1em !important; |
|
4025 } |
|
4026 .syntaxhighlighter table td.code .line { |
|
4027 padding: 0 0.5em !important; |
|
4028 } |
|
4029 .syntaxhighlighter.nogutter td.code .container textarea, |
|
4030 .syntaxhighlighter.nogutter td.code .line { |
|
4031 padding-left: 1em !important; |
|
4032 } |
|
4033 |
|
4034 .syntaxhighlighter table td.gutter { |
|
4035 border-right: 2px solid #999; |
|
4036 } |
|
4037 |
|
4038 .syntaxhighlighter { |
|
4039 border-radius: 5px; |
|
4040 } |
|
4041 |
|
4042 #content .syntaxhighlighter tr { |
|
4043 border-bottom: none; |
|
4044 } |
|