aboutsummaryrefslogtreecommitdiffhomepage
path: root/inc/shaarli.css
diff options
context:
space:
mode:
Diffstat (limited to 'inc/shaarli.css')
-rw-r--r--inc/shaarli.css599
1 files changed, 480 insertions, 119 deletions
diff --git a/inc/shaarli.css b/inc/shaarli.css
index 2b55fa15..dd798d86 100644
--- a/inc/shaarli.css
+++ b/inc/shaarli.css
@@ -7,7 +7,12 @@
7 */ 7 */
8html{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%;} 8html{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 9
10body { font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size: 10pt; background-color: #ffffff; word-wrap: break-word; } 10body {
11 font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
12 font-size: 10pt;
13 background-color: #ffffff;
14 word-wrap: break-word;
15}
11 16
12input, textarea { 17input, textarea {
13 background-color: #dedede; 18 background-color: #dedede;
@@ -28,8 +33,12 @@ a {
28 text-decoration: none; 33 text-decoration: none;
29} 34}
30 35
31h1 { font-size: 20pt; font-weight: bold; font-style: italic; margin-bottom: 20px; } 36h1 {
32/* I don't give a shit about IE. He can't understand selectors such as input[type='submit']. */ 37 font-size: 20pt;
38 font-weight: bold;
39 font-style: italic;
40 margin-bottom: 20px;
41}
33 42
34/* Buttons */ 43/* Buttons */
35.bigbutton { 44.bigbutton {
@@ -71,7 +80,14 @@ h1 { font-size: 20pt; font-weight: bold; font-style: italic; margin-bottom: 20px
71} 80}
72 81
73/* Small tab on the left of each link with edit/delete buttons. */ 82/* Small tab on the left of each link with edit/delete buttons. */
74.button_edit, .button_delete { border-radius: 0; box-shadow: none; border-style: none; border-width: 0; padding: 0; background: none; } 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}
75.linkeditbuttons { 91.linkeditbuttons {
76 position: absolute; 92 position: absolute;
77 left: -1px; 93 left: -1px;
@@ -188,30 +204,96 @@ h1 { font-size: 20pt; font-weight: bold; font-style: italic; margin-bottom: 20px
188 cursor: pointer; 204 cursor: pointer;
189} 205}
190 206
191#shaarli_title { font-weight: bold; font-style: italic; margin-top: 0; } 207#shaarli_title {
192#shaarli_title a { color: #fff !important; } 208 font-weight: bold;
193 209 font-style: italic;
194#pageheader a:visited { color: #98C943; text-decoration: none; } 210 margin-top: 0;
195#pageheader a:hover { color: #FFFFC9; text-decoration: none; } 211}
196#pageheader a:active { color: #bbb; text-decoration: none; } 212#shaarli_title a {
197#searchcriteria { padding: 4px 0px 5px 5px; font-weight: bold; } 213 color: #fff !important;
198.paging { padding: 5px; background-color: #777; color: #ccc; text-align: center; clear: both; } 214}
199.paging a:link { color: #ccc; text-decoration: none; } 215
200.paging a:visited { color: #ccc; } 216#pageheader a:visited {
201.paging a:hover { color: #FFFFC9; } 217 color: #98C943;
202.paging a:active { color: #fff; } 218 text-decoration: none;
203#paging_privatelinks { float: left; } 219}
204#paging_linksperpage { float: right; padding-right: 5px; } 220#pageheader a:hover {
205#paging_current { display: inline; color: #fff; padding: 0 20 0 20; } 221 color: #FFFFC9;
206#paging_older { margin-right: 15px; } 222 text-decoration: none;
207#paging_newer { margin-left: 15px; } 223}
208 224#pageheader a:active {
209#headerform { color: #ffffff; padding: 5px 5px 5px 5px; clear: both; } 225 color: #bbb;
210#toolsdiv { color: #ffffff; padding: 5px 5px 5px 5px; clear: left; } 226 text-decoration: none;
211#uploaddiv { color: #ffffff; padding: 5px 5px 5px 5px; clear: left; } 227}
212#editlinkform { height: 100%; color: #ffffff; padding: 5px 5px 5px 15px; width: 80%; clear: left; } 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}
213#linklist li { 293#linklist li {
214 padding: 4px 10px 15px 20px; border-top: 1px solid #bbb; clear: both; 294 padding: 4px 10px 15px 20px;
295 border-top: 1px solid #bbb;
296 clear: both;
215 background-color: #F2F2F2; 297 background-color: #F2F2F2;
216 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F2F2), to(#ffffff)); 298 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F2F2), to(#ffffff));
217 background: -webkit-linear-gradient(#F2F2F2, #ffffff); 299 background: -webkit-linear-gradient(#F2F2F2, #ffffff);
@@ -226,22 +308,70 @@ h1 { font-size: 20pt; font-weight: bold; font-style: italic; margin-bottom: 20px
226 background: #E9FFCE; 308 background: #E9FFCE;
227} 309}
228*/ 310*/
229.linkdate, .linkarchive { font-size:8pt; color:#888; } 311.linkdate, .linkarchive {
230.linkdate a, .linkarchive a { color:#E28E3F; } 312 font-size:8pt;
231#linklist li.private { background: url('../images/private.png') no-repeat 10px center; padding-left: 60px; } 313 color:#888;
232#linklist li { padding-left: 26px; } 314}
233.private .linktitle a { color: #969696; } 315.linkdate a, .linkarchive a {
234.linktitle { font-size: 14pt; font-weight: bold; } 316 color:#E28E3F;
235.linktitle a { text-decoration: none; color: #80AD48; } 317}
236.linktitle a:hover { color: #F57900; } 318#linklist li.private {
237.linkdate, .linkarchive { font-size: 8pt; color: #888; } 319 background: url('../images/private.png') no-repeat 10px center;
238.linkdate a, .linkarchive a { background-image: url('../images/calendar.png'); padding: 2px 0 3px 20px; background-repeat: no-repeat; text-decoration: none; color: #E28E3F; } 320 padding-left: 60px;
239.linkdate a:hover { color: #F57900 } 321}
240.linkurl { font-size: 8pt; color: #4BAA74; } 322#linklist li {
241.linkdescription { color: #000; margin-top: 0; margin-bottom: 12px; font-weight: normal; max-height: 400px; overflow: auto; } 323 padding-left: 26px;
242.linkdescription a { text-decoration: none; color: #3465A4; } 324}
243.linkdescription a:hover { color: #F57900; } 325.private .linktitle a {
244.linktaglist { padding-top: 10px; line-height: 200%; } 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}
245.linktag { 375.linktag {
246 font-size: 9pt; 376 font-size: 9pt;
247 background-color: #F2F2F2; 377 background-color: #F2F2F2;
@@ -261,54 +391,156 @@ h1 { font-size: 20pt; font-weight: bold; font-style: italic; margin-bottom: 20px
261 background-position: 3px center; 391 background-position: 3px center;
262 background-color: #ffffff; 392 background-color: #ffffff;
263} 393}
264.linktag:hover { border-color: #555573; color: #000; } 394.linktag:hover {
265.linktag a { color: #777; text-decoration: none; } 395 border-color: #555573;
266.linkshort { font-size: 8pt; color: #888; } 396 color: #000;
267.linkshort a { text-decoration: none; color: #393964; } 397}
268.linkshort a:hover { text-decoration: underline; } 398.linktag a {
269.buttoneditform { display: inline; } 399 color: #777;
270#footer { font-size: 8pt; text-align: center; border-top: 1px solid #ddd; color: #888; clear: both; } 400 text-decoration: none;
271#footer a { color: #486D08; } 401}
272#footer a:hover { color: #000000; } 402.linkshort {
273#newversion { background-color: #FFFFA0; color: #000; position: absolute; top: 0; right: 0; padding: 2 7 2 7; font-size: 9pt; } 403 font-size: 8pt;
274#cloudtag { padding-left: 10%; padding-right: 10%; } 404 color: #888;
275#cloudtag a { color: black; text-decoration: none; } 405}
276#installform td { font-size: 10pt; color: black; padding: 10px 5px 10px 5px; clear: left; } 406.linkshort a {
277#changepasswordform { color: #ccc; padding: 10px 5px 10px 5px; clear: left; } 407 text-decoration: none;
278#changetag { color: #ccc; padding: 10px 5px 10px 5px; clear: left; } 408 color: #393964;
279#configform td { color: #ccc; font-size: 10pt; padding: 10px 5px 10px 5px; } 409}
280#configform { color: #ccc; padding: 10px 5px 10px 5px; clear: left; } 410.linkshort a:hover {
281.thumbnail { float: right; margin-left: 10px; } 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}
282/* If you want thumbnails on the left: 476/* If you want thumbnails on the left:
283.thumbnail { float: left; margin-right: 10px; } 477.thumbnail {
284.linkcontainer { position: static; margin-left: 130px; } 478 float: left;
479 margin-right: 10px;
480}
481.linkcontainer {
482 position: static;
483 margin-left: 130px;
484}
285*/ 485*/
286 486
287/* --- Picture wall CSS --- */ 487/* --- Picture wall CSS --- */
288#picwall_container { color: #fff; background-color: #000; clear: both; } 488#picwall_container {
289.picwall_pictureframe { background-color: #000; z-index: 5; position: relative; display: table-cell; vertical-align: middle; width: 90px; height: 90px; overflow: hidden; text-align: center; float: left; } 489 color: #fff;
290.picwall_pictureframe img { max-width: 100%; height: auto; } /* Adapt the width of the image */ 490 background-color: #000;
291.picwall_pictureframe a { text-decoration: none; } 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}
292 512
293/* CSS to show title when hovering an image - no javascript required. */ 513/* CSS to show title when hovering an image - no javascript required. */
294.picwall_pictureframe span.info { display: none; } 514.picwall_pictureframe span.info {
515 display: none;
516}
295.picwall_pictureframe:hover span.info { 517.picwall_pictureframe:hover span.info {
296 display: block; 518 display: block;
297 position: absolute; 519 position: absolute;
298 top: 0; left: 0; width: 90px; 520 top: 0;
521 left: 0;
522 width: 90px;
299 font-weight: bold; 523 font-weight: bold;
300 font-size: 8pt; 524 font-size: 8pt;
301 color: #fff; 525 color: #fff;
302 text-align: left; 526 text-align: left;
303 background-color: transparent; 527 background-color: transparent;
304 background-color: rgba(0, 0, 0, 0.4); /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */ 528 background-color: rgba(0, 0, 0, 0.4);
305 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000); /* IE6–IE9 */ 529 /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
530 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
531 /* IE6–IE9 */
306 text-shadow: 2px 2px 1px #000000; 532 text-shadow: 2px 2px 1px #000000;
307} 533}
308 534
309/* Minimal customisation for jQuery widgets */ 535/* Minimal customisation for jQuery widgets */
310.ui-autocomplete { background-color: #fff; padding-left: 5px; } 536.ui-autocomplete {
311.ui-state-hover { background-color: #604dff; color: #fff; } 537 background-color: #fff;
538 padding-left: 5px;
539}
540.ui-state-hover {
541 background-color: #604dff;
542 color: #fff;
543}
312 544
313#linklist li.publicLinkHightLight { 545#linklist li.publicLinkHightLight {
314 background: #ffffff; 546 background: #ffffff;
@@ -333,8 +565,7 @@ div#permalinkQrcode {
333 box-shadow: 2px 2px 20px 2px #333333; 565 box-shadow: 2px 2px 20px 2px #333333;
334} 566}
335 567
336div.daily 568div.daily {
337{
338 font-family: Georgia, 'DejaVu Serif', Norasi, serif; 569 font-family: Georgia, 'DejaVu Serif', Norasi, serif;
339 background-color: #E6D6BE; 570 background-color: #E6D6BE;
340 /* Background paper texture by BashCorpo: 571 /* Background paper texture by BashCorpo:
@@ -349,9 +580,22 @@ div.daily
349 border-bottom: 2px solid black; 580 border-bottom: 2px solid black;
350} 581}
351 582
352#daily_col1 { float: left; position: relative; width: 33%; padding-left: 1%; } 583#daily_col1 {
353#daily_col2 { float: left; position: relative; width: 33%; } 584 float: left;
354#daily_col3 { float: left; position: relative; width: 33%; } 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}
355 599
356div.dailyAbout { 600div.dailyAbout {
357 float: left; 601 float: left;
@@ -363,7 +607,9 @@ div.dailyAbout {
363 padding: 5px 5px 5px 5px; 607 padding: 5px 5px 5px 5px;
364 text-align: center; 608 text-align: center;
365} 609}
366div.dailyAbout a { color: #890500; } 610div.dailyAbout a {
611 color: #890500;
612}
367div.dailyTitle { 613div.dailyTitle {
368 font-weight: bold; 614 font-weight: bold;
369 font-size: 44pt; 615 font-size: 44pt;
@@ -383,9 +629,17 @@ div.dailyEntry {
383 font-size: 11pt; 629 font-size: 11pt;
384 border-top: 1px solid #555; 630 border-top: 1px solid #555;
385} 631}
386div.dailyEntry a { text-decoration: none; color: #890500; } 632div.dailyEntry a {
387div.dailyEntryTags { font-size: 7.75pt; } 633 text-decoration: none;
388div.dailyEntryTitle { font-size: 18pt; font-weight: bold; } 634 color: #890500;
635}
636div.dailyEntryTags {
637 font-size: 7.75pt;
638}
639div.dailyEntryTitle {
640 font-size: 18pt;
641 font-weight: bold;
642}
389div.dailyEntryThumbnail { 643div.dailyEntryThumbnail {
390 width: 100%; 644 width: 100%;
391 text-align: center; 645 text-align: center;
@@ -407,52 +661,159 @@ div.dailyEntryDescription {
407 661
408/* For lazy images loading in picture wall. 662/* For lazy images loading in picture wall.
409 Using http://www.appelsiini.net/projects/lazyload 663 Using http://www.appelsiini.net/projects/lazyload
410 */ 664*/
411.lazyimage { display: none; } 665.lazyimage {
666 display: none;
667}
412 668
413@media print { 669@media print {
414 html { border: none; background: #fff!important; color: #000!important; } 670 html {
415 body { font-size: 12pt; width: auto!important; margin: auto!important; } 671 border: none;
416 p { orphans: 3; /*pas de ligne seule en bas */widows: 3; /*pas de ligne seule en haut*/ } 672 background: #fff !important;
417 a { color: #000!important; text-decoration: none!important; } 673 color: #000 !important;
418 #pageheader, .paging, #linklist li form, #footer { display: none; } 674 }
419 #linklist li { padding: 2 0 10 0; border-top: 2px solid #000; clear: both; } 675 body {
420 #linklist li.private { background-color: none; border-left: 0; } 676 font-size: 12pt;
421 .linkdate { line-height: 2; } 677 width: auto !important;
422 .linkurl { color: #000; } 678 margin: auto !important;
423 .linkdescription { font-size: 10pt; } 679 }
424 .linktag { border: 1px solid black; font-style: italic; font-size: 8pt; } 680 /* Minimum numer of lines to display when splitting a paragraph
425} 681 over two pages */
426 682 p {
427@media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 854px) 683 orphans: 3;
428{ 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) {
429 /* A few fixes for mobile devices (far from perfect). */ 719 /* A few fixes for mobile devices (far from perfect). */
430 .nomobile { display: none; } 720 .nomobile {
431 #logo { display: none; } 721 display: none;
722 }
723 #logo {
724 display: none;
725 }
432 #pageheader a 726 #pageheader a
433 { 727 {
434 padding: 5px; 728 padding: 5px;
435 border-radius: 5px 5px 5px 5px; 729 border-radius: 5px 5px 5px 5px;
436 margin: 3px; 730 margin: 3px;
437 } 731 }
438 .searchform, .tagfilter { display: block !important; margin: 0px !important; padding: 0px !important; width: 100% !important; } 732 .searchform, .tagfilter {
439 .searchform input, .tagfilter input { margin: 0px !important; padding: 0px !important; display: inline !important; } 733 display: block !important;
440 .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton { width: 30%; font-size: smaller; } 734 margin: 0px !important;
441 #searchform_value { width: 70% !important; } 735 padding: 0px !important;
442 #tagfilter_value { width: 70% !important; } 736 width: 100% !important;
443 div.qrcode { position: relative; float: left; top: -10px; left: 0px; } 737 }
444 #paging_privatelinks { float: none; } 738 .searchform input, .tagfilter input {
445 #paging_linksperpage { float: none; margin-bottom: 10px; font-size: smaller; } 739 margin: 0px !important;
446 #paging_older, #paging_newer, #paging_linksperpage a { border: 1px solid black; padding: 3px 5px 3px 5px; background-color: #666; color: #fff; border-radius: 5px 5px 5px 5px; } 740 padding: 0px !important;
447 .thumbnail { float: none; height: auto; margin: 0px; text-align: center; } 741 display: inline !important;
448 #cloudtag { padding: 0px; } 742 }
449 div.dailyAbout { float: none; position: relative; width: 100%; clear: both; padding: 0px; top: 0px; left: 0px; } 743 .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
450 #daily_col1, #daily_col2, #daily_col3 { float: none; width: 100%; padding: 0px; } 744 width: 30%;
451 div.dailyTitle { font-size: 18pt; margin-top: 5px; padding: 0px; } 745 font-size: smaller;
452 div.dailyDate { font-size: 11pt; padding: 0px; display: block; } 746 }
453 div.dailyEntryTitle { font-size: 16pt; font-weight: bold; } 747 #searchform_value {
454 div.dailyEntryDescription { font-size: 10pt; } 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 }
455} 814}
456 815
457/* Highlight search results */ 816/* Highlight search results */
458.highlight { background-color: #FFFF33; } 817.highlight {
818 background-color: #FFFF33;
819}