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