aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
-rw-r--r--inc/shaarli.css104
1 files changed, 102 insertions, 2 deletions
diff --git a/inc/shaarli.css b/inc/shaarli.css
index dd798d86..22000ba9 100644
--- a/inc/shaarli.css
+++ b/inc/shaarli.css
@@ -88,6 +88,7 @@ h1 {
88 padding: 0; 88 padding: 0;
89 background: none; 89 background: none;
90} 90}
91
91.linkeditbuttons { 92.linkeditbuttons {
92 position: absolute; 93 position: absolute;
93 left: -1px; 94 left: -1px;
@@ -151,9 +152,11 @@ h1 {
151#toolsdiv a { 152#toolsdiv a {
152 clear: both; 153 clear: both;
153} 154}
155
154#toolsdiv a span { 156#toolsdiv a span {
155 color: #ffffff; 157 color: #ffffff;
156} 158}
159
157.linksperpage, .tagfilter, .searchform, .addform { 160.linksperpage, .tagfilter, .searchform, .addform {
158 background-color: #dedede; 161 background-color: #dedede;
159 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff)); 162 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff));
@@ -209,6 +212,7 @@ h1 {
209 font-style: italic; 212 font-style: italic;
210 margin-top: 0; 213 margin-top: 0;
211} 214}
215
212#shaarli_title a { 216#shaarli_title a {
213 color: #fff !important; 217 color: #fff !important;
214} 218}
@@ -217,18 +221,22 @@ h1 {
217 color: #98C943; 221 color: #98C943;
218 text-decoration: none; 222 text-decoration: none;
219} 223}
224
220#pageheader a:hover { 225#pageheader a:hover {
221 color: #FFFFC9; 226 color: #FFFFC9;
222 text-decoration: none; 227 text-decoration: none;
223} 228}
229
224#pageheader a:active { 230#pageheader a:active {
225 color: #bbb; 231 color: #bbb;
226 text-decoration: none; 232 text-decoration: none;
227} 233}
234
228#searchcriteria { 235#searchcriteria {
229 padding: 4px 0px 5px 5px; 236 padding: 4px 0px 5px 5px;
230 font-weight: bold; 237 font-weight: bold;
231} 238}
239
232.paging { 240.paging {
233 padding: 5px; 241 padding: 5px;
234 background-color: #777; 242 background-color: #777;
@@ -236,34 +244,43 @@ h1 {
236 text-align: center; 244 text-align: center;
237 clear: both; 245 clear: both;
238} 246}
247
239.paging a:link { 248.paging a:link {
240 color: #ccc; 249 color: #ccc;
241 text-decoration: none; 250 text-decoration: none;
242} 251}
252
243.paging a:visited { 253.paging a:visited {
244 color: #ccc; 254 color: #ccc;
245} 255}
256
246.paging a:hover { 257.paging a:hover {
247 color: #FFFFC9; 258 color: #FFFFC9;
248} 259}
260
249.paging a:active { 261.paging a:active {
250 color: #fff; 262 color: #fff;
251} 263}
264
252#paging_privatelinks { 265#paging_privatelinks {
253 float: left; 266 float: left;
254} 267}
268
255#paging_linksperpage { 269#paging_linksperpage {
256 float: right; 270 float: right;
257 padding-right: 5px; 271 padding-right: 5px;
258} 272}
273
259#paging_current { 274#paging_current {
260 display: inline; 275 display: inline;
261 color: #fff; 276 color: #fff;
262 padding: 0 20 0 20; 277 padding: 0 20 0 20;
263} 278}
279
264#paging_older { 280#paging_older {
265 margin-right: 15px; 281 margin-right: 15px;
266} 282}
283
267#paging_newer { 284#paging_newer {
268 margin-left: 15px; 285 margin-left: 15px;
269} 286}
@@ -273,16 +290,19 @@ h1 {
273 padding: 5px 5px 5px 5px; 290 padding: 5px 5px 5px 5px;
274 clear: both; 291 clear: both;
275} 292}
293
276#toolsdiv { 294#toolsdiv {
277 color: #ffffff; 295 color: #ffffff;
278 padding: 5px 5px 5px 5px; 296 padding: 5px 5px 5px 5px;
279 clear: left; 297 clear: left;
280} 298}
299
281#uploaddiv { 300#uploaddiv {
282 color: #ffffff; 301 color: #ffffff;
283 padding: 5px 5px 5px 5px; 302 padding: 5px 5px 5px 5px;
284 clear: left; 303 clear: left;
285} 304}
305
286#editlinkform { 306#editlinkform {
287 height: 100%; 307 height: 100%;
288 color: #ffffff; 308 color: #ffffff;
@@ -290,6 +310,7 @@ h1 {
290 width: 80%; 310 width: 80%;
291 clear: left; 311 clear: left;
292} 312}
313
293#linklist li { 314#linklist li {
294 padding: 4px 10px 15px 20px; 315 padding: 4px 10px 15px 20px;
295 border-top: 1px solid #bbb; 316 border-top: 1px solid #bbb;
@@ -308,38 +329,48 @@ h1 {
308 background: #E9FFCE; 329 background: #E9FFCE;
309} 330}
310*/ 331*/
332
311.linkdate, .linkarchive { 333.linkdate, .linkarchive {
312 font-size:8pt; 334 font-size:8pt;
313 color:#888; 335 color:#888;
314} 336}
337
315.linkdate a, .linkarchive a { 338.linkdate a, .linkarchive a {
316 color:#E28E3F; 339 color:#E28E3F;
317} 340}
341
318#linklist li.private { 342#linklist li.private {
319 background: url('../images/private.png') no-repeat 10px center; 343 background: url('../images/private.png') no-repeat 10px center;
320 padding-left: 60px; 344 padding-left: 60px;
321} 345}
346
322#linklist li { 347#linklist li {
323 padding-left: 26px; 348 padding-left: 26px;
324} 349}
350
325.private .linktitle a { 351.private .linktitle a {
326 color: #969696; 352 color: #969696;
327} 353}
354
328.linktitle { 355.linktitle {
329 font-size: 14pt; 356 font-size: 14pt;
330 font-weight: bold; 357 font-weight: bold;
331} 358}
359
332.linktitle a { 360.linktitle a {
333 text-decoration: none; 361 text-decoration: none;
334 color: #80AD48; 362 color: #80AD48;
335} 363}
364
336.linktitle a:hover { 365.linktitle a:hover {
337 color: #F57900; 366 color: #F57900;
338} 367}
368
339.linkdate, .linkarchive { 369.linkdate, .linkarchive {
340 font-size: 8pt; 370 font-size: 8pt;
341 color: #888; 371 color: #888;
342} 372}
373
343.linkdate a, .linkarchive a { 374.linkdate a, .linkarchive a {
344 background-image: url('../images/calendar.png'); 375 background-image: url('../images/calendar.png');
345 padding: 2px 0 3px 20px; 376 padding: 2px 0 3px 20px;
@@ -347,12 +378,15 @@ h1 {
347 text-decoration: none; 378 text-decoration: none;
348 color: #E28E3F; 379 color: #E28E3F;
349} 380}
381
350.linkdate a:hover { 382.linkdate a:hover {
351 color: #F57900 } 383 color: #F57900 }
384
352.linkurl { 385.linkurl {
353 font-size: 8pt; 386 font-size: 8pt;
354 color: #4BAA74; 387 color: #4BAA74;
355} 388}
389
356.linkdescription { 390.linkdescription {
357 color: #000; 391 color: #000;
358 margin-top: 0; 392 margin-top: 0;
@@ -361,17 +395,21 @@ h1 {
361 max-height: 400px; 395 max-height: 400px;
362 overflow: auto; 396 overflow: auto;
363} 397}
398
364.linkdescription a { 399.linkdescription a {
365 text-decoration: none; 400 text-decoration: none;
366 color: #3465A4; 401 color: #3465A4;
367} 402}
403
368.linkdescription a:hover { 404.linkdescription a:hover {
369 color: #F57900; 405 color: #F57900;
370} 406}
407
371.linktaglist { 408.linktaglist {
372 padding-top: 10px; 409 padding-top: 10px;
373 line-height: 200%; 410 line-height: 200%;
374} 411}
412
375.linktag { 413.linktag {
376 font-size: 9pt; 414 font-size: 9pt;
377 background-color: #F2F2F2; 415 background-color: #F2F2F2;
@@ -391,28 +429,35 @@ h1 {
391 background-position: 3px center; 429 background-position: 3px center;
392 background-color: #ffffff; 430 background-color: #ffffff;
393} 431}
432
394.linktag:hover { 433.linktag:hover {
395 border-color: #555573; 434 border-color: #555573;
396 color: #000; 435 color: #000;
397} 436}
437
398.linktag a { 438.linktag a {
399 color: #777; 439 color: #777;
400 text-decoration: none; 440 text-decoration: none;
401} 441}
442
402.linkshort { 443.linkshort {
403 font-size: 8pt; 444 font-size: 8pt;
404 color: #888; 445 color: #888;
405} 446}
447
406.linkshort a { 448.linkshort a {
407 text-decoration: none; 449 text-decoration: none;
408 color: #393964; 450 color: #393964;
409} 451}
452
410.linkshort a:hover { 453.linkshort a:hover {
411 text-decoration: underline; 454 text-decoration: underline;
412} 455}
456
413.buttoneditform { 457.buttoneditform {
414 display: inline; 458 display: inline;
415} 459}
460
416#footer { 461#footer {
417 font-size: 8pt; 462 font-size: 8pt;
418 text-align: center; 463 text-align: center;
@@ -420,12 +465,15 @@ h1 {
420 color: #888; 465 color: #888;
421 clear: both; 466 clear: both;
422} 467}
468
423#footer a { 469#footer a {
424 color: #486D08; 470 color: #486D08;
425} 471}
472
426#footer a:hover { 473#footer a:hover {
427 color: #000000; 474 color: #000000;
428} 475}
476
429#newversion { 477#newversion {
430 background-color: #FFFFA0; 478 background-color: #FFFFA0;
431 color: #000; 479 color: #000;
@@ -435,44 +483,53 @@ h1 {
435 padding: 2 7 2 7; 483 padding: 2 7 2 7;
436 font-size: 9pt; 484 font-size: 9pt;
437} 485}
486
438#cloudtag { 487#cloudtag {
439 padding-left: 10%; 488 padding-left: 10%;
440 padding-right: 10%; 489 padding-right: 10%;
441} 490}
491
442#cloudtag a { 492#cloudtag a {
443 color: black; 493 color: black;
444 text-decoration: none; 494 text-decoration: none;
445} 495}
496
446#installform td { 497#installform td {
447 font-size: 10pt; 498 font-size: 10pt;
448 color: black; 499 color: black;
449 padding: 10px 5px 10px 5px; 500 padding: 10px 5px 10px 5px;
450 clear: left; 501 clear: left;
451} 502}
503
452#changepasswordform { 504#changepasswordform {
453 color: #ccc; 505 color: #ccc;
454 padding: 10px 5px 10px 5px; 506 padding: 10px 5px 10px 5px;
455 clear: left; 507 clear: left;
456} 508}
509
457#changetag { 510#changetag {
458 color: #ccc; 511 color: #ccc;
459 padding: 10px 5px 10px 5px; 512 padding: 10px 5px 10px 5px;
460 clear: left; 513 clear: left;
461} 514}
515
462#configform td { 516#configform td {
463 color: #ccc; 517 color: #ccc;
464 font-size: 10pt; 518 font-size: 10pt;
465 padding: 10px 5px 10px 5px; 519 padding: 10px 5px 10px 5px;
466} 520}
521
467#configform { 522#configform {
468 color: #ccc; 523 color: #ccc;
469 padding: 10px 5px 10px 5px; 524 padding: 10px 5px 10px 5px;
470 clear: left; 525 clear: left;
471} 526}
527
472.thumbnail { 528.thumbnail {
473 float: right; 529 float: right;
474 margin-left: 10px; 530 margin-left: 10px;
475} 531}
532
476/* If you want thumbnails on the left: 533/* If you want thumbnails on the left:
477.thumbnail { 534.thumbnail {
478 float: left; 535 float: left;
@@ -490,6 +547,7 @@ h1 {
490 background-color: #000; 547 background-color: #000;
491 clear: both; 548 clear: both;
492} 549}
550
493.picwall_pictureframe { 551.picwall_pictureframe {
494 background-color: #000; 552 background-color: #000;
495 z-index: 5; 553 z-index: 5;
@@ -502,10 +560,12 @@ h1 {
502 text-align: center; 560 text-align: center;
503 float: left; 561 float: left;
504} 562}
563
505.picwall_pictureframe img { 564.picwall_pictureframe img {
506 max-width: 100%; 565 max-width: 100%;
507 height: auto; 566 height: auto;
508} /* Adapt the width of the image */ 567} /* Adapt the width of the image */
568
509.picwall_pictureframe a { 569.picwall_pictureframe a {
510 text-decoration: none; 570 text-decoration: none;
511} 571}
@@ -514,6 +574,7 @@ h1 {
514.picwall_pictureframe span.info { 574.picwall_pictureframe span.info {
515 display: none; 575 display: none;
516} 576}
577
517.picwall_pictureframe:hover span.info { 578.picwall_pictureframe:hover span.info {
518 display: block; 579 display: block;
519 position: absolute; 580 position: absolute;
@@ -537,6 +598,7 @@ h1 {
537 background-color: #fff; 598 background-color: #fff;
538 padding-left: 5px; 599 padding-left: 5px;
539} 600}
601
540.ui-state-hover { 602.ui-state-hover {
541 background-color: #604dff; 603 background-color: #604dff;
542 color: #fff; 604 color: #fff;
@@ -586,11 +648,13 @@ div.daily {
586 width: 33%; 648 width: 33%;
587 padding-left: 1%; 649 padding-left: 1%;
588} 650}
651
589#daily_col2 { 652#daily_col2 {
590 float: left; 653 float: left;
591 position: relative; 654 position: relative;
592 width: 33%; 655 width: 33%;
593} 656}
657
594#daily_col3 { 658#daily_col3 {
595 float: left; 659 float: left;
596 position: relative; 660 position: relative;
@@ -607,15 +671,18 @@ div.dailyAbout {
607 padding: 5px 5px 5px 5px; 671 padding: 5px 5px 5px 5px;
608 text-align: center; 672 text-align: center;
609} 673}
674
610div.dailyAbout a { 675div.dailyAbout a {
611 color: #890500; 676 color: #890500;
612} 677}
678
613div.dailyTitle { 679div.dailyTitle {
614 font-weight: bold; 680 font-weight: bold;
615 font-size: 44pt; 681 font-size: 44pt;
616 text-align: center; 682 text-align: center;
617 padding: 10px 20px 0px 20px; 683 padding: 10px 20px 0px 20px;
618} 684}
685
619div.dailyDate { 686div.dailyDate {
620 font-size: 12pt; 687 font-size: 12pt;
621 font-weight: bold; 688 font-weight: bold;
@@ -629,17 +696,21 @@ div.dailyEntry {
629 font-size: 11pt; 696 font-size: 11pt;
630 border-top: 1px solid #555; 697 border-top: 1px solid #555;
631} 698}
699
632div.dailyEntry a { 700div.dailyEntry a {
633 text-decoration: none; 701 text-decoration: none;
634 color: #890500; 702 color: #890500;
635} 703}
704
636div.dailyEntryTags { 705div.dailyEntryTags {
637 font-size: 7.75pt; 706 font-size: 7.75pt;
638} 707}
708
639div.dailyEntryTitle { 709div.dailyEntryTitle {
640 font-size: 18pt; 710 font-size: 18pt;
641 font-weight: bold; 711 font-weight: bold;
642} 712}
713
643div.dailyEntryThumbnail { 714div.dailyEntryThumbnail {
644 width: 100%; 715 width: 100%;
645 text-align: center; 716 text-align: center;
@@ -647,6 +718,7 @@ div.dailyEntryThumbnail {
647 background: url(../images/50pc_transparent.png); 718 background: url(../images/50pc_transparent.png);
648 padding: 4px 0px 2px 0px; 719 padding: 4px 0px 2px 0px;
649} 720}
721
650div.dailyEntryDescription { 722div.dailyEntryDescription {
651 margin-top: 10px; 723 margin-top: 10px;
652 margin-bottom: 30px; 724 margin-bottom: 30px;
@@ -672,42 +744,52 @@ div.dailyEntryDescription {
672 background: #fff !important; 744 background: #fff !important;
673 color: #000 !important; 745 color: #000 !important;
674 } 746 }
747
675 body { 748 body {
676 font-size: 12pt; 749 font-size: 12pt;
677 width: auto !important; 750 width: auto !important;
678 margin: auto !important; 751 margin: auto !important;
679 } 752 }
753
680 /* Minimum numer of lines to display when splitting a paragraph 754 /* Minimum numer of lines to display when splitting a paragraph
681 over two pages */ 755 over two pages */
682 p { 756 p {
683 orphans: 3; 757 orphans: 3;
684 widows: 3; 758 widows: 3;
685 } 759 }
760
686 a { 761 a {
687 color: #000 !important; 762 color: #000 !important;
688 text-decoration: none !important; 763 text-decoration: none !important;
689 } 764 }
765
690 #pageheader, .paging, #linklist li form, #footer { 766 #pageheader, .paging, #linklist li form, #footer {
691 display: none; 767 display: none;
692 } 768 }
769
693 #linklist li { 770 #linklist li {
694 padding: 2 0 10 0; 771 padding: 2 0 10 0;
695 border-top: 2px solid #000; 772 border-top: 2px solid #000;
696 clear: both; 773 clear: both;
697 } 774 }
775
698 #linklist li.private { 776 #linklist li.private {
699 background-color: none; 777 background-color: none;
700 border-left: 0; 778 border-left: 0;
701 } 779 }
780
702 .linkdate { 781 .linkdate {
703 line-height: 2; 782 line-height: 2;
704 } 783 }
784
705 .linkurl { 785 .linkurl {
706 color: #000; 786 color: #000;
707 } 787 }
788
708 .linkdescription { 789 .linkdescription {
709 font-size: 10pt; 790 font-size: 10pt;
710 } 791 }
792
711 .linktag { 793 .linktag {
712 border: 1px solid black; 794 border: 1px solid black;
713 font-style: italic; 795 font-style: italic;
@@ -720,50 +802,60 @@ div.dailyEntryDescription {
720 .nomobile { 802 .nomobile {
721 display: none; 803 display: none;
722 } 804 }
805
723 #logo { 806 #logo {
724 display: none; 807 display: none;
725 } 808 }
726 #pageheader a 809
727 { 810 #pageheader a {
728 padding: 5px; 811 padding: 5px;
729 border-radius: 5px 5px 5px 5px; 812 border-radius: 5px 5px 5px 5px;
730 margin: 3px; 813 margin: 3px;
731 } 814 }
815
732 .searchform, .tagfilter { 816 .searchform, .tagfilter {
733 display: block !important; 817 display: block !important;
734 margin: 0px !important; 818 margin: 0px !important;
735 padding: 0px !important; 819 padding: 0px !important;
736 width: 100% !important; 820 width: 100% !important;
737 } 821 }
822
738 .searchform input, .tagfilter input { 823 .searchform input, .tagfilter input {
739 margin: 0px !important; 824 margin: 0px !important;
740 padding: 0px !important; 825 padding: 0px !important;
741 display: inline !important; 826 display: inline !important;
742 } 827 }
828
743 .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton { 829 .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
744 width: 30%; 830 width: 30%;
745 font-size: smaller; 831 font-size: smaller;
746 } 832 }
833
747 #searchform_value { 834 #searchform_value {
748 width: 70% !important; 835 width: 70% !important;
749 } 836 }
837
750 #tagfilter_value { 838 #tagfilter_value {
751 width: 70% !important; 839 width: 70% !important;
752 } 840 }
841
753 div.qrcode { 842 div.qrcode {
754 position: relative; 843 position: relative;
755 float: left; 844 float: left;
756 top: -10px; 845 top: -10px;
757 left: 0px; 846 left: 0px;
758 } 847 }
848
759 #paging_privatelinks { 849 #paging_privatelinks {
760 float: none; 850 float: none;
761 } 851 }
852
762 #paging_linksperpage { 853 #paging_linksperpage {
763 float: none; 854 float: none;
764 margin-bottom: 10px; 855 margin-bottom: 10px;
765 font-size: smaller; 856 font-size: smaller;
766 } 857 }
858
767 #paging_older, #paging_newer, #paging_linksperpage a { 859 #paging_older, #paging_newer, #paging_linksperpage a {
768 border: 1px solid black; 860 border: 1px solid black;
769 padding: 3px 5px 3px 5px; 861 padding: 3px 5px 3px 5px;
@@ -771,15 +863,18 @@ div.dailyEntryDescription {
771 color: #fff; 863 color: #fff;
772 border-radius: 5px 5px 5px 5px; 864 border-radius: 5px 5px 5px 5px;
773 } 865 }
866
774 .thumbnail { 867 .thumbnail {
775 float: none; 868 float: none;
776 height: auto; 869 height: auto;
777 margin: 0px; 870 margin: 0px;
778 text-align: center; 871 text-align: center;
779 } 872 }
873
780 #cloudtag { 874 #cloudtag {
781 padding: 0px; 875 padding: 0px;
782 } 876 }
877
783 div.dailyAbout { 878 div.dailyAbout {
784 float: none; 879 float: none;
785 position: relative; 880 position: relative;
@@ -789,25 +884,30 @@ div.dailyEntryDescription {
789 top: 0px; 884 top: 0px;
790 left: 0px; 885 left: 0px;
791 } 886 }
887
792 #daily_col1, #daily_col2, #daily_col3 { 888 #daily_col1, #daily_col2, #daily_col3 {
793 float: none; 889 float: none;
794 width: 100%; 890 width: 100%;
795 padding: 0px; 891 padding: 0px;
796 } 892 }
893
797 div.dailyTitle { 894 div.dailyTitle {
798 font-size: 18pt; 895 font-size: 18pt;
799 margin-top: 5px; 896 margin-top: 5px;
800 padding: 0px; 897 padding: 0px;
801 } 898 }
899
802 div.dailyDate { 900 div.dailyDate {
803 font-size: 11pt; 901 font-size: 11pt;
804 padding: 0px; 902 padding: 0px;
805 display: block; 903 display: block;
806 } 904 }
905
807 div.dailyEntryTitle { 906 div.dailyEntryTitle {
808 font-size: 16pt; 907 font-size: 16pt;
809 font-weight: bold; 908 font-weight: bold;
810 } 909 }
910
811 div.dailyEntryDescription { 911 div.dailyEntryDescription {
812 font-size: 10pt; 912 font-size: 10pt;
813 } 913 }