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