aboutsummaryrefslogtreecommitdiffhomepage
path: root/tpl/default/css
diff options
context:
space:
mode:
authorArthurHoaro <arthur@hoa.ro>2017-01-14 15:51:30 +0100
committerArthurHoaro <arthur@hoa.ro>2017-02-27 20:01:54 +0100
commit009ce9358168cc06c76fc2f4162829e552e633a3 (patch)
tree43b251326a24c6600acead1c406f7c18f291be8e /tpl/default/css
parent9e5a37cc7f4eb1c83222a94eb83d4e99ce4460a4 (diff)
downloadShaarli-009ce9358168cc06c76fc2f4162829e552e633a3.tar.gz
Shaarli-009ce9358168cc06c76fc2f4162829e552e633a3.tar.zst
Shaarli-009ce9358168cc06c76fc2f4162829e552e633a3.zip
Move default template to vintage folder
Diffstat (limited to 'tpl/default/css')
-rw-r--r--tpl/default/css/reset.css6
-rw-r--r--tpl/default/css/shaarli.css1208
2 files changed, 0 insertions, 1214 deletions
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
deleted file mode 100644
index 7ca567e7..00000000
--- a/tpl/default/css/shaarli.css
+++ /dev/null
@@ -1,1208 +0,0 @@
1/* Cascading Stylesheet for Shaarli - https://github.com/shaarli/Shaarli */
2
3body {
4 font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
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}
24
25a {
26 text-decoration: none;
27}
28
29h1 {
30 font-size: 20pt;
31 font-weight: bold;
32 font-style: italic;
33 margin-bottom: 20px;
34}
35
36em {
37 font-style: italic;
38}
39
40strong {
41 font-weight: bold;
42}
43
44/* Buttons */
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;
63}
64
65a.bigbutton, #pageheader a.bigbutton {
66 height: 22px;
67 line-height: 22px;
68}
69
70.smallbutton {
71 background-color: #c0c0c0;
72 background: -moz-linear-gradient(#c0c0c0, #ffffff) repeat scroll 0 0 transparent;
73 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c0c0c0), to(#ffffff));
74 background: -webkit-linear-gradient(#c0c0c0, #ffffff);
75 background: -ms-linear-gradient(#c0c0c0, #ffffff);
76 background: -o-linear-gradient(#c0c0c0, #ffffff);
77 background: linear-gradient(#c0c0c0, #ffffff);
78 border-radius: 3px 3px 3px 3px;
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}
88
89/* Small tab on the left of each link with edit/delete buttons. */
90.button_edit, .button_delete {
91 border-radius: 0;
92 box-shadow: none;
93 border-style: none;
94 border-width: 0;
95 padding: 0;
96 background: none;
97}
98
99.linkeditbuttons {
100 position: absolute;
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}
110
111#pageheader #logo {
112 background-image: url('../../../images/logo.png');
113 background-repeat: no-repeat;
114 float: left;
115 margin: 0 10px 0 10px;
116 width: 105px;
117 height: 55px;
118 cursor: pointer;
119}
120
121#pageheader #menu {
122 width: 100%;
123}
124
125#pageheader #menu ul {
126 margin: auto;
127 padding: 7px 0px 0px 0px;
128 float: none;
129}
130
131#pageheader #menu ul li {
132 list-style: none;
133 display: inline;
134 position: relative;
135 box-sizing: border-box;
136}
137
138#pageheader a {
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}
155
156#pageheader #linkcount {
157 float: right;
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}
178
179#pageheader .search {
180 width: 100%;
181 white-space: nowrap;
182}
183
184#toolsdiv a {
185 clear: both;
186}
187
188#toolsdiv #bookmark {
189 clear: none;
190}
191
192#toolsdiv a span {
193 color: #ffffff;
194}
195
196.linksperpage, .tagfilter, .searchform, .addform {
197 background-color: #dedede;
198 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff));
199 background: -webkit-linear-gradient(#dedede, #ffffff);
200 background: -moz-linear-gradient(#dedede, #ffffff);
201 background: -ms-linear-gradient(#dedede, #ffffff);
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}
212
213.linksperpage {
214 box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
215 padding: 3px;
216}
217
218.linksperpage input, .tagfilter input, .searchform input, .addform input {
219 border: none;
220 color: #606060;
221 background: none;
222 box-shadow: none;
223 padding: 5px;
224}
225
226.linksperpage input {
227 padding: 0;
228}
229
230.searchform #searchform_value {
231 width: 30%;
232}
233
234.tagfilter {
235 margin-left:24px;
236}
237
238.tagfilter div.awesomplete {
239 width: 15%;
240}
241
242.tagfilter #tagfilter_value {
243 display: inline;
244}
245
246.tagfilter li {
247 color: black;
248}
249
250.tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
251 background-color: #dedede;
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}
265
266#shaarli_title {
267 font-weight: bold;
268 font-style: italic;
269 margin-top: 0;
270}
271
272#shaarli_title a {
273 color: #fff !important;
274}
275
276#pageheader a:visited {
277 color: #98C943;
278 text-decoration: none;
279}
280
281#pageheader a:hover {
282 color: #FFFFC9;
283 text-decoration: none;
284}
285
286#pageheader a:active {
287 color: #bbb;
288 text-decoration: none;
289}
290
291#searchcriteria {
292 padding: 4px 0px 5px 5px;
293 font-weight: bold;
294}
295
296.paging {
297 padding: 5px;
298 background-color: #777;
299 color: #ccc;
300 text-align: center;
301 clear: both;
302}
303
304.paging a:link {
305 color: #ccc;
306 text-decoration: none;
307}
308
309.paging a:visited {
310 color: #ccc;
311}
312
313.paging a:hover {
314 color: #FFFFC9;
315}
316
317.paging a:active {
318 color: #fff;
319}
320
321.paging_privatelinks {
322 float: left;
323}
324
325.paging_linksperpage {
326 float: right;
327 padding-right: 5px;
328 margin: 0px 10px 2px 0px;
329}
330
331.paging_linksperpage form.linksperpage {
332 display: inline;
333}
334
335.paging_linksperpage form.linksperpage input {
336 height: 15px;
337}
338
339.paging_current {
340 display: inline;
341 color: #fff;
342 padding: 0 20 0 20;
343}
344
345.paging_older {
346 margin-right: 15px;
347}
348
349.paging_newer {
350 margin-left: 15px;
351}
352
353#headerform {
354 color: #ffffff;
355 padding: 5px 5px 5px 5px;
356 clear: both;
357}
358
359#headerform input.linkurl {
360 width: 50%;
361 font-size: inherit;
362}
363
364#headerform label {
365 cursor: pointer;
366 margin-right: 10px;
367}
368
369#headerform label[for=longlastingsession] {
370 display: block;
371 width: 100%;
372 margin-top: 5px;
373}
374
375#toolsdiv {
376 color: #ffffff;
377 padding: 5px 5px 5px 5px;
378 clear: left;
379}
380
381#uploaddiv {
382 color: #ffffff;
383 padding: 5px 5px 5px 5px;
384 clear: left;
385}
386
387#editlinkform {
388 height: 100%;
389 padding: 5px 5px 5px 15px;
390 width: 80%;
391 clear: left;
392}
393
394#editlinkform label {
395 cursor: pointer;
396 color: #ffffff;
397}
398
399#editlinkform textarea, #editlinkform .lf_input {
400 width: 100%;
401}
402
403#linklist li {
404 padding: 4px 10px 15px 20px;
405 border-top: 1px solid #bbb;
406 clear: both;
407 background-color: #F2F2F2;
408 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F2F2), to(#ffffff));
409 background: -webkit-linear-gradient(#F2F2F2, #ffffff);
410 background: -moz-linear-gradient(#F2F2F2, #ffffff);
411 background: -ms-linear-gradient(#F2F2F2, #ffffff);
412 background: -o-linear-gradient(#F2F2F2, #ffffff);
413 background: linear-gradient(#F2F2F2, #ffffff);
414}
415
416/*
417#linklist li.publicLinkHightLight:hover, #linklist li:hover {
418 background: #E9FFCE;
419}
420*/
421
422.linkdate {
423 font-size:8pt;
424 color:#888;
425}
426
427.linkdate a {
428 color:#E28E3F;
429}
430
431#linklist li.private {
432 background: url('../images/private.png') no-repeat 4px center;
433 padding-left: 30px;
434}
435
436#linklist li {
437 padding-left: 30px;
438}
439
440.private .linktitle a {
441 color: #969696;
442}
443
444.linktitle {
445 font-size: 14pt;
446 font-weight: bold;
447}
448
449.linktitle a {
450 text-decoration: none;
451 color: #80AD48;
452}
453
454.linktitle a:hover {
455 color: #F57900;
456}
457
458.linkdate {
459 font-size: 8pt;
460 color: #888;
461}
462
463.linkdate a {
464 background-image: url('../images/calendar.png');
465 padding: 2px 0 3px 20px;
466 background-repeat: no-repeat;
467 text-decoration: none;
468 color: #E28E3F;
469}
470
471.linkdate a:hover {
472 color: #F57900 }
473
474.linkurl {
475 font-size: 8pt;
476 color: #4BAA74;
477}
478
479.linkdescription {
480 color: #000;
481 margin-top: 0;
482 margin-bottom: 12px;
483 font-weight: normal;
484 overflow: auto;
485}
486
487.linkdescription a {
488 text-decoration: none;
489 color: #3465A4;
490}
491
492.linkdescription a:hover {
493 color: #F57900;
494}
495
496.linktaglist {
497 padding-top: 10px;
498 line-height: 200%;
499}
500
501.linktag {
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;
513 border-radius: 3px;
514 cursor: pointer;
515 background-image: url('../images/tag_blue.png');
516 background-repeat: no-repeat;
517 background-position: 3px center;
518 background-color: #ffffff;
519}
520
521.linktag:hover {
522 border-color: #555573;
523 color: #000;
524}
525
526.linktag a {
527 color: #777;
528 text-decoration: none;
529}
530
531.linktag .remove {
532 border-left: 1px solid #aaa;
533 padding-left: 5px;
534 color:#6767A7;
535}
536
537.linkshort {
538 font-size: 8pt;
539 color: #888;
540}
541
542.linkshort a {
543 text-decoration: none;
544 color: #393964;
545}
546
547.linkshort a:hover {
548 text-decoration: underline;
549}
550
551.buttoneditform {
552 display: inline;
553}
554
555#footer {
556 font-size: 8pt;
557 text-align: center;
558 color: #888;
559 clear: both;
560 max-width: 30em;
561 margin: 15px auto 15px auto;
562}
563
564#footer a {
565 color: #486D08;
566}
567
568#footer a:hover {
569 color: #000000;
570}
571
572#newversion {
573 background-color: #FFFFA0;
574 color: #000;
575 position: absolute;
576 top: 0;
577 right: 0;
578 padding: 2 7 2 7;
579 font-size: 9pt;
580}
581
582#newversion #version_id {
583 text-decoration: blink;
584}
585
586#cloudtag {
587 padding-left: 10%;
588 padding-right: 10%;
589}
590
591#cloudtag .count {
592 color: #99f;
593 font-size: 9pt;
594 padding-left: 5px;
595 padding-right: 2px;
596}
597
598#cloudtag a {
599 color: black;
600 text-decoration: none;
601}
602
603#install {
604 margin: 0 20px;
605}
606
607#installform {
608 border: 1px solid black;
609 padding: 10px;
610}
611
612#installform table {
613 border: none;
614}
615
616#installform td {
617 font-size: 10pt;
618 color: black;
619 padding: 10px 5px 10px 5px;
620 clear: left;
621}
622
623#installform input.bigbutton {
624 float: right;
625}
626
627#changepasswordform {
628 color: #ccc;
629 padding: 10px 5px 10px 5px;
630 clear: left;
631}
632
633#changetag {
634 color: #ccc;
635 padding: 10px 5px 10px 5px;
636 clear: left;
637}
638
639#changetag #totag {
640 margin-left: 40px;
641}
642
643#changetag div {
644 float:left;
645}
646
647#changetag label {
648 padding: 5px;
649}
650
651#changetag li {
652 color: #000;
653}
654#configform td {
655 color: #ccc;
656 font-size: 10pt;
657 padding: 10px 5px 10px 5px;
658}
659
660#configform {
661 color: #ccc;
662 padding: 10px 5px 10px 5px;
663 clear: left;
664}
665
666.thumbnail {
667 float: right;
668 margin: 0px 10px 0px 10px;
669}
670
671.thumbnail img {
672 border-radius: 3px;
673 box-shadow: 0.5px 0.5px 0.5px 1px #dde4e6;
674}
675
676/* If you want thumbnails on the left:
677.thumbnail {
678 float: left;
679 margin-right: 10px;
680}
681.linkcontainer {
682 position: static;
683 margin-left: 130px;
684}
685*/
686
687/* --- Picture wall CSS --- */
688#picwall_container {
689 color: #fff;
690 background-color: #000;
691 clear: both;
692}
693
694.picwall_pictureframe {
695 background-color: #000;
696 z-index: 5;
697 position: relative;
698 display: table-cell;
699 vertical-align: middle;
700 width: 90px;
701 height: 90px;
702 overflow: hidden;
703 text-align: center;
704 float: left;
705}
706
707.b-lazy {
708 -webkit-transition: opacity 500ms ease-in-out;
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}
717
718.picwall_pictureframe img {
719 max-width: 100%;
720 height: auto;
721 color: transparent;
722} /* Adapt the width of the image */
723
724.picwall_pictureframe a {
725 text-decoration: none;
726}
727
728/* CSS to show title when hovering an image - no javascript required. */
729.picwall_pictureframe span.info {
730 display: none;
731}
732
733.picwall_pictureframe:hover span.info {
734 display: block;
735 position: absolute;
736 top: 0;
737 left: 0;
738 width: 90px;
739 font-weight: bold;
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}
769
770#daily_col1 {
771 float: left;
772 position: relative;
773 width: 33%;
774 padding-left: 1%;
775}
776
777#daily_col2 {
778 float: left;
779 position: relative;
780 width: 33%;
781}
782
783#daily_col3 {
784 float: left;
785 position: relative;
786 width: 33%;
787}
788
789div.dailyAbout {
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;
798}
799
800div.dailyAbout a {
801 color: #890500;
802}
803
804div.dailyAbout img {
805 position: relative;
806 top: 3px;
807 margin-right: 4px;
808 width: 14px;
809 height: 14px;
810}
811
812div.dailyEntryPermalink {
813 float: right;
814}
815
816div.dailyTitle {
817 font-weight: bold;
818 font-size: 44pt;
819 text-align: center;
820 padding: 10px 20px 0px 20px;
821}
822
823div.dailyDate {
824 font-size: 12pt;
825 font-weight: bold;
826 text-align: center;
827 padding: 0px 20px 30px 20px;
828}
829
830/* Individual entries in "Daily": */
831div.dailyEntry {
832 margin: 5px 10px 2px 5px;
833 font-size: 11pt;
834 border-top: 1px solid #555;
835}
836
837div.dailyEntry a {
838 text-decoration: none;
839 color: #890500;
840}
841
842div.dailyEntryTags {
843 font-size: 7.75pt;
844}
845
846div.dailyEntryTitle {
847 font-size: 18pt;
848 font-weight: bold;
849}
850
851div.dailyEntryLinkdate {
852 font-size: 8pt;
853}
854
855div.dailyEntryThumbnail {
856 width: 100%;
857 text-align: center;
858 background-color: rgb(128, 128, 128);
859 background: url(../images/50pc_transparent.png);
860 padding: 4px 0px 2px 0px;
861}
862
863div.dailyEntryDescription {
864 margin-top: 10px;
865 margin-bottom: 30px;
866 text-align: justify;
867 overflow: auto;
868}
869
870div.dailyNoEntry {
871 text-align: center;
872 padding: 40px 0px 90px 0px;
873}
874
875.daily #closing {
876 clear: both;
877 text-align: center;
878 padding-bottom: 20px;
879}
880
881/* Common CSS screwdriver */
882.clear {
883 clear: both;
884}
885
886.right {
887 text-align: right;
888}
889
890.white {
891 color: white;
892}
893
894/* For lazy images loading in picture wall.
895 Using http://www.appelsiini.net/projects/lazyload
896*/
897.lazyimage {
898 display: none;
899}
900
901#configuration_table td {
902 border: none;
903 padding: 10px;
904 vertical-align: top;
905}
906
907@media print {
908 html {
909 border: none;
910 background: #fff !important;
911 color: #000 !important;
912 }
913
914 body {
915 font-size: 12pt;
916 width: auto !important;
917 margin: auto !important;
918 }
919
920 /* Minimum numer of lines to display when splitting a paragraph
921 over two pages */
922 p {
923 orphans: 3;
924 widows: 3;
925 }
926
927 a {
928 color: #000 !important;
929 text-decoration: none !important;
930 }
931
932 #pageheader, .paging, #linklist li form, #footer {
933 display: none;
934 }
935
936 #linklist li {
937 padding: 2 0 10 0;
938 border-top: 2px solid #000;
939 clear: both;
940 }
941
942 #linklist li.private {
943 background-color: none;
944 border-left: 0;
945 }
946
947 .linkdate {
948 line-height: 2;
949 }
950
951 .linkurl {
952 color: #000;
953 }
954
955 .linkdescription {
956 font-size: 10pt;
957 }
958
959 .linktag {
960 border: 1px solid black;
961 font-style: italic;
962 font-size: 8pt;
963 }
964}
965
966@media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 854px) {
967 /* A few fixes for mobile devices (far from perfect). */
968
969 .tagfilter div.awesomplete {
970 width: 70%;
971 }
972
973 .nomobile {
974 display: none;
975 }
976
977 #logo {
978 display: none;
979 }
980
981 #pageheader #menu ul {
982 text-align: center;
983 }
984
985 #pageheader #menu a {
986 padding: 5px;
987 border-radius: 3px 3px 3px 3px;
988 margin: 3px;
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 }
1011
1012 .searchform input, .tagfilter input {
1013 margin: 0px !important;
1014 padding: 0px !important;
1015 display: inline !important;
1016 }
1017
1018 .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton, a.bigbutton {
1019 width: 30%;
1020 font-size: smaller;
1021 }
1022
1023 #searchform_value {
1024 width: 70% !important;
1025 }
1026
1027 #tagfilter_value {
1028 width: 70% !important;
1029 }
1030
1031 div.qrcode {
1032 position: relative;
1033 float: left;
1034 top: -10px;
1035 left: 0px;
1036 }
1037
1038 .paging_privatelinks {
1039 float: none;
1040 }
1041
1042 .paging_linksperpage {
1043 float: none;
1044 margin-bottom: 10px;
1045 font-size: smaller;
1046 }
1047
1048 #paging_older, #paging_newer, .paging_linksperpage a {
1049 border: 1px solid black;
1050 padding: 3px 5px 3px 5px;
1051 background-color: #666;
1052 color: #fff;
1053 border-radius: 3px 3px 3px 3px;
1054 }
1055
1056 .thumbnail {
1057 float: none;
1058 height: auto;
1059 margin: 0px;
1060 text-align: center;
1061 }
1062
1063 #cloudtag {
1064 padding: 0px;
1065 }
1066
1067 div.dailyAbout {
1068 float: none;
1069 position: relative;
1070 width: 100%;
1071 clear: both;
1072 padding: 0px;
1073 top: 0px;
1074 left: 0px;
1075 }
1076
1077 #daily_col1, #daily_col2, #daily_col3 {
1078 float: none;
1079 width: 100%;
1080 padding: 0px;
1081 }
1082
1083 div.dailyTitle {
1084 font-size: 18pt;
1085 margin-top: 5px;
1086 padding: 0px;
1087 }
1088
1089 div.dailyDate {
1090 font-size: 11pt;
1091 padding: 0px;
1092 display: block;
1093 }
1094
1095 div.dailyEntryTitle {
1096 font-size: 16pt;
1097 font-weight: bold;
1098 }
1099
1100 div.dailyEntryDescription {
1101 font-size: 10pt;
1102 }
1103}
1104
1105#toolsdiv a.button-description {
1106 clear: none;
1107}
1108
1109/* Highlight search results */
1110.highlight {
1111 background-color: #FFFF33;
1112}
1113
1114.center {
1115 text-align: center;
1116}
1117
1118ul.errors {
1119 color: red;
1120 float: left;
1121}
1122
1123#pluginsadmin {
1124 width: 80%;
1125 padding: 20px 0 0 20px;
1126}
1127
1128#pluginsadmin section {
1129 padding: 20px 0;
1130}
1131
1132#pluginsadmin .plugin_parameters {
1133 margin: 10px 0;
1134}
1135
1136#pluginsadmin h1 {
1137 font-style: normal;
1138}
1139
1140#pluginsadmin h2 {
1141 font-size: 1.4em;
1142 font-weight: bold;
1143}
1144
1145#pluginsadmin table {
1146 width: 100%;
1147}
1148
1149#pluginsadmin table, #pluginsadmin th, #pluginsadmin td {
1150 border-width: 1px 0;
1151 border-style: solid;
1152 border-color: #c0c0c0;
1153}
1154
1155#pluginsadmin table th {
1156 font-weight: bold;
1157 padding: 10px 0;
1158}
1159
1160#pluginsadmin table td {
1161 padding: 5px 0;
1162}
1163
1164#pluginsadmin input[type=submit] {
1165 margin: 10px 0;
1166}
1167
1168#pluginsadmin label {
1169 cursor: pointer;
1170}
1171
1172#pluginsadmin .plugin_parameter {
1173 padding: 10px 0;
1174 border-width: 1px 0;
1175 border-style: solid;
1176 border-color: #c0c0c0;
1177}
1178
1179#pluginsadmin .float_label {
1180 float: left;
1181 width: 40%;
1182}
1183
1184#pluginsadmin a {
1185 color: #486D08;
1186}
1187
1188#pluginsadmin a.arrow {
1189 color: black;
1190}
1191
1192/* 404 page */
1193.error-container {
1194
1195 margin: 50px;
1196 margin-top: 20px;
1197}
1198
1199.error-container h1 {
1200 text-decoration: none;
1201 font-style: normal;
1202 color: #80AD48;
1203}
1204
1205.linklist-plugin-icon {
1206 width: 13px;
1207 height: 13px;
1208}