aboutsummaryrefslogtreecommitdiffhomepage
path: root/tpl/default/css
diff options
context:
space:
mode:
authorArthurHoaro <arthur@hoa.ro>2017-02-27 20:24:28 +0100
committerGitHub <noreply@github.com>2017-02-27 20:24:28 +0100
commit5978588578ca103152598ccfbe41019b12e00a4f (patch)
treeeedbb83c420f6af103440bcafbe6b79738ce7521 /tpl/default/css
parent9e5a37cc7f4eb1c83222a94eb83d4e99ce4460a4 (diff)
parent7dcbfde5ffbc057a44f710e3be7e4856d235e90b (diff)
downloadShaarli-5978588578ca103152598ccfbe41019b12e00a4f.tar.gz
Shaarli-5978588578ca103152598ccfbe41019b12e00a4f.tar.zst
Shaarli-5978588578ca103152598ccfbe41019b12e00a4f.zip
Merge pull request #754 from ArthurHoaro/webdesign2
New default 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/reset.css6
-rw-r--r--tpl/default/css/shaarli.css1678
9 files changed, 5538 insertions, 852 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/reset.css b/tpl/default/css/reset.css
deleted file mode 100644
index e29699e2..00000000
--- a/tpl/default/css/reset.css
+++ /dev/null
@@ -1,6 +0,0 @@
1/* CSS Reset from Yahoo to cope with browsers CSS inconsistencies. */
2/*
3 Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html
4 version: 2.8.2r1
5 */
6html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;} \ No newline at end of file
diff --git a/tpl/default/css/shaarli.css b/tpl/default/css/shaarli.css
index 7ca567e7..b937c596 100644
--- a/tpl/default/css/shaarli.css
+++ b/tpl/default/css/shaarli.css
@@ -1,1208 +1,1194 @@
1/* Cascading Stylesheet for Shaarli - https://github.com/shaarli/Shaarli */ 1/**
2 2 * General
3 */
3body { 4body {
4 font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; 5 background: #d0d0d0;
5 font-size: 10pt;
6 background-color: #ffffff;
7 word-wrap: break-word;
8}
9
10input, textarea {
11 background-color: #dedede;
12 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff));
13 background: -webkit-linear-gradient(#dedede, #ffffff);
14 background: -moz-linear-gradient(#dedede, #ffffff);
15 background: -ms-linear-gradient(#dedede, #ffffff);
16 background: -o-linear-gradient(#dedede, #ffffff);
17 background: linear-gradient(#dedede, #ffffff);
18 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
19 padding: 5px;
20 border-radius: 3px 3px 3px 3px;
21 border: none;
22 color: #000;
23} 6}
24 7
25a { 8.strong {
26 text-decoration: none;
27}
28
29h1 {
30 font-size: 20pt;
31 font-weight: bold; 9 font-weight: bold;
32 font-style: italic;
33 margin-bottom: 20px;
34} 10}
35 11
36em { 12.clear {
37 font-style: italic; 13 clear: both;
38} 14}
39 15
40strong { 16.center {
41 font-weight: bold; 17 text-align: center;
18 margin: auto;
42} 19}
43 20
44/* Buttons */ 21.label {
45.bigbutton, #pageheader a.bigbutton {
46 background-color: #c0c0c0;
47 background: -moz-linear-gradient(#c0c0c0, #ffffff) repeat scroll 0 0 transparent;
48 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c0c0c0), to(#ffffff));
49 background: -webkit-linear-gradient(#c0c0c0, #ffffff);
50 background: -ms-linear-gradient(#c0c0c0, #ffffff);
51 background: -o-linear-gradient(#c0c0c0, #ffffff);
52 background: linear-gradient(#c0c0c0, #ffffff);
53 border-radius: 3px 3px 3px 3px;
54 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
55 cursor: pointer;
56 height: 24px;
57 padding: 0 5px;
58 margin: 0 5px 0 0;
59 color: #606060;
60 border-style: outset;
61 border-width: 1px;
62 display: inline-block; 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;
63} 31}
64 32
65a.bigbutton, #pageheader a.bigbutton { 33pre {
66 height: 22px; 34 max-width: 100%;
67 line-height: 22px;
68} 35}
69 36
70.smallbutton { 37@font-face {
71 background-color: #c0c0c0; 38 font-family: 'Roboto Slab';
72 background: -moz-linear-gradient(#c0c0c0, #ffffff) repeat scroll 0 0 transparent; 39 font-weight: 400;
73 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c0c0c0), to(#ffffff)); 40 font-style: normal;
74 background: -webkit-linear-gradient(#c0c0c0, #ffffff); 41 src:
75 background: -ms-linear-gradient(#c0c0c0, #ffffff); 42 local('Fira Sans'),
76 background: -o-linear-gradient(#c0c0c0, #ffffff); 43 local('Fira-Sans-regular'),
77 background: linear-gradient(#c0c0c0, #ffffff); 44 url('../fonts/Fira-Sans-regular.woff2') format('woff2'),
78 border-radius: 3px 3px 3px 3px; 45 url('../fonts/Fira-Sans-regular.woff') format('woff');
79 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
80 cursor: pointer;
81 height: 20px;
82 margin-left: 5px;
83 padding: 0 5px;
84 color: #606060;
85 border-style: outset;
86 border-width: 1px;
87} 46}
88 47
89/* Small tab on the left of each link with edit/delete buttons. */ 48/**
90.button_edit, .button_delete { 49 * Extends Pure grids responsive to hide items.
91 border-radius: 0; 50 * Use xx-0 to hide an item on xx screen.
92 box-shadow: none; 51 * Display it at any level with xx-visible.
93 border-style: none; 52 */
94 border-width: 0; 53.pure-u-0 { display: none !important; }
95 padding: 0; 54@media screen and (min-width: 35.5em) {
96 background: none; 55 .pure-u-sm-0 { display: none !important; }
56 .pure-u-sm-visible { display: inline-block !important; }
97} 57}
98 58@media screen and (min-width: 48em) {
99.linkeditbuttons { 59 .pure-u-md-0 { display: none !important; }
100 position: absolute; 60 .pure-u-md-visible { display: inline-block !important; }
101 left: 2px;
102 padding: 4px 2px 2px 2px;
103
104 -webkit-border-radius: 0px 6px 6px 0px;
105 -moz-border-radius: 0px 6px 6px 0px;
106 -o-border-radius: 0px 6px 6px 0px;
107 -ms-border-radius: 0px 6px 6px 0px;
108 border-radius: 0px 6px 6px 0px;
109} 61}
110 62@media screen and (min-width: 64em) {
111#pageheader #logo { 63 .pure-u-lg-0 { display: none !important; }
112 background-image: url('../../../images/logo.png'); 64 .pure-u-lg-visible { display: inline-block !important; }
113 background-repeat: no-repeat;
114 float: left;
115 margin: 0 10px 0 10px;
116 width: 105px;
117 height: 55px;
118 cursor: pointer;
119} 65}
120 66@media screen and (min-width: 80em) {
121#pageheader #menu { 67 .pure-u-xl-0 { display: none !important; }
122 width: 100%; 68 .pure-u-xl-visible { display: inline-block !important; }
123} 69}
124 70
125#pageheader #menu ul { 71.pure-g [class*="pure-u"]{
126 margin: auto; 72 font-family: Roboto Slab, Arial, sans-serif;
127 padding: 7px 0px 0px 0px;
128 float: none;
129} 73}
130 74
131#pageheader #menu ul li { 75/**
132 list-style: none; 76 * Make pure-extras alert closable.
133 display: inline; 77 */
134 position: relative; 78.pure-alert-closable .fa-times {
135 box-sizing: border-box; 79 float: right;
136} 80}
137 81.pure-alert-close {
138#pageheader a { 82 cursor: pointer;
139 background-color: #333333;
140 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#333333), to(#000000));
141 background: -webkit-linear-gradient(#333333, #000000);
142 background: -moz-linear-gradient(#333333, #000000);
143 background: -ms-linear-gradient(#333333, #000000);
144 background: -o-linear-gradient(#333333, #000000);
145 background: linear-gradient(#333333, #000000);
146 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
147 padding: 5px;
148 border-radius: 3px 3px 3px 3px;
149 margin: 10px 3px 3px 3px;
150 color: #A2DD42;
151 text-decoration: none;
152 line-height: 2.5;
153 white-space: nowrap;
154} 83}
155 84
156#pageheader #linkcount { 85.pure-alert-success {
157 float: right; 86 background-color: #1b926c;
158 font-style: italic;
159 color: #bbb;
160 text-align: right;
161 padding-right: 5px;
162 margin: 3px 3px 0px 0px;
163}
164
165#pageheader {
166 background-color: #333333;
167 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#333333), to(#111111));
168 background: -webkit-linear-gradient(#333333, #111111);
169 background: -moz-linear-gradient(#333333, #111111);
170 background: -ms-linear-gradient(#333333, #111111);
171 background: -o-linear-gradient(#333333, #111111);
172 background: linear-gradient(#333333, #111111);
173 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
174 width: auto;
175 padding: 0 10px 5px 10px;
176 margin: auto;
177} 87}
178 88
179#pageheader .search { 89.anchor:target {
90 padding-top: 40px;
91}
92/**
93 * MENU
94 **/
95.shaarli-menu {
96 position: fixed;
97 top: 0;
180 width: 100%; 98 width: 100%;
181 white-space: nowrap; 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;
182} 107}
183 108
184#toolsdiv a { 109/* Chrome bugfix: with 100% height, it only displays the first element. */
185 clear: both; 110.pure-menu-item {
111 height: 45px;
186} 112}
187 113
188#toolsdiv #bookmark { 114.shaarli-menu.open {
189 clear: none; 115 max-height: 500px;
116 transition: max-height 0.75s;
190} 117}
191 118
192#toolsdiv a span { 119.head-logo {
193 color: #ffffff; 120 float: left;
121 margin: 0 5px 0 0;
194} 122}
195 123
196.linksperpage, .tagfilter, .searchform, .addform { 124.pure-menu-link,
197 background-color: #dedede; 125.pure-menu-link:visited,
198 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff)); 126.pure-menu-selected .pure-menu-link,
199 background: -webkit-linear-gradient(#dedede, #ffffff); 127.pure-menu-selected .pure-menu-link:visited {
200 background: -moz-linear-gradient(#dedede, #ffffff); 128 padding: 0.8em 1em;
201 background: -ms-linear-gradient(#dedede, #ffffff); 129 color: #f5f5f5;
202 background: -o-linear-gradient(#dedede, #ffffff);
203 background: linear-gradient(#dedede, #ffffff);
204 display: inline;
205 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
206 padding: 5px;
207 border: none;
208 border-radius: 3px 3px 3px 3px;
209 margin: 10px 3px 3px 3px;
210 color: #cecece;
211} 130}
212 131
213.linksperpage { 132.pure-menu-link:hover, .pure-menu-link:focus,
214 box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); 133.pure-menu-selected .pure-menu-link:hover,
215 padding: 3px; 134.pure-menu-selected .pure-menu-link:focus {
135 color: #fff;
136 background: transparent;
216} 137}
217 138
218.linksperpage input, .tagfilter input, .searchform input, .addform input { 139.pure-menu-item:hover::after {
219 border: none; 140 margin: -4px auto 0 auto;
220 color: #606060; 141 display: block;
221 background: none; 142 content:"";
222 box-shadow: none; 143 background: #fff;
223 padding: 5px; 144 height: 4px;
145 width: 100%;
224} 146}
225 147
226.linksperpage input { 148.menu-toggle {
227 padding: 0; 149 width: 34px;
150 height: 45px;
151 position: absolute;
152 top: 5px;
153 right: 0;
154 display: none;
228} 155}
229 156
230.searchform #searchform_value { 157.menu-toggle .bar {
231 width: 30%; 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;
232} 167}
233 168
234.tagfilter { 169.menu-toggle .bar:first-child {
235 margin-left:24px; 170 transform: translateY(-6px);
236} 171}
237 172
238.tagfilter div.awesomplete { 173.menu-toggle.x .bar {
239 width: 15%; 174 transform: rotate(45deg);
240} 175}
241 176
242.tagfilter #tagfilter_value { 177.menu-toggle.x .bar:first-child {
243 display: inline; 178 transform: rotate(-45deg);
244} 179}
245 180
246.tagfilter li { 181@media screen and (max-width: 64em) {
247 color: black; 182 .menu-toggle {
183 display: block;
184 }
248} 185}
249 186
250.tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton { 187.header-buttons {
251 background-color: #dedede; 188 text-align: right;
252 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff));
253 background: -webkit-linear-gradient(#dedede, #ffffff);
254 background: -moz-linear-gradient(#dedede, #ffffff);
255 background: -ms-linear-gradient(#dedede, #ffffff);
256 background: -o-linear-gradient(#dedede, #ffffff);
257 background: linear-gradient(#dedede, #ffffff);
258 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
259 padding: 0 5px 0 5px;
260 margin: 5px 0 5px 0;
261 height: 20px;
262 border-radius: 3px 3px 3px 3px;
263 cursor: pointer;
264} 189}
265 190
266#shaarli_title { 191.linkcount {
267 font-weight: bold; 192 color: #252525;
268 font-style: italic; 193 font-size: 0.8em;
269 margin-top: 0;
270} 194}
271 195
272#shaarli_title a { 196@media screen and (min-width: 64em) {
273 color: #fff !important; 197 .linkcount {
198 position: absolute;
199 right: 5px;
200 }
274} 201}
275 202
276#pageheader a:visited { 203#search, #search-linklist {
277 color: #98C943; 204 text-align: center;
278 text-decoration: none; 205 width: 100%;
279} 206}
280 207
281#pageheader a:hover { 208#search input[type="text"], #search-linklist input[type="text"] {
282 color: #FFFFC9; 209 padding: 0 5px;
283 text-decoration: none; 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;
284} 217}
285 218
286#pageheader a:active { 219/* because chrome */
287 color: #bbb; 220#search input[type="text"]::-webkit-input-placeholder,
288 text-decoration: none; 221#search-linklist input[type="text"]::-webkit-input-placeholder {
222 color: #777777;
289} 223}
290 224
291#searchcriteria { 225#search button,
292 padding: 4px 0px 5px 5px; 226#search-linklist button {
293 font-weight: bold; 227 background: transparent;
228 border: none;
294} 229}
295 230
296.paging { 231#search button {
297 padding: 5px; 232 color: #f5f5f5;
298 background-color: #777;
299 color: #ccc;
300 text-align: center;
301 clear: both;
302} 233}
303 234
304.paging a:link { 235#search-linklist button {
305 color: #ccc; 236 color: #252525;
306 text-decoration: none;
307} 237}
308 238
309.paging a:visited { 239#search button:hover,
310 color: #ccc; 240#search-linklist button:hover {
241 color: #fff;
311} 242}
312 243
313.paging a:hover { 244#search-linklist {
314 color: #FFFFC9; 245 padding: 5px 0;
315} 246}
316 247
317.paging a:active { 248@media screen and (min-width: 64em) {
318 color: #fff; 249 #search .searchform,
319} 250 #search-linklist .searchform {
251 margin-right: 25px;
252 text-align: right;
253 }
320 254
321.paging_privatelinks { 255 #search .tagfilter,
322 float: left; 256 #search-linklist .tagfilter {
257 margin-left: 25px;
258 text-align: left;
259 }
323} 260}
324 261@media screen and (max-width: 64em) {
325.paging_linksperpage { 262 #search, #search * {
326 float: right; 263 visibility: hidden;
327 padding-right: 5px; 264 }
328 margin: 0px 10px 2px 0px;
329} 265}
330 266
331.paging_linksperpage form.linksperpage { 267#header-login-form input[type="text"], #header-login-form input[type="password"] {
332 display: inline; 268 width: 200px;
333} 269}
334 270
335.paging_linksperpage form.linksperpage input { 271/* because chrome */
336 height: 15px; 272#header-login-form input[type="text"]::-webkit-input-placeholder,
273#header-login-form input[type="password"]::-webkit-input-placeholder {
274 color: #777777;
337} 275}
338 276
339.paging_current { 277.subheader-form {
340 display: inline; 278 visibility: hidden;
341 color: #fff; 279 position: fixed;
342 padding: 0 20 0 20; 280 width: 100%;
281 text-align: center;
282 background: #1b926c;
283 display: block;
284 z-index: 999;
285 height: 30px;
286 padding: 5px 0;
343} 287}
344 288
345.paging_older { 289@media screen and (min-width: 64em) {
346 margin-right: 15px; 290 .subheader-form.open, .subheader-form.open * {
291 visibility: visible;
292 }
347} 293}
348 294
349.paging_newer { 295.subheader-form input[type="text"], .subheader-form input[type="password"], .subheader-form .remember-me {
350 margin-left: 15px; 296 margin: 0 0 5px 0;
297 padding: 5px 5px 3px 15px;
298 height: 20px;
299 width: 20%;
300 background: #f5f5f5;
301 border: medium none currentColor;
302 border-radius: 2px;
303 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.078), 0 1px 4px rgba(0, 0, 0, 0.298) inset;
304 color: #252525;
351} 305}
352 306
353#headerform { 307/* because chrome */
354 color: #ffffff; 308.subheader-form input[type="text"]::-webkit-input-placeholder,
355 padding: 5px 5px 5px 5px; 309.subheader-form input[type="password"]::-webkit-input-placeholder
356 clear: both; 310{
311 color: #252525;
357} 312}
358 313
359#headerform input.linkurl { 314.subheader-form .remember-me {
360 width: 50%; 315 display: inline-block;
361 font-size: inherit; 316 width: auto;
317 padding: 5px 20px 3px 20px;
318 cursor: pointer;
362} 319}
363 320
364#headerform label { 321.subheader-form .remember-me label, .subheader-form .remember-me input {
365 cursor: pointer; 322 cursor: pointer;
366 margin-right: 10px;
367} 323}
368 324
369#headerform label[for=longlastingsession] { 325.subheader-form input[type="submit"] {
370 display: block; 326 display: inline-block;
371 width: 100%; 327 margin: 0 0 5px 0;
372 margin-top: 5px; 328 padding: 4px 0 4px 0;
329 height: 28px;
330 width: 100px;
331 background: #1b926c;
332 border: 1px solid #f5f5f5;
333 color: #f5f5f5;
334 border-radius: 2px;
373} 335}
374 336
375#toolsdiv { 337.subheader-form input[type="submit"]:hover {
376 color: #ffffff; 338 background: #f5f5f5;
377 padding: 5px 5px 5px 5px; 339 color: #1b926c;
378 clear: left;
379} 340}
380 341
381#uploaddiv { 342.new-version-message {
382 color: #ffffff; 343 text-align: center;
383 padding: 5px 5px 5px 5px;
384 clear: left;
385} 344}
386 345
387#editlinkform { 346.new-version-message a {
388 height: 100%; 347 color: rgb(151, 96, 13);
389 padding: 5px 5px 5px 15px; 348 font-weight: bold;
390 width: 80%;
391 clear: left;
392} 349}
393 350
394#editlinkform label { 351/**
395 cursor: pointer; 352 * CONTENT - GENERAL
396 color: #ffffff; 353 */
354#content {
355 position: relative;
356 z-index: 2;
357 margin-top: 45px;
397} 358}
398 359
399#editlinkform textarea, #editlinkform .lf_input { 360/**
400 width: 100%; 361 * Plugins additional forms
362 */
363.toolbar-plugin {
364 margin: 5px 0;
365 text-align: center;
401} 366}
402 367
403#linklist li { 368.toolbar-plugin input[type="text"] {
404 padding: 4px 10px 15px 20px; 369 padding: 0 5px;
405 border-top: 1px solid #bbb; 370 height: 30px;
406 clear: both; 371 width: 300px;
407 background-color: #F2F2F2; 372 background: #f5f5f5;
408 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F2F2), to(#ffffff)); 373 border: medium none currentColor;
409 background: -webkit-linear-gradient(#F2F2F2, #ffffff); 374 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.078), 0 1px 1px rgba(0, 0, 0, 0.298) inset;
410 background: -moz-linear-gradient(#F2F2F2, #ffffff); 375 border-radius: 2px;
411 background: -ms-linear-gradient(#F2F2F2, #ffffff); 376 color: #252525;
412 background: -o-linear-gradient(#F2F2F2, #ffffff);
413 background: linear-gradient(#F2F2F2, #ffffff);
414} 377}
415 378
416/* 379/* because chrome */
417#linklist li.publicLinkHightLight:hover, #linklist li:hover { 380.toolbar-plugin input[type="text"]::-webkit-input-placeholder {
418 background: #E9FFCE; 381 color: #777777;
419} 382}
420*/
421 383
422.linkdate { 384.toolbar-plugin input[type="submit"] {
423 font-size:8pt; 385 padding: 0 10px;
424 color:#888; 386 height: 30px;
387 background: #f5f5f5;
388 border: medium none currentColor;
389 border-radius: 2px;
390 color: #252525;
425} 391}
426 392
427.linkdate a { 393.toolbar-plugin input[type="submit"]:hover {
428 color:#E28E3F; 394 background: #fff;
429} 395}
430 396
431#linklist li.private { 397@media screen and (max-width: 64em) {
432 background: url('../images/private.png') no-repeat 4px center; 398 .toolbar-plugin input[type="text"] {
433 padding-left: 30px; 399 width: 70%;
434}
435 400
436#linklist li { 401 }
437 padding-left: 30px;
438} 402}
439 403
440.private .linktitle a { 404/**
441 color: #969696; 405 * CONTENT - LINKLIST PAGING
406 * 64em -> lg
407 */
408.linklist-filters {
409 margin: 10px 0;
410 color: #252525;
411 font-size: 0.9em;
442} 412}
443 413
444.linktitle { 414.linklist-filters a {
445 font-size: 14pt; 415 padding: 5px 8px;
446 font-weight: bold; 416 text-decoration: none;
447} 417}
448 418
449.linktitle a { 419.linklist-filters .filter-off {
450 text-decoration: none; 420 color: #252525;
451 color: #80AD48; 421 background: #f5f5f5;
452} 422}
453 423
454.linktitle a:hover { 424.linklist-filters .filter-on {
455 color: #F57900; 425 color: #b0ddce;
426 background: #1b926c;
456} 427}
457 428
458.linkdate { 429.linklist-pages {
459 font-size: 8pt; 430 margin: 10px 0;
460 color: #888; 431 color: #252525;
432 text-align: center;
461} 433}
462 434
463.linkdate a { 435.linklist-pages a {
464 background-image: url('../images/calendar.png'); 436 color: #252525;
465 padding: 2px 0 3px 20px;
466 background-repeat: no-repeat;
467 text-decoration: none; 437 text-decoration: none;
468 color: #E28E3F;
469} 438}
470 439
471.linkdate a:hover { 440.linklist-pages a:hover {
472 color: #F57900 } 441 color: #fff;
473
474.linkurl {
475 font-size: 8pt;
476 color: #4BAA74;
477} 442}
478 443
479.linkdescription { 444.linksperpage {
480 color: #000; 445 margin: 10px 0;
481 margin-top: 0; 446 text-align: right;
482 margin-bottom: 12px; 447 color: #252525;
483 font-weight: normal; 448 font-size: 0.9em;
484 overflow: auto;
485} 449}
486 450
487.linkdescription a { 451.linksperpage a {
452 padding: 5px 5px;
488 text-decoration: none; 453 text-decoration: none;
489 color: #3465A4; 454 color: #252525;
455 background: #f5f5f5;
490} 456}
491 457
492.linkdescription a:hover { 458.linksperpage a, .linksperpage input[type="text"] {
493 color: #F57900; 459 display: inline-block;
460 width: 20px;
461 text-align: center;
494} 462}
495 463
496.linktaglist { 464.linksperpage form {
497 padding-top: 10px; 465 display: inline;
498 line-height: 200%;
499} 466}
500 467
501.linktag { 468.linksperpage input[type="text"] {
502 font-size: 9pt;
503 background-color: #F2F2F2;
504 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F2F2), to(#ffffff));
505 background: -webkit-linear-gradient(#F2F2F2, #ffffff);
506 background: -moz-linear-gradient(#F2F2F2, #ffffff);
507 background: -ms-linear-gradient(#F2F2F2, #ffffff);
508 background: -o-linear-gradient(#F2F2F2, #ffffff);
509 background: linear-gradient(#F2F2F2, #ffffff);
510 box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
511 padding: 3px 5px 3px 20px;
512 height: 20px; 469 height: 20px;
513 border-radius: 3px; 470 margin: 0;
514 cursor: pointer; 471 padding: 4px 5px 3px 8px;
515 background-image: url('../images/tag_blue.png'); 472 background: #f5f5f5;
516 background-repeat: no-repeat; 473 border: medium none currentColor;
517 background-position: 3px center; 474 color: #252525;
518 background-color: #ffffff; 475 font-size: 0.8em;
519} 476}
520 477
521.linktag:hover { 478/**
522 border-color: #555573; 479 * CONTENT - LINKLIST ITEMS
523 color: #000; 480 */
481.linklist-item {
482 margin: 0 0 15px 0;
483 background: #f5f5f5;
484 box-shadow: 2px 2px 0.5em #797979;
524} 485}
525 486
526.linktag a { 487.linklist-item-title, .linklist-item-title h2 {
527 color: #777; 488 margin: 0;
528 text-decoration: none; 489 word-wrap: break-word;
529} 490}
530 491
531.linktag .remove { 492.linklist-item-title {
532 border-left: 1px solid #aaa; 493 position: relative;
533 padding-left: 5px; 494 background: #f5f5f5;
534 color:#6767A7;
535} 495}
536 496
537.linkshort { 497.linklist-item-title h2 {
538 font-size: 8pt; 498 padding: 3px 10px 0 10px;
539 color: #888; 499 line-height: 30px;
540} 500}
541 501
542.linkshort a { 502.linklist-item-title a {
503 font-size: 0.7em;
504 color: #252525;
543 text-decoration: none; 505 text-decoration: none;
544 color: #393964; 506 vertical-align: middle;
507 font-family: Roboto Slab, Arial, sans-serif;
545} 508}
546 509
547.linkshort a:hover { 510.linklist-item-title .linklist-link {
548 text-decoration: underline; 511 font-size: 1.1em;
512 color: #1b926c;
549} 513}
550 514
551.buttoneditform { 515.linklist-item-title .linklist-link:visited {
552 display: inline; 516 color: #1b926c;
553} 517}
554 518
555#footer { 519.linklist-item-title a:hover, .linklist-item-title .linklist-link:hover{
556 font-size: 8pt; 520 color: #252525;
557 text-align: center;
558 color: #888;
559 clear: both;
560 max-width: 30em;
561 margin: 15px auto 15px auto;
562} 521}
563 522
564#footer a {
565 color: #486D08;
566}
567 523
568#footer a:hover { 524.linklist-item-title .label-private {
569 color: #000000; 525 border: solid 1px #F89406;
526 font-family: Arial, sans-serif;
527 font-size: 0.65em;
528 color: #F89406;
570} 529}
571 530
572#newversion { 531.linklist-item-title .fold-button {
573 background-color: #FFFFA0; 532 display: none;
574 color: #000;
575 position: absolute;
576 top: 0;
577 right: 0;
578 padding: 2 7 2 7;
579 font-size: 9pt;
580} 533}
581 534
582#newversion #version_id { 535.linklist-item-editbuttons {
583 text-decoration: blink; 536 float: right;
537 padding: 8px 5px;
584} 538}
585 539
586#cloudtag { 540.linklist-item-editbuttons * {
587 padding-left: 10%; 541 display: block;
588 padding-right: 10%; 542 float: left;
543 margin: 0 1px;
589} 544}
590 545
591#cloudtag .count { 546.linklist-item-editbuttons a {
592 color: #99f; 547 font-size: 1em;
593 font-size: 9pt;
594 padding-left: 5px;
595 padding-right: 2px;
596} 548}
597 549
598#cloudtag a { 550.edit-link {
599 color: black; 551 font-size: 1.2em;
600 text-decoration: none; 552 color: #0b5ea6;
601} 553}
602 554
603#install { 555.delete-link {
604 margin: 0 20px; 556 font-size: 1.3em;
557 color: #ac2925 !important;
605} 558}
606 559
607#installform { 560.linklist-item-description {
608 border: 1px solid black; 561 position: relative;
609 padding: 10px; 562 padding: 10px;
563 font-family: Roboto Slab, Arial, sans-serif;
564 word-wrap: break-word;
565 color: #252525;
566 line-height: 1.3em;
610} 567}
611 568
612#installform table { 569 {
613 border: none; 570 position: absolute;
571 left: 3px;
572 top: 0;
573 display: block;
574 content:"";
575 background: #F89406;
576 height: 95%;
577 width: 2px;
578 z-index: 1;
614} 579}
615 580
616#installform td { 581.linklist-item-description a {
617 font-size: 10pt; 582 text-decoration: none;
618 color: black; 583 color: #1b926c;
619 padding: 10px 5px 10px 5px;
620 clear: left;
621} 584}
622 585
623#installform input.bigbutton { 586.linklist-item-description a:hover {
624 float: right; 587 color: #252525;
625} 588}
626 589
627#changepasswordform { 590.linklist-item-description a:visited {
628 color: #ccc; 591 color: #14553f;
629 padding: 10px 5px 10px 5px;
630 clear: left;
631} 592}
632 593
633#changetag { 594.linklist-item-thumbnail {
634 color: #ccc; 595 position: relative;
635 padding: 10px 5px 10px 5px; 596 margin-top: 10px;
636 clear: left; 597 padding: 10px;
598 float: left;
599 z-index: 50;
637} 600}
638 601
639#changetag #totag { 602.linklist-item.private .linklist-item-title::before,
640 margin-left: 40px; 603.linklist-item.private .linklist-item-description::before,
604.linklist-item.private .linklist-item-thumbnail::before {
605 position: absolute;
606 left: 3px;
607 top: 0;
608 display: block;
609 content:"";
610 background: #F89406;
611 height: 95%;
612 width: 2px;
613 z-index: 1;
641} 614}
642 615
643#changetag div { 616.linklist-item.private .linklist-item-title::before {
644 float:left; 617 margin-top: 3px;
645} 618}
646 619
647#changetag label { 620.linklist-item-infos {
648 padding: 5px; 621 padding: 8px 8px 5px 8px;
622 background: #ddd;
623 color: #252525;
649} 624}
650 625
651#changetag li { 626.linklist-item-infos a {
652 color: #000; 627 color: #252525;
653} 628 text-decoration: none;
654#configform td {
655 color: #ccc;
656 font-size: 10pt;
657 padding: 10px 5px 10px 5px;
658} 629}
659 630
660#configform { 631.linklist-item-infos a:hover {
661 color: #ccc; 632 color: #000;
662 padding: 10px 5px 10px 5px;
663 clear: left;
664} 633}
665 634
666.thumbnail { 635.linklist-item-infos .linklist-item-tags {
667 float: right; 636 font-size: 0.8em;
668 margin: 0px 10px 0px 10px;
669} 637}
670 638
671.thumbnail img { 639.linklist-item-infos .label-tag {
672 border-radius: 3px; 640 font-size: 1em;
673 box-shadow: 0.5px 0.5px 0.5px 1px #dde4e6;
674} 641}
675 642
676/* If you want thumbnails on the left: 643.linklist-item-infos-dateblock {
677.thumbnail { 644 font-size: 0.9em;
678 float: left;
679 margin-right: 10px;
680} 645}
681.linkcontainer {
682 position: static;
683 margin-left: 130px;
684}
685*/
686 646
687/* --- Picture wall CSS --- */ 647.linklist-plugin-icon {
688#picwall_container { 648 width: 13px;
689 color: #fff; 649 height: 13px;
690 background-color: #000;
691 clear: both;
692} 650}
693 651
694.picwall_pictureframe { 652.linklist-item-infos-url {
695 background-color: #000; 653 text-align: right;
696 z-index: 5; 654 white-space: nowrap;
697 position: relative;
698 display: table-cell;
699 vertical-align: middle;
700 width: 90px;
701 height: 90px;
702 overflow: hidden; 655 overflow: hidden;
703 text-align: center; 656 text-overflow: ellipsis;
704 float: left; 657 font-size: 0.8em;
705} 658}
706 659
707.b-lazy { 660.linklist-item-infos .mobile-buttons {
708 -webkit-transition: opacity 500ms ease-in-out; 661 text-align: right;
709 -moz-transition: opacity 500ms ease-in-out;
710 -o-transition: opacity 500ms ease-in-out;
711 transition: opacity 500ms ease-in-out;
712 opacity: 0;
713}
714.b-lazy.b-loaded {
715 opacity: 1;
716} 662}
717 663
718.picwall_pictureframe img { 664.linklist-item-infos .linklist-plugin-icon {
719 max-width: 100%; 665 display: inline-block;
720 height: auto; 666 margin: 0 2px;
721 color: transparent; 667 width: 16px;
722} /* Adapt the width of the image */ 668 height: 16px;
669}
723 670
724.picwall_pictureframe a { 671/** 64em -> lg **/
725 text-decoration: none; 672@media screen and (max-width: 64em) {
673 .linklist-item-infos-url {
674 text-align: left;
675 }
726} 676}
727 677
728/* CSS to show title when hovering an image - no javascript required. */ 678/**
729.picwall_pictureframe span.info { 679 * Footer
730 display: none; 680 */
681#footer {
682 margin: 20px 0;
683 padding: 5px;
684 text-align: center;
685 color: #252525;
731} 686}
732 687
733.picwall_pictureframe:hover span.info { 688#footer:before {
734 display: block; 689 display: block;
735 position: absolute; 690 content:"";
736 top: 0; 691 background: linear-gradient(to right, #949393, #252525, #949393);
737 left: 0; 692 height: 1px;
738 width: 90px; 693 width: 80%;
739 font-weight: bold; 694 margin: 10px auto;
740 font-size: 8pt;
741 color: #fff;
742 text-align: left;
743 background-color: transparent;
744 background-color: rgba(0, 0, 0, 0.4);
745 /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
746 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
747 /* IE6–IE9 */
748 text-shadow: 2px 2px 1px #000000;
749}
750
751#linklist li.publicLinkHightLight {
752 background: #ffffff;
753}
754
755div.daily {
756 font-family: Georgia, 'DejaVu Serif', Norasi, serif;
757 background-color: #E6D6BE;
758 /* Background paper texture by BashCorpo:
759 http://www.bashcorpo.dk/textures.php
760 http://bashcorpo.deviantart.com/art/Grungy-paper-texture-v-5-22966998 */
761 background-image: url("../images/Paper_texture_v5_by_bashcorpo_w1000.jpg");
762 -webkit-background-size: cover;
763 -moz-background-size: cover;
764 -o-background-size: cover;
765 background-size: cover;
766 position: relative;
767 border-bottom: 2px solid black;
768} 695}
769 696
770#daily_col1 { 697#footer a {
771 float: left; 698 color: #252525;
772 position: relative;
773 width: 33%;
774 padding-left: 1%;
775} 699}
776 700
777#daily_col2 { 701/**
778 float: left; 702 * PAGE FORM
779 position: relative; 703 */
780 width: 33%; 704.page-form {
705 margin: 20px 0 0 0;
706 background: #f5f5f5;
707 box-shadow: 1px 1px 2px #797979;
708 color: #252525;
709 overflow: hidden;
781} 710}
782 711
783#daily_col3 { 712.page-form .window-title {
784 float: left; 713 margin: 0 0 10px 0;
785 position: relative; 714 padding: 10px 0;
786 width: 33%; 715 width: 100%;
716 color: #1b926c;
717 background: #f5f5f5;
718 text-align: center;
787} 719}
788 720
789div.dailyAbout { 721.page-form .window-subtitle {
790 float: left;
791 border: 1px solid black;
792 font-size: 8pt;
793 position: absolute;
794 left: 10px;
795 top: 15px;
796 padding: 5px 5px 5px 5px;
797 text-align: center; 722 text-align: center;
798} 723}
799 724
800div.dailyAbout a { 725.page-form a {
801 color: #890500; 726 color: #1b926c;
727 font-weight: bold;
802} 728}
803 729
804div.dailyAbout img { 730.page-form p {
805 position: relative; 731 padding: 0 10px;
806 top: 3px; 732 margin: 0;
807 margin-right: 4px;
808 width: 14px;
809 height: 14px;
810} 733}
811 734
812div.dailyEntryPermalink { 735.page-form input[type="text"],
813 float: right; 736.page-form input[type="password"],
737.page-form textarea {
738 box-sizing: border-box;
739 margin: 10px 0;
740 padding: 5px 5px 3px 15px;
741 height: 35px;
742 width: 90%;
743 background: #eeeeee;
744 border: solid 1px #d8d8d8;
745 border-radius: 2px;
746 color: #252525;
747}
748
749.page-form textarea {
750 min-height: 240px;
751 padding: 15px 5px 3px 15px;
752 resize: vertical;
753 overflow-y: auto;
754 word-wrap:break-word
755}
756
757/* because chrome */
758.page-form input[type="text"]::-webkit-input-placeholder,
759.page-form input[type="password"]::-webkit-input-placeholder {
760 color: #777777;
761}
762
763.page-form input[type="submit"], .page-form a.button {
764 margin: 15px 5px;
765 height: 35px;
766 line-height: 35px;
767 width: 150px;
768 background: #1b926c;
769 color: #f5f5f5;
770 border: none;
771 box-shadow: 1px 1px 1px #ddd, -1px -1px 6px #ddd, -1px 1px 2px #ddd, 1px -1px 2px #ddd;
772 font-size: 1.2em;
773 text-decoration: none;
774 vertical-align: center;
775 font-weight: normal;
776 display: inline-block;
814} 777}
815 778
816div.dailyTitle {
817 font-weight: bold;
818 font-size: 44pt;
819 text-align: center;
820 padding: 10px 20px 0px 20px;
821}
822 779
823div.dailyDate { 780.page-form .button.button-red {
824 font-size: 12pt; 781 background: #ac2925;
825 font-weight: bold;
826 text-align: center;
827 padding: 0px 20px 30px 20px;
828} 782}
829 783
830/* Individual entries in "Daily": */ 784.page-form .submit-buttons {
831div.dailyEntry { 785 margin-bottom: 10px;
832 margin: 5px 10px 2px 5px;
833 font-size: 11pt;
834 border-top: 1px solid #555;
835} 786}
836 787
837div.dailyEntry a { 788@media screen and (min-width: 64em) {
838 text-decoration: none; 789 .page-form .submit-buttons {
839 color: #890500; 790 position: relative;
840} 791 }
841 792
842div.dailyEntryTags { 793 .page-form .submit-buttons .button.button-red {
843 font-size: 7.75pt; 794 position: absolute;
795 right: 5%;
796 }
844} 797}
845 798
846div.dailyEntryTitle { 799@media screen and (max-width: 64em) {
847 font-size: 18pt; 800 .page-form .submit-buttons .button {
848 font-weight: bold; 801 display: block;
802 margin: auto;
803 }
849} 804}
850 805
851div.dailyEntryLinkdate { 806.page-form select {
852 font-size: 8pt; 807 color: #252525;
853} 808}
854 809
855div.dailyEntryThumbnail { 810/**
856 width: 100%; 811 * PAGE FORM - LIGHT
812 */
813.page-form-light div, .page-form-light p {
857 text-align: center; 814 text-align: center;
858 background-color: rgb(128, 128, 128);
859 background: url(../images/50pc_transparent.png);
860 padding: 4px 0px 2px 0px;
861} 815}
862 816
863div.dailyEntryDescription { 817/**
864 margin-top: 10px; 818 * PAGE FORM - COMPLETE
865 margin-bottom: 30px; 819 */
866 text-align: justify; 820.page-form-complete {
867 overflow: auto; 821 #background: #f5f5f5;
868} 822}
869 823
870div.dailyNoEntry { 824.page-form-complete div, .page-form-complete p {
871 text-align: center; 825 color: #252525;
872 padding: 40px 0px 90px 0px;
873} 826}
874 827
875.daily #closing { 828.page-form-complete .form-label, .page-form-complete .form-input {
876 clear: both; 829 position: relative;
877 text-align: center; 830 height: 60px;
878 padding-bottom: 20px;
879} 831}
880 832
881/* Common CSS screwdriver */ 833.page-form-complete .form-label label,
882.clear { 834.page-form-complete .form-input input,
883 clear: both; 835.page-form-complete .timezone {
836 position: absolute;
837 top: 50%;
838 transform: translateY(-50%);
884} 839}
885 840
886.right { 841.page-form-complete .form-label label {
887 text-align: right; 842 text-align: right;
843 right: 0;
844 padding: 0 20px;
888} 845}
889 846
890.white { 847.page-form-complete .label-name {
891 color: white; 848 font-weight: bold;
892} 849}
893 850
894/* For lazy images loading in picture wall. 851.page-form-complete .label-desc {
895 Using http://www.appelsiini.net/projects/lazyload 852 font-size: 0.8em;
896*/
897.lazyimage {
898 display: none;
899} 853}
900 854
901#configuration_table td { 855.page-form-complete input[type="text"],
902 border: none; 856.page-form-complete input[type="password"],
903 padding: 10px; 857.page-form-complete textarea {
904 vertical-align: top; 858 margin: 0;
905} 859}
906 860
907@media print { 861.page-form section {
908 html { 862 margin: 10px 0 25px 0;
909 border: none; 863}
910 background: #fff !important;
911 color: #000 !important;
912 }
913 864
914 body { 865.page-form table {
915 font-size: 12pt; 866 margin: auto;
916 width: auto !important; 867 width: 90%;
917 margin: auto !important; 868}
918 }
919 869
920 /* Minimum numer of lines to display when splitting a paragraph 870.page-form table .order {
921 over two pages */ 871 text-decoration: none;
922 p { 872 color: #252525;
923 orphans: 3; 873}
924 widows: 3;
925 }
926 874
927 a { 875.page-form table, .page-form th, .page-form td {
928 color: #000 !important; 876 border-width: 1px 0;
929 text-decoration: none !important; 877 border-style: solid;
930 } 878 border-color: #aaaaaa;
879}
931 880
932 #pageheader, .paging, #linklist li form, #footer { 881.page-form th, .page-form td {
933 display: none; 882 padding: 5px;
934 }
935 883
936 #linklist li { 884}
937 padding: 2 0 10 0;
938 border-top: 2px solid #000;
939 clear: both;
940 }
941 885
942 #linklist li.private { 886/* Awesomeplete fix */
943 background-color: none; 887div.awesomplete {
944 border-left: 0; 888 width: inherit;
945 } 889}
946 890
947 .linkdate { 891div.awesomplete > input {
948 line-height: 2; 892 display: inherit;
949 } 893}
950 894
951 .linkurl { 895div.awesomplete > ul {
952 color: #000; 896 z-index: 9999;
953 } 897}
954 898
955 .linkdescription { 899.page-form .awesomplete {
956 font-size: 10pt; 900 width: 90%;
957 } 901}
958 902
959 .linktag { 903.page-form .awesomplete input {
960 border: 1px solid black; 904 width: 100%;
961 font-style: italic;
962 font-size: 8pt;
963 }
964} 905}
965 906
966@media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 854px) { 907.page-form div.awesomplete > ul {
967 /* A few fixes for mobile devices (far from perfect). */ 908 color: black;
909}
968 910
969 .tagfilter div.awesomplete { 911@media screen and (max-width: 64em) {
970 width: 70%; 912 .page-form-complete .form-label {
913 height: inherit;
971 } 914 }
972 915
973 .nomobile { 916 .page-form-complete .form-label label,
974 display: none; 917 .page-form-complete .form-input input,
918 .page-form-complete .timezone {
919 position: inherit;
920 top: inherit;
921 transform: translateY(0);
975 } 922 }
976 923
977 #logo { 924 .page-form-complete .form-input input[type="checkbox"] {
978 display: none; 925 position: absolute;
926 top: 50%;
927 right: 50%;
928 transform: translateY(-50%);
979 } 929 }
980 930
981 #pageheader #menu ul { 931 .page-form-complete .form-input {
982 text-align: center; 932 text-align: center;
983 } 933 }
984 934
985 #pageheader #menu a { 935 .page-form-complete .form-label label {
986 padding: 5px; 936 display: block;
987 border-radius: 3px 3px 3px 3px; 937 text-align: left;
988 margin: 3px; 938 margin: 10px 0 0 0;
989 }
990
991 #headerform label {
992 width: 100%;
993 display: block;
994 height: auto;
995 line-height: 25px;
996 padding-bottom: 10px;
997 }
998
999 #headerform label input[type=text],
1000 #headerform label input[type=password]{
1001 float: right;
1002 width: 70%;
1003 }
1004
1005 .searchform, .tagfilter {
1006 display: block !important;
1007 margin: 0px 3px 7px 0px !important;
1008 padding: 0px !important;
1009 width: 97% !important;
1010 } 939 }
1011 940
1012 .searchform input, .tagfilter input { 941 .timezone-continent:after {
1013 margin: 0px !important; 942 content:"\a\a";
1014 padding: 0px !important; 943 white-space: pre;
1015 display: inline !important;
1016 } 944 }
1017 945
1018 .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton, a.bigbutton { 946 .page-form-complete .radio-buttons {
1019 width: 30%; 947 text-align: left;
1020 font-size: smaller; 948 padding: 5px 15px;
1021 } 949 }
950}
1022 951
1023 #searchform_value { 952/**
1024 width: 70% !important; 953 * Page visitor (page form extended)
1025 } 954 */
955.page-visitor {
956 color: #252525;
957}
1026 958
1027 #tagfilter_value { 959#page404 {
1028 width: 70% !important; 960 color: #3f3f3f;
1029 } 961}
1030 962
1031 div.qrcode { 963/**
1032 position: relative; 964 * LOGIN
1033 float: left; 965 */
1034 top: -10px; 966#login-form .remember-me {
1035 left: 0px; 967 margin: 5px 0;
1036 } 968}
1037 969
1038 .paging_privatelinks { 970/**
1039 float: none; 971 * Search results
1040 } 972 */
973.search-result a {
974 color: white;
975 text-decoration: none;
976}
1041 977
1042 .paging_linksperpage { 978.search-result .label-tag {
1043 float: none; 979 border-color: white;
1044 margin-bottom: 10px; 980}
1045 font-size: smaller;
1046 }
1047 981
1048 #paging_older, #paging_newer, .paging_linksperpage a { 982.search-result .label-tag .remove {
1049 border: 1px solid black; 983 border-left: white 1px solid;
1050 padding: 3px 5px 3px 5px; 984 padding: 0 0 0 5px;
1051 background-color: #666; 985 margin: 0 0 0 5px;
1052 color: #fff; 986}
1053 border-radius: 3px 3px 3px 3px;
1054 }
1055 987
1056 .thumbnail { 988/**
1057 float: none; 989 * TOOLS
1058 height: auto; 990 */
1059 margin: 0px; 991.tools-item {
1060 text-align: center; 992 margin: 10px 0;
1061 } 993}
1062 994
1063 #cloudtag { 995.tools-item .pure-button:hover {
1064 padding: 0px; 996 background-image: none;
1065 } 997 background-color: #1b926c;
998 color: #f5f5f5;
999}
1066 1000
1067 div.dailyAbout { 1001/**
1068 float: none; 1002 * PLUGIN ADMIN
1069 position: relative; 1003 */
1070 width: 100%; 1004#pluginform .mobile-row {
1071 clear: both; 1005 font-size: 0.9em;
1072 padding: 0px; 1006}
1073 top: 0px;
1074 left: 0px;
1075 }
1076 1007
1077 #daily_col1, #daily_col2, #daily_col3 { 1008#pluginform .more {
1078 float: none; 1009 margin-top: 10px;
1079 width: 100%; 1010}
1080 padding: 0px;
1081 }
1082 1011
1083 div.dailyTitle { 1012@media screen and (max-width: 64em) {
1084 font-size: 18pt; 1013 #pluginform .main-row, #pluginform .main-row td {
1085 margin-top: 5px; 1014 border-bottom-style: none;
1086 padding: 0px;
1087 } 1015 }
1088 1016
1089 div.dailyDate { 1017 #pluginform .mobile-row, #pluginform .mobile-row td {
1090 font-size: 11pt; 1018 border-top-style: none;
1091 padding: 0px;
1092 display: block;
1093 } 1019 }
1020}
1094 1021
1095 div.dailyEntryTitle { 1022/**
1096 font-size: 16pt; 1023 * IMPORT
1097 font-weight: bold; 1024 */
1098 } 1025#import-field {
1026 margin: 15px 0;
1027}
1099 1028
1100 div.dailyEntryDescription { 1029/**
1101 font-size: 10pt; 1030 * TAG CLOUD
1102 } 1031 */
1032#cloudtag {
1033 padding: 10px;
1034 text-align: center;
1103} 1035}
1104 1036
1105#toolsdiv a.button-description { 1037#cloudtag, #cloudtag a {
1106 clear: none; 1038 color: #000;
1039 text-decoration: none;
1107} 1040}
1108 1041
1109/* Highlight search results */ 1042#cloudtag .count {
1110.highlight { 1043 color: #7f7f7f;
1111 background-color: #FFFF33;
1112} 1044}
1113 1045
1114.center { 1046/**
1115 text-align: center; 1047 * Picture wall CSS
1048 */
1049#picwall_container {
1050 margin: 0 10px 10px 10px;
1051 color: #252525;
1052 background-color: #f5f5f5;
1053 clear: both;
1116} 1054}
1117 1055
1118ul.errors { 1056.picwall_pictureframe {
1119 color: red; 1057 margin: 2px;
1058 background-color: #f5f5f5;
1059 z-index: 5;
1060 position: relative;
1061 display: table-cell;
1062 vertical-align: middle;
1063 width: 90px;
1064 height: 90px;
1065 overflow: hidden;
1066 text-align: center;
1120 float: left; 1067 float: left;
1121} 1068}
1122 1069
1123#pluginsadmin { 1070.b-lazy {
1124 width: 80%; 1071 -webkit-transition: opacity 500ms ease-in-out;
1125 padding: 20px 0 0 20px; 1072 -moz-transition: opacity 500ms ease-in-out;
1073 -o-transition: opacity 500ms ease-in-out;
1074 transition: opacity 500ms ease-in-out;
1075 opacity: 0;
1126} 1076}
1127 1077.b-lazy.b-loaded {
1128#pluginsadmin section { 1078 opacity: 1;
1129 padding: 20px 0;
1130} 1079}
1131 1080
1132#pluginsadmin .plugin_parameters { 1081.picwall_pictureframe img {
1133 margin: 10px 0; 1082 max-width: 100%;
1083 height: auto;
1084 color: transparent;
1085} /* Adapt the width of the image */
1086
1087.picwall_pictureframe a {
1088 text-decoration: none;
1134} 1089}
1135 1090
1136#pluginsadmin h1 { 1091/* CSS to show title when hovering an image - no javascript required. */
1137 font-style: normal; 1092.picwall_pictureframe span.info {
1093 display: none;
1094 font-family: Arial, sans-serif;
1138} 1095}
1139 1096
1140#pluginsadmin h2 { 1097.picwall_pictureframe:hover span.info {
1141 font-size: 1.4em; 1098 display: block;
1099 position: absolute;
1100 top: 0;
1101 left: 0;
1102 width: 90px;
1103 height: 90px;
1142 font-weight: bold; 1104 font-weight: bold;
1105 font-size: 9pt;
1106 color: #f5f5f5;
1107 text-align: left;
1108 background-color: rgba(0, 0, 0, 0.8);
1143} 1109}
1144 1110
1145#pluginsadmin table { 1111/**
1146 width: 100%; 1112 * DAILY
1113 */
1114.daily-desc {
1115 color: #7f7f7f;
1116 font-size: 0.8em;
1147} 1117}
1148 1118
1149#pluginsadmin table, #pluginsadmin th, #pluginsadmin td { 1119.daily-about a {
1150 border-width: 1px 0; 1120 color: #343434;
1151 border-style: solid; 1121 text-decoration: none;
1152 border-color: #c0c0c0;
1153} 1122}
1154 1123
1155#pluginsadmin table th { 1124.daily-about a:hover {
1156 font-weight: bold; 1125 color: #7f7f7f;
1157 padding: 10px 0;
1158} 1126}
1159 1127
1160#pluginsadmin table td { 1128.daily-about h3:before, .daily-about h3:after {
1161 padding: 5px 0; 1129 display: block;
1130 content:"";
1131 background: linear-gradient(to right, #d5d4d4, #252525, #d5d4d4);
1132 height: 1px;
1133 width: 90%;
1134 margin: 10px auto;
1162} 1135}
1163 1136
1164#pluginsadmin input[type=submit] { 1137.daily-entry {
1165 margin: 10px 0; 1138 padding: 0 10px;
1166} 1139}
1167 1140
1168#pluginsadmin label { 1141.daily-entry .daily-entry-title:after {
1169 cursor: pointer; 1142 display: block;
1143 content:"";
1144 background: linear-gradient(to right, #fff, #515151, #fff);
1145 height: 1px;
1146 width: 70%;
1147 margin: 5px auto;
1170} 1148}
1171 1149
1172#pluginsadmin .plugin_parameter { 1150.daily-entry .daily-entry-title {
1173 padding: 10px 0; 1151 margin: 10px 0 0 0;
1174 border-width: 1px 0;
1175 border-style: solid;
1176 border-color: #c0c0c0;
1177} 1152}
1178 1153
1179#pluginsadmin .float_label { 1154.daily-entry .daily-entry-title a {
1180 float: left; 1155 color: #000;
1181 width: 40%; 1156 text-decoration: none;
1182} 1157}
1183 1158
1184#pluginsadmin a { 1159.daily-entry .daily-entry-description {
1185 color: #486D08; 1160 padding: 5px 5px 0 5px;
1161 font-size: 0.9em;
1162 text-align: justify;
1163 word-wrap: break-word;
1186} 1164}
1187 1165
1188#pluginsadmin a.arrow { 1166.daily-entry .daily-entry-tags {
1189 color: black; 1167 padding: 0 5px 5px 5px;
1168 font-size: 0.8em;
1190} 1169}
1191 1170
1192/* 404 page */ 1171.daily-entry-thumbnail {
1193.error-container { 1172 float: left;
1194 1173 margin: 15px 5px 5px 15px;
1195 margin: 50px;
1196 margin-top: 20px;
1197} 1174}
1198 1175
1199.error-container h1 { 1176.daily-entry-description a {
1200 text-decoration: none; 1177 text-decoration: none;
1201 font-style: normal; 1178 color: #1b926c;
1202 color: #80AD48;
1203} 1179}
1204 1180
1205.linklist-plugin-icon { 1181.daily-entry-description a:hover {
1206 width: 13px; 1182 text-shadow: 1px 1px #ddd;
1207 height: 13px; 1183}
1184
1185.daily-entry-description a:visited {
1186 color: #20b988;
1187}
1188
1189/*
1190 * Fix empty bookmarklet name in Firefox
1191 */
1192.pure-button {
1193 -moz-user-select: auto;
1208} 1194}