aboutsummaryrefslogtreecommitdiffhomepage
path: root/tpl/default/css
diff options
context:
space:
mode:
authorArthurHoaro <arthur@hoa.ro>2017-01-14 15:52:17 +0100
committerArthurHoaro <arthur@hoa.ro>2017-02-27 20:01:54 +0100
commit402b03464812aaec76bc841ca7dacb775baf1e03 (patch)
tree5f5ce030a71ed1ac327f60911cb22f0ca87d21cd /tpl/default/css
parent009ce9358168cc06c76fc2f4162829e552e633a3 (diff)
downloadShaarli-402b03464812aaec76bc841ca7dacb775baf1e03.tar.gz
Shaarli-402b03464812aaec76bc841ca7dacb775baf1e03.tar.zst
Shaarli-402b03464812aaec76bc841ca7dacb775baf1e03.zip
Introduce the new default Shaarli template
Diffstat (limited to 'tpl/default/css')
-rw-r--r--tpl/default/css/font-awesome.css2086
-rw-r--r--tpl/default/css/font-awesome.min.css4
-rw-r--r--tpl/default/css/grids-responsive.css861
-rw-r--r--tpl/default/css/grids-responsive.min.css7
-rw-r--r--tpl/default/css/pure-extras.css262
-rw-r--r--tpl/default/css/pure.css1475
-rw-r--r--tpl/default/css/pure.min.css11
-rw-r--r--tpl/default/css/shaarli.css1180
8 files changed, 5886 insertions, 0 deletions
diff --git a/tpl/default/css/font-awesome.css b/tpl/default/css/font-awesome.css
new file mode 100644
index 00000000..b2a5fe2f
--- /dev/null
+++ b/tpl/default/css/font-awesome.css
@@ -0,0 +1,2086 @@
1/*!
2 * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
3 * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
4 */
5/* FONT PATH
6 * -------------------------- */
7@font-face {
8 font-family: 'FontAwesome';
9 src: url('../fonts/fontawesome-webfont.eot?v=4.5.0');
10 src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
11 font-weight: normal;
12 font-style: normal;
13}
14.fa {
15 display: inline-block;
16 font: normal normal normal 14px/1 FontAwesome;
17 font-size: inherit;
18 text-rendering: auto;
19 -webkit-font-smoothing: antialiased;
20 -moz-osx-font-smoothing: grayscale;
21}
22/* makes the font 33% larger relative to the icon container */
23.fa-lg {
24 font-size: 1.33333333em;
25 line-height: 0.75em;
26 vertical-align: -15%;
27}
28.fa-2x {
29 font-size: 2em;
30}
31.fa-3x {
32 font-size: 3em;
33}
34.fa-4x {
35 font-size: 4em;
36}
37.fa-5x {
38 font-size: 5em;
39}
40.fa-fw {
41 width: 1.28571429em;
42 text-align: center;
43}
44.fa-ul {
45 padding-left: 0;
46 margin-left: 2.14285714em;
47 list-style-type: none;
48}
49.fa-ul > li {
50 position: relative;
51}
52.fa-li {
53 position: absolute;
54 left: -2.14285714em;
55 width: 2.14285714em;
56 top: 0.14285714em;
57 text-align: center;
58}
59.fa-li.fa-lg {
60 left: -1.85714286em;
61}
62.fa-border {
63 padding: .2em .25em .15em;
64 border: solid 0.08em #eeeeee;
65 border-radius: .1em;
66}
67.fa-pull-left {
68 float: left;
69}
70.fa-pull-right {
71 float: right;
72}
73.fa.fa-pull-left {
74 margin-right: .3em;
75}
76.fa.fa-pull-right {
77 margin-left: .3em;
78}
79/* Deprecated as of 4.4.0 */
80.pull-right {
81 float: right;
82}
83.pull-left {
84 float: left;
85}
86.fa.pull-left {
87 margin-right: .3em;
88}
89.fa.pull-right {
90 margin-left: .3em;
91}
92.fa-spin {
93 -webkit-animation: fa-spin 2s infinite linear;
94 animation: fa-spin 2s infinite linear;
95}
96.fa-pulse {
97 -webkit-animation: fa-spin 1s infinite steps(8);
98 animation: fa-spin 1s infinite steps(8);
99}
100@-webkit-keyframes fa-spin {
101 0% {
102 -webkit-transform: rotate(0deg);
103 transform: rotate(0deg);
104 }
105 100% {
106 -webkit-transform: rotate(359deg);
107 transform: rotate(359deg);
108 }
109}
110@keyframes fa-spin {
111 0% {
112 -webkit-transform: rotate(0deg);
113 transform: rotate(0deg);
114 }
115 100% {
116 -webkit-transform: rotate(359deg);
117 transform: rotate(359deg);
118 }
119}
120.fa-rotate-90 {
121 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
122 -webkit-transform: rotate(90deg);
123 -ms-transform: rotate(90deg);
124 transform: rotate(90deg);
125}
126.fa-rotate-180 {
127 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
128 -webkit-transform: rotate(180deg);
129 -ms-transform: rotate(180deg);
130 transform: rotate(180deg);
131}
132.fa-rotate-270 {
133 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
134 -webkit-transform: rotate(270deg);
135 -ms-transform: rotate(270deg);
136 transform: rotate(270deg);
137}
138.fa-flip-horizontal {
139 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
140 -webkit-transform: scale(-1, 1);
141 -ms-transform: scale(-1, 1);
142 transform: scale(-1, 1);
143}
144.fa-flip-vertical {
145 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
146 -webkit-transform: scale(1, -1);
147 -ms-transform: scale(1, -1);
148 transform: scale(1, -1);
149}
150:root .fa-rotate-90,
151:root .fa-rotate-180,
152:root .fa-rotate-270,
153:root .fa-flip-horizontal,
154:root .fa-flip-vertical {
155 filter: none;
156}
157.fa-stack {
158 position: relative;
159 display: inline-block;
160 width: 2em;
161 height: 2em;
162 line-height: 2em;
163 vertical-align: middle;
164}
165.fa-stack-1x,
166.fa-stack-2x {
167 position: absolute;
168 left: 0;
169 width: 100%;
170 text-align: center;
171}
172.fa-stack-1x {
173 line-height: inherit;
174}
175.fa-stack-2x {
176 font-size: 2em;
177}
178.fa-inverse {
179 color: #ffffff;
180}
181/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
182 readers do not read off random characters that represent icons */
183.fa-glass:before {
184 content: "\f000";
185}
186.fa-music:before {
187 content: "\f001";
188}
189.fa-search:before {
190 content: "\f002";
191}
192.fa-envelope-o:before {
193 content: "\f003";
194}
195.fa-heart:before {
196 content: "\f004";
197}
198.fa-star:before {
199 content: "\f005";
200}
201.fa-star-o:before {
202 content: "\f006";
203}
204.fa-user:before {
205 content: "\f007";
206}
207.fa-film:before {
208 content: "\f008";
209}
210.fa-th-large:before {
211 content: "\f009";
212}
213.fa-th:before {
214 content: "\f00a";
215}
216.fa-th-list:before {
217 content: "\f00b";
218}
219.fa-check:before {
220 content: "\f00c";
221}
222.fa-remove:before,
223.fa-close:before,
224.fa-times:before {
225 content: "\f00d";
226}
227.fa-search-plus:before {
228 content: "\f00e";
229}
230.fa-search-minus:before {
231 content: "\f010";
232}
233.fa-power-off:before {
234 content: "\f011";
235}
236.fa-signal:before {
237 content: "\f012";
238}
239.fa-gear:before,
240.fa-cog:before {
241 content: "\f013";
242}
243.fa-trash-o:before {
244 content: "\f014";
245}
246.fa-home:before {
247 content: "\f015";
248}
249.fa-file-o:before {
250 content: "\f016";
251}
252.fa-clock-o:before {
253 content: "\f017";
254}
255.fa-road:before {
256 content: "\f018";
257}
258.fa-download:before {
259 content: "\f019";
260}
261.fa-arrow-circle-o-down:before {
262 content: "\f01a";
263}
264.fa-arrow-circle-o-up:before {
265 content: "\f01b";
266}
267.fa-inbox:before {
268 content: "\f01c";
269}
270.fa-play-circle-o:before {
271 content: "\f01d";
272}
273.fa-rotate-right:before,
274.fa-repeat:before {
275 content: "\f01e";
276}
277.fa-refresh:before {
278 content: "\f021";
279}
280.fa-list-alt:before {
281 content: "\f022";
282}
283.fa-lock:before {
284 content: "\f023";
285}
286.fa-flag:before {
287 content: "\f024";
288}
289.fa-headphones:before {
290 content: "\f025";
291}
292.fa-volume-off:before {
293 content: "\f026";
294}
295.fa-volume-down:before {
296 content: "\f027";
297}
298.fa-volume-up:before {
299 content: "\f028";
300}
301.fa-qrcode:before {
302 content: "\f029";
303}
304.fa-barcode:before {
305 content: "\f02a";
306}
307.fa-tag:before {
308 content: "\f02b";
309}
310.fa-tags:before {
311 content: "\f02c";
312}
313.fa-book:before {
314 content: "\f02d";
315}
316.fa-bookmark:before {
317 content: "\f02e";
318}
319.fa-print:before {
320 content: "\f02f";
321}
322.fa-camera:before {
323 content: "\f030";
324}
325.fa-font:before {
326 content: "\f031";
327}
328.fa-bold:before {
329 content: "\f032";
330}
331.fa-italic:before {
332 content: "\f033";
333}
334.fa-text-height:before {
335 content: "\f034";
336}
337.fa-text-width:before {
338 content: "\f035";
339}
340.fa-align-left:before {
341 content: "\f036";
342}
343.fa-align-center:before {
344 content: "\f037";
345}
346.fa-align-right:before {
347 content: "\f038";
348}
349.fa-align-justify:before {
350 content: "\f039";
351}
352.fa-list:before {
353 content: "\f03a";
354}
355.fa-dedent:before,
356.fa-outdent:before {
357 content: "\f03b";
358}
359.fa-indent:before {
360 content: "\f03c";
361}
362.fa-video-camera:before {
363 content: "\f03d";
364}
365.fa-photo:before,
366.fa-image:before,
367.fa-picture-o:before {
368 content: "\f03e";
369}
370.fa-pencil:before {
371 content: "\f040";
372}
373.fa-map-marker:before {
374 content: "\f041";
375}
376.fa-adjust:before {
377 content: "\f042";
378}
379.fa-tint:before {
380 content: "\f043";
381}
382.fa-edit:before,
383.fa-pencil-square-o:before {
384 content: "\f044";
385}
386.fa-share-square-o:before {
387 content: "\f045";
388}
389.fa-check-square-o:before {
390 content: "\f046";
391}
392.fa-arrows:before {
393 content: "\f047";
394}
395.fa-step-backward:before {
396 content: "\f048";
397}
398.fa-fast-backward:before {
399 content: "\f049";
400}
401.fa-backward:before {
402 content: "\f04a";
403}
404.fa-play:before {
405 content: "\f04b";
406}
407.fa-pause:before {
408 content: "\f04c";
409}
410.fa-stop:before {
411 content: "\f04d";
412}
413.fa-forward:before {
414 content: "\f04e";
415}
416.fa-fast-forward:before {
417 content: "\f050";
418}
419.fa-step-forward:before {
420 content: "\f051";
421}
422.fa-eject:before {
423 content: "\f052";
424}
425.fa-chevron-left:before {
426 content: "\f053";
427}
428.fa-chevron-right:before {
429 content: "\f054";
430}
431.fa-plus-circle:before {
432 content: "\f055";
433}
434.fa-minus-circle:before {
435 content: "\f056";
436}
437.fa-times-circle:before {
438 content: "\f057";
439}
440.fa-check-circle:before {
441 content: "\f058";
442}
443.fa-question-circle:before {
444 content: "\f059";
445}
446.fa-info-circle:before {
447 content: "\f05a";
448}
449.fa-crosshairs:before {
450 content: "\f05b";
451}
452.fa-times-circle-o:before {
453 content: "\f05c";
454}
455.fa-check-circle-o:before {
456 content: "\f05d";
457}
458.fa-ban:before {
459 content: "\f05e";
460}
461.fa-arrow-left:before {
462 content: "\f060";
463}
464.fa-arrow-right:before {
465 content: "\f061";
466}
467.fa-arrow-up:before {
468 content: "\f062";
469}
470.fa-arrow-down:before {
471 content: "\f063";
472}
473.fa-mail-forward:before,
474.fa-share:before {
475 content: "\f064";
476}
477.fa-expand:before {
478 content: "\f065";
479}
480.fa-compress:before {
481 content: "\f066";
482}
483.fa-plus:before {
484 content: "\f067";
485}
486.fa-minus:before {
487 content: "\f068";
488}
489.fa-asterisk:before {
490 content: "\f069";
491}
492.fa-exclamation-circle:before {
493 content: "\f06a";
494}
495.fa-gift:before {
496 content: "\f06b";
497}
498.fa-leaf:before {
499 content: "\f06c";
500}
501.fa-fire:before {
502 content: "\f06d";
503}
504.fa-eye:before {
505 content: "\f06e";
506}
507.fa-eye-slash:before {
508 content: "\f070";
509}
510.fa-warning:before,
511.fa-exclamation-triangle:before {
512 content: "\f071";
513}
514.fa-plane:before {
515 content: "\f072";
516}
517.fa-calendar:before {
518 content: "\f073";
519}
520.fa-random:before {
521 content: "\f074";
522}
523.fa-comment:before {
524 content: "\f075";
525}
526.fa-magnet:before {
527 content: "\f076";
528}
529.fa-chevron-up:before {
530 content: "\f077";
531}
532.fa-chevron-down:before {
533 content: "\f078";
534}
535.fa-retweet:before {
536 content: "\f079";
537}
538.fa-shopping-cart:before {
539 content: "\f07a";
540}
541.fa-folder:before {
542 content: "\f07b";
543}
544.fa-folder-open:before {
545 content: "\f07c";
546}
547.fa-arrows-v:before {
548 content: "\f07d";
549}
550.fa-arrows-h:before {
551 content: "\f07e";
552}
553.fa-bar-chart-o:before,
554.fa-bar-chart:before {
555 content: "\f080";
556}
557.fa-twitter-square:before {
558 content: "\f081";
559}
560.fa-facebook-square:before {
561 content: "\f082";
562}
563.fa-camera-retro:before {
564 content: "\f083";
565}
566.fa-key:before {
567 content: "\f084";
568}
569.fa-gears:before,
570.fa-cogs:before {
571 content: "\f085";
572}
573.fa-comments:before {
574 content: "\f086";
575}
576.fa-thumbs-o-up:before {
577 content: "\f087";
578}
579.fa-thumbs-o-down:before {
580 content: "\f088";
581}
582.fa-star-half:before {
583 content: "\f089";
584}
585.fa-heart-o:before {
586 content: "\f08a";
587}
588.fa-sign-out:before {
589 content: "\f08b";
590}
591.fa-linkedin-square:before {
592 content: "\f08c";
593}
594.fa-thumb-tack:before {
595 content: "\f08d";
596}
597.fa-external-link:before {
598 content: "\f08e";
599}
600.fa-sign-in:before {
601 content: "\f090";
602}
603.fa-trophy:before {
604 content: "\f091";
605}
606.fa-github-square:before {
607 content: "\f092";
608}
609.fa-upload:before {
610 content: "\f093";
611}
612.fa-lemon-o:before {
613 content: "\f094";
614}
615.fa-phone:before {
616 content: "\f095";
617}
618.fa-square-o:before {
619 content: "\f096";
620}
621.fa-bookmark-o:before {
622 content: "\f097";
623}
624.fa-phone-square:before {
625 content: "\f098";
626}
627.fa-twitter:before {
628 content: "\f099";
629}
630.fa-facebook-f:before,
631.fa-facebook:before {
632 content: "\f09a";
633}
634.fa-github:before {
635 content: "\f09b";
636}
637.fa-unlock:before {
638 content: "\f09c";
639}
640.fa-credit-card:before {
641 content: "\f09d";
642}
643.fa-feed:before,
644.fa-rss:before {
645 content: "\f09e";
646}
647.fa-hdd-o:before {
648 content: "\f0a0";
649}
650.fa-bullhorn:before {
651 content: "\f0a1";
652}
653.fa-bell:before {
654 content: "\f0f3";
655}
656.fa-certificate:before {
657 content: "\f0a3";
658}
659.fa-hand-o-right:before {
660 content: "\f0a4";
661}
662.fa-hand-o-left:before {
663 content: "\f0a5";
664}
665.fa-hand-o-up:before {
666 content: "\f0a6";
667}
668.fa-hand-o-down:before {
669 content: "\f0a7";
670}
671.fa-arrow-circle-left:before {
672 content: "\f0a8";
673}
674.fa-arrow-circle-right:before {
675 content: "\f0a9";
676}
677.fa-arrow-circle-up:before {
678 content: "\f0aa";
679}
680.fa-arrow-circle-down:before {
681 content: "\f0ab";
682}
683.fa-globe:before {
684 content: "\f0ac";
685}
686.fa-wrench:before {
687 content: "\f0ad";
688}
689.fa-tasks:before {
690 content: "\f0ae";
691}
692.fa-filter:before {
693 content: "\f0b0";
694}
695.fa-briefcase:before {
696 content: "\f0b1";
697}
698.fa-arrows-alt:before {
699 content: "\f0b2";
700}
701.fa-group:before,
702.fa-users:before {
703 content: "\f0c0";
704}
705.fa-chain:before,
706.fa-link:before {
707 content: "\f0c1";
708}
709.fa-cloud:before {
710 content: "\f0c2";
711}
712.fa-flask:before {
713 content: "\f0c3";
714}
715.fa-cut:before,
716.fa-scissors:before {
717 content: "\f0c4";
718}
719.fa-copy:before,
720.fa-files-o:before {
721 content: "\f0c5";
722}
723.fa-paperclip:before {
724 content: "\f0c6";
725}
726.fa-save:before,
727.fa-floppy-o:before {
728 content: "\f0c7";
729}
730.fa-square:before {
731 content: "\f0c8";
732}
733.fa-navicon:before,
734.fa-reorder:before,
735.fa-bars:before {
736 content: "\f0c9";
737}
738.fa-list-ul:before {
739 content: "\f0ca";
740}
741.fa-list-ol:before {
742 content: "\f0cb";
743}
744.fa-strikethrough:before {
745 content: "\f0cc";
746}
747.fa-underline:before {
748 content: "\f0cd";
749}
750.fa-table:before {
751 content: "\f0ce";
752}
753.fa-magic:before {
754 content: "\f0d0";
755}
756.fa-truck:before {
757 content: "\f0d1";
758}
759.fa-pinterest:before {
760 content: "\f0d2";
761}
762.fa-pinterest-square:before {
763 content: "\f0d3";
764}
765.fa-google-plus-square:before {
766 content: "\f0d4";
767}
768.fa-google-plus:before {
769 content: "\f0d5";
770}
771.fa-money:before {
772 content: "\f0d6";
773}
774.fa-caret-down:before {
775 content: "\f0d7";
776}
777.fa-caret-up:before {
778 content: "\f0d8";
779}
780.fa-caret-left:before {
781 content: "\f0d9";
782}
783.fa-caret-right:before {
784 content: "\f0da";
785}
786.fa-columns:before {
787 content: "\f0db";
788}
789.fa-unsorted:before,
790.fa-sort:before {
791 content: "\f0dc";
792}
793.fa-sort-down:before,
794.fa-sort-desc:before {
795 content: "\f0dd";
796}
797.fa-sort-up:before,
798.fa-sort-asc:before {
799 content: "\f0de";
800}
801.fa-envelope:before {
802 content: "\f0e0";
803}
804.fa-linkedin:before {
805 content: "\f0e1";
806}
807.fa-rotate-left:before,
808.fa-undo:before {
809 content: "\f0e2";
810}
811.fa-legal:before,
812.fa-gavel:before {
813 content: "\f0e3";
814}
815.fa-dashboard:before,
816.fa-tachometer:before {
817 content: "\f0e4";
818}
819.fa-comment-o:before {
820 content: "\f0e5";
821}
822.fa-comments-o:before {
823 content: "\f0e6";
824}
825.fa-flash:before,
826.fa-bolt:before {
827 content: "\f0e7";
828}
829.fa-sitemap:before {
830 content: "\f0e8";
831}
832.fa-umbrella:before {
833 content: "\f0e9";
834}
835.fa-paste:before,
836.fa-clipboard:before {
837 content: "\f0ea";
838}
839.fa-lightbulb-o:before {
840 content: "\f0eb";
841}
842.fa-exchange:before {
843 content: "\f0ec";
844}
845.fa-cloud-download:before {
846 content: "\f0ed";
847}
848.fa-cloud-upload:before {
849 content: "\f0ee";
850}
851.fa-user-md:before {
852 content: "\f0f0";
853}
854.fa-stethoscope:before {
855 content: "\f0f1";
856}
857.fa-suitcase:before {
858 content: "\f0f2";
859}
860.fa-bell-o:before {
861 content: "\f0a2";
862}
863.fa-coffee:before {
864 content: "\f0f4";
865}
866.fa-cutlery:before {
867 content: "\f0f5";
868}
869.fa-file-text-o:before {
870 content: "\f0f6";
871}
872.fa-building-o:before {
873 content: "\f0f7";
874}
875.fa-hospital-o:before {
876 content: "\f0f8";
877}
878.fa-ambulance:before {
879 content: "\f0f9";
880}
881.fa-medkit:before {
882 content: "\f0fa";
883}
884.fa-fighter-jet:before {
885 content: "\f0fb";
886}
887.fa-beer:before {
888 content: "\f0fc";
889}
890.fa-h-square:before {
891 content: "\f0fd";
892}
893.fa-plus-square:before {
894 content: "\f0fe";
895}
896.fa-angle-double-left:before {
897 content: "\f100";
898}
899.fa-angle-double-right:before {
900 content: "\f101";
901}
902.fa-angle-double-up:before {
903 content: "\f102";
904}
905.fa-angle-double-down:before {
906 content: "\f103";
907}
908.fa-angle-left:before {
909 content: "\f104";
910}
911.fa-angle-right:before {
912 content: "\f105";
913}
914.fa-angle-up:before {
915 content: "\f106";
916}
917.fa-angle-down:before {
918 content: "\f107";
919}
920.fa-desktop:before {
921 content: "\f108";
922}
923.fa-laptop:before {
924 content: "\f109";
925}
926.fa-tablet:before {
927 content: "\f10a";
928}
929.fa-mobile-phone:before,
930.fa-mobile:before {
931 content: "\f10b";
932}
933.fa-circle-o:before {
934 content: "\f10c";
935}
936.fa-quote-left:before {
937 content: "\f10d";
938}
939.fa-quote-right:before {
940 content: "\f10e";
941}
942.fa-spinner:before {
943 content: "\f110";
944}
945.fa-circle:before {
946 content: "\f111";
947}
948.fa-mail-reply:before,
949.fa-reply:before {
950 content: "\f112";
951}
952.fa-github-alt:before {
953 content: "\f113";
954}
955.fa-folder-o:before {
956 content: "\f114";
957}
958.fa-folder-open-o:before {
959 content: "\f115";
960}
961.fa-smile-o:before {
962 content: "\f118";
963}
964.fa-frown-o:before {
965 content: "\f119";
966}
967.fa-meh-o:before {
968 content: "\f11a";
969}
970.fa-gamepad:before {
971 content: "\f11b";
972}
973.fa-keyboard-o:before {
974 content: "\f11c";
975}
976.fa-flag-o:before {
977 content: "\f11d";
978}
979.fa-flag-checkered:before {
980 content: "\f11e";
981}
982.fa-terminal:before {
983 content: "\f120";
984}
985.fa-code:before {
986 content: "\f121";
987}
988.fa-mail-reply-all:before,
989.fa-reply-all:before {
990 content: "\f122";
991}
992.fa-star-half-empty:before,
993.fa-star-half-full:before,
994.fa-star-half-o:before {
995 content: "\f123";
996}
997.fa-location-arrow:before {
998 content: "\f124";
999}
1000.fa-crop:before {
1001 content: "\f125";
1002}
1003.fa-code-fork:before {
1004 content: "\f126";
1005}
1006.fa-unlink:before,
1007.fa-chain-broken:before {
1008 content: "\f127";
1009}
1010.fa-question:before {
1011 content: "\f128";
1012}
1013.fa-info:before {
1014 content: "\f129";
1015}
1016.fa-exclamation:before {
1017 content: "\f12a";
1018}
1019.fa-superscript:before {
1020 content: "\f12b";
1021}
1022.fa-subscript:before {
1023 content: "\f12c";
1024}
1025.fa-eraser:before {
1026 content: "\f12d";
1027}
1028.fa-puzzle-piece:before {
1029 content: "\f12e";
1030}
1031.fa-microphone:before {
1032 content: "\f130";
1033}
1034.fa-microphone-slash:before {
1035 content: "\f131";
1036}
1037.fa-shield:before {
1038 content: "\f132";
1039}
1040.fa-calendar-o:before {
1041 content: "\f133";
1042}
1043.fa-fire-extinguisher:before {
1044 content: "\f134";
1045}
1046.fa-rocket:before {
1047 content: "\f135";
1048}
1049.fa-maxcdn:before {
1050 content: "\f136";
1051}
1052.fa-chevron-circle-left:before {
1053 content: "\f137";
1054}
1055.fa-chevron-circle-right:before {
1056 content: "\f138";
1057}
1058.fa-chevron-circle-up:before {
1059 content: "\f139";
1060}
1061.fa-chevron-circle-down:before {
1062 content: "\f13a";
1063}
1064.fa-html5:before {
1065 content: "\f13b";
1066}
1067.fa-css3:before {
1068 content: "\f13c";
1069}
1070.fa-anchor:before {
1071 content: "\f13d";
1072}
1073.fa-unlock-alt:before {
1074 content: "\f13e";
1075}
1076.fa-bullseye:before {
1077 content: "\f140";
1078}
1079.fa-ellipsis-h:before {
1080 content: "\f141";
1081}
1082.fa-ellipsis-v:before {
1083 content: "\f142";
1084}
1085.fa-rss-square:before {
1086 content: "\f143";
1087}
1088.fa-play-circle:before {
1089 content: "\f144";
1090}
1091.fa-ticket:before {
1092 content: "\f145";
1093}
1094.fa-minus-square:before {
1095 content: "\f146";
1096}
1097.fa-minus-square-o:before {
1098 content: "\f147";
1099}
1100.fa-level-up:before {
1101 content: "\f148";
1102}
1103.fa-level-down:before {
1104 content: "\f149";
1105}
1106.fa-check-square:before {
1107 content: "\f14a";
1108}
1109.fa-pencil-square:before {
1110 content: "\f14b";
1111}
1112.fa-external-link-square:before {
1113 content: "\f14c";
1114}
1115.fa-share-square:before {
1116 content: "\f14d";
1117}
1118.fa-compass:before {
1119 content: "\f14e";
1120}
1121.fa-toggle-down:before,
1122.fa-caret-square-o-down:before {
1123 content: "\f150";
1124}
1125.fa-toggle-up:before,
1126.fa-caret-square-o-up:before {
1127 content: "\f151";
1128}
1129.fa-toggle-right:before,
1130.fa-caret-square-o-right:before {
1131 content: "\f152";
1132}
1133.fa-euro:before,
1134.fa-eur:before {
1135 content: "\f153";
1136}
1137.fa-gbp:before {
1138 content: "\f154";
1139}
1140.fa-dollar:before,
1141.fa-usd:before {
1142 content: "\f155";
1143}
1144.fa-rupee:before,
1145.fa-inr:before {
1146 content: "\f156";
1147}
1148.fa-cny:before,
1149.fa-rmb:before,
1150.fa-yen:before,
1151.fa-jpy:before {
1152 content: "\f157";
1153}
1154.fa-ruble:before,
1155.fa-rouble:before,
1156.fa-rub:before {
1157 content: "\f158";
1158}
1159.fa-won:before,
1160.fa-krw:before {
1161 content: "\f159";
1162}
1163.fa-bitcoin:before,
1164.fa-btc:before {
1165 content: "\f15a";
1166}
1167.fa-file:before {
1168 content: "\f15b";
1169}
1170.fa-file-text:before {
1171 content: "\f15c";
1172}
1173.fa-sort-alpha-asc:before {
1174 content: "\f15d";
1175}
1176.fa-sort-alpha-desc:before {
1177 content: "\f15e";
1178}
1179.fa-sort-amount-asc:before {
1180 content: "\f160";
1181}
1182.fa-sort-amount-desc:before {
1183 content: "\f161";
1184}
1185.fa-sort-numeric-asc:before {
1186 content: "\f162";
1187}
1188.fa-sort-numeric-desc:before {
1189 content: "\f163";
1190}
1191.fa-thumbs-up:before {
1192 content: "\f164";
1193}
1194.fa-thumbs-down:before {
1195 content: "\f165";
1196}
1197.fa-youtube-square:before {
1198 content: "\f166";
1199}
1200.fa-youtube:before {
1201 content: "\f167";
1202}
1203.fa-xing:before {
1204 content: "\f168";
1205}
1206.fa-xing-square:before {
1207 content: "\f169";
1208}
1209.fa-youtube-play:before {
1210 content: "\f16a";
1211}
1212.fa-dropbox:before {
1213 content: "\f16b";
1214}
1215.fa-stack-overflow:before {
1216 content: "\f16c";
1217}
1218.fa-instagram:before {
1219 content: "\f16d";
1220}
1221.fa-flickr:before {
1222 content: "\f16e";
1223}
1224.fa-adn:before {
1225 content: "\f170";
1226}
1227.fa-bitbucket:before {
1228 content: "\f171";
1229}
1230.fa-bitbucket-square:before {
1231 content: "\f172";
1232}
1233.fa-tumblr:before {
1234 content: "\f173";
1235}
1236.fa-tumblr-square:before {
1237 content: "\f174";
1238}
1239.fa-long-arrow-down:before {
1240 content: "\f175";
1241}
1242.fa-long-arrow-up:before {
1243 content: "\f176";
1244}
1245.fa-long-arrow-left:before {
1246 content: "\f177";
1247}
1248.fa-long-arrow-right:before {
1249 content: "\f178";
1250}
1251.fa-apple:before {
1252 content: "\f179";
1253}
1254.fa-windows:before {
1255 content: "\f17a";
1256}
1257.fa-android:before {
1258 content: "\f17b";
1259}
1260.fa-linux:before {
1261 content: "\f17c";
1262}
1263.fa-dribbble:before {
1264 content: "\f17d";
1265}
1266.fa-skype:before {
1267 content: "\f17e";
1268}
1269.fa-foursquare:before {
1270 content: "\f180";
1271}
1272.fa-trello:before {
1273 content: "\f181";
1274}
1275.fa-female:before {
1276 content: "\f182";
1277}
1278.fa-male:before {
1279 content: "\f183";
1280}
1281.fa-gittip:before,
1282.fa-gratipay:before {
1283 content: "\f184";
1284}
1285.fa-sun-o:before {
1286 content: "\f185";
1287}
1288.fa-moon-o:before {
1289 content: "\f186";
1290}
1291.fa-archive:before {
1292 content: "\f187";
1293}
1294.fa-bug:before {
1295 content: "\f188";
1296}
1297.fa-vk:before {
1298 content: "\f189";
1299}
1300.fa-weibo:before {
1301 content: "\f18a";
1302}
1303.fa-renren:before {
1304 content: "\f18b";
1305}
1306.fa-pagelines:before {
1307 content: "\f18c";
1308}
1309.fa-stack-exchange:before {
1310 content: "\f18d";
1311}
1312.fa-arrow-circle-o-right:before {
1313 content: "\f18e";
1314}
1315.fa-arrow-circle-o-left:before {
1316 content: "\f190";
1317}
1318.fa-toggle-left:before,
1319.fa-caret-square-o-left:before {
1320 content: "\f191";
1321}
1322.fa-dot-circle-o:before {
1323 content: "\f192";
1324}
1325.fa-wheelchair:before {
1326 content: "\f193";
1327}
1328.fa-vimeo-square:before {
1329 content: "\f194";
1330}
1331.fa-turkish-lira:before,
1332.fa-try:before {
1333 content: "\f195";
1334}
1335.fa-plus-square-o:before {
1336 content: "\f196";
1337}
1338.fa-space-shuttle:before {
1339 content: "\f197";
1340}
1341.fa-slack:before {
1342 content: "\f198";
1343}
1344.fa-envelope-square:before {
1345 content: "\f199";
1346}
1347.fa-wordpress:before {
1348 content: "\f19a";
1349}
1350.fa-openid:before {
1351 content: "\f19b";
1352}
1353.fa-institution:before,
1354.fa-bank:before,
1355.fa-university:before {
1356 content: "\f19c";
1357}
1358.fa-mortar-board:before,
1359.fa-graduation-cap:before {
1360 content: "\f19d";
1361}
1362.fa-yahoo:before {
1363 content: "\f19e";
1364}
1365.fa-google:before {
1366 content: "\f1a0";
1367}
1368.fa-reddit:before {
1369 content: "\f1a1";
1370}
1371.fa-reddit-square:before {
1372 content: "\f1a2";
1373}
1374.fa-stumbleupon-circle:before {
1375 content: "\f1a3";
1376}
1377.fa-stumbleupon:before {
1378 content: "\f1a4";
1379}
1380.fa-delicious:before {
1381 content: "\f1a5";
1382}
1383.fa-digg:before {
1384 content: "\f1a6";
1385}
1386.fa-pied-piper:before {
1387 content: "\f1a7";
1388}
1389.fa-pied-piper-alt:before {
1390 content: "\f1a8";
1391}
1392.fa-drupal:before {
1393 content: "\f1a9";
1394}
1395.fa-joomla:before {
1396 content: "\f1aa";
1397}
1398.fa-language:before {
1399 content: "\f1ab";
1400}
1401.fa-fax:before {
1402 content: "\f1ac";
1403}
1404.fa-building:before {
1405 content: "\f1ad";
1406}
1407.fa-child:before {
1408 content: "\f1ae";
1409}
1410.fa-paw:before {
1411 content: "\f1b0";
1412}
1413.fa-spoon:before {
1414 content: "\f1b1";
1415}
1416.fa-cube:before {
1417 content: "\f1b2";
1418}
1419.fa-cubes:before {
1420 content: "\f1b3";
1421}
1422.fa-behance:before {
1423 content: "\f1b4";
1424}
1425.fa-behance-square:before {
1426 content: "\f1b5";
1427}
1428.fa-steam:before {
1429 content: "\f1b6";
1430}
1431.fa-steam-square:before {
1432 content: "\f1b7";
1433}
1434.fa-recycle:before {
1435 content: "\f1b8";
1436}
1437.fa-automobile:before,
1438.fa-car:before {
1439 content: "\f1b9";
1440}
1441.fa-cab:before,
1442.fa-taxi:before {
1443 content: "\f1ba";
1444}
1445.fa-tree:before {
1446 content: "\f1bb";
1447}
1448.fa-spotify:before {
1449 content: "\f1bc";
1450}
1451.fa-deviantart:before {
1452 content: "\f1bd";
1453}
1454.fa-soundcloud:before {
1455 content: "\f1be";
1456}
1457.fa-database:before {
1458 content: "\f1c0";
1459}
1460.fa-file-pdf-o:before {
1461 content: "\f1c1";
1462}
1463.fa-file-word-o:before {
1464 content: "\f1c2";
1465}
1466.fa-file-excel-o:before {
1467 content: "\f1c3";
1468}
1469.fa-file-powerpoint-o:before {
1470 content: "\f1c4";
1471}
1472.fa-file-photo-o:before,
1473.fa-file-picture-o:before,
1474.fa-file-image-o:before {
1475 content: "\f1c5";
1476}
1477.fa-file-zip-o:before,
1478.fa-file-archive-o:before {
1479 content: "\f1c6";
1480}
1481.fa-file-sound-o:before,
1482.fa-file-audio-o:before {
1483 content: "\f1c7";
1484}
1485.fa-file-movie-o:before,
1486.fa-file-video-o:before {
1487 content: "\f1c8";
1488}
1489.fa-file-code-o:before {
1490 content: "\f1c9";
1491}
1492.fa-vine:before {
1493 content: "\f1ca";
1494}
1495.fa-codepen:before {
1496 content: "\f1cb";
1497}
1498.fa-jsfiddle:before {
1499 content: "\f1cc";
1500}
1501.fa-life-bouy:before,
1502.fa-life-buoy:before,
1503.fa-life-saver:before,
1504.fa-support:before,
1505.fa-life-ring:before {
1506 content: "\f1cd";
1507}
1508.fa-circle-o-notch:before {
1509 content: "\f1ce";
1510}
1511.fa-ra:before,
1512.fa-rebel:before {
1513 content: "\f1d0";
1514}
1515.fa-ge:before,
1516.fa-empire:before {
1517 content: "\f1d1";
1518}
1519.fa-git-square:before {
1520 content: "\f1d2";
1521}
1522.fa-git:before {
1523 content: "\f1d3";
1524}
1525.fa-y-combinator-square:before,
1526.fa-yc-square:before,
1527.fa-hacker-news:before {
1528 content: "\f1d4";
1529}
1530.fa-tencent-weibo:before {
1531 content: "\f1d5";
1532}
1533.fa-qq:before {
1534 content: "\f1d6";
1535}
1536.fa-wechat:before,
1537.fa-weixin:before {
1538 content: "\f1d7";
1539}
1540.fa-send:before,
1541.fa-paper-plane:before {
1542 content: "\f1d8";
1543}
1544.fa-send-o:before,
1545.fa-paper-plane-o:before {
1546 content: "\f1d9";
1547}
1548.fa-history:before {
1549 content: "\f1da";
1550}
1551.fa-circle-thin:before {
1552 content: "\f1db";
1553}
1554.fa-header:before {
1555 content: "\f1dc";
1556}
1557.fa-paragraph:before {
1558 content: "\f1dd";
1559}
1560.fa-sliders:before {
1561 content: "\f1de";
1562}
1563.fa-share-alt:before {
1564 content: "\f1e0";
1565}
1566.fa-share-alt-square:before {
1567 content: "\f1e1";
1568}
1569.fa-bomb:before {
1570 content: "\f1e2";
1571}
1572.fa-soccer-ball-o:before,
1573.fa-futbol-o:before {
1574 content: "\f1e3";
1575}
1576.fa-tty:before {
1577 content: "\f1e4";
1578}
1579.fa-binoculars:before {
1580 content: "\f1e5";
1581}
1582.fa-plug:before {
1583 content: "\f1e6";
1584}
1585.fa-slideshare:before {
1586 content: "\f1e7";
1587}
1588.fa-twitch:before {
1589 content: "\f1e8";
1590}
1591.fa-yelp:before {
1592 content: "\f1e9";
1593}
1594.fa-newspaper-o:before {
1595 content: "\f1ea";
1596}
1597.fa-wifi:before {
1598 content: "\f1eb";
1599}
1600.fa-calculator:before {
1601 content: "\f1ec";
1602}
1603.fa-paypal:before {
1604 content: "\f1ed";
1605}
1606.fa-google-wallet:before {
1607 content: "\f1ee";
1608}
1609.fa-cc-visa:before {
1610 content: "\f1f0";
1611}
1612.fa-cc-mastercard:before {
1613 content: "\f1f1";
1614}
1615.fa-cc-discover:before {
1616 content: "\f1f2";
1617}
1618.fa-cc-amex:before {
1619 content: "\f1f3";
1620}
1621.fa-cc-paypal:before {
1622 content: "\f1f4";
1623}
1624.fa-cc-stripe:before {
1625 content: "\f1f5";
1626}
1627.fa-bell-slash:before {
1628 content: "\f1f6";
1629}
1630.fa-bell-slash-o:before {
1631 content: "\f1f7";
1632}
1633.fa-trash:before {
1634 content: "\f1f8";
1635}
1636.fa-copyright:before {
1637 content: "\f1f9";
1638}
1639.fa-at:before {
1640 content: "\f1fa";
1641}
1642.fa-eyedropper:before {
1643 content: "\f1fb";
1644}
1645.fa-paint-brush:before {
1646 content: "\f1fc";
1647}
1648.fa-birthday-cake:before {
1649 content: "\f1fd";
1650}
1651.fa-area-chart:before {
1652 content: "\f1fe";
1653}
1654.fa-pie-chart:before {
1655 content: "\f200";
1656}
1657.fa-line-chart:before {
1658 content: "\f201";
1659}
1660.fa-lastfm:before {
1661 content: "\f202";
1662}
1663.fa-lastfm-square:before {
1664 content: "\f203";
1665}
1666.fa-toggle-off:before {
1667 content: "\f204";
1668}
1669.fa-toggle-on:before {
1670 content: "\f205";
1671}
1672.fa-bicycle:before {
1673 content: "\f206";
1674}
1675.fa-bus:before {
1676 content: "\f207";
1677}
1678.fa-ioxhost:before {
1679 content: "\f208";
1680}
1681.fa-angellist:before {
1682 content: "\f209";
1683}
1684.fa-cc:before {
1685 content: "\f20a";
1686}
1687.fa-shekel:before,
1688.fa-sheqel:before,
1689.fa-ils:before {
1690 content: "\f20b";
1691}
1692.fa-meanpath:before {
1693 content: "\f20c";
1694}
1695.fa-buysellads:before {
1696 content: "\f20d";
1697}
1698.fa-connectdevelop:before {
1699 content: "\f20e";
1700}
1701.fa-dashcube:before {
1702 content: "\f210";
1703}
1704.fa-forumbee:before {
1705 content: "\f211";
1706}
1707.fa-leanpub:before {
1708 content: "\f212";
1709}
1710.fa-sellsy:before {
1711 content: "\f213";
1712}
1713.fa-shirtsinbulk:before {
1714 content: "\f214";
1715}
1716.fa-simplybuilt:before {
1717 content: "\f215";
1718}
1719.fa-skyatlas:before {
1720 content: "\f216";
1721}
1722.fa-cart-plus:before {
1723 content: "\f217";
1724}
1725.fa-cart-arrow-down:before {
1726 content: "\f218";
1727}
1728.fa-diamond:before {
1729 content: "\f219";
1730}
1731.fa-ship:before {
1732 content: "\f21a";
1733}
1734.fa-user-secret:before {
1735 content: "\f21b";
1736}
1737.fa-motorcycle:before {
1738 content: "\f21c";
1739}
1740.fa-street-view:before {
1741 content: "\f21d";
1742}
1743.fa-heartbeat:before {
1744 content: "\f21e";
1745}
1746.fa-venus:before {
1747 content: "\f221";
1748}
1749.fa-mars:before {
1750 content: "\f222";
1751}
1752.fa-mercury:before {
1753 content: "\f223";
1754}
1755.fa-intersex:before,
1756.fa-transgender:before {
1757 content: "\f224";
1758}
1759.fa-transgender-alt:before {
1760 content: "\f225";
1761}
1762.fa-venus-double:before {
1763 content: "\f226";
1764}
1765.fa-mars-double:before {
1766 content: "\f227";
1767}
1768.fa-venus-mars:before {
1769 content: "\f228";
1770}
1771.fa-mars-stroke:before {
1772 content: "\f229";
1773}
1774.fa-mars-stroke-v:before {
1775 content: "\f22a";
1776}
1777.fa-mars-stroke-h:before {
1778 content: "\f22b";
1779}
1780.fa-neuter:before {
1781 content: "\f22c";
1782}
1783.fa-genderless:before {
1784 content: "\f22d";
1785}
1786.fa-facebook-official:before {
1787 content: "\f230";
1788}
1789.fa-pinterest-p:before {
1790 content: "\f231";
1791}
1792.fa-whatsapp:before {
1793 content: "\f232";
1794}
1795.fa-server:before {
1796 content: "\f233";
1797}
1798.fa-user-plus:before {
1799 content: "\f234";
1800}
1801.fa-user-times:before {
1802 content: "\f235";
1803}
1804.fa-hotel:before,
1805.fa-bed:before {
1806 content: "\f236";
1807}
1808.fa-viacoin:before {
1809 content: "\f237";
1810}
1811.fa-train:before {
1812 content: "\f238";
1813}
1814.fa-subway:before {
1815 content: "\f239";
1816}
1817.fa-medium:before {
1818 content: "\f23a";
1819}
1820.fa-yc:before,
1821.fa-y-combinator:before {
1822 content: "\f23b";
1823}
1824.fa-optin-monster:before {
1825 content: "\f23c";
1826}
1827.fa-opencart:before {
1828 content: "\f23d";
1829}
1830.fa-expeditedssl:before {
1831 content: "\f23e";
1832}
1833.fa-battery-4:before,
1834.fa-battery-full:before {
1835 content: "\f240";
1836}
1837.fa-battery-3:before,
1838.fa-battery-three-quarters:before {
1839 content: "\f241";
1840}
1841.fa-battery-2:before,
1842.fa-battery-half:before {
1843 content: "\f242";
1844}
1845.fa-battery-1:before,
1846.fa-battery-quarter:before {
1847 content: "\f243";
1848}
1849.fa-battery-0:before,
1850.fa-battery-empty:before {
1851 content: "\f244";
1852}
1853.fa-mouse-pointer:before {
1854 content: "\f245";
1855}
1856.fa-i-cursor:before {
1857 content: "\f246";
1858}
1859.fa-object-group:before {
1860 content: "\f247";
1861}
1862.fa-object-ungroup:before {
1863 content: "\f248";
1864}
1865.fa-sticky-note:before {
1866 content: "\f249";
1867}
1868.fa-sticky-note-o:before {
1869 content: "\f24a";
1870}
1871.fa-cc-jcb:before {
1872 content: "\f24b";
1873}
1874.fa-cc-diners-club:before {
1875 content: "\f24c";
1876}
1877.fa-clone:before {
1878 content: "\f24d";
1879}
1880.fa-balance-scale:before {
1881 content: "\f24e";
1882}
1883.fa-hourglass-o:before {
1884 content: "\f250";
1885}
1886.fa-hourglass-1:before,
1887.fa-hourglass-start:before {
1888 content: "\f251";
1889}
1890.fa-hourglass-2:before,
1891.fa-hourglass-half:before {
1892 content: "\f252";
1893}
1894.fa-hourglass-3:before,
1895.fa-hourglass-end:before {
1896 content: "\f253";
1897}
1898.fa-hourglass:before {
1899 content: "\f254";
1900}
1901.fa-hand-grab-o:before,
1902.fa-hand-rock-o:before {
1903 content: "\f255";
1904}
1905.fa-hand-stop-o:before,
1906.fa-hand-paper-o:before {
1907 content: "\f256";
1908}
1909.fa-hand-scissors-o:before {
1910 content: "\f257";
1911}
1912.fa-hand-lizard-o:before {
1913 content: "\f258";
1914}
1915.fa-hand-spock-o:before {
1916 content: "\f259";
1917}
1918.fa-hand-pointer-o:before {
1919 content: "\f25a";
1920}
1921.fa-hand-peace-o:before {
1922 content: "\f25b";
1923}
1924.fa-trademark:before {
1925 content: "\f25c";
1926}
1927.fa-registered:before {
1928 content: "\f25d";
1929}
1930.fa-creative-commons:before {
1931 content: "\f25e";
1932}
1933.fa-gg:before {
1934 content: "\f260";
1935}
1936.fa-gg-circle:before {
1937 content: "\f261";
1938}
1939.fa-tripadvisor:before {
1940 content: "\f262";
1941}
1942.fa-odnoklassniki:before {
1943 content: "\f263";
1944}
1945.fa-odnoklassniki-square:before {
1946 content: "\f264";
1947}
1948.fa-get-pocket:before {
1949 content: "\f265";
1950}
1951.fa-wikipedia-w:before {
1952 content: "\f266";
1953}
1954.fa-safari:before {
1955 content: "\f267";
1956}
1957.fa-chrome:before {
1958 content: "\f268";
1959}
1960.fa-firefox:before {
1961 content: "\f269";
1962}
1963.fa-opera:before {
1964 content: "\f26a";
1965}
1966.fa-internet-explorer:before {
1967 content: "\f26b";
1968}
1969.fa-tv:before,
1970.fa-television:before {
1971 content: "\f26c";
1972}
1973.fa-contao:before {
1974 content: "\f26d";
1975}
1976.fa-500px:before {
1977 content: "\f26e";
1978}
1979.fa-amazon:before {
1980 content: "\f270";
1981}
1982.fa-calendar-plus-o:before {
1983 content: "\f271";
1984}
1985.fa-calendar-minus-o:before {
1986 content: "\f272";
1987}
1988.fa-calendar-times-o:before {
1989 content: "\f273";
1990}
1991.fa-calendar-check-o:before {
1992 content: "\f274";
1993}
1994.fa-industry:before {
1995 content: "\f275";
1996}
1997.fa-map-pin:before {
1998 content: "\f276";
1999}
2000.fa-map-signs:before {
2001 content: "\f277";
2002}
2003.fa-map-o:before {
2004 content: "\f278";
2005}
2006.fa-map:before {
2007 content: "\f279";
2008}
2009.fa-commenting:before {
2010 content: "\f27a";
2011}
2012.fa-commenting-o:before {
2013 content: "\f27b";
2014}
2015.fa-houzz:before {
2016 content: "\f27c";
2017}
2018.fa-vimeo:before {
2019 content: "\f27d";
2020}
2021.fa-black-tie:before {
2022 content: "\f27e";
2023}
2024.fa-fonticons:before {
2025 content: "\f280";
2026}
2027.fa-reddit-alien:before {
2028 content: "\f281";
2029}
2030.fa-edge:before {
2031 content: "\f282";
2032}
2033.fa-credit-card-alt:before {
2034 content: "\f283";
2035}
2036.fa-codiepie:before {
2037 content: "\f284";
2038}
2039.fa-modx:before {
2040 content: "\f285";
2041}
2042.fa-fort-awesome:before {
2043 content: "\f286";
2044}
2045.fa-usb:before {
2046 content: "\f287";
2047}
2048.fa-product-hunt:before {
2049 content: "\f288";
2050}
2051.fa-mixcloud:before {
2052 content: "\f289";
2053}
2054.fa-scribd:before {
2055 content: "\f28a";
2056}
2057.fa-pause-circle:before {
2058 content: "\f28b";
2059}
2060.fa-pause-circle-o:before {
2061 content: "\f28c";
2062}
2063.fa-stop-circle:before {
2064 content: "\f28d";
2065}
2066.fa-stop-circle-o:before {
2067 content: "\f28e";
2068}
2069.fa-shopping-bag:before {
2070 content: "\f290";
2071}
2072.fa-shopping-basket:before {
2073 content: "\f291";
2074}
2075.fa-hashtag:before {
2076 content: "\f292";
2077}
2078.fa-bluetooth:before {
2079 content: "\f293";
2080}
2081.fa-bluetooth-b:before {
2082 content: "\f294";
2083}
2084.fa-percent:before {
2085 content: "\f295";
2086}
diff --git a/tpl/default/css/font-awesome.min.css b/tpl/default/css/font-awesome.min.css
new file mode 100644
index 00000000..d0603cb4
--- /dev/null
+++ b/tpl/default/css/font-awesome.min.css
@@ -0,0 +1,4 @@
1/*!
2 * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
3 * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
4 */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.5.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}
diff --git a/tpl/default/css/grids-responsive.css b/tpl/default/css/grids-responsive.css
new file mode 100644
index 00000000..dc9f7718
--- /dev/null
+++ b/tpl/default/css/grids-responsive.css
@@ -0,0 +1,861 @@
1/*!
2Pure v0.6.0
3Copyright 2014 Yahoo! Inc. All rights reserved.
4Licensed under the BSD License.
5https://github.com/yahoo/pure/blob/master/LICENSE.md
6*/
7@media screen and (min-width: 35.5em) {
8 .pure-u-sm-1,
9 .pure-u-sm-1-1,
10 .pure-u-sm-1-2,
11 .pure-u-sm-1-3,
12 .pure-u-sm-2-3,
13 .pure-u-sm-1-4,
14 .pure-u-sm-3-4,
15 .pure-u-sm-1-5,
16 .pure-u-sm-2-5,
17 .pure-u-sm-3-5,
18 .pure-u-sm-4-5,
19 .pure-u-sm-5-5,
20 .pure-u-sm-1-6,
21 .pure-u-sm-5-6,
22 .pure-u-sm-1-8,
23 .pure-u-sm-3-8,
24 .pure-u-sm-5-8,
25 .pure-u-sm-7-8,
26 .pure-u-sm-1-12,
27 .pure-u-sm-5-12,
28 .pure-u-sm-7-12,
29 .pure-u-sm-11-12,
30 .pure-u-sm-1-24,
31 .pure-u-sm-2-24,
32 .pure-u-sm-3-24,
33 .pure-u-sm-4-24,
34 .pure-u-sm-5-24,
35 .pure-u-sm-6-24,
36 .pure-u-sm-7-24,
37 .pure-u-sm-8-24,
38 .pure-u-sm-9-24,
39 .pure-u-sm-10-24,
40 .pure-u-sm-11-24,
41 .pure-u-sm-12-24,
42 .pure-u-sm-13-24,
43 .pure-u-sm-14-24,
44 .pure-u-sm-15-24,
45 .pure-u-sm-16-24,
46 .pure-u-sm-17-24,
47 .pure-u-sm-18-24,
48 .pure-u-sm-19-24,
49 .pure-u-sm-20-24,
50 .pure-u-sm-21-24,
51 .pure-u-sm-22-24,
52 .pure-u-sm-23-24,
53 .pure-u-sm-24-24 {
54 display: inline-block;
55 *display: inline;
56 zoom: 1;
57 letter-spacing: normal;
58 word-spacing: normal;
59 vertical-align: top;
60 text-rendering: auto;
61 }
62
63 .pure-u-sm-1-24 {
64 width: 4.1667%;
65 *width: 4.1357%;
66 }
67
68 .pure-u-sm-1-12,
69 .pure-u-sm-2-24 {
70 width: 8.3333%;
71 *width: 8.3023%;
72 }
73
74 .pure-u-sm-1-8,
75 .pure-u-sm-3-24 {
76 width: 12.5000%;
77 *width: 12.4690%;
78 }
79
80 .pure-u-sm-1-6,
81 .pure-u-sm-4-24 {
82 width: 16.6667%;
83 *width: 16.6357%;
84 }
85
86 .pure-u-sm-1-5 {
87 width: 20%;
88 *width: 19.9690%;
89 }
90
91 .pure-u-sm-5-24 {
92 width: 20.8333%;
93 *width: 20.8023%;
94 }
95
96 .pure-u-sm-1-4,
97 .pure-u-sm-6-24 {
98 width: 25%;
99 *width: 24.9690%;
100 }
101
102 .pure-u-sm-7-24 {
103 width: 29.1667%;
104 *width: 29.1357%;
105 }
106
107 .pure-u-sm-1-3,
108 .pure-u-sm-8-24 {
109 width: 33.3333%;
110 *width: 33.3023%;
111 }
112
113 .pure-u-sm-3-8,
114 .pure-u-sm-9-24 {
115 width: 37.5000%;
116 *width: 37.4690%;
117 }
118
119 .pure-u-sm-2-5 {
120 width: 40%;
121 *width: 39.9690%;
122 }
123
124 .pure-u-sm-5-12,
125 .pure-u-sm-10-24 {
126 width: 41.6667%;
127 *width: 41.6357%;
128 }
129
130 .pure-u-sm-11-24 {
131 width: 45.8333%;
132 *width: 45.8023%;
133 }
134
135 .pure-u-sm-1-2,
136 .pure-u-sm-12-24 {
137 width: 50%;
138 *width: 49.9690%;
139 }
140
141 .pure-u-sm-13-24 {
142 width: 54.1667%;
143 *width: 54.1357%;
144 }
145
146 .pure-u-sm-7-12,
147 .pure-u-sm-14-24 {
148 width: 58.3333%;
149 *width: 58.3023%;
150 }
151
152 .pure-u-sm-3-5 {
153 width: 60%;
154 *width: 59.9690%;
155 }
156
157 .pure-u-sm-5-8,
158 .pure-u-sm-15-24 {
159 width: 62.5000%;
160 *width: 62.4690%;
161 }
162
163 .pure-u-sm-2-3,
164 .pure-u-sm-16-24 {
165 width: 66.6667%;
166 *width: 66.6357%;
167 }
168
169 .pure-u-sm-17-24 {
170 width: 70.8333%;
171 *width: 70.8023%;
172 }
173
174 .pure-u-sm-3-4,
175 .pure-u-sm-18-24 {
176 width: 75%;
177 *width: 74.9690%;
178 }
179
180 .pure-u-sm-19-24 {
181 width: 79.1667%;
182 *width: 79.1357%;
183 }
184
185 .pure-u-sm-4-5 {
186 width: 80%;
187 *width: 79.9690%;
188 }
189
190 .pure-u-sm-5-6,
191 .pure-u-sm-20-24 {
192 width: 83.3333%;
193 *width: 83.3023%;
194 }
195
196 .pure-u-sm-7-8,
197 .pure-u-sm-21-24 {
198 width: 87.5000%;
199 *width: 87.4690%;
200 }
201
202 .pure-u-sm-11-12,
203 .pure-u-sm-22-24 {
204 width: 91.6667%;
205 *width: 91.6357%;
206 }
207
208 .pure-u-sm-23-24 {
209 width: 95.8333%;
210 *width: 95.8023%;
211 }
212
213 .pure-u-sm-1,
214 .pure-u-sm-1-1,
215 .pure-u-sm-5-5,
216 .pure-u-sm-24-24 {
217 width: 100%;
218 }
219}
220
221@media screen and (min-width: 48em) {
222 .pure-u-md-1,
223 .pure-u-md-1-1,
224 .pure-u-md-1-2,
225 .pure-u-md-1-3,
226 .pure-u-md-2-3,
227 .pure-u-md-1-4,
228 .pure-u-md-3-4,
229 .pure-u-md-1-5,
230 .pure-u-md-2-5,
231 .pure-u-md-3-5,
232 .pure-u-md-4-5,
233 .pure-u-md-5-5,
234 .pure-u-md-1-6,
235 .pure-u-md-5-6,
236 .pure-u-md-1-8,
237 .pure-u-md-3-8,
238 .pure-u-md-5-8,
239 .pure-u-md-7-8,
240 .pure-u-md-1-12,
241 .pure-u-md-5-12,
242 .pure-u-md-7-12,
243 .pure-u-md-11-12,
244 .pure-u-md-1-24,
245 .pure-u-md-2-24,
246 .pure-u-md-3-24,
247 .pure-u-md-4-24,
248 .pure-u-md-5-24,
249 .pure-u-md-6-24,
250 .pure-u-md-7-24,
251 .pure-u-md-8-24,
252 .pure-u-md-9-24,
253 .pure-u-md-10-24,
254 .pure-u-md-11-24,
255 .pure-u-md-12-24,
256 .pure-u-md-13-24,
257 .pure-u-md-14-24,
258 .pure-u-md-15-24,
259 .pure-u-md-16-24,
260 .pure-u-md-17-24,
261 .pure-u-md-18-24,
262 .pure-u-md-19-24,
263 .pure-u-md-20-24,
264 .pure-u-md-21-24,
265 .pure-u-md-22-24,
266 .pure-u-md-23-24,
267 .pure-u-md-24-24 {
268 display: inline-block;
269 *display: inline;
270 zoom: 1;
271 letter-spacing: normal;
272 word-spacing: normal;
273 vertical-align: top;
274 text-rendering: auto;
275 }
276
277 .pure-u-md-1-24 {
278 width: 4.1667%;
279 *width: 4.1357%;
280 }
281
282 .pure-u-md-1-12,
283 .pure-u-md-2-24 {
284 width: 8.3333%;
285 *width: 8.3023%;
286 }
287
288 .pure-u-md-1-8,
289 .pure-u-md-3-24 {
290 width: 12.5000%;
291 *width: 12.4690%;
292 }
293
294 .pure-u-md-1-6,
295 .pure-u-md-4-24 {
296 width: 16.6667%;
297 *width: 16.6357%;
298 }
299
300 .pure-u-md-1-5 {
301 width: 20%;
302 *width: 19.9690%;
303 }
304
305 .pure-u-md-5-24 {
306 width: 20.8333%;
307 *width: 20.8023%;
308 }
309
310 .pure-u-md-1-4,
311 .pure-u-md-6-24 {
312 width: 25%;
313 *width: 24.9690%;
314 }
315
316 .pure-u-md-7-24 {
317 width: 29.1667%;
318 *width: 29.1357%;
319 }
320
321 .pure-u-md-1-3,
322 .pure-u-md-8-24 {
323 width: 33.3333%;
324 *width: 33.3023%;
325 }
326
327 .pure-u-md-3-8,
328 .pure-u-md-9-24 {
329 width: 37.5000%;
330 *width: 37.4690%;
331 }
332
333 .pure-u-md-2-5 {
334 width: 40%;
335 *width: 39.9690%;
336 }
337
338 .pure-u-md-5-12,
339 .pure-u-md-10-24 {
340 width: 41.6667%;
341 *width: 41.6357%;
342 }
343
344 .pure-u-md-11-24 {
345 width: 45.8333%;
346 *width: 45.8023%;
347 }
348
349 .pure-u-md-1-2,
350 .pure-u-md-12-24 {
351 width: 50%;
352 *width: 49.9690%;
353 }
354
355 .pure-u-md-13-24 {
356 width: 54.1667%;
357 *width: 54.1357%;
358 }
359
360 .pure-u-md-7-12,
361 .pure-u-md-14-24 {
362 width: 58.3333%;
363 *width: 58.3023%;
364 }
365
366 .pure-u-md-3-5 {
367 width: 60%;
368 *width: 59.9690%;
369 }
370
371 .pure-u-md-5-8,
372 .pure-u-md-15-24 {
373 width: 62.5000%;
374 *width: 62.4690%;
375 }
376
377 .pure-u-md-2-3,
378 .pure-u-md-16-24 {
379 width: 66.6667%;
380 *width: 66.6357%;
381 }
382
383 .pure-u-md-17-24 {
384 width: 70.8333%;
385 *width: 70.8023%;
386 }
387
388 .pure-u-md-3-4,
389 .pure-u-md-18-24 {
390 width: 75%;
391 *width: 74.9690%;
392 }
393
394 .pure-u-md-19-24 {
395 width: 79.1667%;
396 *width: 79.1357%;
397 }
398
399 .pure-u-md-4-5 {
400 width: 80%;
401 *width: 79.9690%;
402 }
403
404 .pure-u-md-5-6,
405 .pure-u-md-20-24 {
406 width: 83.3333%;
407 *width: 83.3023%;
408 }
409
410 .pure-u-md-7-8,
411 .pure-u-md-21-24 {
412 width: 87.5000%;
413 *width: 87.4690%;
414 }
415
416 .pure-u-md-11-12,
417 .pure-u-md-22-24 {
418 width: 91.6667%;
419 *width: 91.6357%;
420 }
421
422 .pure-u-md-23-24 {
423 width: 95.8333%;
424 *width: 95.8023%;
425 }
426
427 .pure-u-md-1,
428 .pure-u-md-1-1,
429 .pure-u-md-5-5,
430 .pure-u-md-24-24 {
431 width: 100%;
432 }
433}
434
435@media screen and (min-width: 64em) {
436 .pure-u-lg-1,
437 .pure-u-lg-1-1,
438 .pure-u-lg-1-2,
439 .pure-u-lg-1-3,
440 .pure-u-lg-2-3,
441 .pure-u-lg-1-4,
442 .pure-u-lg-3-4,
443 .pure-u-lg-1-5,
444 .pure-u-lg-2-5,
445 .pure-u-lg-3-5,
446 .pure-u-lg-4-5,
447 .pure-u-lg-5-5,
448 .pure-u-lg-1-6,
449 .pure-u-lg-5-6,
450 .pure-u-lg-1-8,
451 .pure-u-lg-3-8,
452 .pure-u-lg-5-8,
453 .pure-u-lg-7-8,
454 .pure-u-lg-1-12,
455 .pure-u-lg-5-12,
456 .pure-u-lg-7-12,
457 .pure-u-lg-11-12,
458 .pure-u-lg-1-24,
459 .pure-u-lg-2-24,
460 .pure-u-lg-3-24,
461 .pure-u-lg-4-24,
462 .pure-u-lg-5-24,
463 .pure-u-lg-6-24,
464 .pure-u-lg-7-24,
465 .pure-u-lg-8-24,
466 .pure-u-lg-9-24,
467 .pure-u-lg-10-24,
468 .pure-u-lg-11-24,
469 .pure-u-lg-12-24,
470 .pure-u-lg-13-24,
471 .pure-u-lg-14-24,
472 .pure-u-lg-15-24,
473 .pure-u-lg-16-24,
474 .pure-u-lg-17-24,
475 .pure-u-lg-18-24,
476 .pure-u-lg-19-24,
477 .pure-u-lg-20-24,
478 .pure-u-lg-21-24,
479 .pure-u-lg-22-24,
480 .pure-u-lg-23-24,
481 .pure-u-lg-24-24 {
482 display: inline-block;
483 *display: inline;
484 zoom: 1;
485 letter-spacing: normal;
486 word-spacing: normal;
487 vertical-align: top;
488 text-rendering: auto;
489 }
490
491 .pure-u-lg-1-24 {
492 width: 4.1667%;
493 *width: 4.1357%;
494 }
495
496 .pure-u-lg-1-12,
497 .pure-u-lg-2-24 {
498 width: 8.3333%;
499 *width: 8.3023%;
500 }
501
502 .pure-u-lg-1-8,
503 .pure-u-lg-3-24 {
504 width: 12.5000%;
505 *width: 12.4690%;
506 }
507
508 .pure-u-lg-1-6,
509 .pure-u-lg-4-24 {
510 width: 16.6667%;
511 *width: 16.6357%;
512 }
513
514 .pure-u-lg-1-5 {
515 width: 20%;
516 *width: 19.9690%;
517 }
518
519 .pure-u-lg-5-24 {
520 width: 20.8333%;
521 *width: 20.8023%;
522 }
523
524 .pure-u-lg-1-4,
525 .pure-u-lg-6-24 {
526 width: 25%;
527 *width: 24.9690%;
528 }
529
530 .pure-u-lg-7-24 {
531 width: 29.1667%;
532 *width: 29.1357%;
533 }
534
535 .pure-u-lg-1-3,
536 .pure-u-lg-8-24 {
537 width: 33.3333%;
538 *width: 33.3023%;
539 }
540
541 .pure-u-lg-3-8,
542 .pure-u-lg-9-24 {
543 width: 37.5000%;
544 *width: 37.4690%;
545 }
546
547 .pure-u-lg-2-5 {
548 width: 40%;
549 *width: 39.9690%;
550 }
551
552 .pure-u-lg-5-12,
553 .pure-u-lg-10-24 {
554 width: 41.6667%;
555 *width: 41.6357%;
556 }
557
558 .pure-u-lg-11-24 {
559 width: 45.8333%;
560 *width: 45.8023%;
561 }
562
563 .pure-u-lg-1-2,
564 .pure-u-lg-12-24 {
565 width: 50%;
566 *width: 49.9690%;
567 }
568
569 .pure-u-lg-13-24 {
570 width: 54.1667%;
571 *width: 54.1357%;
572 }
573
574 .pure-u-lg-7-12,
575 .pure-u-lg-14-24 {
576 width: 58.3333%;
577 *width: 58.3023%;
578 }
579
580 .pure-u-lg-3-5 {
581 width: 60%;
582 *width: 59.9690%;
583 }
584
585 .pure-u-lg-5-8,
586 .pure-u-lg-15-24 {
587 width: 62.5000%;
588 *width: 62.4690%;
589 }
590
591 .pure-u-lg-2-3,
592 .pure-u-lg-16-24 {
593 width: 66.6667%;
594 *width: 66.6357%;
595 }
596
597 .pure-u-lg-17-24 {
598 width: 70.8333%;
599 *width: 70.8023%;
600 }
601
602 .pure-u-lg-3-4,
603 .pure-u-lg-18-24 {
604 width: 75%;
605 *width: 74.9690%;
606 }
607
608 .pure-u-lg-19-24 {
609 width: 79.1667%;
610 *width: 79.1357%;
611 }
612
613 .pure-u-lg-4-5 {
614 width: 80%;
615 *width: 79.9690%;
616 }
617
618 .pure-u-lg-5-6,
619 .pure-u-lg-20-24 {
620 width: 83.3333%;
621 *width: 83.3023%;
622 }
623
624 .pure-u-lg-7-8,
625 .pure-u-lg-21-24 {
626 width: 87.5000%;
627 *width: 87.4690%;
628 }
629
630 .pure-u-lg-11-12,
631 .pure-u-lg-22-24 {
632 width: 91.6667%;
633 *width: 91.6357%;
634 }
635
636 .pure-u-lg-23-24 {
637 width: 95.8333%;
638 *width: 95.8023%;
639 }
640
641 .pure-u-lg-1,
642 .pure-u-lg-1-1,
643 .pure-u-lg-5-5,
644 .pure-u-lg-24-24 {
645 width: 100%;
646 }
647}
648
649@media screen and (min-width: 80em) {
650 .pure-u-xl-1,
651 .pure-u-xl-1-1,
652 .pure-u-xl-1-2,
653 .pure-u-xl-1-3,
654 .pure-u-xl-2-3,
655 .pure-u-xl-1-4,
656 .pure-u-xl-3-4,
657 .pure-u-xl-1-5,
658 .pure-u-xl-2-5,
659 .pure-u-xl-3-5,
660 .pure-u-xl-4-5,
661 .pure-u-xl-5-5,
662 .pure-u-xl-1-6,
663 .pure-u-xl-5-6,
664 .pure-u-xl-1-8,
665 .pure-u-xl-3-8,
666 .pure-u-xl-5-8,
667 .pure-u-xl-7-8,
668 .pure-u-xl-1-12,
669 .pure-u-xl-5-12,
670 .pure-u-xl-7-12,
671 .pure-u-xl-11-12,
672 .pure-u-xl-1-24,
673 .pure-u-xl-2-24,
674 .pure-u-xl-3-24,
675 .pure-u-xl-4-24,
676 .pure-u-xl-5-24,
677 .pure-u-xl-6-24,
678 .pure-u-xl-7-24,
679 .pure-u-xl-8-24,
680 .pure-u-xl-9-24,
681 .pure-u-xl-10-24,
682 .pure-u-xl-11-24,
683 .pure-u-xl-12-24,
684 .pure-u-xl-13-24,
685 .pure-u-xl-14-24,
686 .pure-u-xl-15-24,
687 .pure-u-xl-16-24,
688 .pure-u-xl-17-24,
689 .pure-u-xl-18-24,
690 .pure-u-xl-19-24,
691 .pure-u-xl-20-24,
692 .pure-u-xl-21-24,
693 .pure-u-xl-22-24,
694 .pure-u-xl-23-24,
695 .pure-u-xl-24-24 {
696 display: inline-block;
697 *display: inline;
698 zoom: 1;
699 letter-spacing: normal;
700 word-spacing: normal;
701 vertical-align: top;
702 text-rendering: auto;
703 }
704
705 .pure-u-xl-1-24 {
706 width: 4.1667%;
707 *width: 4.1357%;
708 }
709
710 .pure-u-xl-1-12,
711 .pure-u-xl-2-24 {
712 width: 8.3333%;
713 *width: 8.3023%;
714 }
715
716 .pure-u-xl-1-8,
717 .pure-u-xl-3-24 {
718 width: 12.5000%;
719 *width: 12.4690%;
720 }
721
722 .pure-u-xl-1-6,
723 .pure-u-xl-4-24 {
724 width: 16.6667%;
725 *width: 16.6357%;
726 }
727
728 .pure-u-xl-1-5 {
729 width: 20%;
730 *width: 19.9690%;
731 }
732
733 .pure-u-xl-5-24 {
734 width: 20.8333%;
735 *width: 20.8023%;
736 }
737
738 .pure-u-xl-1-4,
739 .pure-u-xl-6-24 {
740 width: 25%;
741 *width: 24.9690%;
742 }
743
744 .pure-u-xl-7-24 {
745 width: 29.1667%;
746 *width: 29.1357%;
747 }
748
749 .pure-u-xl-1-3,
750 .pure-u-xl-8-24 {
751 width: 33.3333%;
752 *width: 33.3023%;
753 }
754
755 .pure-u-xl-3-8,
756 .pure-u-xl-9-24 {
757 width: 37.5000%;
758 *width: 37.4690%;
759 }
760
761 .pure-u-xl-2-5 {
762 width: 40%;
763 *width: 39.9690%;
764 }
765
766 .pure-u-xl-5-12,
767 .pure-u-xl-10-24 {
768 width: 41.6667%;
769 *width: 41.6357%;
770 }
771
772 .pure-u-xl-11-24 {
773 width: 45.8333%;
774 *width: 45.8023%;
775 }
776
777 .pure-u-xl-1-2,
778 .pure-u-xl-12-24 {
779 width: 50%;
780 *width: 49.9690%;
781 }
782
783 .pure-u-xl-13-24 {
784 width: 54.1667%;
785 *width: 54.1357%;
786 }
787
788 .pure-u-xl-7-12,
789 .pure-u-xl-14-24 {
790 width: 58.3333%;
791 *width: 58.3023%;
792 }
793
794 .pure-u-xl-3-5 {
795 width: 60%;
796 *width: 59.9690%;
797 }
798
799 .pure-u-xl-5-8,
800 .pure-u-xl-15-24 {
801 width: 62.5000%;
802 *width: 62.4690%;
803 }
804
805 .pure-u-xl-2-3,
806 .pure-u-xl-16-24 {
807 width: 66.6667%;
808 *width: 66.6357%;
809 }
810
811 .pure-u-xl-17-24 {
812 width: 70.8333%;
813 *width: 70.8023%;
814 }
815
816 .pure-u-xl-3-4,
817 .pure-u-xl-18-24 {
818 width: 75%;
819 *width: 74.9690%;
820 }
821
822 .pure-u-xl-19-24 {
823 width: 79.1667%;
824 *width: 79.1357%;
825 }
826
827 .pure-u-xl-4-5 {
828 width: 80%;
829 *width: 79.9690%;
830 }
831
832 .pure-u-xl-5-6,
833 .pure-u-xl-20-24 {
834 width: 83.3333%;
835 *width: 83.3023%;
836 }
837
838 .pure-u-xl-7-8,
839 .pure-u-xl-21-24 {
840 width: 87.5000%;
841 *width: 87.4690%;
842 }
843
844 .pure-u-xl-11-12,
845 .pure-u-xl-22-24 {
846 width: 91.6667%;
847 *width: 91.6357%;
848 }
849
850 .pure-u-xl-23-24 {
851 width: 95.8333%;
852 *width: 95.8023%;
853 }
854
855 .pure-u-xl-1,
856 .pure-u-xl-1-1,
857 .pure-u-xl-5-5,
858 .pure-u-xl-24-24 {
859 width: 100%;
860 }
861} \ No newline at end of file
diff --git a/tpl/default/css/grids-responsive.min.css b/tpl/default/css/grids-responsive.min.css
new file mode 100644
index 00000000..1df05db8
--- /dev/null
+++ b/tpl/default/css/grids-responsive.min.css
@@ -0,0 +1,7 @@
1/*!
2Pure v0.6.0
3Copyright 2014 Yahoo! Inc. All rights reserved.
4Licensed under the BSD License.
5https://github.com/yahoo/pure/blob/master/LICENSE.md
6*/
7@media screen and (min-width:35.5em){.pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-1-2,.pure-u-sm-1-3,.pure-u-sm-2-3,.pure-u-sm-1-4,.pure-u-sm-3-4,.pure-u-sm-1-5,.pure-u-sm-2-5,.pure-u-sm-3-5,.pure-u-sm-4-5,.pure-u-sm-5-5,.pure-u-sm-1-6,.pure-u-sm-5-6,.pure-u-sm-1-8,.pure-u-sm-3-8,.pure-u-sm-5-8,.pure-u-sm-7-8,.pure-u-sm-1-12,.pure-u-sm-5-12,.pure-u-sm-7-12,.pure-u-sm-11-12,.pure-u-sm-1-24,.pure-u-sm-2-24,.pure-u-sm-3-24,.pure-u-sm-4-24,.pure-u-sm-5-24,.pure-u-sm-6-24,.pure-u-sm-7-24,.pure-u-sm-8-24,.pure-u-sm-9-24,.pure-u-sm-10-24,.pure-u-sm-11-24,.pure-u-sm-12-24,.pure-u-sm-13-24,.pure-u-sm-14-24,.pure-u-sm-15-24,.pure-u-sm-16-24,.pure-u-sm-17-24,.pure-u-sm-18-24,.pure-u-sm-19-24,.pure-u-sm-20-24,.pure-u-sm-21-24,.pure-u-sm-22-24,.pure-u-sm-23-24,.pure-u-sm-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-sm-1-24{width:4.1667%;*width:4.1357%}.pure-u-sm-1-12,.pure-u-sm-2-24{width:8.3333%;*width:8.3023%}.pure-u-sm-1-8,.pure-u-sm-3-24{width:12.5%;*width:12.469%}.pure-u-sm-1-6,.pure-u-sm-4-24{width:16.6667%;*width:16.6357%}.pure-u-sm-1-5{width:20%;*width:19.969%}.pure-u-sm-5-24{width:20.8333%;*width:20.8023%}.pure-u-sm-1-4,.pure-u-sm-6-24{width:25%;*width:24.969%}.pure-u-sm-7-24{width:29.1667%;*width:29.1357%}.pure-u-sm-1-3,.pure-u-sm-8-24{width:33.3333%;*width:33.3023%}.pure-u-sm-3-8,.pure-u-sm-9-24{width:37.5%;*width:37.469%}.pure-u-sm-2-5{width:40%;*width:39.969%}.pure-u-sm-5-12,.pure-u-sm-10-24{width:41.6667%;*width:41.6357%}.pure-u-sm-11-24{width:45.8333%;*width:45.8023%}.pure-u-sm-1-2,.pure-u-sm-12-24{width:50%;*width:49.969%}.pure-u-sm-13-24{width:54.1667%;*width:54.1357%}.pure-u-sm-7-12,.pure-u-sm-14-24{width:58.3333%;*width:58.3023%}.pure-u-sm-3-5{width:60%;*width:59.969%}.pure-u-sm-5-8,.pure-u-sm-15-24{width:62.5%;*width:62.469%}.pure-u-sm-2-3,.pure-u-sm-16-24{width:66.6667%;*width:66.6357%}.pure-u-sm-17-24{width:70.8333%;*width:70.8023%}.pure-u-sm-3-4,.pure-u-sm-18-24{width:75%;*width:74.969%}.pure-u-sm-19-24{width:79.1667%;*width:79.1357%}.pure-u-sm-4-5{width:80%;*width:79.969%}.pure-u-sm-5-6,.pure-u-sm-20-24{width:83.3333%;*width:83.3023%}.pure-u-sm-7-8,.pure-u-sm-21-24{width:87.5%;*width:87.469%}.pure-u-sm-11-12,.pure-u-sm-22-24{width:91.6667%;*width:91.6357%}.pure-u-sm-23-24{width:95.8333%;*width:95.8023%}.pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-5-5,.pure-u-sm-24-24{width:100%}}@media screen and (min-width:48em){.pure-u-md-1,.pure-u-md-1-1,.pure-u-md-1-2,.pure-u-md-1-3,.pure-u-md-2-3,.pure-u-md-1-4,.pure-u-md-3-4,.pure-u-md-1-5,.pure-u-md-2-5,.pure-u-md-3-5,.pure-u-md-4-5,.pure-u-md-5-5,.pure-u-md-1-6,.pure-u-md-5-6,.pure-u-md-1-8,.pure-u-md-3-8,.pure-u-md-5-8,.pure-u-md-7-8,.pure-u-md-1-12,.pure-u-md-5-12,.pure-u-md-7-12,.pure-u-md-11-12,.pure-u-md-1-24,.pure-u-md-2-24,.pure-u-md-3-24,.pure-u-md-4-24,.pure-u-md-5-24,.pure-u-md-6-24,.pure-u-md-7-24,.pure-u-md-8-24,.pure-u-md-9-24,.pure-u-md-10-24,.pure-u-md-11-24,.pure-u-md-12-24,.pure-u-md-13-24,.pure-u-md-14-24,.pure-u-md-15-24,.pure-u-md-16-24,.pure-u-md-17-24,.pure-u-md-18-24,.pure-u-md-19-24,.pure-u-md-20-24,.pure-u-md-21-24,.pure-u-md-22-24,.pure-u-md-23-24,.pure-u-md-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-md-1-24{width:4.1667%;*width:4.1357%}.pure-u-md-1-12,.pure-u-md-2-24{width:8.3333%;*width:8.3023%}.pure-u-md-1-8,.pure-u-md-3-24{width:12.5%;*width:12.469%}.pure-u-md-1-6,.pure-u-md-4-24{width:16.6667%;*width:16.6357%}.pure-u-md-1-5{width:20%;*width:19.969%}.pure-u-md-5-24{width:20.8333%;*width:20.8023%}.pure-u-md-1-4,.pure-u-md-6-24{width:25%;*width:24.969%}.pure-u-md-7-24{width:29.1667%;*width:29.1357%}.pure-u-md-1-3,.pure-u-md-8-24{width:33.3333%;*width:33.3023%}.pure-u-md-3-8,.pure-u-md-9-24{width:37.5%;*width:37.469%}.pure-u-md-2-5{width:40%;*width:39.969%}.pure-u-md-5-12,.pure-u-md-10-24{width:41.6667%;*width:41.6357%}.pure-u-md-11-24{width:45.8333%;*width:45.8023%}.pure-u-md-1-2,.pure-u-md-12-24{width:50%;*width:49.969%}.pure-u-md-13-24{width:54.1667%;*width:54.1357%}.pure-u-md-7-12,.pure-u-md-14-24{width:58.3333%;*width:58.3023%}.pure-u-md-3-5{width:60%;*width:59.969%}.pure-u-md-5-8,.pure-u-md-15-24{width:62.5%;*width:62.469%}.pure-u-md-2-3,.pure-u-md-16-24{width:66.6667%;*width:66.6357%}.pure-u-md-17-24{width:70.8333%;*width:70.8023%}.pure-u-md-3-4,.pure-u-md-18-24{width:75%;*width:74.969%}.pure-u-md-19-24{width:79.1667%;*width:79.1357%}.pure-u-md-4-5{width:80%;*width:79.969%}.pure-u-md-5-6,.pure-u-md-20-24{width:83.3333%;*width:83.3023%}.pure-u-md-7-8,.pure-u-md-21-24{width:87.5%;*width:87.469%}.pure-u-md-11-12,.pure-u-md-22-24{width:91.6667%;*width:91.6357%}.pure-u-md-23-24{width:95.8333%;*width:95.8023%}.pure-u-md-1,.pure-u-md-1-1,.pure-u-md-5-5,.pure-u-md-24-24{width:100%}}@media screen and (min-width:64em){.pure-u-lg-1,.pure-u-lg-1-1,.pure-u-lg-1-2,.pure-u-lg-1-3,.pure-u-lg-2-3,.pure-u-lg-1-4,.pure-u-lg-3-4,.pure-u-lg-1-5,.pure-u-lg-2-5,.pure-u-lg-3-5,.pure-u-lg-4-5,.pure-u-lg-5-5,.pure-u-lg-1-6,.pure-u-lg-5-6,.pure-u-lg-1-8,.pure-u-lg-3-8,.pure-u-lg-5-8,.pure-u-lg-7-8,.pure-u-lg-1-12,.pure-u-lg-5-12,.pure-u-lg-7-12,.pure-u-lg-11-12,.pure-u-lg-1-24,.pure-u-lg-2-24,.pure-u-lg-3-24,.pure-u-lg-4-24,.pure-u-lg-5-24,.pure-u-lg-6-24,.pure-u-lg-7-24,.pure-u-lg-8-24,.pure-u-lg-9-24,.pure-u-lg-10-24,.pure-u-lg-11-24,.pure-u-lg-12-24,.pure-u-lg-13-24,.pure-u-lg-14-24,.pure-u-lg-15-24,.pure-u-lg-16-24,.pure-u-lg-17-24,.pure-u-lg-18-24,.pure-u-lg-19-24,.pure-u-lg-20-24,.pure-u-lg-21-24,.pure-u-lg-22-24,.pure-u-lg-23-24,.pure-u-lg-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-lg-1-24{width:4.1667%;*width:4.1357%}.pure-u-lg-1-12,.pure-u-lg-2-24{width:8.3333%;*width:8.3023%}.pure-u-lg-1-8,.pure-u-lg-3-24{width:12.5%;*width:12.469%}.pure-u-lg-1-6,.pure-u-lg-4-24{width:16.6667%;*width:16.6357%}.pure-u-lg-1-5{width:20%;*width:19.969%}.pure-u-lg-5-24{width:20.8333%;*width:20.8023%}.pure-u-lg-1-4,.pure-u-lg-6-24{width:25%;*width:24.969%}.pure-u-lg-7-24{width:29.1667%;*width:29.1357%}.pure-u-lg-1-3,.pure-u-lg-8-24{width:33.3333%;*width:33.3023%}.pure-u-lg-3-8,.pure-u-lg-9-24{width:37.5%;*width:37.469%}.pure-u-lg-2-5{width:40%;*width:39.969%}.pure-u-lg-5-12,.pure-u-lg-10-24{width:41.6667%;*width:41.6357%}.pure-u-lg-11-24{width:45.8333%;*width:45.8023%}.pure-u-lg-1-2,.pure-u-lg-12-24{width:50%;*width:49.969%}.pure-u-lg-13-24{width:54.1667%;*width:54.1357%}.pure-u-lg-7-12,.pure-u-lg-14-24{width:58.3333%;*width:58.3023%}.pure-u-lg-3-5{width:60%;*width:59.969%}.pure-u-lg-5-8,.pure-u-lg-15-24{width:62.5%;*width:62.469%}.pure-u-lg-2-3,.pure-u-lg-16-24{width:66.6667%;*width:66.6357%}.pure-u-lg-17-24{width:70.8333%;*width:70.8023%}.pure-u-lg-3-4,.pure-u-lg-18-24{width:75%;*width:74.969%}.pure-u-lg-19-24{width:79.1667%;*width:79.1357%}.pure-u-lg-4-5{width:80%;*width:79.969%}.pure-u-lg-5-6,.pure-u-lg-20-24{width:83.3333%;*width:83.3023%}.pure-u-lg-7-8,.pure-u-lg-21-24{width:87.5%;*width:87.469%}.pure-u-lg-11-12,.pure-u-lg-22-24{width:91.6667%;*width:91.6357%}.pure-u-lg-23-24{width:95.8333%;*width:95.8023%}.pure-u-lg-1,.pure-u-lg-1-1,.pure-u-lg-5-5,.pure-u-lg-24-24{width:100%}}@media screen and (min-width:80em){.pure-u-xl-1,.pure-u-xl-1-1,.pure-u-xl-1-2,.pure-u-xl-1-3,.pure-u-xl-2-3,.pure-u-xl-1-4,.pure-u-xl-3-4,.pure-u-xl-1-5,.pure-u-xl-2-5,.pure-u-xl-3-5,.pure-u-xl-4-5,.pure-u-xl-5-5,.pure-u-xl-1-6,.pure-u-xl-5-6,.pure-u-xl-1-8,.pure-u-xl-3-8,.pure-u-xl-5-8,.pure-u-xl-7-8,.pure-u-xl-1-12,.pure-u-xl-5-12,.pure-u-xl-7-12,.pure-u-xl-11-12,.pure-u-xl-1-24,.pure-u-xl-2-24,.pure-u-xl-3-24,.pure-u-xl-4-24,.pure-u-xl-5-24,.pure-u-xl-6-24,.pure-u-xl-7-24,.pure-u-xl-8-24,.pure-u-xl-9-24,.pure-u-xl-10-24,.pure-u-xl-11-24,.pure-u-xl-12-24,.pure-u-xl-13-24,.pure-u-xl-14-24,.pure-u-xl-15-24,.pure-u-xl-16-24,.pure-u-xl-17-24,.pure-u-xl-18-24,.pure-u-xl-19-24,.pure-u-xl-20-24,.pure-u-xl-21-24,.pure-u-xl-22-24,.pure-u-xl-23-24,.pure-u-xl-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-xl-1-24{width:4.1667%;*width:4.1357%}.pure-u-xl-1-12,.pure-u-xl-2-24{width:8.3333%;*width:8.3023%}.pure-u-xl-1-8,.pure-u-xl-3-24{width:12.5%;*width:12.469%}.pure-u-xl-1-6,.pure-u-xl-4-24{width:16.6667%;*width:16.6357%}.pure-u-xl-1-5{width:20%;*width:19.969%}.pure-u-xl-5-24{width:20.8333%;*width:20.8023%}.pure-u-xl-1-4,.pure-u-xl-6-24{width:25%;*width:24.969%}.pure-u-xl-7-24{width:29.1667%;*width:29.1357%}.pure-u-xl-1-3,.pure-u-xl-8-24{width:33.3333%;*width:33.3023%}.pure-u-xl-3-8,.pure-u-xl-9-24{width:37.5%;*width:37.469%}.pure-u-xl-2-5{width:40%;*width:39.969%}.pure-u-xl-5-12,.pure-u-xl-10-24{width:41.6667%;*width:41.6357%}.pure-u-xl-11-24{width:45.8333%;*width:45.8023%}.pure-u-xl-1-2,.pure-u-xl-12-24{width:50%;*width:49.969%}.pure-u-xl-13-24{width:54.1667%;*width:54.1357%}.pure-u-xl-7-12,.pure-u-xl-14-24{width:58.3333%;*width:58.3023%}.pure-u-xl-3-5{width:60%;*width:59.969%}.pure-u-xl-5-8,.pure-u-xl-15-24{width:62.5%;*width:62.469%}.pure-u-xl-2-3,.pure-u-xl-16-24{width:66.6667%;*width:66.6357%}.pure-u-xl-17-24{width:70.8333%;*width:70.8023%}.pure-u-xl-3-4,.pure-u-xl-18-24{width:75%;*width:74.969%}.pure-u-xl-19-24{width:79.1667%;*width:79.1357%}.pure-u-xl-4-5{width:80%;*width:79.969%}.pure-u-xl-5-6,.pure-u-xl-20-24{width:83.3333%;*width:83.3023%}.pure-u-xl-7-8,.pure-u-xl-21-24{width:87.5%;*width:87.469%}.pure-u-xl-11-12,.pure-u-xl-22-24{width:91.6667%;*width:91.6357%}.pure-u-xl-23-24{width:95.8333%;*width:95.8023%}.pure-u-xl-1,.pure-u-xl-1-1,.pure-u-xl-5-5,.pure-u-xl-24-24{width:100%}} \ No newline at end of file
diff --git a/tpl/default/css/pure-extras.css b/tpl/default/css/pure-extras.css
new file mode 100644
index 00000000..d72fc94c
--- /dev/null
+++ b/tpl/default/css/pure-extras.css
@@ -0,0 +1,262 @@
1/* Images */
2.pure-img-eliptical {
3 border-radius: 80%;
4}
5.pure-img-rounded {
6 border-radius: 3px;
7}
8.pure-img-bordered {
9 background-color: #FFFFFF;
10 border: 1px solid rgba(0, 0, 0, 0.2);
11 padding: 5px;
12}
13
14
15/* Thumbnails */
16.pure-thumbnails li {
17 text-align: center;
18 display: inline-block;
19 *display: inline;
20 /* IE7 inline-block hack */
21 *zoom: 1;
22 vertical-align: top;
23 -webkit-box-sizing: border-box;
24 -moz-box-sizing: border-box;
25 box-sizing: border-box;
26 padding: 0.5em;
27}
28.pure-thumbnails {
29 list-style: none;
30 margin: 0;
31 padding: 0;
32}
33
34.pure-thumbnails a:focus {
35 outline: 0 none;
36}
37
38.pure-thumb {
39 display: block;
40 text-decoration: none;
41 color: inherit;
42}
43.pure-thumb img {
44 max-width: 100%;
45 margin-right: auto;
46 margin-left: auto;
47 vertical-align: middle; /* this will remove a thin line below the image */
48 -webkit-box-sizing: border-box;
49 -moz-box-sizing: border-box;
50 box-sizing: border-box;
51}
52
53.pure-thumb-bordered {
54 border: 1px solid rgba(0, 0, 0, 0.2);
55}
56.pure-thumb .caption {
57 text-align: left;
58 display: block;
59 margin: 0 5px 6px;
60
61}
62.pure-thumb .caption p {
63 margin: 0.3em 0 0;
64 font-size: 75%;
65}
66.pure-thumb .caption .caption-head {
67 font-weight: bold;
68 margin-top: 0.3em;
69}
70
71.pure-thumb-eliptical img {
72 border-radius: 50%;
73}
74.pure-thumb-rounded img {
75 border-radius: 3px;
76}
77
78/* Badges/Pills */
79.pure-badge,
80.pure-badge-error,
81.pure-badge-warning,
82.pure-badge-success,
83.pure-badge-info,
84.pure-badge-inverse {
85 padding: 0.35em 0.9em 0.35em;
86 background-color: #9D988E;
87 color: #fff;
88 display: inline-block;
89 font-size: 11.844px;
90 font-weight: bold;
91 line-height: 1.2em;
92 vertical-align: baseline;
93 white-space: nowrap;
94 border-radius: 20px;
95 margin: 0.2em;
96}
97.pure-badge-error {
98 background-color: #D13C38;
99}
100.pure-badge-warning {
101 background-color: #E78C05;
102}
103.pure-badge-success {
104 background-color: rgb(83, 180, 79);
105}
106.pure-badge-info {
107 background-color: rgb(18, 169, 218);
108}
109.pure-badge-inverse {
110 background-color: #4D370C;
111}
112
113/* Alerts */
114.pure-alert {
115 position: relative;
116 margin-bottom: 1em;
117 padding: 1em;
118 background: #ccc;
119 border-radius: 3px;
120}
121
122.pure-alert label {
123 display: inline-block;
124 *display: inline;
125 /* IE7 inline-block hack */
126 *zoom: 1;
127 white-space: nowrap;
128}
129
130.pure-alert {
131 background-color: rgb(209, 235, 238);
132 color: rgb(102, 131, 145);
133}
134.pure-alert-error {
135 background-color: #D13C38;
136 color: #fff;
137}
138
139.pure-alert-warning {
140 background-color: rgb(250, 191, 103);
141 color: rgb(151, 96, 13);
142}
143
144.pure-alert-success {
145 background-color: rgb(83, 180, 79);
146 color: #fff;
147}
148
149
150/* Contextual Modals */
151
152.pure-popover {
153 position: relative;
154 width: 300px;
155 background-color: #f0f1f3;
156 color: #2f3034;
157 padding: 15px;
158 border: 1px solid #bfc0c8;
159 border-radius: 2px;
160 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
161 box-padding: border-box;
162 -webkit-background-clip: padding-box;
163 -moz-background-clip: padding;
164 background-clip: padding-box;
165}
166
167.pure-arrow-border, .pure-arrow {
168 border-style: solid;
169 border-width: 10px;
170 height:0;
171 width:0;
172 position:absolute;
173}
174
175
176/* POPOVER ARROW POSITIONING BOTTOM */
177
178.pure-popover.bottom .pure-arrow-border {
179 border-color: #bfc0c8 transparent transparent transparent;
180 bottom: -20px;
181 left: 50%;
182}
183.pure-popover.bottom .pure-arrow {
184 border-color: #f0f1f3 transparent transparent transparent;
185 bottom:-19px;
186 left: 50%;
187}
188
189/* POPOVER ARROW POSITIONING TOP*/
190
191.pure-popover.top .pure-arrow-border {
192 border-color: transparent transparent #bfc0c8 transparent;
193 top: -21px;
194 left: 50%;
195}
196.pure-popover.top .pure-arrow {
197 border-color: transparent transparent #f0f1f3 transparent;
198 top:-20px;
199 left: 50%;
200}
201
202/* POPOVER ARROW POSITIONING RIGHT*/
203
204.pure-popover.right .pure-arrow-border {
205 border-color: transparent transparent transparent #bfc0c8;
206 top: 45%;
207 right: -21px;
208}
209.pure-popover.right .pure-arrow {
210 border-color: transparent transparent transparent #f0f1f3;
211 top:45%;
212 right: -20px;
213}
214
215
216/* POPOVER ARROW POSITIONING LEFT*/
217
218.pure-popover.left .pure-arrow-border {
219 border-color: transparent #bfc0c8 transparent transparent;
220 top: 45%;
221 left: -21px;
222}
223.pure-popover.left .pure-arrow {
224 border-color: transparent #f0f1f3 transparent transparent;
225 top:45%;
226 left: -20px;
227}
228
229
230/* BUTTON IMPROVEMENTS */
231.pure-button-block {
232 display: block;
233}
234.pure-button-small {
235 padding: .6em 2em .65em;
236 font-size:70%;
237}
238.pure-button-large {
239 padding: .8em 5em .9em;
240 font-size:110%;
241}
242.pure-button-selected {
243 background-color: #345fcb;
244 color: #fff;
245}
246.pure-button-secondary {
247 background: rgb(161, 195, 238);
248 color: rgb(26, 88, 122);
249}
250.pure-button-error {
251 background: rgb(214, 86, 75);
252 color: white;
253}
254.pure-button-success {
255 background: rgb(54, 197, 71);
256 color: white;
257}
258.pure-button-warning {
259 background: rgb(255, 163, 0);
260 color: white;
261}
262
diff --git a/tpl/default/css/pure.css b/tpl/default/css/pure.css
new file mode 100644
index 00000000..a07d74cf
--- /dev/null
+++ b/tpl/default/css/pure.css
@@ -0,0 +1,1475 @@
1/*!
2Pure v0.6.0
3Copyright 2014 Yahoo! Inc. All rights reserved.
4Licensed under the BSD License.
5https://github.com/yahoo/pure/blob/master/LICENSE.md
6*/
7/*!
8normalize.css v^3.0 | MIT License | git.io/normalize
9Copyright (c) Nicolas Gallagher and Jonathan Neal
10*/
11/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
12
13/**
14 * 1. Set default font family to sans-serif.
15 * 2. Prevent iOS text size adjust after orientation change, without disabling
16 * user zoom.
17 */
18
19html {
20 font-family: sans-serif; /* 1 */
21 -ms-text-size-adjust: 100%; /* 2 */
22 -webkit-text-size-adjust: 100%; /* 2 */
23}
24
25/**
26 * Remove default margin.
27 */
28
29body {
30 margin: 0;
31}
32
33/* HTML5 display definitions
34 ========================================================================== */
35
36/**
37 * Correct `block` display not defined for any HTML5 element in IE 8/9.
38 * Correct `block` display not defined for `details` or `summary` in IE 10/11
39 * and Firefox.
40 * Correct `block` display not defined for `main` in IE 11.
41 */
42
43article,
44aside,
45details,
46figcaption,
47figure,
48footer,
49header,
50hgroup,
51main,
52menu,
53nav,
54section,
55summary {
56 display: block;
57}
58
59/**
60 * 1. Correct `inline-block` display not defined in IE 8/9.
61 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
62 */
63
64audio,
65canvas,
66progress,
67video {
68 display: inline-block; /* 1 */
69 vertical-align: baseline; /* 2 */
70}
71
72/**
73 * Prevent modern browsers from displaying `audio` without controls.
74 * Remove excess height in iOS 5 devices.
75 */
76
77audio:not([controls]) {
78 display: none;
79 height: 0;
80}
81
82/**
83 * Address `[hidden]` styling not present in IE 8/9/10.
84 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
85 */
86
87[hidden],
88template {
89 display: none;
90}
91
92/* Links
93 ========================================================================== */
94
95/**
96 * Remove the gray background color from active links in IE 10.
97 */
98
99a {
100 background-color: transparent;
101}
102
103/**
104 * Improve readability when focused and also mouse hovered in all browsers.
105 */
106
107a:active,
108a:hover {
109 outline: 0;
110}
111
112/* Text-level semantics
113 ========================================================================== */
114
115/**
116 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
117 */
118
119abbr[title] {
120 border-bottom: 1px dotted;
121}
122
123/**
124 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
125 */
126
127b,
128strong {
129 font-weight: bold;
130}
131
132/**
133 * Address styling not present in Safari and Chrome.
134 */
135
136dfn {
137 font-style: italic;
138}
139
140/**
141 * Address variable `h1` font-size and margin within `section` and `article`
142 * contexts in Firefox 4+, Safari, and Chrome.
143 */
144
145h1 {
146 font-size: 2em;
147 margin: 0.67em 0;
148}
149
150/**
151 * Address styling not present in IE 8/9.
152 */
153
154mark {
155 background: #ff0;
156 color: #000;
157}
158
159/**
160 * Address inconsistent and variable font size in all browsers.
161 */
162
163small {
164 font-size: 80%;
165}
166
167/**
168 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
169 */
170
171sub,
172sup {
173 font-size: 75%;
174 line-height: 0;
175 position: relative;
176 vertical-align: baseline;
177}
178
179sup {
180 top: -0.5em;
181}
182
183sub {
184 bottom: -0.25em;
185}
186
187/* Embedded content
188 ========================================================================== */
189
190/**
191 * Remove border when inside `a` element in IE 8/9/10.
192 */
193
194img {
195 border: 0;
196}
197
198/**
199 * Correct overflow not hidden in IE 9/10/11.
200 */
201
202svg:not(:root) {
203 overflow: hidden;
204}
205
206/* Grouping content
207 ========================================================================== */
208
209/**
210 * Address margin not present in IE 8/9 and Safari.
211 */
212
213figure {
214 margin: 1em 40px;
215}
216
217/**
218 * Address differences between Firefox and other browsers.
219 */
220
221hr {
222 -moz-box-sizing: content-box;
223 box-sizing: content-box;
224 height: 0;
225}
226
227/**
228 * Contain overflow in all browsers.
229 */
230
231pre {
232 overflow: auto;
233}
234
235/**
236 * Address odd `em`-unit font size rendering in all browsers.
237 */
238
239code,
240kbd,
241pre,
242samp {
243 font-family: monospace, monospace;
244 font-size: 1em;
245}
246
247/* Forms
248 ========================================================================== */
249
250/**
251 * Known limitation: by default, Chrome and Safari on OS X allow very limited
252 * styling of `select`, unless a `border` property is set.
253 */
254
255/**
256 * 1. Correct color not being inherited.
257 * Known issue: affects color of disabled elements.
258 * 2. Correct font properties not being inherited.
259 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
260 */
261
262button,
263input,
264optgroup,
265select,
266textarea {
267 color: inherit; /* 1 */
268 font: inherit; /* 2 */
269 margin: 0; /* 3 */
270}
271
272/**
273 * Address `overflow` set to `hidden` in IE 8/9/10/11.
274 */
275
276button {
277 overflow: visible;
278}
279
280/**
281 * Address inconsistent `text-transform` inheritance for `button` and `select`.
282 * All other form control elements do not inherit `text-transform` values.
283 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
284 * Correct `select` style inheritance in Firefox.
285 */
286
287button,
288select {
289 text-transform: none;
290}
291
292/**
293 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
294 * and `video` controls.
295 * 2. Correct inability to style clickable `input` types in iOS.
296 * 3. Improve usability and consistency of cursor style between image-type
297 * `input` and others.
298 */
299
300button,
301html input[type="button"], /* 1 */
302input[type="reset"],
303input[type="submit"] {
304 -webkit-appearance: button; /* 2 */
305 cursor: pointer; /* 3 */
306}
307
308/**
309 * Re-set default cursor for disabled elements.
310 */
311
312button[disabled],
313html input[disabled] {
314 cursor: default;
315}
316
317/**
318 * Remove inner padding and border in Firefox 4+.
319 */
320
321button::-moz-focus-inner,
322input::-moz-focus-inner {
323 border: 0;
324 padding: 0;
325}
326
327/**
328 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
329 * the UA stylesheet.
330 */
331
332input {
333 line-height: normal;
334}
335
336/**
337 * It's recommended that you don't attempt to style these elements.
338 * Firefox's implementation doesn't respect box-sizing, padding, or width.
339 *
340 * 1. Address box sizing set to `content-box` in IE 8/9/10.
341 * 2. Remove excess padding in IE 8/9/10.
342 */
343
344input[type="checkbox"],
345input[type="radio"] {
346 box-sizing: border-box; /* 1 */
347 padding: 0; /* 2 */
348}
349
350/**
351 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
352 * `font-size` values of the `input`, it causes the cursor style of the
353 * decrement button to change from `default` to `text`.
354 */
355
356input[type="number"]::-webkit-inner-spin-button,
357input[type="number"]::-webkit-outer-spin-button {
358 height: auto;
359}
360
361/**
362 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
363 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
364 * (include `-moz` to future-proof).
365 */
366
367input[type="search"] {
368 -webkit-appearance: textfield; /* 1 */
369 -moz-box-sizing: content-box;
370 -webkit-box-sizing: content-box; /* 2 */
371 box-sizing: content-box;
372}
373
374/**
375 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
376 * Safari (but not Chrome) clips the cancel button when the search input has
377 * padding (and `textfield` appearance).
378 */
379
380input[type="search"]::-webkit-search-cancel-button,
381input[type="search"]::-webkit-search-decoration {
382 -webkit-appearance: none;
383}
384
385/**
386 * Define consistent border, margin, and padding.
387 */
388
389fieldset {
390 border: 1px solid #c0c0c0;
391 margin: 0 2px;
392 padding: 0.35em 0.625em 0.75em;
393}
394
395/**
396 * 1. Correct `color` not being inherited in IE 8/9/10/11.
397 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
398 */
399
400legend {
401 border: 0; /* 1 */
402 padding: 0; /* 2 */
403}
404
405/**
406 * Remove default vertical scrollbar in IE 8/9/10/11.
407 */
408
409textarea {
410 overflow: auto;
411}
412
413/**
414 * Don't inherit the `font-weight` (applied by a rule above).
415 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
416 */
417
418optgroup {
419 font-weight: bold;
420}
421
422/* Tables
423 ========================================================================== */
424
425/**
426 * Remove most spacing between table cells.
427 */
428
429table {
430 border-collapse: collapse;
431 border-spacing: 0;
432}
433
434td,
435th {
436 padding: 0;
437}
438
439/*csslint important:false*/
440
441/* ==========================================================================
442 Pure Base Extras
443 ========================================================================== */
444
445/**
446 * Extra rules that Pure adds on top of Normalize.css
447 */
448
449/**
450 * Always hide an element when it has the `hidden` HTML attribute.
451 */
452
453.hidden,
454[hidden] {
455 display: none !important;
456}
457
458/**
459 * Add this class to an image to make it fit within it's fluid parent wrapper while maintaining
460 * aspect ratio.
461 */
462.pure-img {
463 max-width: 100%;
464 height: auto;
465 display: block;
466}
467
468/*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
469
470.pure-g {
471 letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
472 *letter-spacing: normal; /* reset IE < 8 */
473 *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
474 text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
475
476 /*
477 Sets the font stack to fonts known to work properly with the above letter
478 and word spacings. See: https://github.com/yahoo/pure/issues/41/
479
480 The following font stack makes Pure Grids work on all known environments.
481
482 * FreeSans: Ships with many Linux distros, including Ubuntu
483
484 * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
485 Arial to get picked up by the browser, even though neither is available
486 in Chrome OS.
487
488 * Droid Sans: Ships with all versions of Android.
489
490 * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
491 */
492 font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
493
494 /*
495 Use flexbox when possible to avoid `letter-spacing` side-effects.
496
497 NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
498 `-moz-` prefix version is omitted.
499 */
500
501 display: -webkit-flex;
502 -webkit-flex-flow: row wrap;
503
504 /* IE10 uses display: flexbox */
505 display: -ms-flexbox;
506 -ms-flex-flow: row wrap;
507
508 /* Prevents distributing space between rows */
509 -ms-align-content: flex-start;
510 -webkit-align-content: flex-start;
511 align-content: flex-start;
512}
513
514/* Opera as of 12 on Windows needs word-spacing.
515 The ".opera-only" selector is used to prevent actual prefocus styling
516 and is not required in markup.
517*/
518.opera-only :-o-prefocus,
519.pure-g {
520 word-spacing: -0.43em;
521}
522
523.pure-u {
524 display: inline-block;
525 *display: inline; /* IE < 8: fake inline-block */
526 zoom: 1;
527 letter-spacing: normal;
528 word-spacing: normal;
529 vertical-align: top;
530 text-rendering: auto;
531}
532
533/*
534Resets the font family back to the OS/browser's default sans-serif font,
535this the same font stack that Normalize.css sets for the `body`.
536*/
537.pure-g [class *= "pure-u"] {
538 font-family: sans-serif;
539}
540
541.pure-u-1,
542.pure-u-1-1,
543.pure-u-1-2,
544.pure-u-1-3,
545.pure-u-2-3,
546.pure-u-1-4,
547.pure-u-3-4,
548.pure-u-1-5,
549.pure-u-2-5,
550.pure-u-3-5,
551.pure-u-4-5,
552.pure-u-5-5,
553.pure-u-1-6,
554.pure-u-5-6,
555.pure-u-1-8,
556.pure-u-3-8,
557.pure-u-5-8,
558.pure-u-7-8,
559.pure-u-1-12,
560.pure-u-5-12,
561.pure-u-7-12,
562.pure-u-11-12,
563.pure-u-1-24,
564.pure-u-2-24,
565.pure-u-3-24,
566.pure-u-4-24,
567.pure-u-5-24,
568.pure-u-6-24,
569.pure-u-7-24,
570.pure-u-8-24,
571.pure-u-9-24,
572.pure-u-10-24,
573.pure-u-11-24,
574.pure-u-12-24,
575.pure-u-13-24,
576.pure-u-14-24,
577.pure-u-15-24,
578.pure-u-16-24,
579.pure-u-17-24,
580.pure-u-18-24,
581.pure-u-19-24,
582.pure-u-20-24,
583.pure-u-21-24,
584.pure-u-22-24,
585.pure-u-23-24,
586.pure-u-24-24 {
587 display: inline-block;
588 *display: inline;
589 zoom: 1;
590 letter-spacing: normal;
591 word-spacing: normal;
592 vertical-align: top;
593 text-rendering: auto;
594}
595
596.pure-u-1-24 {
597 width: 4.1667%;
598 *width: 4.1357%;
599}
600
601.pure-u-1-12,
602.pure-u-2-24 {
603 width: 8.3333%;
604 *width: 8.3023%;
605}
606
607.pure-u-1-8,
608.pure-u-3-24 {
609 width: 12.5000%;
610 *width: 12.4690%;
611}
612
613.pure-u-1-6,
614.pure-u-4-24 {
615 width: 16.6667%;
616 *width: 16.6357%;
617}
618
619.pure-u-1-5 {
620 width: 20%;
621 *width: 19.9690%;
622}
623
624.pure-u-5-24 {
625 width: 20.8333%;
626 *width: 20.8023%;
627}
628
629.pure-u-1-4,
630.pure-u-6-24 {
631 width: 25%;
632 *width: 24.9690%;
633}
634
635.pure-u-7-24 {
636 width: 29.1667%;
637 *width: 29.1357%;
638}
639
640.pure-u-1-3,
641.pure-u-8-24 {
642 width: 33.3333%;
643 *width: 33.3023%;
644}
645
646.pure-u-3-8,
647.pure-u-9-24 {
648 width: 37.5000%;
649 *width: 37.4690%;
650}
651
652.pure-u-2-5 {
653 width: 40%;
654 *width: 39.9690%;
655}
656
657.pure-u-5-12,
658.pure-u-10-24 {
659 width: 41.6667%;
660 *width: 41.6357%;
661}
662
663.pure-u-11-24 {
664 width: 45.8333%;
665 *width: 45.8023%;
666}
667
668.pure-u-1-2,
669.pure-u-12-24 {
670 width: 50%;
671 *width: 49.9690%;
672}
673
674.pure-u-13-24 {
675 width: 54.1667%;
676 *width: 54.1357%;
677}
678
679.pure-u-7-12,
680.pure-u-14-24 {
681 width: 58.3333%;
682 *width: 58.3023%;
683}
684
685.pure-u-3-5 {
686 width: 60%;
687 *width: 59.9690%;
688}
689
690.pure-u-5-8,
691.pure-u-15-24 {
692 width: 62.5000%;
693 *width: 62.4690%;
694}
695
696.pure-u-2-3,
697.pure-u-16-24 {
698 width: 66.6667%;
699 *width: 66.6357%;
700}
701
702.pure-u-17-24 {
703 width: 70.8333%;
704 *width: 70.8023%;
705}
706
707.pure-u-3-4,
708.pure-u-18-24 {
709 width: 75%;
710 *width: 74.9690%;
711}
712
713.pure-u-19-24 {
714 width: 79.1667%;
715 *width: 79.1357%;
716}
717
718.pure-u-4-5 {
719 width: 80%;
720 *width: 79.9690%;
721}
722
723.pure-u-5-6,
724.pure-u-20-24 {
725 width: 83.3333%;
726 *width: 83.3023%;
727}
728
729.pure-u-7-8,
730.pure-u-21-24 {
731 width: 87.5000%;
732 *width: 87.4690%;
733}
734
735.pure-u-11-12,
736.pure-u-22-24 {
737 width: 91.6667%;
738 *width: 91.6357%;
739}
740
741.pure-u-23-24 {
742 width: 95.8333%;
743 *width: 95.8023%;
744}
745
746.pure-u-1,
747.pure-u-1-1,
748.pure-u-5-5,
749.pure-u-24-24 {
750 width: 100%;
751}
752.pure-button {
753 /* Structure */
754 display: inline-block;
755 zoom: 1;
756 line-height: normal;
757 white-space: nowrap;
758 vertical-align: middle;
759 text-align: center;
760 cursor: pointer;
761 -webkit-user-drag: none;
762 -webkit-user-select: none;
763 -moz-user-select: none;
764 -ms-user-select: none;
765 user-select: none;
766 -webkit-box-sizing: border-box;
767 -moz-box-sizing: border-box;
768 box-sizing: border-box;
769}
770
771/* Firefox: Get rid of the inner focus border */
772.pure-button::-moz-focus-inner {
773 padding: 0;
774 border: 0;
775}
776
777/*csslint outline-none:false*/
778
779.pure-button {
780 font-family: inherit;
781 font-size: 100%;
782 padding: 0.5em 1em;
783 color: #444; /* rgba not supported (IE 8) */
784 color: rgba(0, 0, 0, 0.80); /* rgba supported */
785 border: 1px solid #999; /*IE 6/7/8*/
786 border: none rgba(0, 0, 0, 0); /*IE9 + everything else*/
787 background-color: #E6E6E6;
788 text-decoration: none;
789 border-radius: 2px;
790}
791
792.pure-button-hover,
793.pure-button:hover,
794.pure-button:focus {
795 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
796 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.10)));
797 background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
798 background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.05) 0%, rgba(0,0,0, 0.10));
799 background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
800 background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
801}
802.pure-button:focus {
803 outline: 0;
804}
805.pure-button-active,
806.pure-button:active {
807 box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
808 border-color: #000\9;
809}
810
811.pure-button[disabled],
812.pure-button-disabled,
813.pure-button-disabled:hover,
814.pure-button-disabled:focus,
815.pure-button-disabled:active {
816 border: none;
817 background-image: none;
818 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
819 filter: alpha(opacity=40);
820 -khtml-opacity: 0.40;
821 -moz-opacity: 0.40;
822 opacity: 0.40;
823 cursor: not-allowed;
824 box-shadow: none;
825}
826
827.pure-button-hidden {
828 display: none;
829}
830
831/* Firefox: Get rid of the inner focus border */
832.pure-button::-moz-focus-inner{
833 padding: 0;
834 border: 0;
835}
836
837.pure-button-primary,
838.pure-button-selected,
839a.pure-button-primary,
840a.pure-button-selected {
841 background-color: rgb(0, 120, 231);
842 color: #fff;
843}
844
845/*csslint box-model:false*/
846/*
847Box-model set to false because we're setting a height on select elements, which
848also have border and padding. This is done because some browsers don't render
849the padding. We explicitly set the box-model for select elements to border-box,
850so we can ignore the csslint warning.
851*/
852
853.pure-form input[type="text"],
854.pure-form input[type="password"],
855.pure-form input[type="email"],
856.pure-form input[type="url"],
857.pure-form input[type="date"],
858.pure-form input[type="month"],
859.pure-form input[type="time"],
860.pure-form input[type="datetime"],
861.pure-form input[type="datetime-local"],
862.pure-form input[type="week"],
863.pure-form input[type="number"],
864.pure-form input[type="search"],
865.pure-form input[type="tel"],
866.pure-form input[type="color"],
867.pure-form select,
868.pure-form textarea {
869 padding: 0.5em 0.6em;
870 display: inline-block;
871 border: 1px solid #ccc;
872 box-shadow: inset 0 1px 3px #ddd;
873 border-radius: 4px;
874 vertical-align: middle;
875 -webkit-box-sizing: border-box;
876 -moz-box-sizing: border-box;
877 box-sizing: border-box;
878}
879
880/*
881Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
882since IE8 won't execute CSS that contains a CSS3 selector.
883*/
884.pure-form input:not([type]) {
885 padding: 0.5em 0.6em;
886 display: inline-block;
887 border: 1px solid #ccc;
888 box-shadow: inset 0 1px 3px #ddd;
889 border-radius: 4px;
890 -webkit-box-sizing: border-box;
891 -moz-box-sizing: border-box;
892 box-sizing: border-box;
893}
894
895
896/* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */
897/* May be able to remove this tweak as color inputs become more standardized across browsers. */
898.pure-form input[type="color"] {
899 padding: 0.2em 0.5em;
900}
901
902
903.pure-form input[type="text"]:focus,
904.pure-form input[type="password"]:focus,
905.pure-form input[type="email"]:focus,
906.pure-form input[type="url"]:focus,
907.pure-form input[type="date"]:focus,
908.pure-form input[type="month"]:focus,
909.pure-form input[type="time"]:focus,
910.pure-form input[type="datetime"]:focus,
911.pure-form input[type="datetime-local"]:focus,
912.pure-form input[type="week"]:focus,
913.pure-form input[type="number"]:focus,
914.pure-form input[type="search"]:focus,
915.pure-form input[type="tel"]:focus,
916.pure-form input[type="color"]:focus,
917.pure-form select:focus,
918.pure-form textarea:focus {
919 outline: 0;
920 border-color: #129FEA;
921}
922
923/*
924Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
925since IE8 won't execute CSS that contains a CSS3 selector.
926*/
927.pure-form input:not([type]):focus {
928 outline: 0;
929 border-color: #129FEA;
930}
931
932.pure-form input[type="file"]:focus,
933.pure-form input[type="radio"]:focus,
934.pure-form input[type="checkbox"]:focus {
935 outline: thin solid #129FEA;
936 outline: 1px auto #129FEA;
937}
938.pure-form .pure-checkbox,
939.pure-form .pure-radio {
940 margin: 0.5em 0;
941 display: block;
942}
943
944.pure-form input[type="text"][disabled],
945.pure-form input[type="password"][disabled],
946.pure-form input[type="email"][disabled],
947.pure-form input[type="url"][disabled],
948.pure-form input[type="date"][disabled],
949.pure-form input[type="month"][disabled],
950.pure-form input[type="time"][disabled],
951.pure-form input[type="datetime"][disabled],
952.pure-form input[type="datetime-local"][disabled],
953.pure-form input[type="week"][disabled],
954.pure-form input[type="number"][disabled],
955.pure-form input[type="search"][disabled],
956.pure-form input[type="tel"][disabled],
957.pure-form input[type="color"][disabled],
958.pure-form select[disabled],
959.pure-form textarea[disabled] {
960 cursor: not-allowed;
961 background-color: #eaeded;
962 color: #cad2d3;
963}
964
965/*
966Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
967since IE8 won't execute CSS that contains a CSS3 selector.
968*/
969.pure-form input:not([type])[disabled] {
970 cursor: not-allowed;
971 background-color: #eaeded;
972 color: #cad2d3;
973}
974.pure-form input[readonly],
975.pure-form select[readonly],
976.pure-form textarea[readonly] {
977 background-color: #eee; /* menu hover bg color */
978 color: #777; /* menu text color */
979 border-color: #ccc;
980}
981
982.pure-form input:focus:invalid,
983.pure-form textarea:focus:invalid,
984.pure-form select:focus:invalid {
985 color: #b94a48;
986 border-color: #e9322d;
987}
988.pure-form input[type="file"]:focus:invalid:focus,
989.pure-form input[type="radio"]:focus:invalid:focus,
990.pure-form input[type="checkbox"]:focus:invalid:focus {
991 outline-color: #e9322d;
992}
993.pure-form select {
994 /* Normalizes the height; padding is not sufficient. */
995 height: 2.25em;
996 border: 1px solid #ccc;
997 background-color: white;
998}
999.pure-form select[multiple] {
1000 height: auto;
1001}
1002.pure-form label {
1003 margin: 0.5em 0 0.2em;
1004}
1005.pure-form fieldset {
1006 margin: 0;
1007 padding: 0.35em 0 0.75em;
1008 border: 0;
1009}
1010.pure-form legend {
1011 display: block;
1012 width: 100%;
1013 padding: 0.3em 0;
1014 margin-bottom: 0.3em;
1015 color: #333;
1016 border-bottom: 1px solid #e5e5e5;
1017}
1018
1019.pure-form-stacked input[type="text"],
1020.pure-form-stacked input[type="password"],
1021.pure-form-stacked input[type="email"],
1022.pure-form-stacked input[type="url"],
1023.pure-form-stacked input[type="date"],
1024.pure-form-stacked input[type="month"],
1025.pure-form-stacked input[type="time"],
1026.pure-form-stacked input[type="datetime"],
1027.pure-form-stacked input[type="datetime-local"],
1028.pure-form-stacked input[type="week"],
1029.pure-form-stacked input[type="number"],
1030.pure-form-stacked input[type="search"],
1031.pure-form-stacked input[type="tel"],
1032.pure-form-stacked input[type="color"],
1033.pure-form-stacked input[type="file"],
1034.pure-form-stacked select,
1035.pure-form-stacked label,
1036.pure-form-stacked textarea {
1037 display: block;
1038 margin: 0.25em 0;
1039}
1040
1041/*
1042Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
1043since IE8 won't execute CSS that contains a CSS3 selector.
1044*/
1045.pure-form-stacked input:not([type]) {
1046 display: block;
1047 margin: 0.25em 0;
1048}
1049.pure-form-aligned input,
1050.pure-form-aligned textarea,
1051.pure-form-aligned select,
1052/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
1053.pure-form-aligned .pure-help-inline,
1054.pure-form-message-inline {
1055 display: inline-block;
1056 *display: inline;
1057 *zoom: 1;
1058 vertical-align: middle;
1059}
1060.pure-form-aligned textarea {
1061 vertical-align: top;
1062}
1063
1064/* Aligned Forms */
1065.pure-form-aligned .pure-control-group {
1066 margin-bottom: 0.5em;
1067}
1068.pure-form-aligned .pure-control-group label {
1069 text-align: right;
1070 display: inline-block;
1071 vertical-align: middle;
1072 width: 10em;
1073 margin: 0 1em 0 0;
1074}
1075.pure-form-aligned .pure-controls {
1076 margin: 1.5em 0 0 11em;
1077}
1078
1079/* Rounded Inputs */
1080.pure-form input.pure-input-rounded,
1081.pure-form .pure-input-rounded {
1082 border-radius: 2em;
1083 padding: 0.5em 1em;
1084}
1085
1086/* Grouped Inputs */
1087.pure-form .pure-group fieldset {
1088 margin-bottom: 10px;
1089}
1090.pure-form .pure-group input,
1091.pure-form .pure-group textarea {
1092 display: block;
1093 padding: 10px;
1094 margin: 0 0 -1px;
1095 border-radius: 0;
1096 position: relative;
1097 top: -1px;
1098}
1099.pure-form .pure-group input:focus,
1100.pure-form .pure-group textarea:focus {
1101 z-index: 3;
1102}
1103.pure-form .pure-group input:first-child,
1104.pure-form .pure-group textarea:first-child {
1105 top: 1px;
1106 border-radius: 4px 4px 0 0;
1107 margin: 0;
1108}
1109.pure-form .pure-group input:first-child:last-child,
1110.pure-form .pure-group textarea:first-child:last-child {
1111 top: 1px;
1112 border-radius: 4px;
1113 margin: 0;
1114}
1115.pure-form .pure-group input:last-child,
1116.pure-form .pure-group textarea:last-child {
1117 top: -2px;
1118 border-radius: 0 0 4px 4px;
1119 margin: 0;
1120}
1121.pure-form .pure-group button {
1122 margin: 0.35em 0;
1123}
1124
1125.pure-form .pure-input-1 {
1126 width: 100%;
1127}
1128.pure-form .pure-input-2-3 {
1129 width: 66%;
1130}
1131.pure-form .pure-input-1-2 {
1132 width: 50%;
1133}
1134.pure-form .pure-input-1-3 {
1135 width: 33%;
1136}
1137.pure-form .pure-input-1-4 {
1138 width: 25%;
1139}
1140
1141/* Inline help for forms */
1142/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
1143.pure-form .pure-help-inline,
1144.pure-form-message-inline {
1145 display: inline-block;
1146 padding-left: 0.3em;
1147 color: #666;
1148 vertical-align: middle;
1149 font-size: 0.875em;
1150}
1151
1152/* Block help for forms */
1153.pure-form-message {
1154 display: block;
1155 color: #666;
1156 font-size: 0.875em;
1157}
1158
1159@media only screen and (max-width : 480px) {
1160 .pure-form button[type="submit"] {
1161 margin: 0.7em 0 0;
1162 }
1163
1164 .pure-form input:not([type]),
1165 .pure-form input[type="text"],
1166 .pure-form input[type="password"],
1167 .pure-form input[type="email"],
1168 .pure-form input[type="url"],
1169 .pure-form input[type="date"],
1170 .pure-form input[type="month"],
1171 .pure-form input[type="time"],
1172 .pure-form input[type="datetime"],
1173 .pure-form input[type="datetime-local"],
1174 .pure-form input[type="week"],
1175 .pure-form input[type="number"],
1176 .pure-form input[type="search"],
1177 .pure-form input[type="tel"],
1178 .pure-form input[type="color"],
1179 .pure-form label {
1180 margin-bottom: 0.3em;
1181 display: block;
1182 }
1183
1184 .pure-group input:not([type]),
1185 .pure-group input[type="text"],
1186 .pure-group input[type="password"],
1187 .pure-group input[type="email"],
1188 .pure-group input[type="url"],
1189 .pure-group input[type="date"],
1190 .pure-group input[type="month"],
1191 .pure-group input[type="time"],
1192 .pure-group input[type="datetime"],
1193 .pure-group input[type="datetime-local"],
1194 .pure-group input[type="week"],
1195 .pure-group input[type="number"],
1196 .pure-group input[type="search"],
1197 .pure-group input[type="tel"],
1198 .pure-group input[type="color"] {
1199 margin-bottom: 0;
1200 }
1201
1202 .pure-form-aligned .pure-control-group label {
1203 margin-bottom: 0.3em;
1204 text-align: left;
1205 display: block;
1206 width: 100%;
1207 }
1208
1209 .pure-form-aligned .pure-controls {
1210 margin: 1.5em 0 0 0;
1211 }
1212
1213 /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
1214 .pure-form .pure-help-inline,
1215 .pure-form-message-inline,
1216 .pure-form-message {
1217 display: block;
1218 font-size: 0.75em;
1219 /* Increased bottom padding to make it group with its related input element. */
1220 padding: 0.2em 0 0.8em;
1221 }
1222}
1223
1224/*csslint adjoining-classes: false, box-model:false*/
1225.pure-menu {
1226 -webkit-box-sizing: border-box;
1227 -moz-box-sizing: border-box;
1228 box-sizing: border-box;
1229}
1230
1231.pure-menu-fixed {
1232 position: fixed;
1233 left: 0;
1234 top: 0;
1235 z-index: 3;
1236}
1237
1238.pure-menu-list,
1239.pure-menu-item {
1240 position: relative;
1241}
1242
1243.pure-menu-list {
1244 list-style: none;
1245 margin: 0;
1246 padding: 0;
1247}
1248
1249.pure-menu-item {
1250 padding: 0;
1251 margin: 0;
1252 height: 100%;
1253}
1254
1255.pure-menu-link,
1256.pure-menu-heading {
1257 display: block;
1258 text-decoration: none;
1259 white-space: nowrap;
1260}
1261
1262/* HORIZONTAL MENU */
1263.pure-menu-horizontal {
1264 width: 100%;
1265 white-space: nowrap;
1266}
1267
1268.pure-menu-horizontal .pure-menu-list {
1269 display: inline-block;
1270}
1271
1272/* Initial menus should be inline-block so that they are horizontal */
1273.pure-menu-horizontal .pure-menu-item,
1274.pure-menu-horizontal .pure-menu-heading,
1275.pure-menu-horizontal .pure-menu-separator {
1276 display: inline-block;
1277 *display: inline;
1278 zoom: 1;
1279 vertical-align: middle;
1280}
1281
1282/* Submenus should still be display: block; */
1283.pure-menu-item .pure-menu-item {
1284 display: block;
1285}
1286
1287.pure-menu-children {
1288 display: none;
1289 position: absolute;
1290 left: 100%;
1291 top: 0;
1292 margin: 0;
1293 padding: 0;
1294 z-index: 3;
1295}
1296
1297.pure-menu-horizontal .pure-menu-children {
1298 left: 0;
1299 top: auto;
1300 width: inherit;
1301}
1302
1303.pure-menu-allow-hover:hover > .pure-menu-children,
1304.pure-menu-active > .pure-menu-children {
1305 display: block;
1306 position: absolute;
1307}
1308
1309/* Vertical Menus - show the dropdown arrow */
1310.pure-menu-has-children > .pure-menu-link:after {
1311 padding-left: 0.5em;
1312 content: "\25B8";
1313 font-size: small;
1314}
1315
1316/* Horizontal Menus - show the dropdown arrow */
1317.pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after {
1318 content: "\25BE";
1319}
1320
1321/* scrollable menus */
1322.pure-menu-scrollable {
1323 overflow-y: scroll;
1324 overflow-x: hidden;
1325}
1326
1327.pure-menu-scrollable .pure-menu-list {
1328 display: block;
1329}
1330
1331.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list {
1332 display: inline-block;
1333}
1334
1335.pure-menu-horizontal.pure-menu-scrollable {
1336 white-space: nowrap;
1337 overflow-y: hidden;
1338 overflow-x: auto;
1339 -ms-overflow-style: none;
1340 -webkit-overflow-scrolling: touch;
1341 /* a little extra padding for this style to allow for scrollbars */
1342 padding: .5em 0;
1343}
1344
1345.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar {
1346 display: none;
1347}
1348
1349/* misc default styling */
1350
1351.pure-menu-separator {
1352 background-color: #ccc;
1353 height: 1px;
1354 margin: .3em 0;
1355}
1356
1357.pure-menu-horizontal .pure-menu-separator {
1358 width: 1px;
1359 height: 1.3em;
1360 margin: 0 .3em ;
1361}
1362
1363.pure-menu-heading {
1364 text-transform: uppercase;
1365 color: #565d64;
1366}
1367
1368.pure-menu-link {
1369 color: #777;
1370}
1371
1372.pure-menu-children {
1373 background-color: #fff;
1374}
1375
1376.pure-menu-link,
1377.pure-menu-disabled,
1378.pure-menu-heading {
1379 padding: .5em 1em;
1380}
1381
1382.pure-menu-disabled {
1383 opacity: .5;
1384}
1385
1386.pure-menu-disabled .pure-menu-link:hover {
1387 background-color: transparent;
1388}
1389
1390.pure-menu-active > .pure-menu-link,
1391.pure-menu-link:hover,
1392.pure-menu-link:focus {
1393 background-color: #eee;
1394}
1395
1396.pure-menu-selected .pure-menu-link,
1397.pure-menu-selected .pure-menu-link:visited {
1398 color: #000;
1399}
1400
1401.pure-table {
1402 /* Remove spacing between table cells (from Normalize.css) */
1403 border-collapse: collapse;
1404 border-spacing: 0;
1405 empty-cells: show;
1406 border: 1px solid #cbcbcb;
1407}
1408
1409.pure-table caption {
1410 color: #000;
1411 font: italic 85%/1 arial, sans-serif;
1412 padding: 1em 0;
1413 text-align: center;
1414}
1415
1416.pure-table td,
1417.pure-table th {
1418 border-left: 1px solid #cbcbcb;/* inner column border */
1419 border-width: 0 0 0 1px;
1420 font-size: inherit;
1421 margin: 0;
1422 overflow: visible; /*to make ths where the title is really long work*/
1423 padding: 0.5em 1em; /* cell padding */
1424}
1425
1426/* Consider removing this next declaration block, as it causes problems when
1427there's a rowspan on the first cell. Case added to the tests. issue#432 */
1428.pure-table td:first-child,
1429.pure-table th:first-child {
1430 border-left-width: 0;
1431}
1432
1433.pure-table thead {
1434 background-color: #e0e0e0;
1435 color: #000;
1436 text-align: left;
1437 vertical-align: bottom;
1438}
1439
1440/*
1441striping:
1442 even - #fff (white)
1443 odd - #f2f2f2 (light gray)
1444*/
1445.pure-table td {
1446 background-color: transparent;
1447}
1448.pure-table-odd td {
1449 background-color: #f2f2f2;
1450}
1451
1452/* nth-child selector for modern browsers */
1453.pure-table-striped tr:nth-child(2n-1) td {
1454 background-color: #f2f2f2;
1455}
1456
1457/* BORDERED TABLES */
1458.pure-table-bordered td {
1459 border-bottom: 1px solid #cbcbcb;
1460}
1461.pure-table-bordered tbody > tr:last-child > td {
1462 border-bottom-width: 0;
1463}
1464
1465
1466/* HORIZONTAL BORDERED TABLES */
1467
1468.pure-table-horizontal td,
1469.pure-table-horizontal th {
1470 border-width: 0 0 1px 0;
1471 border-bottom: 1px solid #cbcbcb;
1472}
1473.pure-table-horizontal tbody > tr:last-child > td {
1474 border-bottom-width: 0;
1475}
diff --git a/tpl/default/css/pure.min.css b/tpl/default/css/pure.min.css
new file mode 100644
index 00000000..f0aa374f
--- /dev/null
+++ b/tpl/default/css/pure.min.css
@@ -0,0 +1,11 @@
1/*!
2Pure v0.6.0
3Copyright 2014 Yahoo! Inc. All rights reserved.
4Licensed under the BSD License.
5https://github.com/yahoo/pure/blob/master/LICENSE.md
6*/
7/*!
8normalize.css v^3.0 | MIT License | git.io/normalize
9Copyright (c) Nicolas Gallagher and Jonathan Neal
10*/
11/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.hidden,[hidden]{display:none!important}.pure-img{max-width:100%;height:auto;display:block}.pure-g{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em;text-rendering:optimizespeed;font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;display:-webkit-flex;-webkit-flex-flow:row wrap;display:-ms-flexbox;-ms-flex-flow:row wrap;-ms-align-content:flex-start;-webkit-align-content:flex-start;align-content:flex-start}.opera-only :-o-prefocus,.pure-g{word-spacing:-.43em}.pure-u{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-g [class *="pure-u"]{font-family:sans-serif}.pure-u-1,.pure-u-1-1,.pure-u-1-2,.pure-u-1-3,.pure-u-2-3,.pure-u-1-4,.pure-u-3-4,.pure-u-1-5,.pure-u-2-5,.pure-u-3-5,.pure-u-4-5,.pure-u-5-5,.pure-u-1-6,.pure-u-5-6,.pure-u-1-8,.pure-u-3-8,.pure-u-5-8,.pure-u-7-8,.pure-u-1-12,.pure-u-5-12,.pure-u-7-12,.pure-u-11-12,.pure-u-1-24,.pure-u-2-24,.pure-u-3-24,.pure-u-4-24,.pure-u-5-24,.pure-u-6-24,.pure-u-7-24,.pure-u-8-24,.pure-u-9-24,.pure-u-10-24,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-1-24{width:4.1667%;*width:4.1357%}.pure-u-1-12,.pure-u-2-24{width:8.3333%;*width:8.3023%}.pure-u-1-8,.pure-u-3-24{width:12.5%;*width:12.469%}.pure-u-1-6,.pure-u-4-24{width:16.6667%;*width:16.6357%}.pure-u-1-5{width:20%;*width:19.969%}.pure-u-5-24{width:20.8333%;*width:20.8023%}.pure-u-1-4,.pure-u-6-24{width:25%;*width:24.969%}.pure-u-7-24{width:29.1667%;*width:29.1357%}.pure-u-1-3,.pure-u-8-24{width:33.3333%;*width:33.3023%}.pure-u-3-8,.pure-u-9-24{width:37.5%;*width:37.469%}.pure-u-2-5{width:40%;*width:39.969%}.pure-u-5-12,.pure-u-10-24{width:41.6667%;*width:41.6357%}.pure-u-11-24{width:45.8333%;*width:45.8023%}.pure-u-1-2,.pure-u-12-24{width:50%;*width:49.969%}.pure-u-13-24{width:54.1667%;*width:54.1357%}.pure-u-7-12,.pure-u-14-24{width:58.3333%;*width:58.3023%}.pure-u-3-5{width:60%;*width:59.969%}.pure-u-5-8,.pure-u-15-24{width:62.5%;*width:62.469%}.pure-u-2-3,.pure-u-16-24{width:66.6667%;*width:66.6357%}.pure-u-17-24{width:70.8333%;*width:70.8023%}.pure-u-3-4,.pure-u-18-24{width:75%;*width:74.969%}.pure-u-19-24{width:79.1667%;*width:79.1357%}.pure-u-4-5{width:80%;*width:79.969%}.pure-u-5-6,.pure-u-20-24{width:83.3333%;*width:83.3023%}.pure-u-7-8,.pure-u-21-24{width:87.5%;*width:87.469%}.pure-u-11-12,.pure-u-22-24{width:91.6667%;*width:91.6357%}.pure-u-23-24{width:95.8333%;*width:95.8023%}.pure-u-1,.pure-u-1-1,.pure-u-5-5,.pure-u-24-24{width:100%}.pure-button{display:inline-block;zoom:1;line-height:normal;white-space:nowrap;vertical-align:middle;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button{font-family:inherit;font-size:100%;padding:.5em 1em;color:#444;color:rgba(0,0,0,.8);border:1px solid #999;border:0 rgba(0,0,0,0);background-color:#E6E6E6;text-decoration:none;border-radius:2px}.pure-button-hover,.pure-button:hover,.pure-button:focus{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:-moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1));background-image:-o-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))}.pure-button:focus{outline:0}.pure-button-active,.pure-button:active{box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;border-color:#000\9}.pure-button[disabled],.pure-button-disabled,.pure-button-disabled:hover,.pure-button-disabled:focus,.pure-button-disabled:active{border:0;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);filter:alpha(opacity=40);-khtml-opacity:.4;-moz-opacity:.4;opacity:.4;cursor:not-allowed;box-shadow:none}.pure-button-hidden{display:none}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected{background-color:#0078e7;color:#fff}.pure-form input[type=text],.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=color],.pure-form select,.pure-form textarea{padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-form input:not([type]){padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-form input[type=color]{padding:.2em .5em}.pure-form input[type=text]:focus,.pure-form input[type=password]:focus,.pure-form input[type=email]:focus,.pure-form input[type=url]:focus,.pure-form input[type=date]:focus,.pure-form input[type=month]:focus,.pure-form input[type=time]:focus,.pure-form input[type=datetime]:focus,.pure-form input[type=datetime-local]:focus,.pure-form input[type=week]:focus,.pure-form input[type=number]:focus,.pure-form input[type=search]:focus,.pure-form input[type=tel]:focus,.pure-form input[type=color]:focus,.pure-form select:focus,.pure-form textarea:focus{outline:0;border-color:#129FEA}.pure-form input:not([type]):focus{outline:0;border-color:#129FEA}.pure-form input[type=file]:focus,.pure-form input[type=radio]:focus,.pure-form input[type=checkbox]:focus{outline:thin solid #129FEA;outline:1px auto #129FEA}.pure-form .pure-checkbox,.pure-form .pure-radio{margin:.5em 0;display:block}.pure-form input[type=text][disabled],.pure-form input[type=password][disabled],.pure-form input[type=email][disabled],.pure-form input[type=url][disabled],.pure-form input[type=date][disabled],.pure-form input[type=month][disabled],.pure-form input[type=time][disabled],.pure-form input[type=datetime][disabled],.pure-form input[type=datetime-local][disabled],.pure-form input[type=week][disabled],.pure-form input[type=number][disabled],.pure-form input[type=search][disabled],.pure-form input[type=tel][disabled],.pure-form input[type=color][disabled],.pure-form select[disabled],.pure-form textarea[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input:not([type])[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input[readonly],.pure-form select[readonly],.pure-form textarea[readonly]{background-color:#eee;color:#777;border-color:#ccc}.pure-form input:focus:invalid,.pure-form textarea:focus:invalid,.pure-form select:focus:invalid{color:#b94a48;border-color:#e9322d}.pure-form input[type=file]:focus:invalid:focus,.pure-form input[type=radio]:focus:invalid:focus,.pure-form input[type=checkbox]:focus:invalid:focus{outline-color:#e9322d}.pure-form select{height:2.25em;border:1px solid #ccc;background-color:#fff}.pure-form select[multiple]{height:auto}.pure-form label{margin:.5em 0 .2em}.pure-form fieldset{margin:0;padding:.35em 0 .75em;border:0}.pure-form legend{display:block;width:100%;padding:.3em 0;margin-bottom:.3em;color:#333;border-bottom:1px solid #e5e5e5}.pure-form-stacked input[type=text],.pure-form-stacked input[type=password],.pure-form-stacked input[type=email],.pure-form-stacked input[type=url],.pure-form-stacked input[type=date],.pure-form-stacked input[type=month],.pure-form-stacked input[type=time],.pure-form-stacked input[type=datetime],.pure-form-stacked input[type=datetime-local],.pure-form-stacked input[type=week],.pure-form-stacked input[type=number],.pure-form-stacked input[type=search],.pure-form-stacked input[type=tel],.pure-form-stacked input[type=color],.pure-form-stacked input[type=file],.pure-form-stacked select,.pure-form-stacked label,.pure-form-stacked textarea{display:block;margin:.25em 0}.pure-form-stacked input:not([type]){display:block;margin:.25em 0}.pure-form-aligned input,.pure-form-aligned textarea,.pure-form-aligned select,.pure-form-aligned .pure-help-inline,.pure-form-message-inline{display:inline-block;*display:inline;*zoom:1;vertical-align:middle}.pure-form-aligned textarea{vertical-align:top}.pure-form-aligned .pure-control-group{margin-bottom:.5em}.pure-form-aligned .pure-control-group label{text-align:right;display:inline-block;vertical-align:middle;width:10em;margin:0 1em 0 0}.pure-form-aligned .pure-controls{margin:1.5em 0 0 11em}.pure-form input.pure-input-rounded,.pure-form .pure-input-rounded{border-radius:2em;padding:.5em 1em}.pure-form .pure-group fieldset{margin-bottom:10px}.pure-form .pure-group input,.pure-form .pure-group textarea{display:block;padding:10px;margin:0 0 -1px;border-radius:0;position:relative;top:-1px}.pure-form .pure-group input:focus,.pure-form .pure-group textarea:focus{z-index:3}.pure-form .pure-group input:first-child,.pure-form .pure-group textarea:first-child{top:1px;border-radius:4px 4px 0 0;margin:0}.pure-form .pure-group input:first-child:last-child,.pure-form .pure-group textarea:first-child:last-child{top:1px;border-radius:4px;margin:0}.pure-form .pure-group input:last-child,.pure-form .pure-group textarea:last-child{top:-2px;border-radius:0 0 4px 4px;margin:0}.pure-form .pure-group button{margin:.35em 0}.pure-form .pure-input-1{width:100%}.pure-form .pure-input-2-3{width:66%}.pure-form .pure-input-1-2{width:50%}.pure-form .pure-input-1-3{width:33%}.pure-form .pure-input-1-4{width:25%}.pure-form .pure-help-inline,.pure-form-message-inline{display:inline-block;padding-left:.3em;color:#666;vertical-align:middle;font-size:.875em}.pure-form-message{display:block;color:#666;font-size:.875em}@media only screen and (max-width :480px){.pure-form button[type=submit]{margin:.7em 0 0}.pure-form input:not([type]),.pure-form input[type=text],.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=color],.pure-form label{margin-bottom:.3em;display:block}.pure-group input:not([type]),.pure-group input[type=text],.pure-group input[type=password],.pure-group input[type=email],.pure-group input[type=url],.pure-group input[type=date],.pure-group input[type=month],.pure-group input[type=time],.pure-group input[type=datetime],.pure-group input[type=datetime-local],.pure-group input[type=week],.pure-group input[type=number],.pure-group input[type=search],.pure-group input[type=tel],.pure-group input[type=color]{margin-bottom:0}.pure-form-aligned .pure-control-group label{margin-bottom:.3em;text-align:left;display:block;width:100%}.pure-form-aligned .pure-controls{margin:1.5em 0 0}.pure-form .pure-help-inline,.pure-form-message-inline,.pure-form-message{display:block;font-size:.75em;padding:.2em 0 .8em}}.pure-menu{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-menu-fixed{position:fixed;left:0;top:0;z-index:3}.pure-menu-list,.pure-menu-item{position:relative}.pure-menu-list{list-style:none;margin:0;padding:0}.pure-menu-item{padding:0;margin:0;height:100%}.pure-menu-link,.pure-menu-heading{display:block;text-decoration:none;white-space:nowrap}.pure-menu-horizontal{width:100%;white-space:nowrap}.pure-menu-horizontal .pure-menu-list{display:inline-block}.pure-menu-horizontal .pure-menu-item,.pure-menu-horizontal .pure-menu-heading,.pure-menu-horizontal .pure-menu-separator{display:inline-block;*display:inline;zoom:1;vertical-align:middle}.pure-menu-item .pure-menu-item{display:block}.pure-menu-children{display:none;position:absolute;left:100%;top:0;margin:0;padding:0;z-index:3}.pure-menu-horizontal .pure-menu-children{left:0;top:auto;width:inherit}.pure-menu-allow-hover:hover>.pure-menu-children,.pure-menu-active>.pure-menu-children{display:block;position:absolute}.pure-menu-has-children>.pure-menu-link:after{padding-left:.5em;content:"\25B8";font-size:small}.pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after{content:"\25BE"}.pure-menu-scrollable{overflow-y:scroll;overflow-x:hidden}.pure-menu-scrollable .pure-menu-list{display:block}.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list{display:inline-block}.pure-menu-horizontal.pure-menu-scrollable{white-space:nowrap;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding:.5em 0}.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar{display:none}.pure-menu-separator{background-color:#ccc;height:1px;margin:.3em 0}.pure-menu-horizontal .pure-menu-separator{width:1px;height:1.3em;margin:0 .3em}.pure-menu-heading{text-transform:uppercase;color:#565d64}.pure-menu-link{color:#777}.pure-menu-children{background-color:#fff}.pure-menu-link,.pure-menu-disabled,.pure-menu-heading{padding:.5em 1em}.pure-menu-disabled{opacity:.5}.pure-menu-disabled .pure-menu-link:hover{background-color:transparent}.pure-menu-active>.pure-menu-link,.pure-menu-link:hover,.pure-menu-link:focus{background-color:#eee}.pure-menu-selected .pure-menu-link,.pure-menu-selected .pure-menu-link:visited{color:#000}.pure-table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb}.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}.pure-table td,.pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}.pure-table td:first-child,.pure-table th:first-child{border-left-width:0}.pure-table thead{background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}.pure-table td{background-color:transparent}.pure-table-odd td{background-color:#f2f2f2}.pure-table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody>tr:last-child>td{border-bottom-width:0}.pure-table-horizontal td,.pure-table-horizontal th{border-width:0 0 1px;border-bottom:1px solid #cbcbcb}.pure-table-horizontal tbody>tr:last-child>td{border-bottom-width:0} \ No newline at end of file
diff --git a/tpl/default/css/shaarli.css b/tpl/default/css/shaarli.css
new file mode 100644
index 00000000..161c36d6
--- /dev/null
+++ b/tpl/default/css/shaarli.css
@@ -0,0 +1,1180 @@
1/**
2 * General
3 */
4body {
5 background: #c5c5c5;
6}
7
8.strong {
9 font-weight: bold;
10}
11
12.clear {
13 clear: both;
14}
15
16.center {
17 text-align: center;
18 margin: auto;
19}
20
21.label {
22 display: inline-block;
23 padding: .25em .4em;
24 font-size: 75%;
25 font-weight: 700;
26 line-height: 1;
27 text-align: center;
28 white-space: nowrap;
29 vertical-align: baseline;
30 border-radius: .25rem;
31}
32
33pre {
34 max-width: 100%;
35}
36
37@font-face {
38 font-family: 'Roboto Slab';
39 font-weight: 400;
40 font-style: normal;
41 src:
42 local('Fira Sans'),
43 local('Fira-Sans-regular'),
44 url('../fonts/Fira-Sans-regular.woff2') format('woff2'),
45 url('../fonts/Fira-Sans-regular.woff') format('woff');
46}
47
48/**
49 * Extends Pure grids responsive to hide items.
50 * Use xx-0 to hide an item on xx screen.
51 * Display it at any level with xx-visible.
52 */
53.pure-u-0 { display: none !important; }
54@media screen and (min-width: 35.5em) {
55 .pure-u-sm-0 { display: none !important; }
56 .pure-u-sm-visible { display: inline-block !important; }
57}
58@media screen and (min-width: 48em) {
59 .pure-u-md-0 { display: none !important; }
60 .pure-u-md-visible { display: inline-block !important; }
61}
62@media screen and (min-width: 64em) {
63 .pure-u-lg-0 { display: none !important; }
64 .pure-u-lg-visible { display: inline-block !important; }
65}
66@media screen and (min-width: 80em) {
67 .pure-u-xl-0 { display: none !important; }
68 .pure-u-xl-visible { display: inline-block !important; }
69}
70
71.pure-g [class*="pure-u"]{
72 font-family: Roboto Slab, Arial, sans-serif;
73}
74
75/**
76 * Make pure-extras alert closable.
77 */
78.pure-alert-closable .fa-times {
79 float: right;
80}
81.pure-alert-close {
82 cursor: pointer;
83}
84
85.pure-alert-success {
86 background-color: #1b926c;
87}
88
89.anchor:target {
90 padding-top: 40px;
91}
92/**
93 * MENU
94 **/
95.shaarli-menu {
96 position: fixed;
97 top: 0;
98 width: 100%;
99 --height: 50px;
100 background: #1b926c;
101 -webkit-font-smoothing: antialiased;
102 /* Hack to transition with auto height: http://stackoverflow.com/a/8331169/1484919 */
103 max-height: 45px;
104 transition: max-height 0.5s;
105 overflow: hidden;
106 z-index: 999;
107}
108
109/* Chrome bugfix: with 100% height, it only displays the first element. */
110.pure-menu-item {
111 height: 45px;
112}
113
114.shaarli-menu.open {
115 max-height: 500px;
116 transition: max-height 0.75s;
117}
118
119.head-logo {
120 float: left;
121 margin: 0 5px 0 0;
122}
123
124.pure-menu-link,
125.pure-menu-link:visited,
126.pure-menu-selected .pure-menu-link,
127.pure-menu-selected .pure-menu-link:visited {
128 padding: 0.8em 1em;
129 color: #f5f5f5;
130}
131
132.pure-menu-link:hover, .pure-menu-link:focus,
133.pure-menu-selected .pure-menu-link:hover,
134.pure-menu-selected .pure-menu-link:focus {
135 color: #fff;
136 background: transparent;
137}
138
139.pure-menu-item:hover::after {
140 margin: -4px auto 0 auto;
141 display: block;
142 content:"";
143 background: #fff;
144 height: 4px;
145 width: 100%;
146}
147
148.menu-toggle {
149 width: 34px;
150 height: 45px;
151 position: absolute;
152 top: 5px;
153 right: 0;
154 display: none;
155}
156
157.menu-toggle .bar {
158 background-color: #b0ddce;
159 display: block;
160 width: 20px;
161 height: 2px;
162 border-radius: 100px;
163 position: absolute;
164 top: 18px;
165 right: 7px;
166 transition: all 0.5s;
167}
168
169.menu-toggle .bar:first-child {
170 transform: translateY(-6px);
171}
172
173.menu-toggle.x .bar {
174 transform: rotate(45deg);
175}
176
177.menu-toggle.x .bar:first-child {
178 transform: rotate(-45deg);
179}
180
181@media screen and (max-width: 64em) {
182 .menu-toggle {
183 display: block;
184 }
185}
186
187.header-buttons {
188 text-align: right;
189}
190
191.linkcount {
192 color: #252525;
193 font-size: 0.8em;
194}
195
196@media screen and (min-width: 64em) {
197 .linkcount {
198 position: absolute;
199 right: 5px;
200 }
201}
202
203#search, #search-linklist {
204 text-align: center;
205 width: 100%;
206}
207
208#search input[type="text"], #search-linklist input[type="text"] {
209 padding: 0 5px;
210 height: 30px;
211 width: 260px;
212 background: #f5f5f5;
213 border: medium none currentColor;
214 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.078), 0 1px 1px rgba(0, 0, 0, 0.298) inset;
215 border-radius: 2px;
216 color: #252525;
217}
218
219/* because chrome */
220#search input[type="text"]::-webkit-input-placeholder,
221#search-linklist input[type="text"]::-webkit-input-placeholder {
222 color: #777777;
223}
224
225#search button,
226#search-linklist button {
227 background: transparent;
228 border: none;
229}
230
231#search button {
232 color: #f5f5f5;
233}
234
235#search-linklist button {
236 color: #252525;
237}
238
239#search button:hover,
240#search-linklist button:hover {
241 color: #fff;
242}
243
244#search-linklist {
245 padding: 5px 0;
246}
247
248@media screen and (min-width: 64em) {
249 #search .searchform,
250 #search-linklist .searchform {
251 margin-right: 25px;
252 text-align: right;
253 }
254
255 #search .tagfilter,
256 #search-linklist .tagfilter {
257 margin-left: 25px;
258 text-align: left;
259 }
260}
261@media screen and (max-width: 64em) {
262 #search, #search * {
263 visibility: hidden;
264 }
265}
266
267#header-login-form input[type="text"], #header-login-form input[type="password"] {
268 width: 200px;
269}
270
271.subheader-form {
272 visibility: hidden;
273 position: fixed;
274 width: 100%;
275 text-align: center;
276 background: #1b926c;
277 display: block;
278 z-index: 999;
279 height: 30px;
280 padding: 5px 0;
281}
282
283@media screen and (min-width: 64em) {
284 .subheader-form.open, .subheader-form.open * {
285 visibility: visible;
286 }
287}
288
289.subheader-form input[type="text"], .subheader-form input[type="password"], .subheader-form .remember-me {
290 margin: 0 0 5px 0;
291 padding: 5px 5px 3px 15px;
292 height: 20px;
293 width: 20%;
294 background: #f5f5f5;
295 border: medium none currentColor;
296 border-radius: 2px;
297 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.078), 0 1px 4px rgba(0, 0, 0, 0.298) inset;
298 color: #252525;
299}
300
301/* because chrome */
302.subheader-form input[type="text"]::-webkit-input-placeholder,
303.subheader-form input[type="password"]::-webkit-input-placeholder
304{
305 color: #252525;
306}
307
308.subheader-form .remember-me {
309 display: inline-block;
310 width: auto;
311 padding: 5px 20px 3px 20px;
312 cursor: pointer;
313}
314
315.subheader-form .remember-me label, .subheader-form .remember-me input {
316 cursor: pointer;
317}
318
319.subheader-form input[type="submit"] {
320 display: inline-block;
321 margin: 0 0 5px 0;
322 padding: 4px 0 4px 0;
323 height: 28px;
324 width: 100px;
325 background: #1b926c;
326 border: 1px solid #f5f5f5;
327 color: #f5f5f5;
328 border-radius: 2px;
329}
330
331.subheader-form input[type="submit"]:hover {
332 background: #f5f5f5;
333 color: #1b926c;
334}
335
336.new-version-message {
337 text-align: center;
338}
339
340.new-version-message a {
341 color: rgb(151, 96, 13);
342 font-weight: bold;
343}
344
345/**
346 * CONTENT - GENERAL
347 */
348#content {
349 position: relative;
350 z-index: 2;
351 margin-top: 45px;
352}
353
354/**
355 * Plugins additional forms
356 */
357.toolbar-plugin {
358 margin: 5px 0;
359 text-align: center;
360}
361
362.toolbar-plugin input[type="text"] {
363 padding: 0 5px;
364 height: 30px;
365 width: 300px;
366 background: #f5f5f5;
367 border: medium none currentColor;
368 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.078), 0 1px 1px rgba(0, 0, 0, 0.298) inset;
369 border-radius: 2px;
370 color: #252525;
371}
372
373/* because chrome */
374.toolbar-plugin input[type="text"]::-webkit-input-placeholder {
375 color: #777777;
376}
377
378.toolbar-plugin input[type="submit"] {
379 padding: 0 10px;
380 height: 30px;
381 background: #f5f5f5;
382 border: medium none currentColor;
383 border-radius: 2px;
384 color: #252525;
385}
386
387@media screen and (max-width: 64em) {
388 .toolbar-plugin input[type="text"] {
389 width: 70%;
390
391 }
392}
393
394/**
395 * CONTENT - LINKLIST PAGING
396 * 64em -> lg
397 */
398.linklist-filters {
399 margin: 10px 0;
400 color: #252525;
401 font-size: 0.9em;
402}
403
404.linklist-filters a {
405 padding: 5px 8px;
406 text-decoration: none;
407}
408
409.linklist-filters .filter-off {
410 color: #252525;
411 background: #f5f5f5;
412}
413
414.linklist-filters .filter-on {
415 color: #b0ddce;
416 background: #1b926c;
417}
418
419.linklist-pages {
420 margin: 10px 0;
421 color: #252525;
422 text-align: center;
423}
424
425.linklist-pages a {
426 color: #252525;
427 text-decoration: none;
428}
429
430.linklist-pages a:hover {
431 color: #fff;
432}
433
434.linksperpage {
435 margin: 10px 0;
436 text-align: right;
437 color: #252525;
438 font-size: 0.9em;
439}
440
441.linksperpage a {
442 padding: 5px 5px;
443 text-decoration: none;
444 color: #252525;
445 background: #f5f5f5;
446}
447
448.linksperpage a, .linksperpage input[type="text"] {
449 display: inline-block;
450 width: 20px;
451 text-align: center;
452}
453
454.linksperpage form {
455 display: inline;
456}
457
458.linksperpage input[type="text"] {
459 height: 20px;
460 margin: 0;
461 padding: 4px 5px 3px 8px;
462 background: #f5f5f5;
463 border: medium none currentColor;
464 color: #252525;
465 font-size: 0.8em;
466}
467
468/**
469 * CONTENT - LINKLIST ITEMS
470 */
471.linklist-item {
472 margin: 0 0 15px 0;
473 background: #f5f5f5;
474 box-shadow: 2px 2px 0.5em #797979;
475}
476
477.linklist-item-title, .linklist-item-title h2 {
478 margin: 0;
479 word-wrap: break-word;
480}
481
482.linklist-item-title {
483 position: relative;
484 background: #f5f5f5;
485}
486
487.linklist-item.private .linklist-item-title::before {
488 position: absolute;
489 left: 3px;
490 top: 0;
491 display: block;
492 content:"";
493 background: #F89406;
494 height: 95%;
495 width: 2px;
496 margin-top: 3px;
497 z-index: 1;
498}
499
500.linklist-item-title h2 {
501 padding: 3px 10px 0 10px;
502 line-height: 30px;
503}
504
505.linklist-item-title a {
506 font-size: 0.7em;
507 color: #252525;
508 text-decoration: none;
509 vertical-align: middle;
510 font-family: Roboto Slab, Arial, sans-serif;
511}
512
513.linklist-item-title .linklist-link {
514 font-size: 1.1em;
515 color: #1b926c;
516}
517
518.linklist-item-title .linklist-link:visited {
519 color: #1b926c;
520}
521
522.linklist-item-title a:hover, .linklist-item-title .linklist-link:hover{
523 color: #252525;
524}
525
526
527.linklist-item-title .label-private {
528 border: solid 1px #F89406;
529 font-family: Arial, sans-serif;
530 font-size: 0.65em;
531 color: #F89406;
532}
533
534.linklist-item-title .fold-button {
535 display: none;
536}
537
538.linklist-item-editbuttons {
539 float: right;
540 padding: 8px 5px;
541}
542
543.linklist-item-editbuttons * {
544 display: block;
545 float: left;
546 margin: 0 1px;
547}
548
549.linklist-item-editbuttons a {
550 font-size: 1em;
551}
552
553.edit-link {
554 font-size: 1.2em;
555 color: #0b5ea6;
556}
557
558.delete-link {
559 font-size: 1.3em;
560 color: #ac2925 !important;
561}
562
563.linklist-item-description {
564 position: relative;
565 padding: 10px;
566 background: #f5f5f5;
567 font-family: Roboto Slab, Arial, sans-serif;
568 word-wrap: break-word;
569 color: #252525;
570 line-height: 1.3em;
571}
572
573.linklist-item.private .linklist-item-description::before {
574 position: absolute;
575 left: 3px;
576 top: 0;
577 display: block;
578 content:"";
579 background: #F89406;
580 height: 95%;
581 width: 2px;
582 z-index: 1;
583}
584
585.linklist-item-description a {
586 text-decoration: none;
587 color: #1b926c;
588}
589
590.linklist-item-description a:hover {
591 color: #252525;
592}
593
594.linklist-item-description a:visited {
595 color: #14553f;
596}
597
598.linklist-item-thumbnail {
599 margin-top: 10px;
600 padding: 10px;
601 float: left;
602}
603
604.linklist-item-infos {
605 padding: 8px 8px 5px 8px;
606 background: #ddd;
607 color: #252525;
608}
609
610.linklist-item-infos a {
611 color: #252525;
612 text-decoration: none;
613}
614
615.linklist-item-infos a:hover {
616 color: #000;
617}
618
619.linklist-item-infos .linklist-item-tags {
620 font-size: 0.8em;
621}
622
623.linklist-item-infos .label-tag {
624 font-size: 1em;
625}
626
627.linklist-item-infos-dateblock {
628 font-size: 0.9em;
629}
630
631.linklist-plugin-icon {
632 width: 13px;
633 height: 13px;
634}
635
636.linklist-item-infos-url {
637 text-align: right;
638 white-space: nowrap;
639 overflow: hidden;
640 text-overflow: ellipsis;
641 font-size: 0.8em;
642}
643
644.linklist-item-infos .mobile-buttons {
645 text-align: right;
646}
647
648.linklist-item-infos .linklist-plugin-icon {
649 display: inline-block;
650 margin: 0 2px;
651 width: 16px;
652 height: 16px;
653}
654
655/** 64em -> lg **/
656@media screen and (max-width: 64em) {
657 .linklist-item-infos-url {
658 text-align: left;
659 }
660}
661
662/**
663 * Footer
664 */
665#footer {
666 margin: 20px 0;
667 padding: 5px;
668 text-align: center;
669 color: #252525;
670}
671
672#footer:before {
673 display: block;
674 content:"";
675 background: linear-gradient(to right, #949393, #252525, #949393);
676 height: 1px;
677 width: 80%;
678 margin: 10px auto;
679}
680
681#footer a {
682 color: #252525;
683}
684
685/**
686 * PAGE FORM
687 */
688.page-form {
689 margin: 20px 0 0 0;
690 background: #f5f5f5;
691 box-shadow: 1px 1px 2px #797979;
692 color: #252525;
693 overflow: hidden;
694}
695
696.page-form .window-title {
697 margin: 0 0 10px 0;
698 padding: 10px 0;
699 width: 100%;
700 color: #1b926c;
701 background: #f5f5f5;
702 text-align: center;
703}
704
705.page-form .window-title:after {
706 display: block;
707 content:"";
708 background: linear-gradient(to right, #f5f5f5, #1b926c, #f5f5f5);
709 height: 1px;
710 width: 80%;
711 margin: auto;
712}
713
714.page-form .window-subtitle {
715 text-align: center;
716}
717
718.page-form a {
719 color: #1b926c;
720 font-weight: bold;
721}
722
723.page-form p {
724 padding: 0 10px;
725 margin: 0;
726}
727
728.page-form input[type="text"],
729.page-form input[type="password"],
730.page-form textarea {
731 box-sizing: border-box;
732 margin: 10px 0;
733 padding: 5px 5px 3px 15px;
734 height: 35px;
735 width: 90%;
736 background: #eeeeee;
737 border: solid 1px #d8d8d8;
738 border-radius: 2px;
739 color: #252525;
740}
741
742.page-form textarea {
743 height: 240px;
744 padding: 15px 5px 3px 15px;
745 resize: vertical;
746 overflow-y: auto;
747 word-wrap:break-word
748}
749
750/* because chrome */
751.page-form input[type="text"]::-webkit-input-placeholder,
752.page-form input[type="password"]::-webkit-input-placeholder {
753 color: #777777;
754}
755
756.page-form input[type="submit"], .page-form a.button {
757 margin: 15px 5px;
758 height: 35px;
759 line-height: 35px;
760 width: 150px;
761 background: #1b926c;
762 color: #f5f5f5;
763 border: none;
764 box-shadow: 1px 1px 1px #ddd, -1px -1px 6px #ddd, -1px 1px 2px #ddd, 1px -1px 2px #ddd;
765 font-size: 1.2em;
766 text-decoration: none;
767 vertical-align: center;
768 font-weight: normal;
769 display: inline-block;
770}
771
772
773.page-form .button.button-red {
774 background: #ac2925;
775}
776
777.page-form .submit-buttons {
778 margin-bottom: 10px;
779}
780
781@media screen and (min-width: 64em) {
782 .page-form .submit-buttons {
783 position: relative;
784 }
785
786 .page-form .submit-buttons .button.button-red {
787 position: absolute;
788 right: 5%;
789 }
790}
791
792@media screen and (max-width: 64em) {
793 .page-form .submit-buttons .button {
794 display: block;
795 margin: auto;
796 }
797}
798
799.page-form select {
800 color: #252525;
801}
802
803/**
804 * PAGE FORM - LIGHT
805 */
806.page-form-light div, .page-form-light p {
807 text-align: center;
808}
809
810/**
811 * PAGE FORM - COMPLETE
812 */
813.page-form-complete {
814 #background: #f5f5f5;
815}
816
817.page-form-complete div, .page-form-complete p {
818 color: #252525;
819}
820
821.page-form-complete .form-label, .page-form-complete .form-input {
822 position: relative;
823 height: 60px;
824}
825
826.page-form-complete .form-label label,
827.page-form-complete .form-input input,
828.page-form-complete .timezone {
829 position: absolute;
830 top: 50%;
831 transform: translateY(-50%);
832}
833
834.page-form-complete .form-label label {
835 text-align: right;
836 right: 0;
837 padding: 0 20px;
838}
839
840.page-form-complete .label-name {
841 font-weight: bold;
842}
843
844.page-form-complete .label-desc {
845 font-size: 0.8em;
846}
847
848.page-form-complete input[type="text"],
849.page-form-complete input[type="password"],
850.page-form-complete textarea {
851 margin: 0;
852}
853
854.page-form section {
855 margin: 10px 0 25px 0;
856}
857
858.page-form table {
859 margin: auto;
860 width: 90%;
861}
862
863.page-form table .order {
864 text-decoration: none;
865 color: #252525;
866}
867
868.page-form table, .page-form th, .page-form td {
869 border-width: 1px 0;
870 border-style: solid;
871 border-color: #aaaaaa;
872}
873
874.page-form th, .page-form td {
875 padding: 5px;
876
877}
878
879/* Awesomeplete fix */
880div.awesomplete {
881 width: inherit;
882}
883
884div.awesomplete > input {
885 display: inherit;
886}
887
888div.awesomplete > ul {
889 z-index: 9999;
890}
891
892.page-form .awesomplete {
893 width: 90%;
894}
895
896.page-form .awesomplete input {
897 width: 100%;
898}
899
900.page-form div.awesomplete > ul {
901 color: black;
902}
903
904@media screen and (max-width: 64em) {
905 .page-form-complete .form-label {
906 height: inherit;
907 }
908
909 .page-form-complete .form-label label,
910 .page-form-complete .form-input input,
911 .page-form-complete .timezone {
912 position: inherit;
913 top: inherit;
914 transform: translateY(0);
915 }
916
917 .page-form-complete .form-input input[type="checkbox"] {
918 position: absolute;
919 top: 50%;
920 right: 50%;
921 transform: translateY(-50%);
922 }
923
924 .page-form-complete .form-input {
925 text-align: center;
926 }
927
928 .page-form-complete .form-label label {
929 display: block;
930 text-align: left;
931 margin: 10px 0 0 0;
932 }
933
934 .timezone-continent:after {
935 content:"\a\a";
936 white-space: pre;
937 }
938
939 .page-form-complete .radio-buttons {
940 text-align: left;
941 padding: 5px 15px;
942 }
943}
944
945/**
946 * Page visitor (page form extended)
947 */
948.page-visitor {
949 color: #252525;
950}
951
952#page404 {
953 color: #3f3f3f;
954}
955
956/**
957 * LOGIN
958 */
959#login-form .remember-me {
960 margin: 5px 0;
961}
962
963/**
964 * Search results
965 */
966.search-result a {
967 color: white;
968 text-decoration: none;
969}
970
971.search-result .label-tag {
972 border-color: white;
973}
974
975.search-result .label-tag .remove {
976 border-left: white 1px solid;
977 padding: 0 0 0 5px;
978 margin: 0 0 0 5px;
979}
980
981/**
982 * TOOLS
983 */
984.tools-item {
985 margin: 10px 0;
986}
987
988.tools-item .pure-button:hover {
989 background-image: none;
990 background-color: #1b926c;
991 color: #f5f5f5;
992}
993
994/**
995 * PLUGIN ADMIN
996 */
997#pluginform .mobile-row {
998 font-size: 0.9em;
999}
1000
1001#pluginform .more {
1002 margin-top: 10px;
1003}
1004
1005@media screen and (max-width: 64em) {
1006 #pluginform .main-row, #pluginform .main-row td {
1007 border-bottom-style: none;
1008 }
1009
1010 #pluginform .mobile-row, #pluginform .mobile-row td {
1011 border-top-style: none;
1012 }
1013}
1014
1015/**
1016 * IMPORT
1017 */
1018#import-field {
1019 margin: 15px 0;
1020}
1021
1022/**
1023 * TAG CLOUD
1024 */
1025#cloudtag {
1026 padding: 10px;
1027 text-align: center;
1028}
1029
1030#cloudtag, #cloudtag a {
1031 color: #000;
1032 text-decoration: none;
1033}
1034
1035#cloudtag .count {
1036 color: #7f7f7f;
1037}
1038
1039/**
1040 * Picture wall CSS
1041 */
1042#picwall_container {
1043 margin: 0 10px 10px 10px;
1044 color: #252525;
1045 background-color: #f5f5f5;
1046 clear: both;
1047}
1048
1049.picwall_pictureframe {
1050 margin: 2px;
1051 background-color: #f5f5f5;
1052 z-index: 5;
1053 position: relative;
1054 display: table-cell;
1055 vertical-align: middle;
1056 width: 90px;
1057 height: 90px;
1058 overflow: hidden;
1059 text-align: center;
1060 float: left;
1061}
1062
1063.b-lazy {
1064 -webkit-transition: opacity 500ms ease-in-out;
1065 -moz-transition: opacity 500ms ease-in-out;
1066 -o-transition: opacity 500ms ease-in-out;
1067 transition: opacity 500ms ease-in-out;
1068 opacity: 0;
1069}
1070.b-lazy.b-loaded {
1071 opacity: 1;
1072}
1073
1074.picwall_pictureframe img {
1075 max-width: 100%;
1076 height: auto;
1077 color: transparent;
1078} /* Adapt the width of the image */
1079
1080.picwall_pictureframe a {
1081 text-decoration: none;
1082}
1083
1084/* CSS to show title when hovering an image - no javascript required. */
1085.picwall_pictureframe span.info {
1086 display: none;
1087 font-family: Arial, sans-serif;
1088}
1089
1090.picwall_pictureframe:hover span.info {
1091 display: block;
1092 position: absolute;
1093 top: 0;
1094 left: 0;
1095 width: 90px;
1096 height: 90px;
1097 font-weight: bold;
1098 font-size: 9pt;
1099 color: #f5f5f5;
1100 text-align: left;
1101 background-color: rgba(0, 0, 0, 0.8);
1102}
1103
1104/**
1105 * DAILY
1106 */
1107.daily-desc {
1108 color: #7f7f7f;
1109 font-size: 0.8em;
1110}
1111
1112.daily-about a {
1113 color: #343434;
1114 text-decoration: none;
1115}
1116
1117.daily-about a:hover {
1118 color: #7f7f7f;
1119}
1120
1121.daily-about h3:before, .daily-about h3:after {
1122 display: block;
1123 content:"";
1124 background: linear-gradient(to right, #d5d4d4, #252525, #d5d4d4);
1125 height: 1px;
1126 width: 90%;
1127 margin: 10px auto;
1128}
1129
1130.daily-entry {
1131 padding: 0 10px;
1132}
1133
1134.daily-entry .daily-entry-title:after {
1135 display: block;
1136 content:"";
1137 background: linear-gradient(to right, #fff, #515151, #fff);
1138 height: 1px;
1139 width: 70%;
1140 margin: 5px auto;
1141}
1142
1143.daily-entry .daily-entry-title {
1144 margin: 10px 0 0 0;
1145}
1146
1147.daily-entry .daily-entry-title a {
1148 color: #000;
1149 text-decoration: none;
1150}
1151
1152.daily-entry .daily-entry-description {
1153 padding: 5px 5px 0 5px;
1154 font-size: 0.9em;
1155 text-align: justify;
1156 word-wrap: break-word;
1157}
1158
1159.daily-entry .daily-entry-tags {
1160 padding: 0 5px 5px 5px;
1161 font-size: 0.8em;
1162}
1163
1164.daily-entry-thumbnail {
1165 float: left;
1166 margin: 15px 5px 5px 5px;
1167}
1168
1169.daily-entry-description a {
1170 text-decoration: none;
1171 color: #1b926c;
1172}
1173
1174.daily-entry-description a:hover {
1175 text-shadow: 1px 1px #ddd;
1176}
1177
1178.daily-entry-description a:visited {
1179 color: #20b988;
1180}