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