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