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