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