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