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