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