inc/shaarli.css

   1 /* Cascading Stylesheet for Shaarli - https://github.com/shaarli/Shaarli */
   2
   3 body {
   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
  10 input, 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
  25 a {
  26     text-decoration: none;
  27 }
  28
  29 h1 {
  30     font-size: 20pt;
  31     font-weight: bold;
  32     font-style: italic;
  33     margin-bottom: 20px;
  34 }
  35
  36 em {
  37     font-style: italic;
  38 }
  39
  40 strong {
  41     font-weight: bold;
  42 }
  43
  44 /* Buttons */
  45 .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     margin-left: 5px;
  58     padding: 0 5px;
  59     color: #606060;
  60     border-style: outset;
  61     border-width: 1px;
  62 }
  63
  64 .smallbutton {
  65     background-color: #c0c0c0;
  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);
  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;
  78     color: #606060;
  79     border-style: outset;
  80     border-width: 1px;
  81 }
  82
  83 /* Small tab on the left of each link with edit/delete buttons. */
  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 }
  92
  93 .linkeditbuttons {
  94     position: absolute;
  95     left: 2px;
  96     padding: 4px 2px 2px 2px;
  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;
 103 }
 104
 105 #pageheader #logo {
 106     background-image: url('../images/logo.png');
 107     background-repeat: no-repeat;
 108     float: left;
 109     margin: 0 10px 0 10px;
 110     width: 105px;
 111     height: 55px;
 112     cursor: pointer;
 113 }
 114
 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;
 142     border-radius: 3px 3px 3px 3px;
 143     margin: 10px 3px 3px 3px;
 144     color: #A2DD42;
 145     text-decoration: none;
 146     line-height: 2.5;
 147     white-space: nowrap;
 148 }
 149
 150 #pageheader #linkcount {
 151     float: right;
 152     font-style: italic;
 153     color: #bbb;
 154     text-align: right;
 155     padding-right: 5px;
 156     margin: 3px 3px 0px 0px;
 157 }
 158
 159 #pageheader {
 160     background-color: #333333;
 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);
 167     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
 168     width: auto;
 169     padding: 0 10px 5px 10px;
 170     margin: auto;
 171 }
 172
 173 #pageheader .search {
 174     width: 100%;
 175     white-space: nowrap;
 176 }
 177
 178 #toolsdiv a {
 179     clear: both;
 180 }
 181
 182 #toolsdiv #bookmark {
 183     clear: none;
 184 }
 185
 186 #toolsdiv a span {
 187     color: #ffffff;
 188 }
 189
 190 .linksperpage, .tagfilter, .searchform, .addform {
 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);
 198     display: inline;
 199     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
 200     padding: 5px;
 201     border: none;
 202     border-radius: 3px 3px 3px 3px;
 203     margin: 10px 3px 3px 3px;
 204     color: #cecece;
 205 }
 206
 207 .linksperpage {
 208     box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
 209     padding: 3px;
 210 }
 211
 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;
 218 }
 219
 220 .linksperpage input {
 221     padding: 0;
 222 }
 223
 224 .searchform #searchform_value {
 225     width: 30%;
 226 }
 227
 228 .tagfilter {
 229     margin-left:24px;
 230 }
 231
 232 .tagfilter div.awesomplete {
 233     width: 15%;
 234 }
 235
 236 .tagfilter #tagfilter_value {
 237     display: inline;
 238 }
 239
 240 .tagfilter li {
 241     color: black;
 242 }
 243
 244 .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
 245     background-color: #dedede;
 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);
 253     padding: 0 5px 0 5px;
 254     margin: 5px 0 5px 0;
 255     height: 20px;
 256     border-radius: 3px 3px 3px 3px;
 257     cursor: pointer;
 258 }
 259
 260 #shaarli_title {
 261     font-weight: bold;
 262     font-style: italic;
 263     margin-top: 0;
 264 }
 265
 266 #shaarli_title a {
 267     color: #fff !important;
 268 }
 269
 270 #pageheader a:visited {
 271     color: #98C943;
 272     text-decoration: none;
 273 }
 274
 275 #pageheader a:hover {
 276     color: #FFFFC9;
 277     text-decoration: none;
 278 }
 279
 280 #pageheader a:active {
 281     color: #bbb;
 282     text-decoration: none;
 283 }
 284
 285 #searchcriteria {
 286     padding: 4px 0px 5px 5px;
 287     font-weight: bold;
 288 }
 289
 290 .paging {
 291     padding: 5px;
 292     background-color: #777;
 293     color: #ccc;
 294     text-align: center;
 295     clear: both;
 296 }
 297
 298 .paging a:link {
 299     color: #ccc;
 300     text-decoration: none;
 301 }
 302
 303 .paging a:visited {
 304     color: #ccc;
 305 }
 306
 307 .paging a:hover {
 308     color: #FFFFC9;
 309 }
 310
 311 .paging a:active {
 312     color: #fff;
 313 }
 314
 315 .paging_privatelinks {
 316     float: left;
 317 }
 318
 319 .paging_linksperpage {
 320     float: right;
 321     padding-right: 5px;
 322     margin: 0px 10px 2px 0px;
 323 }
 324
 325 .paging_linksperpage form.linksperpage {
 326     display: inline;
 327 }
 328
 329 .paging_linksperpage form.linksperpage input {
 330     height: 15px;
 331 }
 332
 333 .paging_current {
 334     display: inline;
 335     color: #fff;
 336     padding: 0 20 0 20;
 337 }
 338
 339 .paging_older {
 340     margin-right: 15px;
 341 }
 342
 343 .paging_newer {
 344     margin-left: 15px;
 345 }
 346
 347 #headerform {
 348     color: #ffffff;
 349     padding: 5px 5px 5px 5px;
 350     clear: both;
 351 }
 352
 353 #headerform input.linkurl {
 354     width: 50%;
 355     font-size: inherit;
 356 }
 357
 358 #headerform label {
 359     cursor: pointer;
 360     margin-right: 10px;
 361 }
 362
 363 #headerform label[for=longlastingsession] {
 364     display: block;
 365     width: 100%;
 366     margin-top: 5px;
 367 }
 368
 369 #toolsdiv {
 370     color: #ffffff;
 371     padding: 5px 5px 5px 5px;
 372     clear: left;
 373 }
 374
 375 #uploaddiv {
 376     color: #ffffff;
 377     padding: 5px 5px 5px 5px;
 378     clear: left;
 379 }
 380
 381 #editlinkform {
 382     height: 100%;
 383     padding: 5px 5px 5px 15px;
 384     width: 80%;
 385     clear: left;
 386 }
 387
 388 #editlinkform label {
 389     cursor: pointer;
 390     color: #ffffff;
 391 }
 392
 393 #editlinkform textarea, #editlinkform .lf_input {
 394     width: 100%;
 395 }
 396
 397 #linklist li {
 398     padding: 4px 10px 15px 20px;
 399     border-top: 1px solid #bbb;
 400     clear: both;
 401     background-color: #F2F2F2;
 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);
 408 }
 409
 410 /*
 411 #linklist li.publicLinkHightLight:hover, #linklist li:hover {
 412     background: #E9FFCE;
 413 }
 414 */
 415
 416 .linkdate {
 417     font-size:8pt;
 418     color:#888;
 419 }
 420
 421 .linkdate a {
 422     color:#E28E3F;
 423 }
 424
 425 #linklist li.private {
 426     background: url('../images/private.png') no-repeat 4px center;
 427     padding-left: 30px;
 428 }
 429
 430 #linklist li {
 431     padding-left: 30px;
 432 }
 433
 434 .private .linktitle a {
 435     color: #969696;
 436 }
 437
 438 .linktitle {
 439     font-size: 14pt;
 440     font-weight: bold;
 441 }
 442
 443 .linktitle a {
 444     text-decoration: none;
 445     color: #80AD48;
 446 }
 447
 448 .linktitle a:hover {
 449     color: #F57900;
 450 }
 451
 452 .linkdate {
 453     font-size: 8pt;
 454     color: #888;
 455 }
 456
 457 .linkdate a {
 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 }
 464
 465 .linkdate a:hover {
 466     color: #F57900 }
 467
 468 .linkurl {
 469     font-size: 8pt;
 470     color: #4BAA74;
 471 }
 472
 473 .linkdescription {
 474     color: #000;
 475     margin-top: 0;
 476     margin-bottom: 12px;
 477     font-weight: normal;
 478     overflow: auto;
 479 }
 480
 481 .linkdescription a {
 482     text-decoration: none;
 483     color: #3465A4;
 484 }
 485
 486 .linkdescription a:hover {
 487     color: #F57900;
 488 }
 489
 490 .linktaglist {
 491     padding-top: 10px;
 492     line-height: 200%;
 493 }
 494
 495 .linktag {
 496     font-size: 9pt;
 497     background-color: #F2F2F2;
 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);
 504     box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
 505     padding: 3px 5px 3px 20px;
 506     height: 20px;
 507     border-radius: 3px;
 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;
 513 }
 514
 515 .linktag:hover {
 516     border-color: #555573;
 517     color: #000;
 518 }
 519
 520 .linktag a {
 521     color: #777;
 522     text-decoration: none;
 523 }
 524
 525 .linktag .remove {
 526     border-left: 1px solid #aaa;
 527     padding-left: 5px;
 528     color:#6767A7;
 529 }
 530
 531 .linkshort {
 532     font-size: 8pt;
 533     color: #888;
 534 }
 535
 536 .linkshort a {
 537     text-decoration: none;
 538     color: #393964;
 539 }
 540
 541 .linkshort a:hover {
 542     text-decoration: underline;
 543 }
 544
 545 .buttoneditform {
 546     display: inline;
 547 }
 548
 549 #footer {
 550     font-size: 8pt;
 551     text-align: center;
 552     color: #888;
 553     clear: both;
 554     max-width: 30em;
 555     margin: 15px auto 15px auto;
 556 }
 557
 558 #footer a {
 559     color: #486D08;
 560 }
 561
 562 #footer a:hover {
 563     color: #000000;
 564 }
 565
 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 }
 575
 576 #newversion #version_id {
 577     text-decoration: blink;
 578 }
 579
 580 #cloudtag {
 581     padding-left: 10%;
 582     padding-right: 10%;
 583 }
 584
 585 #cloudtag .count {
 586     color: #99f;
 587     font-size: 9pt;
 588     padding-left: 5px;
 589     padding-right: 2px;
 590 }
 591
 592 #cloudtag a {
 593     color: black;
 594     text-decoration: none;
 595 }
 596
 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
 610 #installform td {
 611     font-size: 10pt;
 612     color: black;
 613     padding: 10px 5px 10px 5px;
 614     clear: left;
 615 }
 616
 617 #installform input.bigbutton {
 618     float: right;
 619 }
 620
 621 #changepasswordform {
 622     color: #ccc;
 623     padding: 10px 5px 10px 5px;
 624     clear: left;
 625 }
 626
 627 #changetag {
 628     color: #ccc;
 629     padding: 10px 5px 10px 5px;
 630     clear: left;
 631 }
 632
 633 #changetag #totag {
 634     margin-left: 40px;
 635 }
 636
 637 #changetag div {
 638     float:left;
 639 }
 640
 641 #changetag label {
 642     padding: 5px;
 643 }
 644
 645 #changetag li {
 646     color: #000;
 647 }
 648 #configform td {
 649     color: #ccc;
 650     font-size: 10pt;
 651     padding: 10px 5px 10px 5px;
 652 }
 653
 654 #configform {
 655     color: #ccc;
 656     padding: 10px 5px 10px 5px;
 657     clear: left;
 658 }
 659
 660 .thumbnail {
 661     float: right;
 662     margin: 0px 10px 0px 10px;
 663 }
 664
 665 .thumbnail img {
 666     border-radius: 3px;
 667     box-shadow: 0.5px 0.5px 0.5px 1px #dde4e6;
 668 }
 669
 670 /* If you want thumbnails on the left:
 671 .thumbnail {
 672     float: left;
 673     margin-right: 10px;
 674 }
 675 .linkcontainer {
 676     position: static;
 677     margin-left: 130px;
 678 }
 679 */
 680
 681 /* --- Picture wall CSS --- */
 682 #picwall_container {
 683     color: #fff;
 684     background-color: #000;
 685     clear: both;
 686 }
 687
 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 }
 700
 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
 712 .picwall_pictureframe img {
 713     max-width: 100%;
 714     height: auto;
 715     color: transparent;
 716 } /* Adapt the width of the image */
 717
 718 .picwall_pictureframe a {
 719     text-decoration: none;
 720 }
 721
 722 /* CSS to show title when hovering an image - no javascript required. */
 723 .picwall_pictureframe span.info {
 724     display: none;
 725 }
 726
 727 .picwall_pictureframe:hover span.info {
 728     display: block;
 729     position: absolute;
 730     top: 0;
 731     left: 0;
 732     width: 90px;
 733     font-weight: bold;
 734     font-size: 8pt;
 735     color: #fff;
 736     text-align: left;
 737     background-color: transparent;
 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 */
 742     text-shadow: 2px 2px 1px #000000;
 743 }
 744
 745 #linklist li.publicLinkHightLight {
 746     background: #ffffff;
 747 }
 748
 749 div.daily {
 750     font-family: Georgia, 'DejaVu Serif', Norasi, serif;
 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;
 760     position: relative;
 761     border-bottom: 2px solid black;
 762 }
 763
 764 #daily_col1 {
 765     float: left;
 766     position: relative;
 767     width: 33%;
 768     padding-left: 1%;
 769 }
 770
 771 #daily_col2 {
 772     float: left;
 773     position: relative;
 774     width: 33%;
 775 }
 776
 777 #daily_col3 {
 778     float: left;
 779     position: relative;
 780     width: 33%;
 781 }
 782
 783 div.dailyAbout {
 784     float: left;
 785     border: 1px solid black;
 786     font-size: 8pt;
 787     position: absolute;
 788     left: 10px;
 789     top: 15px;
 790     padding: 5px 5px 5px 5px;
 791     text-align: center;
 792 }
 793
 794 div.dailyAbout a {
 795     color: #890500;
 796 }
 797
 798 div.dailyAbout img {
 799     position: relative;
 800     top: 3px;
 801     margin-right: 4px;
 802     width: 14px;
 803     height: 14px;
 804 }
 805
 806 div.dailyTitle {
 807     font-weight: bold;
 808     font-size: 44pt;
 809     text-align: center;
 810     padding: 10px 20px 0px 20px;
 811 }
 812
 813 div.dailyDate {
 814     font-size: 12pt;
 815     font-weight: bold;
 816     text-align: center;
 817     padding: 0px 20px 30px 20px;
 818 }
 819
 820 /* Individual entries in "Daily": */
 821 div.dailyEntry {
 822     margin: 5px 10px 2px 5px;
 823     font-size: 11pt;
 824     border-top: 1px solid #555;
 825 }
 826
 827 div.dailyEntry a {
 828     text-decoration: none;
 829     color: #890500;
 830 }
 831
 832 div.dailyEntryTags {
 833     font-size: 7.75pt;
 834 }
 835
 836 div.dailyEntryTitle {
 837     font-size: 18pt;
 838     font-weight: bold;
 839 }
 840
 841 div.dailyEntryLinkdate {
 842     font-size: 8pt;
 843 }
 844
 845 div.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;
 851 }
 852
 853 div.dailyEntryDescription {
 854     margin-top: 10px;
 855     margin-bottom: 30px;
 856     text-align: justify;
 857     overflow: auto;
 858 }
 859
 860 div.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
 871 /* Common CSS screwdriver */
 872 .clear {
 873     clear: both;
 874 }
 875
 876 .right {
 877     text-align: right;
 878 }
 879
 880 .white {
 881     color: white;
 882 }
 883
 884 /* For lazy images loading in picture wall.
 885    Using http://www.appelsiini.net/projects/lazyload
 886 */
 887 .lazyimage {
 888     display: none;
 889 }
 890
 891 #configuration_table td {
 892     border: none;
 893     padding: 10px;
 894     vertical-align: top;
 895 }
 896
 897 @media print {
 898     html {
 899         border: none;
 900         background: #fff !important;
 901         color: #000 !important;
 902     }
 903
 904     body {
 905         font-size: 12pt;
 906         width: auto !important;
 907         margin: auto !important;
 908     }
 909
 910     /* Minimum numer of lines to display when splitting a paragraph
 911        over two pages */
 912     p {
 913         orphans: 3;
 914         widows: 3;
 915     }
 916
 917     a {
 918         color: #000 !important;
 919         text-decoration: none !important;
 920     }
 921
 922     #pageheader, .paging, #linklist li form, #footer {
 923         display: none;
 924     }
 925
 926     #linklist li {
 927         padding: 2 0 10 0;
 928         border-top: 2px solid #000;
 929         clear: both;
 930     }
 931
 932     #linklist li.private {
 933         background-color: none;
 934         border-left: 0;
 935     }
 936
 937     .linkdate {
 938         line-height: 2;
 939     }
 940
 941     .linkurl {
 942         color: #000;
 943     }
 944
 945     .linkdescription {
 946         font-size: 10pt;
 947     }
 948
 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) {
 957     /* A few fixes for mobile devices (far from perfect). */
 958
 959     .tagfilter div.awesomplete {
 960         width: 70%;
 961     }
 962
 963     .nomobile {
 964         display: none;
 965     }
 966
 967     #logo {
 968         display: none;
 969     }
 970
 971     #pageheader #menu ul {
 972         text-align: center;
 973     }
 974
 975     #pageheader #menu a {
 976         padding: 5px;
 977         border-radius: 3px 3px 3px 3px;
 978         margin: 3px;
 979     }
 980
 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
 995     .searchform, .tagfilter {
 996         display: block !important;
 997         margin: 0px 3px 7px 0px !important;
 998         padding: 0px !important;
 999         width: 97% !important;
1000     }
1001
1002     .searchform input, .tagfilter input {
1003         margin: 0px !important;
1004         padding: 0px !important;
1005         display: inline !important;
1006     }
1007
1008     .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
1009         width: 30%;
1010         font-size: smaller;
1011     }
1012
1013     #searchform_value {
1014         width: 70% !important;
1015     }
1016
1017     #tagfilter_value {
1018         width: 70% !important;
1019     }
1020
1021     div.qrcode {
1022         position: relative;
1023         float: left;
1024         top: -10px;
1025         left: 0px;
1026     }
1027
1028     .paging_privatelinks {
1029         float: none;
1030     }
1031
1032     .paging_linksperpage {
1033         float: none;
1034         margin-bottom: 10px;
1035         font-size: smaller;
1036     }
1037
1038     #paging_older, #paging_newer, .paging_linksperpage a {
1039         border: 1px solid black;
1040         padding: 3px 5px 3px 5px;
1041         background-color: #666;
1042         color: #fff;
1043         border-radius: 3px 3px 3px 3px;
1044     }
1045
1046     .thumbnail {
1047         float: none;
1048         height: auto;
1049         margin: 0px;
1050         text-align: center;
1051     }
1052
1053     #cloudtag {
1054         padding: 0px;
1055     }
1056
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     }
1066
1067     #daily_col1, #daily_col2, #daily_col3 {
1068         float: none;
1069         width: 100%;
1070         padding: 0px;
1071     }
1072
1073     div.dailyTitle {
1074         font-size: 18pt;
1075         margin-top: 5px;
1076         padding: 0px;
1077     }
1078
1079     div.dailyDate {
1080         font-size: 11pt;
1081         padding: 0px;
1082         display: block;
1083     }
1084
1085     div.dailyEntryTitle {
1086         font-size: 16pt;
1087         font-weight: bold;
1088     }
1089
1090     div.dailyEntryDescription {
1091         font-size: 10pt;
1092     }
1093 }
1094
1095 #toolsdiv a.button-description {
1096         clear: none;
1097 }
1098
1099 /* Highlight search results */
1100 .highlight {
1101     background-color: #FFFF33;
1102 }
1103
1104 .center {
1105     text-align: center;
1106 }
1107
1108 ul.errors {
1109     color: red;
1110     float: left;
1111 }
1112
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
1158 #pluginsadmin label {
1159     cursor: pointer;
1160 }
1161
1162 #pluginsadmin .plugin_parameter {
1163     padding: 10px 0;
1164     border-width: 1px 0;
1165     border-style: solid;
1166     border-color: #c0c0c0;
1167 }
1168
1169 #pluginsadmin .float_label {
1170     float: left;
1171     width: 40%;
1172 }
1173
1174 #pluginsadmin a {
1175     color: #486D08;
1176 }
1177
1178 #pluginsadmin a.arrow {
1179     color: black;
1180 }
1181
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 }
1194
1195 .linklist-plugin-icon {
1196     width: 13px;
1197     height: 13px;
1198 }