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