diff options
Diffstat (limited to 'inc')
-rw-r--r-- | inc/shaarli.css | 117 |
1 files changed, 115 insertions, 2 deletions
diff --git a/inc/shaarli.css b/inc/shaarli.css index 22000ba9..e7396ccb 100644 --- a/inc/shaarli.css +++ b/inc/shaarli.css | |||
@@ -118,6 +118,14 @@ h1 { | |||
118 | cursor: pointer; | 118 | cursor: pointer; |
119 | } | 119 | } |
120 | 120 | ||
121 | #pageheader #linkcount { | ||
122 | float: right; | ||
123 | font-style: italic; | ||
124 | color: #bbb; | ||
125 | text-align: right; | ||
126 | padding-right: 5px; | ||
127 | } | ||
128 | |||
121 | #pageheader { | 129 | #pageheader { |
122 | background-color: #333333; | 130 | background-color: #333333; |
123 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#333333), to(#111111)); | 131 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#333333), to(#111111)); |
@@ -149,10 +157,19 @@ h1 { | |||
149 | text-decoration: none; | 157 | text-decoration: none; |
150 | } | 158 | } |
151 | 159 | ||
160 | #pageheader .search { | ||
161 | width: 100%; | ||
162 | white-space: nowrap; | ||
163 | } | ||
164 | |||
152 | #toolsdiv a { | 165 | #toolsdiv a { |
153 | clear: both; | 166 | clear: both; |
154 | } | 167 | } |
155 | 168 | ||
169 | #toolsdiv #bookmark { | ||
170 | clear: none; | ||
171 | } | ||
172 | |||
156 | #toolsdiv a span { | 173 | #toolsdiv a span { |
157 | color: #ffffff; | 174 | color: #ffffff; |
158 | } | 175 | } |
@@ -191,6 +208,18 @@ h1 { | |||
191 | padding: 0; | 208 | padding: 0; |
192 | } | 209 | } |
193 | 210 | ||
211 | .searchform #searchform_value { | ||
212 | width: 30%; | ||
213 | } | ||
214 | |||
215 | .tagfilter { | ||
216 | margin-left:24px; | ||
217 | } | ||
218 | |||
219 | .tagfilter #tagfilter_value { | ||
220 | width: 10%; | ||
221 | } | ||
222 | |||
194 | .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton { | 223 | .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton { |
195 | background-color: #dedede; | 224 | background-color: #dedede; |
196 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff)); | 225 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff)); |
@@ -271,6 +300,14 @@ h1 { | |||
271 | padding-right: 5px; | 300 | padding-right: 5px; |
272 | } | 301 | } |
273 | 302 | ||
303 | #paging_linksperpage form.linksperpage { | ||
304 | display: inline; | ||
305 | } | ||
306 | |||
307 | #paging_linksperpage form.linksperpage input { | ||
308 | height: 15px; | ||
309 | } | ||
310 | |||
274 | #paging_current { | 311 | #paging_current { |
275 | display: inline; | 312 | display: inline; |
276 | color: #fff; | 313 | color: #fff; |
@@ -291,6 +328,10 @@ h1 { | |||
291 | clear: both; | 328 | clear: both; |
292 | } | 329 | } |
293 | 330 | ||
331 | #headerform input.linkurl { | ||
332 | width: 50%; | ||
333 | } | ||
334 | |||
294 | #toolsdiv { | 335 | #toolsdiv { |
295 | color: #ffffff; | 336 | color: #ffffff; |
296 | padding: 5px 5px 5px 5px; | 337 | padding: 5px 5px 5px 5px; |
@@ -311,6 +352,10 @@ h1 { | |||
311 | clear: left; | 352 | clear: left; |
312 | } | 353 | } |
313 | 354 | ||
355 | #editlinkform textarea, #editlinkform .lf_input { | ||
356 | width: 100%; | ||
357 | } | ||
358 | |||
314 | #linklist li { | 359 | #linklist li { |
315 | padding: 4px 10px 15px 20px; | 360 | padding: 4px 10px 15px 20px; |
316 | border-top: 1px solid #bbb; | 361 | border-top: 1px solid #bbb; |
@@ -339,6 +384,16 @@ h1 { | |||
339 | color:#E28E3F; | 384 | color:#E28E3F; |
340 | } | 385 | } |
341 | 386 | ||
387 | .linkqrcode { | ||
388 | display: inline; | ||
389 | position: relative; | ||
390 | } | ||
391 | |||
392 | a.qrcode img { | ||
393 | width: 13px; | ||
394 | height: 13px; | ||
395 | } | ||
396 | |||
342 | #linklist li.private { | 397 | #linklist li.private { |
343 | background: url('../images/private.png') no-repeat 10px center; | 398 | background: url('../images/private.png') no-repeat 10px center; |
344 | padding-left: 60px; | 399 | padding-left: 60px; |
@@ -440,6 +495,12 @@ h1 { | |||
440 | text-decoration: none; | 495 | text-decoration: none; |
441 | } | 496 | } |
442 | 497 | ||
498 | .linktag .remove { | ||
499 | border-left: 1px solid #aaa; | ||
500 | padding-left: 5px; | ||
501 | color:#6767A7; | ||
502 | } | ||
503 | |||
443 | .linkshort { | 504 | .linkshort { |
444 | font-size: 8pt; | 505 | font-size: 8pt; |
445 | color: #888; | 506 | color: #888; |
@@ -466,11 +527,11 @@ h1 { | |||
466 | clear: both; | 527 | clear: both; |
467 | } | 528 | } |
468 | 529 | ||
469 | #footer a { | 530 | #footer a { |
470 | color: #486D08; | 531 | color: #486D08; |
471 | } | 532 | } |
472 | 533 | ||
473 | #footer a:hover { | 534 | #footer a:hover { |
474 | color: #000000; | 535 | color: #000000; |
475 | } | 536 | } |
476 | 537 | ||
@@ -484,16 +545,41 @@ h1 { | |||
484 | font-size: 9pt; | 545 | font-size: 9pt; |
485 | } | 546 | } |
486 | 547 | ||
548 | #newversion #version_id { | ||
549 | text-decoration: blink; | ||
550 | } | ||
551 | |||
487 | #cloudtag { | 552 | #cloudtag { |
488 | padding-left: 10%; | 553 | padding-left: 10%; |
489 | padding-right: 10%; | 554 | padding-right: 10%; |
490 | } | 555 | } |
491 | 556 | ||
557 | #cloudtag .count { | ||
558 | color: #99f; | ||
559 | font-size: 9pt; | ||
560 | padding-left: 5px; | ||
561 | padding-right: 2px; | ||
562 | } | ||
563 | |||
492 | #cloudtag a { | 564 | #cloudtag a { |
565 | font-weight:bold; | ||
493 | color: black; | 566 | color: black; |
494 | text-decoration: none; | 567 | text-decoration: none; |
495 | } | 568 | } |
496 | 569 | ||
570 | #install { | ||
571 | margin: 0 20px; | ||
572 | } | ||
573 | |||
574 | #installform { | ||
575 | border: 1px solid black; | ||
576 | padding: 10px; | ||
577 | } | ||
578 | |||
579 | #installform table { | ||
580 | border: none; | ||
581 | } | ||
582 | |||
497 | #installform td { | 583 | #installform td { |
498 | font-size: 10pt; | 584 | font-size: 10pt; |
499 | color: black; | 585 | color: black; |
@@ -501,6 +587,10 @@ h1 { | |||
501 | clear: left; | 587 | clear: left; |
502 | } | 588 | } |
503 | 589 | ||
590 | #installform input.bigbutton { | ||
591 | float: right; | ||
592 | } | ||
593 | |||
504 | #changepasswordform { | 594 | #changepasswordform { |
505 | color: #ccc; | 595 | color: #ccc; |
506 | padding: 10px 5px 10px 5px; | 596 | padding: 10px 5px 10px 5px; |
@@ -513,6 +603,10 @@ h1 { | |||
513 | clear: left; | 603 | clear: left; |
514 | } | 604 | } |
515 | 605 | ||
606 | #changetag #totag { | ||
607 | margin-left: 40px; | ||
608 | } | ||
609 | |||
516 | #configform td { | 610 | #configform td { |
517 | color: #ccc; | 611 | color: #ccc; |
518 | font-size: 10pt; | 612 | font-size: 10pt; |
@@ -676,6 +770,14 @@ div.dailyAbout a { | |||
676 | color: #890500; | 770 | color: #890500; |
677 | } | 771 | } |
678 | 772 | ||
773 | div.dailyAbout img { | ||
774 | position: relative; | ||
775 | top: 3px; | ||
776 | margin-right: 4px; | ||
777 | width: 14px; | ||
778 | height: 14px; | ||
779 | } | ||
780 | |||
679 | div.dailyTitle { | 781 | div.dailyTitle { |
680 | font-weight: bold; | 782 | font-weight: bold; |
681 | font-size: 44pt; | 783 | font-size: 44pt; |
@@ -726,6 +828,17 @@ div.dailyEntryDescription { | |||
726 | overflow: auto; | 828 | overflow: auto; |
727 | } | 829 | } |
728 | 830 | ||
831 | div.dailyNoEntry { | ||
832 | text-align: center; | ||
833 | padding: 40px 0px 90px 0px; | ||
834 | } | ||
835 | |||
836 | .daily #closing { | ||
837 | clear: both; | ||
838 | text-align: center; | ||
839 | padding-bottom: 20px; | ||
840 | } | ||
841 | |||
729 | /* Common CSS screwdriver */ | 842 | /* Common CSS screwdriver */ |
730 | .clear { | 843 | .clear { |
731 | clear: both; | 844 | clear: both; |