inc/shaarli.css

   1 /* Cascading Stylesheet for Shaarli - http://sebsauvage.net/wiki/doku.php?id=php:shaarli */
   2
   3 /* CSS Reset from Yahoo to cope with browsers CSS inconsistencies. */
   4 /*
   5   Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html
   6   version: 2.8.2r1
   7   */
   8 html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
   9
  10 body {
  11     font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
  12     font-size: 10pt;
  13     background-color: #ffffff;
  14     word-wrap: break-word;
  15 }
  16
  17 input, textarea {
  18     background-color: #dedede;
  19     background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff));
  20     background: -webkit-linear-gradient(#dedede, #ffffff);
  21     background: -moz-linear-gradient(#dedede, #ffffff);
  22     background: -ms-linear-gradient(#dedede, #ffffff);
  23     background: -o-linear-gradient(#dedede, #ffffff);
  24     background: linear-gradient(#dedede, #ffffff);
  25     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  26     padding: 5px;
  27     border-radius: 5px 5px 5px 5px;
  28     border: none;
  29     color: #000;
  30 }
  31
  32 a {
  33     text-decoration: none;
  34 }
  35
  36 h1 {
  37     font-size: 20pt;
  38     font-weight: bold;
  39     font-style: italic;
  40     margin-bottom: 20px;
  41 }
  42
  43 /* Buttons */
  44 .bigbutton {
  45     background-color: #c0c0c0;
  46     background: -moz-linear-gradient(#c0c0c0, #ffffff) repeat scroll 0 0 transparent;
  47     background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c0c0c0), to(#ffffff));
  48     background: -webkit-linear-gradient(#c0c0c0, #ffffff);
  49     background: -ms-linear-gradient(#c0c0c0, #ffffff);
  50     background: -o-linear-gradient(#c0c0c0, #ffffff);
  51     background: linear-gradient(#c0c0c0, #ffffff);
  52     border-radius: 3px 3px 3px 3px;
  53     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  54     cursor: pointer;
  55     height: 24px;
  56     margin-left: 5px;
  57     padding: 0 5px;
  58     color: #606060;
  59     border-style: outset;
  60     border-width: 1px;
  61 }
  62
  63 .smallbutton {
  64     background-color: #c0c0c0;
  65     background: -moz-linear-gradient(#c0c0c0, #ffffff) repeat scroll 0 0 transparent;
  66     background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c0c0c0), to(#ffffff));
  67     background: -webkit-linear-gradient(#c0c0c0, #ffffff);
  68     background: -ms-linear-gradient(#c0c0c0, #ffffff);
  69     background: -o-linear-gradient(#c0c0c0, #ffffff);
  70     background: linear-gradient(#c0c0c0, #ffffff);
  71     border-radius: 3px 3px 3px 3px;
  72     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  73     cursor: pointer;
  74     height: 20px;
  75     margin-left: 5px;
  76     padding: 0 5px;
  77     color: #606060;
  78     border-style: outset;
  79     border-width: 1px;
  80 }
  81
  82 /* Small tab on the left of each link with edit/delete buttons. */
  83 .button_edit, .button_delete {
  84     border-radius: 0;
  85     box-shadow: none;
  86     border-style: none;
  87     border-width: 0;
  88     padding: 0;
  89     background: none;
  90 }
  91
  92 .linkeditbuttons {
  93     position: absolute;
  94     left: -1px;
  95     padding: 4px 2px 2px 2px;
  96     background-color: #f0f0f0;
  97
  98     -webkit-border-radius: 0px 6px 6px 0px;
  99     -moz-border-radius: 0px 6px 6px 0px;
 100     -o-border-radius: 0px 6px 6px 0px;
 101     -ms-border-radius: 0px 6px 6px 0px;
 102     border-radius: 0px 6px 6px 0px;
 103
 104     -webkit-box-shadow: 0px 0px 3px 0px #333333;
 105     -moz-box-shadow: 0px 0px 3px 0px #333333;
 106     -o-box-shadow: 0px 0px 3px 0px #333333;
 107     -ms-box-shadow: 0px 0px 3px 0px #333333;
 108     box-shadow: 0px 0px 3px 0px #333333;
 109 }
 110
 111 #pageheader #logo {
 112     background-image: url('../images/logo.png');
 113     background-repeat: no-repeat;
 114     float: left;
 115     margin: 0 10px 0 10px;
 116     width: 105px;
 117     height: 55px;
 118     cursor: pointer;
 119 }
 120
 121 #pageheader #linkcount {
 122     float: right;
 123     font-style: italic;
 124     color: #bbb;
 125     text-align: right;
 126     padding-right: 5px;
 127 }
 128
 129 #pageheader {
 130     background-color: #333333;
 131     background: -webkit-gradient(linear, 0 0, 0 bottom, from(#333333), to(#111111));
 132     background: -webkit-linear-gradient(#333333, #111111);
 133     background: -moz-linear-gradient(#333333, #111111);
 134     background: -ms-linear-gradient(#333333, #111111);
 135     background: -o-linear-gradient(#333333, #111111);
 136     background: linear-gradient(#333333, #111111);
 137     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
 138     width: auto;
 139     padding: 0 10px 5px 10px;
 140     margin: auto;
 141 }
 142
 143 #pageheader a {
 144     background-color: #333333;
 145     background: -webkit-gradient(linear, 0 0, 0 bottom, from(#333333), to(#000000));
 146     background: -webkit-linear-gradient(#333333, #000000);
 147     background: -moz-linear-gradient(#333333, #000000);
 148     background: -ms-linear-gradient(#333333, #000000);
 149     background: -o-linear-gradient(#333333, #000000);
 150     background: linear-gradient(#333333, #000000);
 151     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
 152     padding: 5px;
 153     border-radius: 5px 5px 5px 5px;
 154     margin: 10px 3px 3px 3px;
 155     color: #A2DD42;
 156     float: left;
 157     text-decoration: none;
 158 }
 159
 160 #pageheader .search {
 161     width: 100%;
 162     white-space: nowrap;
 163 }
 164
 165 #toolsdiv a {
 166     clear: both;
 167 }
 168
 169 #toolsdiv #bookmark {
 170     clear: none;
 171 }
 172
 173 #toolsdiv a span {
 174     color: #ffffff;
 175 }
 176
 177 .linksperpage, .tagfilter, .searchform, .addform {
 178     background-color: #dedede;
 179     background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff));
 180     background: -webkit-linear-gradient(#dedede, #ffffff);
 181     background: -moz-linear-gradient(#dedede, #ffffff);
 182     background: -ms-linear-gradient(#dedede, #ffffff);
 183     background: -o-linear-gradient(#dedede, #ffffff);
 184     background: linear-gradient(#dedede, #ffffff);
 185     display: inline;
 186     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
 187     padding: 5px;
 188     border: none;
 189     border-radius: 5px 5px 5px 5px;
 190     margin: 10px 3px 3px 3px;
 191     color: #cecece;
 192 }
 193
 194 .linksperpage {
 195     box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
 196     padding: 3px;
 197 }
 198
 199 .linksperpage input, .tagfilter input, .searchform input, .addform input {
 200     border: none;
 201     color: #606060;
 202     background: none;
 203     box-shadow: none;
 204     padding: 5px;
 205 }
 206
 207 .linksperpage input {
 208     padding: 0;
 209 }
 210
 211 .searchform #searchform_value {
 212     width: 30%;
 213 }
 214
 215 .tagfilter {
 216     margin-left:24px;
 217 }
 218
 219 .tagfilter #tagfilter_value {
 220     width: 10%;
 221 }
 222
 223 .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
 224     background-color: #dedede;
 225     background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff));
 226     background: -webkit-linear-gradient(#dedede, #ffffff);
 227     background: -moz-linear-gradient(#dedede, #ffffff);
 228     background: -ms-linear-gradient(#dedede, #ffffff);
 229     background: -o-linear-gradient(#dedede, #ffffff);
 230     background: linear-gradient(#dedede, #ffffff);
 231     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
 232     padding: 0 5px 0 5px;
 233     margin: 5px 0 5px 0;
 234     height: 20px;
 235     border-radius: 5px 5px 5px 5px;
 236     cursor: pointer;
 237 }
 238
 239 #shaarli_title {
 240     font-weight: bold;
 241     font-style: italic;
 242     margin-top: 0;
 243 }
 244
 245 #shaarli_title a {
 246     color: #fff !important;
 247 }
 248
 249 #pageheader a:visited {
 250     color: #98C943;
 251     text-decoration: none;
 252 }
 253
 254 #pageheader a:hover {
 255     color: #FFFFC9;
 256     text-decoration: none;
 257 }
 258
 259 #pageheader a:active {
 260     color: #bbb;
 261     text-decoration: none;
 262 }
 263
 264 #searchcriteria {
 265     padding: 4px 0px 5px 5px;
 266     font-weight: bold;
 267 }
 268
 269 .paging {
 270     padding: 5px;
 271     background-color: #777;
 272     color: #ccc;
 273     text-align: center;
 274     clear: both;
 275 }
 276
 277 .paging a:link {
 278     color: #ccc;
 279     text-decoration: none;
 280 }
 281
 282 .paging a:visited {
 283     color: #ccc;
 284 }
 285
 286 .paging a:hover {
 287     color: #FFFFC9;
 288 }
 289
 290 .paging a:active {
 291     color: #fff;
 292 }
 293
 294 #paging_privatelinks {
 295     float: left;
 296 }
 297
 298 #paging_linksperpage {
 299     float: right;
 300     padding-right: 5px;
 301 }
 302
 303 #paging_linksperpage form.linksperpage {
 304     display: inline;
 305 }
 306
 307 #paging_linksperpage form.linksperpage input {
 308     height: 15px;
 309 }
 310
 311 #paging_current {
 312     display: inline;
 313     color: #fff;
 314     padding: 0 20 0 20;
 315 }
 316
 317 #paging_older {
 318     margin-right: 15px;
 319 }
 320
 321 #paging_newer {
 322     margin-left: 15px;
 323 }
 324
 325 #headerform {
 326     color: #ffffff;
 327     padding: 5px 5px 5px 5px;
 328     clear: both;
 329 }
 330
 331 #headerform input.linkurl {
 332     width: 50%;
 333 }
 334
 335 #toolsdiv {
 336     color: #ffffff;
 337     padding: 5px 5px 5px 5px;
 338     clear: left;
 339 }
 340
 341 #uploaddiv {
 342     color: #ffffff;
 343     padding: 5px 5px 5px 5px;
 344     clear: left;
 345 }
 346
 347 #editlinkform {
 348     height: 100%;
 349     color: #ffffff;
 350     padding: 5px 5px 5px 15px;
 351     width: 80%;
 352     clear: left;
 353 }
 354
 355 #editlinkform textarea, #editlinkform .lf_input {
 356     width: 100%;
 357 }
 358
 359 #linklist li {
 360     padding: 4px 10px 15px 20px;
 361     border-top: 1px solid #bbb;
 362     clear: both;
 363     background-color: #F2F2F2;
 364     background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F2F2), to(#ffffff));
 365     background: -webkit-linear-gradient(#F2F2F2, #ffffff);
 366     background: -moz-linear-gradient(#F2F2F2, #ffffff);
 367     background: -ms-linear-gradient(#F2F2F2, #ffffff);
 368     background: -o-linear-gradient(#F2F2F2, #ffffff);
 369     background: linear-gradient(#F2F2F2, #ffffff);
 370 }
 371
 372 /*
 373 #linklist li.publicLinkHightLight:hover, #linklist li:hover {
 374     background: #E9FFCE;
 375 }
 376 */
 377
 378 .linkdate, .linkarchive {
 379     font-size:8pt;
 380     color:#888;
 381 }
 382
 383 .linkdate a, .linkarchive a {
 384     color:#E28E3F;
 385 }
 386
 387 .linkqrcode {
 388     display: inline;
 389     position: relative;
 390 }
 391
 392 a.qrcode img {
 393     width: 13px;
 394     height: 13px;
 395 }
 396
 397 #linklist li.private {
 398     background: url('../images/private.png') no-repeat 10px center;
 399     padding-left: 60px;
 400 }
 401
 402 #linklist li {
 403     padding-left: 26px;
 404 }
 405
 406 .private .linktitle a {
 407     color: #969696;
 408 }
 409
 410 .linktitle {
 411     font-size: 14pt;
 412     font-weight: bold;
 413 }
 414
 415 .linktitle a {
 416     text-decoration: none;
 417     color: #80AD48;
 418 }
 419
 420 .linktitle a:hover {
 421     color: #F57900;
 422 }
 423
 424 .linkdate, .linkarchive {
 425     font-size: 8pt;
 426     color: #888;
 427 }
 428
 429 .linkdate a, .linkarchive a {
 430     background-image: url('../images/calendar.png');
 431     padding: 2px 0 3px 20px;
 432     background-repeat: no-repeat;
 433     text-decoration: none;
 434     color: #E28E3F;
 435 }
 436
 437 .linkdate a:hover {
 438     color: #F57900 }
 439
 440 .linkurl {
 441     font-size: 8pt;
 442     color: #4BAA74;
 443 }
 444
 445 .linkdescription {
 446     color: #000;
 447     margin-top: 0;
 448     margin-bottom: 12px;
 449     font-weight: normal;
 450     max-height: 400px;
 451     overflow: auto;
 452 }
 453
 454 .linkdescription a {
 455     text-decoration: none;
 456     color: #3465A4;
 457 }
 458
 459 .linkdescription a:hover {
 460     color: #F57900;
 461 }
 462
 463 .linktaglist {
 464     padding-top: 10px;
 465     line-height: 200%;
 466 }
 467
 468 .linktag {
 469     font-size: 9pt;
 470     background-color: #F2F2F2;
 471     background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F2F2), to(#ffffff));
 472     background: -webkit-linear-gradient(#F2F2F2, #ffffff);
 473     background: -moz-linear-gradient(#F2F2F2, #ffffff);
 474     background: -ms-linear-gradient(#F2F2F2, #ffffff);
 475     background: -o-linear-gradient(#F2F2F2, #ffffff);
 476     background: linear-gradient(#F2F2F2, #ffffff);
 477     box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
 478     padding: 3px 3px 3px 20px;
 479     height: 20px;
 480     border-radius: 3px 3px 3px 3px;
 481     cursor: pointer;
 482     background-image: url('../images/tag_blue.png');
 483     background-repeat: no-repeat;
 484     background-position: 3px center;
 485     background-color: #ffffff;
 486 }
 487
 488 .linktag:hover {
 489     border-color: #555573;
 490     color: #000;
 491 }
 492
 493 .linktag a {
 494     color: #777;
 495     text-decoration: none;
 496 }
 497
 498 .linktag .remove {
 499     border-left: 1px solid #aaa;
 500     padding-left: 5px;
 501     color:#6767A7;
 502 }
 503
 504 .linkshort {
 505     font-size: 8pt;
 506     color: #888;
 507 }
 508
 509 .linkshort a {
 510     text-decoration: none;
 511     color: #393964;
 512 }
 513
 514 .linkshort a:hover {
 515     text-decoration: underline;
 516 }
 517
 518 .buttoneditform {
 519     display: inline;
 520 }
 521
 522 #footer {
 523     font-size: 8pt;
 524     text-align: center;
 525     border-top: 1px solid #ddd;
 526     color: #888;
 527     clear: both;
 528 }
 529
 530 #footer a {
 531     color: #486D08;
 532 }
 533
 534 #footer a:hover {
 535     color: #000000;
 536 }
 537
 538 #newversion {
 539     background-color: #FFFFA0;
 540     color: #000;
 541     position: absolute;
 542     top: 0;
 543     right: 0;
 544     padding: 2 7 2 7;
 545     font-size: 9pt;
 546 }
 547
 548 #newversion #version_id {
 549     text-decoration: blink;
 550 }
 551
 552 #cloudtag {
 553     padding-left: 10%;
 554     padding-right: 10%;
 555 }
 556
 557 #cloudtag .count {
 558     color: #99f;
 559     font-size: 9pt;
 560     padding-left: 5px;
 561     padding-right: 2px;
 562 }
 563
 564 #cloudtag a {
 565     font-weight:bold;
 566     color: black;
 567     text-decoration: none;
 568 }
 569
 570 #install {
 571     margin: 0 20px;
 572 }
 573
 574 #installform {
 575     border: 1px solid black;
 576     padding: 10px;
 577 }
 578
 579 #installform table {
 580     border: none;
 581 }
 582
 583 #installform td {
 584     font-size: 10pt;
 585     color: black;
 586     padding: 10px 5px 10px 5px;
 587     clear: left;
 588 }
 589
 590 #installform input.bigbutton {
 591     float: right;
 592 }
 593
 594 #changepasswordform {
 595     color: #ccc;
 596     padding: 10px 5px 10px 5px;
 597     clear: left;
 598 }
 599
 600 #changetag {
 601     color: #ccc;
 602     padding: 10px 5px 10px 5px;
 603     clear: left;
 604 }
 605
 606 #changetag #totag {
 607     margin-left: 40px;
 608 }
 609
 610 #configform td {
 611     color: #ccc;
 612     font-size: 10pt;
 613     padding: 10px 5px 10px 5px;
 614 }
 615
 616 #configform {
 617     color: #ccc;
 618     padding: 10px 5px 10px 5px;
 619     clear: left;
 620 }
 621
 622 .thumbnail {
 623     float: right;
 624     margin-left: 10px;
 625 }
 626
 627 /* If you want thumbnails on the left:
 628 .thumbnail {
 629     float: left;
 630     margin-right: 10px;
 631 }
 632 .linkcontainer {
 633     position: static;
 634     margin-left: 130px;
 635 }
 636 */
 637
 638 /* --- Picture wall CSS --- */
 639 #picwall_container {
 640     color: #fff;
 641     background-color: #000;
 642     clear: both;
 643 }
 644
 645 .picwall_pictureframe {
 646     background-color: #000;
 647     z-index: 5;
 648     position: relative;
 649     display: table-cell;
 650     vertical-align: middle;
 651     width: 90px;
 652     height: 90px;
 653     overflow: hidden;
 654     text-align: center;
 655     float: left;
 656 }
 657
 658 .picwall_pictureframe img {
 659     max-width: 100%;
 660     height: auto;
 661 } /* Adapt the width of the image */
 662
 663 .picwall_pictureframe a {
 664     text-decoration: none;
 665 }
 666
 667 /* CSS to show title when hovering an image - no javascript required. */
 668 .picwall_pictureframe span.info {
 669     display: none;
 670 }
 671
 672 .picwall_pictureframe:hover span.info {
 673     display: block;
 674     position: absolute;
 675     top: 0;
 676     left: 0;
 677     width: 90px;
 678     font-weight: bold;
 679     font-size: 8pt;
 680     color: #fff;
 681     text-align: left;
 682     background-color: transparent;
 683     background-color: rgba(0, 0, 0, 0.4);
 684     /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
 685     filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
 686     /* IE6\96IE9 */
 687     text-shadow: 2px 2px 1px #000000;
 688 }
 689
 690 /* Minimal customisation for jQuery widgets */
 691 .ui-autocomplete {
 692     background-color: #fff;
 693     padding-left: 5px;
 694 }
 695
 696 .ui-state-hover {
 697     background-color: #604dff;
 698     color: #fff;
 699 }
 700
 701 #linklist li.publicLinkHightLight {
 702     background: #ffffff;
 703 }
 704
 705 div#permalinkQrcode {
 706     padding: 20px;
 707     width: 220px;
 708     height: 220px;
 709     background-color: #ffffff;
 710     border: 1px solid black;
 711     position: absolute;
 712     top: -100px;
 713     left: -100px;
 714     text-align: center;
 715     font-size: 8pt;
 716     z-index: 50;
 717     -webkit-box-shadow: 2px 2px 20px 2px #333333;
 718     -moz-box-shadow: 2px 2px 20px 2px #333333;
 719     -o-box-shadow: 2px 2px 20px 2px #333333;
 720     -ms-box-shadow: 2px 2px 20px 2px #333333;
 721     box-shadow: 2px 2px 20px 2px #333333;
 722 }
 723
 724 div.daily {
 725     font-family: Georgia, 'DejaVu Serif', Norasi, serif;
 726     background-color: #E6D6BE;
 727     /* Background paper texture by BashCorpo:
 728        http://www.bashcorpo.dk/textures.php
 729        http://bashcorpo.deviantart.com/art/Grungy-paper-texture-v-5-22966998  */
 730     background-image: url("../images/Paper_texture_v5_by_bashcorpo_w1000.jpg");
 731     -webkit-background-size: cover;
 732     -moz-background-size: cover;
 733     -o-background-size: cover;
 734     background-size: cover;
 735     position: relative;
 736     border-bottom: 2px solid black;
 737 }
 738
 739 #daily_col1 {
 740     float: left;
 741     position: relative;
 742     width: 33%;
 743     padding-left: 1%;
 744 }
 745
 746 #daily_col2 {
 747     float: left;
 748     position: relative;
 749     width: 33%;
 750 }
 751
 752 #daily_col3 {
 753     float: left;
 754     position: relative;
 755     width: 33%;
 756 }
 757
 758 div.dailyAbout {
 759     float: left;
 760     border: 1px solid black;
 761     font-size: 8pt;
 762     position: absolute;
 763     left: 10px;
 764     top: 15px;
 765     padding: 5px 5px 5px 5px;
 766     text-align: center;
 767 }
 768
 769 div.dailyAbout a {
 770     color: #890500;
 771 }
 772
 773 div.dailyAbout img {
 774     position: relative;
 775     top: 3px;
 776     margin-right: 4px;
 777     width: 14px;
 778     height: 14px;
 779 }
 780
 781 div.dailyTitle {
 782     font-weight: bold;
 783     font-size: 44pt;
 784     text-align: center;
 785     padding: 10px 20px 0px 20px;
 786 }
 787
 788 div.dailyDate {
 789     font-size: 12pt;
 790     font-weight: bold;
 791     text-align: center;
 792     padding: 0px 20px 30px 20px;
 793 }
 794
 795 /* Individual entries in "Daily": */
 796 div.dailyEntry {
 797     margin: 5px 10px 2px 5px;
 798     font-size: 11pt;
 799     border-top: 1px solid #555;
 800 }
 801
 802 div.dailyEntry a {
 803     text-decoration: none;
 804     color: #890500;
 805 }
 806
 807 div.dailyEntryTags {
 808     font-size: 7.75pt;
 809 }
 810
 811 div.dailyEntryTitle {
 812     font-size: 18pt;
 813     font-weight: bold;
 814 }
 815
 816 div.dailyEntryThumbnail {
 817     width: 100%;
 818     text-align: center;
 819     background-color: rgb(128, 128, 128);
 820     background: url(../images/50pc_transparent.png);
 821     padding: 4px 0px 2px 0px;
 822 }
 823
 824 div.dailyEntryDescription {
 825     margin-top: 10px;
 826     margin-bottom: 30px;
 827     text-align: justify;
 828     overflow: auto;
 829 }
 830
 831 div.dailyNoEntry {
 832     text-align: center;
 833     padding: 40px 0px 90px 0px;
 834 }
 835
 836 .daily #closing {
 837     clear: both;
 838     text-align: center;
 839     padding-bottom: 20px;
 840 }
 841
 842 /* Common CSS screwdriver */
 843 .clear {
 844     clear: both;
 845 }
 846
 847 /* For lazy images loading in picture wall.
 848    Using http://www.appelsiini.net/projects/lazyload
 849 */
 850 .lazyimage {
 851     display: none;
 852 }
 853
 854 @media print {
 855     html {
 856         border: none;
 857         background: #fff !important;
 858         color: #000 !important;
 859     }
 860
 861     body {
 862         font-size: 12pt;
 863         width: auto !important;
 864         margin: auto !important;
 865     }
 866
 867     /* Minimum numer of lines to display when splitting a paragraph
 868        over two pages */
 869     p {
 870         orphans: 3;
 871         widows: 3;
 872     }
 873
 874     a {
 875         color: #000 !important;
 876         text-decoration: none !important;
 877     }
 878
 879     #pageheader, .paging, #linklist li form, #footer {
 880         display: none;
 881     }
 882
 883     #linklist li {
 884         padding: 2 0 10 0;
 885         border-top: 2px solid #000;
 886         clear: both;
 887     }
 888
 889     #linklist li.private {
 890         background-color: none;
 891         border-left: 0;
 892     }
 893
 894     .linkdate {
 895         line-height: 2;
 896     }
 897
 898     .linkurl {
 899         color: #000;
 900     }
 901
 902     .linkdescription {
 903         font-size: 10pt;
 904     }
 905
 906     .linktag {
 907         border: 1px solid black;
 908         font-style: italic;
 909         font-size: 8pt;
 910     }
 911 }
 912
 913 @media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 854px) {
 914     /* A few fixes for mobile devices (far from perfect). */
 915     .nomobile {
 916         display: none;
 917     }
 918
 919     #logo {
 920         display: none;
 921     }
 922
 923     #pageheader a {
 924         padding: 5px;
 925         border-radius: 5px 5px 5px 5px;
 926         margin: 3px;
 927     }
 928
 929     .searchform, .tagfilter {
 930         display: block !important;
 931         margin: 0px !important;
 932         padding: 0px !important;
 933         width: 100% !important;
 934     }
 935
 936     .searchform input, .tagfilter input {
 937         margin: 0px !important;
 938         padding: 0px !important;
 939         display: inline !important;
 940     }
 941
 942     .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
 943         width: 30%;
 944         font-size: smaller;
 945     }
 946
 947     #searchform_value {
 948         width: 70% !important;
 949     }
 950
 951     #tagfilter_value {
 952         width: 70% !important;
 953     }
 954
 955     div.qrcode {
 956         position: relative;
 957         float: left;
 958         top: -10px;
 959         left: 0px;
 960     }
 961
 962     #paging_privatelinks {
 963         float: none;
 964     }
 965
 966     #paging_linksperpage {
 967         float: none;
 968         margin-bottom: 10px;
 969         font-size: smaller;
 970     }
 971
 972     #paging_older, #paging_newer, #paging_linksperpage a {
 973         border: 1px solid black;
 974         padding: 3px 5px 3px 5px;
 975         background-color: #666;
 976         color: #fff;
 977         border-radius: 5px 5px 5px 5px;
 978     }
 979
 980     .thumbnail {
 981         float: none;
 982         height: auto;
 983         margin: 0px;
 984         text-align: center;
 985     }
 986
 987     #cloudtag {
 988         padding: 0px;
 989     }
 990
 991     div.dailyAbout {
 992         float: none;
 993         position: relative;
 994         width: 100%;
 995         clear: both;
 996         padding: 0px;
 997         top: 0px;
 998         left: 0px;
 999     }
1000
1001     #daily_col1, #daily_col2, #daily_col3 {
1002         float: none;
1003         width: 100%;
1004         padding: 0px;
1005     }
1006
1007     div.dailyTitle {
1008         font-size: 18pt;
1009         margin-top: 5px;
1010         padding: 0px;
1011     }
1012
1013     div.dailyDate {
1014         font-size: 11pt;
1015         padding: 0px;
1016         display: block;
1017     }
1018
1019     div.dailyEntryTitle {
1020         font-size: 16pt;
1021         font-weight: bold;
1022     }
1023
1024     div.dailyEntryDescription {
1025         font-size: 10pt;
1026     }
1027 }
1028
1029 /* Highlight search results */
1030 .highlight {
1031     background-color: #FFFF33;
1032 }