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