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 .linkeditbuttons {
  92     position: absolute;
  93     left: -1px;
  94     padding: 4px 2px 2px 2px;
  95     background-color: #f0f0f0;
  96
  97     -webkit-border-radius: 0px 6px 6px 0px;
  98     -moz-border-radius: 0px 6px 6px 0px;
  99     -o-border-radius: 0px 6px 6px 0px;
 100     -ms-border-radius: 0px 6px 6px 0px;
 101     border-radius: 0px 6px 6px 0px;
 102
 103     -webkit-box-shadow: 0px 0px 3px 0px #333333;
 104     -moz-box-shadow: 0px 0px 3px 0px #333333;
 105     -o-box-shadow: 0px 0px 3px 0px #333333;
 106     -ms-box-shadow: 0px 0px 3px 0px #333333;
 107     box-shadow: 0px 0px 3px 0px #333333;
 108 }
 109
 110 #pageheader #logo {
 111     background-image: url('../images/logo.png');
 112     background-repeat: no-repeat;
 113     float: left;
 114     margin: 0 10px 0 10px;
 115     width: 105px;
 116     height: 55px;
 117     cursor: pointer;
 118 }
 119
 120 #pageheader {
 121     background-color: #333333;
 122     background: -webkit-gradient(linear, 0 0, 0 bottom, from(#333333), to(#111111));
 123     background: -webkit-linear-gradient(#333333, #111111);
 124     background: -moz-linear-gradient(#333333, #111111);
 125     background: -ms-linear-gradient(#333333, #111111);
 126     background: -o-linear-gradient(#333333, #111111);
 127     background: linear-gradient(#333333, #111111);
 128     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
 129     width: auto;
 130     padding: 0 10px 5px 10px;
 131     margin: auto;
 132 }
 133
 134 #pageheader a {
 135     background-color: #333333;
 136     background: -webkit-gradient(linear, 0 0, 0 bottom, from(#333333), to(#000000));
 137     background: -webkit-linear-gradient(#333333, #000000);
 138     background: -moz-linear-gradient(#333333, #000000);
 139     background: -ms-linear-gradient(#333333, #000000);
 140     background: -o-linear-gradient(#333333, #000000);
 141     background: linear-gradient(#333333, #000000);
 142     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
 143     padding: 5px;
 144     border-radius: 5px 5px 5px 5px;
 145     margin: 10px 3px 3px 3px;
 146     color: #A2DD42;
 147     float: left;
 148     text-decoration: none;
 149 }
 150
 151 #toolsdiv a {
 152     clear: both;
 153 }
 154 #toolsdiv a span {
 155     color: #ffffff;
 156 }
 157 .linksperpage, .tagfilter, .searchform, .addform {
 158     background-color: #dedede;
 159     background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff));
 160     background: -webkit-linear-gradient(#dedede, #ffffff);
 161     background: -moz-linear-gradient(#dedede, #ffffff);
 162     background: -ms-linear-gradient(#dedede, #ffffff);
 163     background: -o-linear-gradient(#dedede, #ffffff);
 164     background: linear-gradient(#dedede, #ffffff);
 165     display: inline;
 166     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
 167     padding: 5px;
 168     border: none;
 169     border-radius: 5px 5px 5px 5px;
 170     margin: 10px 3px 3px 3px;
 171     color: #cecece;
 172 }
 173
 174 .linksperpage {
 175     box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
 176     padding: 3px;
 177 }
 178
 179 .linksperpage input, .tagfilter input, .searchform input, .addform input {
 180     border: none;
 181     color: #606060;
 182     background: none;
 183     box-shadow: none;
 184     padding: 5px;
 185 }
 186
 187 .linksperpage input {
 188     padding: 0;
 189 }
 190
 191 .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
 192     background-color: #dedede;
 193     background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff));
 194     background: -webkit-linear-gradient(#dedede, #ffffff);
 195     background: -moz-linear-gradient(#dedede, #ffffff);
 196     background: -ms-linear-gradient(#dedede, #ffffff);
 197     background: -o-linear-gradient(#dedede, #ffffff);
 198     background: linear-gradient(#dedede, #ffffff);
 199     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
 200     padding: 0 5px 0 5px;
 201     margin: 5px 0 5px 0;
 202     height: 20px;
 203     border-radius: 5px 5px 5px 5px;
 204     cursor: pointer;
 205 }
 206
 207 #shaarli_title {
 208     font-weight: bold;
 209     font-style: italic;
 210     margin-top: 0;
 211 }
 212 #shaarli_title a {
 213     color: #fff !important;
 214 }
 215
 216 #pageheader a:visited {
 217     color: #98C943;
 218     text-decoration: none;
 219 }
 220 #pageheader a:hover {
 221     color: #FFFFC9;
 222     text-decoration: none;
 223 }
 224 #pageheader a:active {
 225     color: #bbb;
 226     text-decoration: none;
 227 }
 228 #searchcriteria {
 229     padding: 4px 0px 5px 5px;
 230     font-weight: bold;
 231 }
 232 .paging {
 233     padding: 5px;
 234     background-color: #777;
 235     color: #ccc;
 236     text-align: center;
 237     clear: both;
 238 }
 239 .paging a:link {
 240     color: #ccc;
 241     text-decoration: none;
 242 }
 243 .paging a:visited {
 244     color: #ccc;
 245 }
 246 .paging a:hover {
 247     color: #FFFFC9;
 248 }
 249 .paging a:active {
 250     color: #fff;
 251 }
 252 #paging_privatelinks {
 253     float: left;
 254 }
 255 #paging_linksperpage {
 256     float: right;
 257     padding-right: 5px;
 258 }
 259 #paging_current {
 260     display: inline;
 261     color: #fff;
 262     padding: 0 20 0 20;
 263 }
 264 #paging_older {
 265     margin-right: 15px;
 266 }
 267 #paging_newer {
 268     margin-left: 15px;
 269 }
 270
 271 #headerform {
 272     color: #ffffff;
 273     padding: 5px 5px 5px 5px;
 274     clear: both;
 275 }
 276 #toolsdiv {
 277     color: #ffffff;
 278     padding: 5px 5px 5px 5px;
 279     clear: left;
 280 }
 281 #uploaddiv {
 282     color: #ffffff;
 283     padding: 5px 5px 5px 5px;
 284     clear: left;
 285 }
 286 #editlinkform {
 287     height: 100%;
 288     color: #ffffff;
 289     padding: 5px 5px 5px 15px;
 290     width: 80%;
 291     clear: left;
 292 }
 293 #linklist li {
 294     padding: 4px 10px 15px 20px;
 295     border-top: 1px solid #bbb;
 296     clear: both;
 297     background-color: #F2F2F2;
 298     background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F2F2), to(#ffffff));
 299     background: -webkit-linear-gradient(#F2F2F2, #ffffff);
 300     background: -moz-linear-gradient(#F2F2F2, #ffffff);
 301     background: -ms-linear-gradient(#F2F2F2, #ffffff);
 302     background: -o-linear-gradient(#F2F2F2, #ffffff);
 303     background: linear-gradient(#F2F2F2, #ffffff);
 304 }
 305
 306 /*
 307 #linklist li.publicLinkHightLight:hover, #linklist li:hover {
 308     background: #E9FFCE;
 309 }
 310 */
 311 .linkdate, .linkarchive {
 312     font-size:8pt;
 313     color:#888;
 314 }
 315 .linkdate a, .linkarchive a {
 316     color:#E28E3F;
 317 }
 318 #linklist li.private {
 319     background: url('../images/private.png') no-repeat 10px center;
 320     padding-left: 60px;
 321 }
 322 #linklist li {
 323     padding-left: 26px;
 324 }
 325 .private .linktitle a {
 326     color: #969696;
 327 }
 328 .linktitle {
 329     font-size: 14pt;
 330     font-weight: bold;
 331 }
 332 .linktitle a {
 333     text-decoration: none;
 334     color: #80AD48;
 335 }
 336 .linktitle a:hover {
 337     color: #F57900;
 338 }
 339 .linkdate, .linkarchive {
 340     font-size: 8pt;
 341     color: #888;
 342 }
 343 .linkdate a, .linkarchive a {
 344     background-image: url('../images/calendar.png');
 345     padding: 2px 0 3px 20px;
 346     background-repeat: no-repeat;
 347     text-decoration: none;
 348     color: #E28E3F;
 349 }
 350 .linkdate a:hover {
 351     color: #F57900 }
 352 .linkurl {
 353     font-size: 8pt;
 354     color: #4BAA74;
 355 }
 356 .linkdescription {
 357     color: #000;
 358     margin-top: 0;
 359     margin-bottom: 12px;
 360     font-weight: normal;
 361     max-height: 400px;
 362     overflow: auto;
 363 }
 364 .linkdescription a {
 365     text-decoration: none;
 366     color: #3465A4;
 367 }
 368 .linkdescription a:hover {
 369     color: #F57900;
 370 }
 371 .linktaglist {
 372     padding-top: 10px;
 373     line-height: 200%;
 374 }
 375 .linktag {
 376     font-size: 9pt;
 377     background-color: #F2F2F2;
 378     background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F2F2), to(#ffffff));
 379     background: -webkit-linear-gradient(#F2F2F2, #ffffff);
 380     background: -moz-linear-gradient(#F2F2F2, #ffffff);
 381     background: -ms-linear-gradient(#F2F2F2, #ffffff);
 382     background: -o-linear-gradient(#F2F2F2, #ffffff);
 383     background: linear-gradient(#F2F2F2, #ffffff);
 384     box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
 385     padding: 3px 3px 3px 20px;
 386     height: 20px;
 387     border-radius: 3px 3px 3px 3px;
 388     cursor: pointer;
 389     background-image: url('../images/tag_blue.png');
 390     background-repeat: no-repeat;
 391     background-position: 3px center;
 392     background-color: #ffffff;
 393 }
 394 .linktag:hover {
 395     border-color: #555573;
 396     color: #000;
 397 }
 398 .linktag a {
 399     color: #777;
 400     text-decoration: none;
 401 }
 402 .linkshort {
 403     font-size: 8pt;
 404     color: #888;
 405 }
 406 .linkshort a {
 407     text-decoration: none;
 408     color: #393964;
 409 }
 410 .linkshort a:hover {
 411     text-decoration: underline;
 412 }
 413 .buttoneditform {
 414     display: inline;
 415 }
 416 #footer {
 417     font-size: 8pt;
 418     text-align: center;
 419     border-top: 1px solid #ddd;
 420     color: #888;
 421     clear: both;
 422 }
 423 #footer  a {
 424     color: #486D08;
 425 }
 426 #footer  a:hover {
 427     color: #000000;
 428 }
 429 #newversion {
 430     background-color: #FFFFA0;
 431     color: #000;
 432     position: absolute;
 433     top: 0;
 434     right: 0;
 435     padding: 2 7 2 7;
 436     font-size: 9pt;
 437 }
 438 #cloudtag {
 439     padding-left: 10%;
 440     padding-right: 10%;
 441 }
 442 #cloudtag a {
 443     color: black;
 444     text-decoration: none;
 445 }
 446 #installform td {
 447     font-size: 10pt;
 448     color: black;
 449     padding: 10px 5px 10px 5px;
 450     clear: left;
 451 }
 452 #changepasswordform {
 453     color: #ccc;
 454     padding: 10px 5px 10px 5px;
 455     clear: left;
 456 }
 457 #changetag {
 458     color: #ccc;
 459     padding: 10px 5px 10px 5px;
 460     clear: left;
 461 }
 462 #configform td {
 463     color: #ccc;
 464     font-size: 10pt;
 465     padding: 10px 5px 10px 5px;
 466 }
 467 #configform {
 468     color: #ccc;
 469     padding: 10px 5px 10px 5px;
 470     clear: left;
 471 }
 472 .thumbnail {
 473     float: right;
 474     margin-left: 10px;
 475 }
 476 /* If you want thumbnails on the left:
 477 .thumbnail {
 478     float: left;
 479     margin-right: 10px;
 480 }
 481 .linkcontainer {
 482     position: static;
 483     margin-left: 130px;
 484 }
 485 */
 486
 487 /* --- Picture wall CSS --- */
 488 #picwall_container {
 489     color: #fff;
 490     background-color: #000;
 491     clear: both;
 492 }
 493 .picwall_pictureframe {
 494     background-color: #000;
 495     z-index: 5;
 496     position: relative;
 497     display: table-cell;
 498     vertical-align: middle;
 499     width: 90px;
 500     height: 90px;
 501     overflow: hidden;
 502     text-align: center;
 503     float: left;
 504 }
 505 .picwall_pictureframe img {
 506     max-width: 100%;
 507     height: auto;
 508 } /* Adapt the width of the image */
 509 .picwall_pictureframe a {
 510     text-decoration: none;
 511 }
 512
 513 /* CSS to show title when hovering an image - no javascript required. */
 514 .picwall_pictureframe span.info {
 515     display: none;
 516 }
 517 .picwall_pictureframe:hover span.info {
 518     display: block;
 519     position: absolute;
 520     top: 0;
 521     left: 0;
 522     width: 90px;
 523     font-weight: bold;
 524     font-size: 8pt;
 525     color: #fff;
 526     text-align: left;
 527     background-color: transparent;
 528     background-color: rgba(0, 0, 0, 0.4);
 529     /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
 530     filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
 531     /* IE6\96IE9 */
 532     text-shadow: 2px 2px 1px #000000;
 533 }
 534
 535 /* Minimal customisation for jQuery widgets */
 536 .ui-autocomplete {
 537     background-color: #fff;
 538     padding-left: 5px;
 539 }
 540 .ui-state-hover {
 541     background-color: #604dff;
 542     color: #fff;
 543 }
 544
 545 #linklist li.publicLinkHightLight {
 546     background: #ffffff;
 547 }
 548
 549 div#permalinkQrcode {
 550     padding: 20px;
 551     width: 220px;
 552     height: 220px;
 553     background-color: #ffffff;
 554     border: 1px solid black;
 555     position: absolute;
 556     top: -100px;
 557     left: -100px;
 558     text-align: center;
 559     font-size: 8pt;
 560     z-index: 50;
 561     -webkit-box-shadow: 2px 2px 20px 2px #333333;
 562     -moz-box-shadow: 2px 2px 20px 2px #333333;
 563     -o-box-shadow: 2px 2px 20px 2px #333333;
 564     -ms-box-shadow: 2px 2px 20px 2px #333333;
 565     box-shadow: 2px 2px 20px 2px #333333;
 566 }
 567
 568 div.daily {
 569     font-family: Georgia, 'DejaVu Serif', Norasi, serif;
 570     background-color: #E6D6BE;
 571     /* Background paper texture by BashCorpo:
 572        http://www.bashcorpo.dk/textures.php
 573        http://bashcorpo.deviantart.com/art/Grungy-paper-texture-v-5-22966998  */
 574     background-image: url("../images/Paper_texture_v5_by_bashcorpo_w1000.jpg");
 575     -webkit-background-size: cover;
 576     -moz-background-size: cover;
 577     -o-background-size: cover;
 578     background-size: cover;
 579     position: relative;
 580     border-bottom: 2px solid black;
 581 }
 582
 583 #daily_col1 {
 584     float: left;
 585     position: relative;
 586     width: 33%;
 587     padding-left: 1%;
 588 }
 589 #daily_col2 {
 590     float: left;
 591     position: relative;
 592     width: 33%;
 593 }
 594 #daily_col3 {
 595     float: left;
 596     position: relative;
 597     width: 33%;
 598 }
 599
 600 div.dailyAbout {
 601     float: left;
 602     border: 1px solid black;
 603     font-size: 8pt;
 604     position: absolute;
 605     left: 10px;
 606     top: 15px;
 607     padding: 5px 5px 5px 5px;
 608     text-align: center;
 609 }
 610 div.dailyAbout a {
 611     color: #890500;
 612 }
 613 div.dailyTitle {
 614     font-weight: bold;
 615     font-size: 44pt;
 616     text-align: center;
 617     padding: 10px 20px 0px 20px;
 618 }
 619 div.dailyDate {
 620     font-size: 12pt;
 621     font-weight: bold;
 622     text-align: center;
 623     padding: 0px 20px 30px 20px;
 624 }
 625
 626 /* Individual entries in "Daily": */
 627 div.dailyEntry {
 628     margin: 5px 10px 2px 5px;
 629     font-size: 11pt;
 630     border-top: 1px solid #555;
 631 }
 632 div.dailyEntry a {
 633     text-decoration: none;
 634     color: #890500;
 635 }
 636 div.dailyEntryTags {
 637     font-size: 7.75pt;
 638 }
 639 div.dailyEntryTitle {
 640     font-size: 18pt;
 641     font-weight: bold;
 642 }
 643 div.dailyEntryThumbnail {
 644     width: 100%;
 645     text-align: center;
 646     background-color: rgb(128, 128, 128);
 647     background: url(../images/50pc_transparent.png);
 648     padding: 4px 0px 2px 0px;
 649 }
 650 div.dailyEntryDescription {
 651     margin-top: 10px;
 652     margin-bottom: 30px;
 653     text-align: justify;
 654     overflow: auto;
 655 }
 656
 657 /* Common CSS screwdriver */
 658 .clear {
 659     clear: both;
 660 }
 661
 662 /* For lazy images loading in picture wall.
 663    Using http://www.appelsiini.net/projects/lazyload
 664 */
 665 .lazyimage {
 666     display: none;
 667 }
 668
 669 @media print {
 670     html {
 671         border: none;
 672         background: #fff !important;
 673         color: #000 !important;
 674     }
 675     body {
 676         font-size: 12pt;
 677         width: auto !important;
 678         margin: auto !important;
 679     }
 680     /* Minimum numer of lines to display when splitting a paragraph
 681        over two pages */
 682     p {
 683         orphans: 3;
 684         widows: 3;
 685     }
 686     a {
 687         color: #000 !important;
 688         text-decoration: none !important;
 689     }
 690     #pageheader, .paging, #linklist li form, #footer {
 691         display: none;
 692     }
 693     #linklist li {
 694         padding: 2 0 10 0;
 695         border-top: 2px solid #000;
 696         clear: both;
 697     }
 698     #linklist li.private {
 699         background-color: none;
 700         border-left: 0;
 701     }
 702     .linkdate {
 703         line-height: 2;
 704     }
 705     .linkurl {
 706         color: #000;
 707     }
 708     .linkdescription {
 709         font-size: 10pt;
 710     }
 711     .linktag {
 712         border: 1px solid black;
 713         font-style: italic;
 714         font-size: 8pt;
 715     }
 716 }
 717
 718 @media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 854px) {
 719     /* A few fixes for mobile devices (far from perfect). */
 720     .nomobile {
 721         display: none;
 722     }
 723     #logo {
 724         display: none;
 725     }
 726     #pageheader a
 727     {
 728         padding: 5px;
 729         border-radius: 5px 5px 5px 5px;
 730         margin: 3px;
 731     }
 732     .searchform, .tagfilter {
 733         display: block !important;
 734         margin: 0px !important;
 735         padding: 0px !important;
 736         width: 100% !important;
 737     }
 738     .searchform input, .tagfilter input {
 739         margin: 0px !important;
 740         padding: 0px !important;
 741         display: inline !important;
 742     }
 743     .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
 744         width: 30%;
 745         font-size: smaller;
 746     }
 747     #searchform_value {
 748         width: 70% !important;
 749     }
 750     #tagfilter_value {
 751         width: 70% !important;
 752     }
 753     div.qrcode {
 754         position: relative;
 755         float: left;
 756         top: -10px;
 757         left: 0px;
 758     }
 759     #paging_privatelinks {
 760         float: none;
 761     }
 762     #paging_linksperpage {
 763         float: none;
 764         margin-bottom: 10px;
 765         font-size: smaller;
 766     }
 767     #paging_older, #paging_newer, #paging_linksperpage a {
 768         border: 1px solid black;
 769         padding: 3px 5px 3px 5px;
 770         background-color: #666;
 771         color: #fff;
 772         border-radius: 5px 5px 5px 5px;
 773     }
 774     .thumbnail {
 775         float: none;
 776         height: auto;
 777         margin: 0px;
 778         text-align: center;
 779     }
 780     #cloudtag {
 781         padding: 0px;
 782     }
 783     div.dailyAbout {
 784         float: none;
 785         position: relative;
 786         width: 100%;
 787         clear: both;
 788         padding: 0px;
 789         top: 0px;
 790         left: 0px;
 791     }
 792     #daily_col1, #daily_col2, #daily_col3 {
 793         float: none;
 794         width: 100%;
 795         padding: 0px;
 796     }
 797     div.dailyTitle {
 798         font-size: 18pt;
 799         margin-top: 5px;
 800         padding: 0px;
 801     }
 802     div.dailyDate {
 803         font-size: 11pt;
 804         padding: 0px;
 805         display: block;
 806     }
 807     div.dailyEntryTitle {
 808         font-size: 16pt;
 809         font-weight: bold;
 810     }
 811     div.dailyEntryDescription {
 812         font-size: 10pt;
 813     }
 814 }
 815
 816 /* Highlight search results */
 817 .highlight {
 818     background-color: #FFFF33;
 819 }