aboutsummaryrefslogtreecommitdiffhomepage
path: root/tpl/vintage
diff options
context:
space:
mode:
Diffstat (limited to 'tpl/vintage')
-rw-r--r--tpl/vintage/changetag.html2
-rw-r--r--tpl/vintage/configure.html31
-rw-r--r--tpl/vintage/css/reset.css6
-rw-r--r--tpl/vintage/css/shaarli.css1212
-rw-r--r--tpl/vintage/daily.html21
-rw-r--r--tpl/vintage/dailyrss.html4
-rw-r--r--tpl/vintage/editlink.html5
-rw-r--r--tpl/vintage/images/50pc_transparent.pngbin599 -> 0 bytes
-rw-r--r--tpl/vintage/images/Paper_texture_v5_by_bashcorpo_w1000.jpgbin127449 -> 0 bytes
-rw-r--r--tpl/vintage/images/calendar.pngbin650 -> 0 bytes
-rw-r--r--tpl/vintage/images/floral_left.pngbin1284 -> 0 bytes
-rw-r--r--tpl/vintage/images/floral_right.pngbin1309 -> 0 bytes
-rw-r--r--tpl/vintage/images/private.pngbin813 -> 0 bytes
-rw-r--r--tpl/vintage/images/squiggle.pngbin720 -> 0 bytes
-rw-r--r--tpl/vintage/images/squiggle_closing.pngbin1244 -> 0 bytes
-rw-r--r--tpl/vintage/images/tag_blue.pngbin714 -> 0 bytes
-rw-r--r--tpl/vintage/includes.html27
-rw-r--r--tpl/vintage/js/shaarli.js32
-rw-r--r--tpl/vintage/linklist.html27
-rw-r--r--tpl/vintage/linklist.paging.html12
-rw-r--r--tpl/vintage/loginform.html4
-rw-r--r--tpl/vintage/page.footer.html8
-rw-r--r--tpl/vintage/page.header.html4
-rw-r--r--tpl/vintage/picwall.html13
-rw-r--r--tpl/vintage/pluginsadmin.html73
-rw-r--r--tpl/vintage/thumbnails.html28
-rw-r--r--tpl/vintage/tools.html32
27 files changed, 198 insertions, 1343 deletions
diff --git a/tpl/vintage/changetag.html b/tpl/vintage/changetag.html
index a0df3328..670a8dd7 100644
--- a/tpl/vintage/changetag.html
+++ b/tpl/vintage/changetag.html
@@ -1,8 +1,6 @@
1<!DOCTYPE html> 1<!DOCTYPE html>
2<html> 2<html>
3<head>{include="includes"} 3<head>{include="includes"}
4 <link type="text/css" rel="stylesheet" href="inc/awesomplete.css#" />
5 <script src="inc/awesomplete.min.js#"></script>
6</head> 4</head>
7<body onload="document.changetag.fromtag.focus();"> 5<body onload="document.changetag.fromtag.focus();">
8<div id="pageheader"> 6<div id="pageheader">
diff --git a/tpl/vintage/configure.html b/tpl/vintage/configure.html
index 479284eb..f1892fa1 100644
--- a/tpl/vintage/configure.html
+++ b/tpl/vintage/configure.html
@@ -59,14 +59,6 @@
59 </tr> 59 </tr>
60 60
61 <tr> 61 <tr>
62 <td><b>Redirector</b></td>
63 <td>
64 <input type="text" name="redirector" id="redirector" size="50" value="{$redirector}"><br>
65 (e.g. <i>http://anonym.to/?</i> will mask the HTTP_REFERER)
66 </td>
67 </tr>
68
69 <tr>
70 <td><b>Security:</b></td> 62 <td><b>Security:</b></td>
71 <td> 63 <td>
72 <input type="checkbox" name="disablesessionprotection" id="disablesessionprotection" 64 <input type="checkbox" name="disablesessionprotection" id="disablesessionprotection"
@@ -128,6 +120,29 @@
128 <input type="text" name="apiSecret" id="apiSecret" size="50" value="{$api_secret}" /> 120 <input type="text" name="apiSecret" id="apiSecret" size="50" value="{$api_secret}" />
129 </td> 121 </td>
130 </tr> 122 </tr>
123 <tr>
124 <td valign="top"><b>Enable thumbnails</b></td>
125 <td>
126 <select name="enableThumbnails" id="enableThumbnails" class="align">
127 <option value="all" {if="$thumbnails_mode=='all'"}selected{/if}>
128 {'All'|t}
129 </option>
130 <option value="common" {if="$thumbnails_mode=='common'"}selected{/if}>
131 {'Only common media hosts'|t}
132 </option>
133 <option value="none" {if="$thumbnails_mode=='none'"}selected{/if}>
134 {'None'|t}
135 </option>
136 </select>
137 <label for="enableThumbnails">
138 {if="! $gd_enabled"}
139 {'You need to enable the extension <code>php-gd</code> to use thumbnails.'|t}
140 {elseif="$thumbnails_enabled"}
141 <a href="?do=thumbs_update">{'Synchonize thumbnails'|t}</a>
142 {/if}
143 </label>
144 </td>
145 </tr>
131 146
132 <tr> 147 <tr>
133 <td></td> 148 <td></td>
diff --git a/tpl/vintage/css/reset.css b/tpl/vintage/css/reset.css
deleted file mode 100644
index e29699e2..00000000
--- a/tpl/vintage/css/reset.css
+++ /dev/null
@@ -1,6 +0,0 @@
1/* CSS Reset from Yahoo to cope with browsers CSS inconsistencies. */
2/*
3 Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html
4 version: 2.8.2r1
5 */
6html{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%;} \ No newline at end of file
diff --git a/tpl/vintage/css/shaarli.css b/tpl/vintage/css/shaarli.css
deleted file mode 100644
index 9c72d993..00000000
--- a/tpl/vintage/css/shaarli.css
+++ /dev/null
@@ -1,1212 +0,0 @@
1/* Cascading Stylesheet for Shaarli - https://github.com/shaarli/Shaarli */
2
3body {
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
10input, 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
25a {
26 text-decoration: none;
27}
28
29h1 {
30 font-size: 20pt;
31 font-weight: bold;
32 font-style: italic;
33 margin-bottom: 20px;
34}
35
36em {
37 font-style: italic;
38}
39
40strong {
41 font-weight: bold;
42}
43
44.hidden {
45 display: none;
46}
47
48/* Buttons */
49.bigbutton, #pageheader a.bigbutton {
50 background-color: #c0c0c0;
51 background: -moz-linear-gradient(#c0c0c0, #ffffff) repeat scroll 0 0 transparent;
52 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c0c0c0), to(#ffffff));
53 background: -webkit-linear-gradient(#c0c0c0, #ffffff);
54 background: -ms-linear-gradient(#c0c0c0, #ffffff);
55 background: -o-linear-gradient(#c0c0c0, #ffffff);
56 background: linear-gradient(#c0c0c0, #ffffff);
57 border-radius: 3px 3px 3px 3px;
58 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
59 cursor: pointer;
60 height: 24px;
61 padding: 0 5px;
62 margin: 0 5px 0 0;
63 color: #606060;
64 border-style: outset;
65 border-width: 1px;
66 display: inline-block;
67}
68
69a.bigbutton, #pageheader a.bigbutton {
70 height: 22px;
71 line-height: 22px;
72}
73
74.smallbutton {
75 background-color: #c0c0c0;
76 background: -moz-linear-gradient(#c0c0c0, #ffffff) repeat scroll 0 0 transparent;
77 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c0c0c0), to(#ffffff));
78 background: -webkit-linear-gradient(#c0c0c0, #ffffff);
79 background: -ms-linear-gradient(#c0c0c0, #ffffff);
80 background: -o-linear-gradient(#c0c0c0, #ffffff);
81 background: linear-gradient(#c0c0c0, #ffffff);
82 border-radius: 3px 3px 3px 3px;
83 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
84 cursor: pointer;
85 height: 20px;
86 margin-left: 5px;
87 padding: 0 5px;
88 color: #606060;
89 border-style: outset;
90 border-width: 1px;
91}
92
93/* Small tab on the left of each link with edit/delete buttons. */
94.button_edit, .button_delete {
95 border-radius: 0;
96 box-shadow: none;
97 border-style: none;
98 border-width: 0;
99 padding: 0;
100 background: none;
101}
102
103.linkeditbuttons {
104 position: absolute;
105 left: 2px;
106 padding: 4px 2px 2px 2px;
107
108 -webkit-border-radius: 0px 6px 6px 0px;
109 -moz-border-radius: 0px 6px 6px 0px;
110 -o-border-radius: 0px 6px 6px 0px;
111 -ms-border-radius: 0px 6px 6px 0px;
112 border-radius: 0px 6px 6px 0px;
113}
114
115#pageheader #logo {
116 background-image: url('../../../images/logo.png');
117 background-repeat: no-repeat;
118 float: left;
119 margin: 0 10px 0 10px;
120 width: 105px;
121 height: 55px;
122 cursor: pointer;
123}
124
125#pageheader #menu {
126 width: 100%;
127}
128
129#pageheader #menu ul {
130 margin: auto;
131 padding: 7px 0px 0px 0px;
132 float: none;
133}
134
135#pageheader #menu ul li {
136 list-style: none;
137 display: inline;
138 position: relative;
139 box-sizing: border-box;
140}
141
142#pageheader a {
143 background-color: #333333;
144 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#333333), to(#000000));
145 background: -webkit-linear-gradient(#333333, #000000);
146 background: -moz-linear-gradient(#333333, #000000);
147 background: -ms-linear-gradient(#333333, #000000);
148 background: -o-linear-gradient(#333333, #000000);
149 background: linear-gradient(#333333, #000000);
150 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
151 padding: 5px;
152 border-radius: 3px 3px 3px 3px;
153 margin: 10px 3px 3px 3px;
154 color: #A2DD42;
155 text-decoration: none;
156 line-height: 2.5;
157 white-space: nowrap;
158}
159
160#pageheader #linkcount {
161 float: right;
162 font-style: italic;
163 color: #bbb;
164 text-align: right;
165 padding-right: 5px;
166 margin: 3px 3px 0px 0px;
167}
168
169#pageheader {
170 background-color: #333333;
171 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#333333), to(#111111));
172 background: -webkit-linear-gradient(#333333, #111111);
173 background: -moz-linear-gradient(#333333, #111111);
174 background: -ms-linear-gradient(#333333, #111111);
175 background: -o-linear-gradient(#333333, #111111);
176 background: linear-gradient(#333333, #111111);
177 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
178 width: auto;
179 padding: 0 10px 5px 10px;
180 margin: auto;
181}
182
183#pageheader .search {
184 width: 100%;
185 white-space: nowrap;
186}
187
188#toolsdiv a {
189 clear: both;
190}
191
192#toolsdiv #bookmark {
193 clear: none;
194}
195
196#toolsdiv a span {
197 color: #ffffff;
198}
199
200.linksperpage, .tagfilter, .searchform, .addform {
201 background-color: #dedede;
202 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff));
203 background: -webkit-linear-gradient(#dedede, #ffffff);
204 background: -moz-linear-gradient(#dedede, #ffffff);
205 background: -ms-linear-gradient(#dedede, #ffffff);
206 background: -o-linear-gradient(#dedede, #ffffff);
207 background: linear-gradient(#dedede, #ffffff);
208 display: inline;
209 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
210 padding: 5px;
211 border: none;
212 border-radius: 3px 3px 3px 3px;
213 margin: 10px 3px 3px 3px;
214 color: #cecece;
215}
216
217.linksperpage {
218 box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
219 padding: 3px;
220}
221
222.linksperpage input, .tagfilter input, .searchform input, .addform input {
223 border: none;
224 color: #606060;
225 background: none;
226 box-shadow: none;
227 padding: 5px;
228}
229
230.linksperpage input {
231 padding: 0;
232}
233
234.searchform #searchform_value {
235 width: 30%;
236}
237
238.tagfilter {
239 margin-left:24px;
240}
241
242.tagfilter div.awesomplete {
243 width: 15%;
244}
245
246.tagfilter #tagfilter_value {
247 display: inline;
248}
249
250.tagfilter li {
251 color: black;
252}
253
254.tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
255 background-color: #dedede;
256 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff));
257 background: -webkit-linear-gradient(#dedede, #ffffff);
258 background: -moz-linear-gradient(#dedede, #ffffff);
259 background: -ms-linear-gradient(#dedede, #ffffff);
260 background: -o-linear-gradient(#dedede, #ffffff);
261 background: linear-gradient(#dedede, #ffffff);
262 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
263 padding: 0 5px 0 5px;
264 margin: 5px 0 5px 0;
265 height: 20px;
266 border-radius: 3px 3px 3px 3px;
267 cursor: pointer;
268}
269
270#shaarli_title {
271 font-weight: bold;
272 font-style: italic;
273 margin-top: 0;
274}
275
276#shaarli_title a {
277 color: #fff !important;
278}
279
280#pageheader a:visited {
281 color: #98C943;
282 text-decoration: none;
283}
284
285#pageheader a:hover {
286 color: #FFFFC9;
287 text-decoration: none;
288}
289
290#pageheader a:active {
291 color: #bbb;
292 text-decoration: none;
293}
294
295#searchcriteria {
296 padding: 4px 0px 5px 5px;
297 font-weight: bold;
298}
299
300.paging {
301 padding: 5px;
302 background-color: #777;
303 color: #ccc;
304 text-align: center;
305 clear: both;
306}
307
308.paging a:link {
309 color: #ccc;
310 text-decoration: none;
311}
312
313.paging a:visited {
314 color: #ccc;
315}
316
317.paging a:hover {
318 color: #FFFFC9;
319}
320
321.paging a:active {
322 color: #fff;
323}
324
325.paging_privatelinks {
326 float: left;
327}
328
329.paging_linksperpage {
330 float: right;
331 padding-right: 5px;
332 margin: 0px 10px 2px 0px;
333}
334
335.paging_linksperpage form.linksperpage {
336 display: inline;
337}
338
339.paging_linksperpage form.linksperpage input {
340 height: 15px;
341}
342
343.paging_current {
344 display: inline;
345 color: #fff;
346 padding: 0 20 0 20;
347}
348
349.paging_older {
350 margin-right: 15px;
351}
352
353.paging_newer {
354 margin-left: 15px;
355}
356
357#headerform {
358 color: #ffffff;
359 padding: 5px 5px 5px 5px;
360 clear: both;
361}
362
363#headerform input.linkurl {
364 width: 50%;
365 font-size: inherit;
366}
367
368#headerform label {
369 cursor: pointer;
370 margin-right: 10px;
371}
372
373#headerform label[for=longlastingsession] {
374 display: block;
375 width: 100%;
376 margin-top: 5px;
377}
378
379#toolsdiv {
380 color: #ffffff;
381 padding: 5px 5px 5px 5px;
382 clear: left;
383}
384
385#uploaddiv {
386 color: #ffffff;
387 padding: 5px 5px 5px 5px;
388 clear: left;
389}
390
391#editlinkform {
392 height: 100%;
393 padding: 5px 5px 5px 15px;
394 width: 80%;
395 clear: left;
396}
397
398#editlinkform label {
399 cursor: pointer;
400 color: #ffffff;
401}
402
403#editlinkform textarea, #editlinkform .lf_input {
404 width: 100%;
405}
406
407#linklist li {
408 padding: 4px 10px 15px 20px;
409 border-top: 1px solid #bbb;
410 clear: both;
411 background-color: #F2F2F2;
412 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F2F2), to(#ffffff));
413 background: -webkit-linear-gradient(#F2F2F2, #ffffff);
414 background: -moz-linear-gradient(#F2F2F2, #ffffff);
415 background: -ms-linear-gradient(#F2F2F2, #ffffff);
416 background: -o-linear-gradient(#F2F2F2, #ffffff);
417 background: linear-gradient(#F2F2F2, #ffffff);
418}
419
420/*
421#linklist li.publicLinkHightLight:hover, #linklist li:hover {
422 background: #E9FFCE;
423}
424*/
425
426.linkdate {
427 font-size:8pt;
428 color:#888;
429}
430
431.linkdate a {
432 color:#E28E3F;
433}
434
435#linklist li.private {
436 background: url('../images/private.png') no-repeat 4px center;
437 padding-left: 30px;
438}
439
440#linklist li {
441 padding-left: 30px;
442}
443
444.private .linktitle a {
445 color: #969696;
446}
447
448.linktitle {
449 font-size: 14pt;
450 font-weight: bold;
451}
452
453.linktitle a {
454 text-decoration: none;
455 color: #80AD48;
456}
457
458.linktitle a:hover {
459 color: #F57900;
460}
461
462.linkdate {
463 font-size: 8pt;
464 color: #888;
465}
466
467.linkdate a {
468 background-image: url('../images/calendar.png');
469 padding: 2px 0 3px 20px;
470 background-repeat: no-repeat;
471 text-decoration: none;
472 color: #E28E3F;
473}
474
475.linkdate a:hover {
476 color: #F57900 }
477
478.linkurl {
479 font-size: 8pt;
480 color: #4BAA74;
481}
482
483.linkdescription {
484 color: #000;
485 margin-top: 0;
486 margin-bottom: 12px;
487 font-weight: normal;
488 overflow: auto;
489}
490
491.linkdescription a {
492 text-decoration: none;
493 color: #3465A4;
494}
495
496.linkdescription a:hover {
497 color: #F57900;
498}
499
500.linktaglist {
501 padding-top: 10px;
502 line-height: 200%;
503}
504
505.linktag {
506 font-size: 9pt;
507 background-color: #F2F2F2;
508 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F2F2), to(#ffffff));
509 background: -webkit-linear-gradient(#F2F2F2, #ffffff);
510 background: -moz-linear-gradient(#F2F2F2, #ffffff);
511 background: -ms-linear-gradient(#F2F2F2, #ffffff);
512 background: -o-linear-gradient(#F2F2F2, #ffffff);
513 background: linear-gradient(#F2F2F2, #ffffff);
514 box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
515 padding: 3px 5px 3px 20px;
516 height: 20px;
517 border-radius: 3px;
518 cursor: pointer;
519 background-image: url('../images/tag_blue.png');
520 background-repeat: no-repeat;
521 background-position: 3px center;
522 background-color: #ffffff;
523}
524
525.linktag:hover {
526 border-color: #555573;
527 color: #000;
528}
529
530.linktag a {
531 color: #777;
532 text-decoration: none;
533}
534
535.linktag .remove {
536 border-left: 1px solid #aaa;
537 padding-left: 5px;
538 color:#6767A7;
539}
540
541.linkshort {
542 font-size: 8pt;
543 color: #888;
544}
545
546.linkshort a {
547 text-decoration: none;
548 color: #393964;
549}
550
551.linkshort a:hover {
552 text-decoration: underline;
553}
554
555.buttoneditform {
556 display: inline;
557}
558
559#footer {
560 font-size: 8pt;
561 text-align: center;
562 color: #888;
563 clear: both;
564 max-width: 30em;
565 margin: 15px auto 15px auto;
566}
567
568#footer a {
569 color: #486D08;
570}
571
572#footer a:hover {
573 color: #000000;
574}
575
576#newversion {
577 background-color: #FFFFA0;
578 color: #000;
579 position: absolute;
580 top: 0;
581 right: 0;
582 padding: 2 7 2 7;
583 font-size: 9pt;
584}
585
586#newversion #version_id {
587 text-decoration: blink;
588}
589
590#cloudtag {
591 padding-left: 10%;
592 padding-right: 10%;
593}
594
595#cloudtag .count {
596 color: #99f;
597 font-size: 9pt;
598 padding-left: 5px;
599 padding-right: 2px;
600}
601
602#cloudtag a {
603 color: black;
604 text-decoration: none;
605}
606
607#install {
608 margin: 0 20px;
609}
610
611#installform {
612 border: 1px solid black;
613 padding: 10px;
614}
615
616#installform table {
617 border: none;
618}
619
620#installform td {
621 font-size: 10pt;
622 color: black;
623 padding: 10px 5px 10px 5px;
624 clear: left;
625}
626
627#installform input.bigbutton {
628 float: right;
629}
630
631#changepasswordform {
632 color: #ccc;
633 padding: 10px 5px 10px 5px;
634 clear: left;
635}
636
637#changetag {
638 color: #ccc;
639 padding: 10px 5px 10px 5px;
640 clear: left;
641}
642
643#changetag #totag {
644 margin-left: 40px;
645}
646
647#changetag div {
648 float:left;
649}
650
651#changetag label {
652 padding: 5px;
653}
654
655#changetag li {
656 color: #000;
657}
658#configform td {
659 color: #ccc;
660 font-size: 10pt;
661 padding: 10px 5px 10px 5px;
662}
663
664#configform {
665 color: #ccc;
666 padding: 10px 5px 10px 5px;
667 clear: left;
668}
669
670.thumbnail {
671 float: right;
672 margin: 0px 10px 0px 10px;
673}
674
675.thumbnail img {
676 border-radius: 3px;
677 box-shadow: 0.5px 0.5px 0.5px 1px #dde4e6;
678}
679
680/* If you want thumbnails on the left:
681.thumbnail {
682 float: left;
683 margin-right: 10px;
684}
685.linkcontainer {
686 position: static;
687 margin-left: 130px;
688}
689*/
690
691/* --- Picture wall CSS --- */
692#picwall_container {
693 color: #fff;
694 background-color: #000;
695 clear: both;
696}
697
698.picwall_pictureframe {
699 background-color: #000;
700 z-index: 5;
701 position: relative;
702 display: table-cell;
703 vertical-align: middle;
704 width: 90px;
705 height: 90px;
706 overflow: hidden;
707 text-align: center;
708 float: left;
709}
710
711.b-lazy {
712 -webkit-transition: opacity 500ms ease-in-out;
713 -moz-transition: opacity 500ms ease-in-out;
714 -o-transition: opacity 500ms ease-in-out;
715 transition: opacity 500ms ease-in-out;
716 opacity: 0;
717}
718.b-lazy.b-loaded {
719 opacity: 1;
720}
721
722.picwall_pictureframe img {
723 max-width: 100%;
724 height: auto;
725 color: transparent;
726} /* Adapt the width of the image */
727
728.picwall_pictureframe a {
729 text-decoration: none;
730}
731
732/* CSS to show title when hovering an image - no javascript required. */
733.picwall_pictureframe span.info {
734 display: none;
735}
736
737.picwall_pictureframe:hover span.info {
738 display: block;
739 position: absolute;
740 top: 0;
741 left: 0;
742 width: 90px;
743 font-weight: bold;
744 font-size: 8pt;
745 color: #fff;
746 text-align: left;
747 background-color: transparent;
748 background-color: rgba(0, 0, 0, 0.4);
749 /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
750 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
751 /* IE6–IE9 */
752 text-shadow: 2px 2px 1px #000000;
753}
754
755#linklist li.publicLinkHightLight {
756 background: #ffffff;
757}
758
759div.daily {
760 font-family: Georgia, 'DejaVu Serif', Norasi, serif;
761 background-color: #E6D6BE;
762 /* Background paper texture by BashCorpo:
763 http://www.bashcorpo.dk/textures.php
764 http://bashcorpo.deviantart.com/art/Grungy-paper-texture-v-5-22966998 */
765 background-image: url("../images/Paper_texture_v5_by_bashcorpo_w1000.jpg");
766 -webkit-background-size: cover;
767 -moz-background-size: cover;
768 -o-background-size: cover;
769 background-size: cover;
770 position: relative;
771 border-bottom: 2px solid black;
772}
773
774#daily_col1 {
775 float: left;
776 position: relative;
777 width: 33%;
778 padding-left: 1%;
779}
780
781#daily_col2 {
782 float: left;
783 position: relative;
784 width: 33%;
785}
786
787#daily_col3 {
788 float: left;
789 position: relative;
790 width: 33%;
791}
792
793div.dailyAbout {
794 float: left;
795 border: 1px solid black;
796 font-size: 8pt;
797 position: absolute;
798 left: 10px;
799 top: 15px;
800 padding: 5px 5px 5px 5px;
801 text-align: center;
802}
803
804div.dailyAbout a {
805 color: #890500;
806}
807
808div.dailyAbout img {
809 position: relative;
810 top: 3px;
811 margin-right: 4px;
812 width: 14px;
813 height: 14px;
814}
815
816div.dailyEntryPermalink {
817 float: right;
818}
819
820div.dailyTitle {
821 font-weight: bold;
822 font-size: 44pt;
823 text-align: center;
824 padding: 10px 20px 0px 20px;
825}
826
827div.dailyDate {
828 font-size: 12pt;
829 font-weight: bold;
830 text-align: center;
831 padding: 0px 20px 30px 20px;
832}
833
834/* Individual entries in "Daily": */
835div.dailyEntry {
836 margin: 5px 10px 2px 5px;
837 font-size: 11pt;
838 border-top: 1px solid #555;
839}
840
841div.dailyEntry a {
842 text-decoration: none;
843 color: #890500;
844}
845
846div.dailyEntryTags {
847 font-size: 7.75pt;
848}
849
850div.dailyEntryTitle {
851 font-size: 18pt;
852 font-weight: bold;
853}
854
855div.dailyEntryLinkdate {
856 font-size: 8pt;
857}
858
859div.dailyEntryThumbnail {
860 width: 100%;
861 text-align: center;
862 background-color: rgb(128, 128, 128);
863 background: url(../images/50pc_transparent.png);
864 padding: 4px 0px 2px 0px;
865}
866
867div.dailyEntryDescription {
868 margin-top: 10px;
869 margin-bottom: 30px;
870 text-align: justify;
871 overflow: auto;
872}
873
874div.dailyNoEntry {
875 text-align: center;
876 padding: 40px 0px 90px 0px;
877}
878
879.daily #closing {
880 clear: both;
881 text-align: center;
882 padding-bottom: 20px;
883}
884
885/* Common CSS screwdriver */
886.clear {
887 clear: both;
888}
889
890.right {
891 text-align: right;
892}
893
894.white {
895 color: white;
896}
897
898/* For lazy images loading in picture wall.
899 Using http://www.appelsiini.net/projects/lazyload
900*/
901.lazyimage {
902 display: none;
903}
904
905#configuration_table td {
906 border: none;
907 padding: 10px;
908 vertical-align: top;
909}
910
911@media print {
912 html {
913 border: none;
914 background: #fff !important;
915 color: #000 !important;
916 }
917
918 body {
919 font-size: 12pt;
920 width: auto !important;
921 margin: auto !important;
922 }
923
924 /* Minimum numer of lines to display when splitting a paragraph
925 over two pages */
926 p {
927 orphans: 3;
928 widows: 3;
929 }
930
931 a {
932 color: #000 !important;
933 text-decoration: none !important;
934 }
935
936 #pageheader, .paging, #linklist li form, #footer {
937 display: none;
938 }
939
940 #linklist li {
941 padding: 2 0 10 0;
942 border-top: 2px solid #000;
943 clear: both;
944 }
945
946 #linklist li.private {
947 background-color: none;
948 border-left: 0;
949 }
950
951 .linkdate {
952 line-height: 2;
953 }
954
955 .linkurl {
956 color: #000;
957 }
958
959 .linkdescription {
960 font-size: 10pt;
961 }
962
963 .linktag {
964 border: 1px solid black;
965 font-style: italic;
966 font-size: 8pt;
967 }
968}
969
970@media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 854px) {
971 /* A few fixes for mobile devices (far from perfect). */
972
973 .tagfilter div.awesomplete {
974 width: 70%;
975 }
976
977 .nomobile {
978 display: none;
979 }
980
981 #logo {
982 display: none;
983 }
984
985 #pageheader #menu ul {
986 text-align: center;
987 }
988
989 #pageheader #menu a {
990 padding: 5px;
991 border-radius: 3px 3px 3px 3px;
992 margin: 3px;
993 }
994
995 #headerform label {
996 width: 100%;
997 display: block;
998 height: auto;
999 line-height: 25px;
1000 padding-bottom: 10px;
1001 }
1002
1003 #headerform label input[type=text],
1004 #headerform label input[type=password]{
1005 float: right;
1006 width: 70%;
1007 }
1008
1009 .searchform, .tagfilter {
1010 display: block !important;
1011 margin: 0px 3px 7px 0px !important;
1012 padding: 0px !important;
1013 width: 97% !important;
1014 }
1015
1016 .searchform input, .tagfilter input {
1017 margin: 0px !important;
1018 padding: 0px !important;
1019 display: inline !important;
1020 }
1021
1022 .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton, a.bigbutton {
1023 width: 30%;
1024 font-size: smaller;
1025 }
1026
1027 #searchform_value {
1028 width: 70% !important;
1029 }
1030
1031 #tagfilter_value {
1032 width: 70% !important;
1033 }
1034
1035 div.qrcode {
1036 position: relative;
1037 float: left;
1038 top: -10px;
1039 left: 0px;
1040 }
1041
1042 .paging_privatelinks {
1043 float: none;
1044 }
1045
1046 .paging_linksperpage {
1047 float: none;
1048 margin-bottom: 10px;
1049 font-size: smaller;
1050 }
1051
1052 #paging_older, #paging_newer, .paging_linksperpage a {
1053 border: 1px solid black;
1054 padding: 3px 5px 3px 5px;
1055 background-color: #666;
1056 color: #fff;
1057 border-radius: 3px 3px 3px 3px;
1058 }
1059
1060 .thumbnail {
1061 float: none;
1062 height: auto;
1063 margin: 0px;
1064 text-align: center;
1065 }
1066
1067 #cloudtag {
1068 padding: 0px;
1069 }
1070
1071 div.dailyAbout {
1072 float: none;
1073 position: relative;
1074 width: 100%;
1075 clear: both;
1076 padding: 0px;
1077 top: 0px;
1078 left: 0px;
1079 }
1080
1081 #daily_col1, #daily_col2, #daily_col3 {
1082 float: none;
1083 width: 100%;
1084 padding: 0px;
1085 }
1086
1087 div.dailyTitle {
1088 font-size: 18pt;
1089 margin-top: 5px;
1090 padding: 0px;
1091 }
1092
1093 div.dailyDate {
1094 font-size: 11pt;
1095 padding: 0px;
1096 display: block;
1097 }
1098
1099 div.dailyEntryTitle {
1100 font-size: 16pt;
1101 font-weight: bold;
1102 }
1103
1104 div.dailyEntryDescription {
1105 font-size: 10pt;
1106 }
1107}
1108
1109#toolsdiv a.button-description {
1110 clear: none;
1111}
1112
1113/* Highlight search results */
1114.highlight {
1115 background-color: #FFFF33;
1116}
1117
1118.center {
1119 text-align: center;
1120}
1121
1122ul.errors {
1123 color: red;
1124 float: left;
1125}
1126
1127#pluginsadmin {
1128 width: 80%;
1129 padding: 20px 0 0 20px;
1130}
1131
1132#pluginsadmin section {
1133 padding: 20px 0;
1134}
1135
1136#pluginsadmin .plugin_parameters {
1137 margin: 10px 0;
1138}
1139
1140#pluginsadmin h1 {
1141 font-style: normal;
1142}
1143
1144#pluginsadmin h2 {
1145 font-size: 1.4em;
1146 font-weight: bold;
1147}
1148
1149#pluginsadmin table {
1150 width: 100%;
1151}
1152
1153#pluginsadmin table, #pluginsadmin th, #pluginsadmin td {
1154 border-width: 1px 0;
1155 border-style: solid;
1156 border-color: #c0c0c0;
1157}
1158
1159#pluginsadmin table th {
1160 font-weight: bold;
1161 padding: 10px 0;
1162}
1163
1164#pluginsadmin table td {
1165 padding: 5px 0;
1166}
1167
1168#pluginsadmin input[type=submit] {
1169 margin: 10px 0;
1170}
1171
1172#pluginsadmin label {
1173 cursor: pointer;
1174}
1175
1176#pluginsadmin .plugin_parameter {
1177 padding: 10px 0;
1178 border-width: 1px 0;
1179 border-style: solid;
1180 border-color: #c0c0c0;
1181}
1182
1183#pluginsadmin .float_label {
1184 float: left;
1185 width: 40%;
1186}
1187
1188#pluginsadmin a {
1189 color: #486D08;
1190}
1191
1192#pluginsadmin a.arrow {
1193 color: black;
1194}
1195
1196/* 404 page */
1197.error-container {
1198
1199 margin: 50px;
1200 margin-top: 20px;
1201}
1202
1203.error-container h1 {
1204 text-decoration: none;
1205 font-style: normal;
1206 color: #80AD48;
1207}
1208
1209.linklist-plugin-icon {
1210 width: 13px;
1211 height: 13px;
1212}
diff --git a/tpl/vintage/daily.html b/tpl/vintage/daily.html
index e86e90b1..71d84475 100644
--- a/tpl/vintage/daily.html
+++ b/tpl/vintage/daily.html
@@ -24,13 +24,13 @@
24 {/loop} 24 {/loop}
25 25
26 <br> 26 <br>
27 <a href="?do=dailyrss" title="1 RSS entry per day"><img src="images/feed-icon-14x14.png#" alt="rss_feed">Daily RSS Feed</a> 27 <a href="?do=dailyrss" title="1 RSS entry per day"><img src="img/feed-icon-14x14.png" alt="rss_feed">Daily RSS Feed</a>
28 </div> 28 </div>
29 29
30 <div class="dailyTitle"> 30 <div class="dailyTitle">
31 <img src="images/floral_left.png" width="51" height="50" class="nomobile" alt="floral_left"> 31 <img src="img/floral_left.png" width="51" height="50" class="nomobile" alt="floral_left">
32 The Daily Shaarli 32 The Daily Shaarli
33 <img src="images/floral_right.png" width="51" height="50" class="nomobile" alt="floral_right"> 33 <img src="img/floral_right.png" width="51" height="50" class="nomobile" alt="floral_right">
34 </div> 34 </div>
35 35
36 <div class="dailyDate"> 36 <div class="dailyDate">
@@ -50,10 +50,10 @@
50 <div class="dailyEntry"> 50 <div class="dailyEntry">
51 <div class="dailyEntryPermalink"> 51 <div class="dailyEntryPermalink">
52 <a href="?{$value.shorturl}"> 52 <a href="?{$value.shorturl}">
53 <img src="images/squiggle.png" width="25" height="26" title="permalink" alt="permalink"> 53 <img src="img/squiggle.png" width="25" height="26" title="permalink" alt="permalink">
54 </a> 54 </a>
55 </div> 55 </div>
56 {if="!$hide_timestamps || isLoggedIn()"} 56 {if="!$hide_timestamps || $is_logged_in"}
57 <div class="dailyEntryLinkdate"> 57 <div class="dailyEntryLinkdate">
58 <a href="?{$value.shorturl}">{function="strftime('%c', $link.timestamp)"}</a> 58 <a href="?{$value.shorturl}">{function="strftime('%c', $link.timestamp)"}</a>
59 </div> 59 </div>
@@ -68,8 +68,12 @@
68 <div class="dailyEntryTitle"> 68 <div class="dailyEntryTitle">
69 <a href="{$link.real_url}">{$link.title}</a> 69 <a href="{$link.real_url}">{$link.title}</a>
70 </div> 70 </div>
71 {if="$link.thumbnail"} 71 {if="$thumbnails_enabled && !empty($link.thumbnail)"}
72 <div class="dailyEntryThumbnail">{$link.thumbnail}</div> 72 <div class="dailyEntryThumbnail">
73 <img data-src="{$link.thumbnail}#" class="b-lazy"
74 src=""
75 alt="thumbnail" width="{$thumbnails_width}" height="{$thumbnails_height}" />
76 </div>
73 {/if} 77 {/if}
74 <div class="dailyEntryDescription">{$link.formatedDescription}</div> 78 <div class="dailyEntryDescription">{$link.formatedDescription}</div>
75 79
@@ -94,8 +98,9 @@
94 {$value} 98 {$value}
95 {/loop} 99 {/loop}
96 </div> 100 </div>
97 <div id="closing"><img src="images/squiggle_closing.png" width="66" height="61" alt="-"></div> 101 <div id="closing"><img src="img/squiggle_closing.png" width="66" height="61" alt="-"></div>
98</div> 102</div>
99{include="page.footer"} 103{include="page.footer"}
104<script src="js/thumbnails.min.js?v={$version_hash}"></script>
100</body> 105</body>
101</html> 106</html>
diff --git a/tpl/vintage/dailyrss.html b/tpl/vintage/dailyrss.html
index ddbd6c5e..f589b06e 100644
--- a/tpl/vintage/dailyrss.html
+++ b/tpl/vintage/dailyrss.html
@@ -4,11 +4,11 @@
4 <link>{$absurl}</link> 4 <link>{$absurl}</link>
5 <pubDate>{$rssdate}</pubDate> 5 <pubDate>{$rssdate}</pubDate>
6 <description><![CDATA[ 6 <description><![CDATA[
7 {loop="$links"} 7 {loop="links"}
8 <h3><a href="{$value.url}">{$value.title}</a></h3> 8 <h3><a href="{$value.url}">{$value.title}</a></h3>
9 <small>{if="!$hide_timestamps"}{function="strftime('%c', $value.timestamp)"} - {/if}{if="$value.tags"}{$value.tags}{/if}<br> 9 <small>{if="!$hide_timestamps"}{function="strftime('%c', $value.timestamp)"} - {/if}{if="$value.tags"}{$value.tags}{/if}<br>
10 {$value.url}</small><br> 10 {$value.url}</small><br>
11 {if="$value.thumbnail"}{$value.thumbnail}{/if}<br> 11 {if="$value.thumbnail"}<img src="{$index_url}{$value.thumbnail}#" alt="thumbnail" />{/if}<br>
12 {if="$value.description"}{$value.formatedDescription}{/if} 12 {if="$value.description"}{$value.formatedDescription}{/if}
13 <br><br><hr> 13 <br><br><hr>
14 {/loop} 14 {/loop}
diff --git a/tpl/vintage/editlink.html b/tpl/vintage/editlink.html
index f855dfb1..5fa7d194 100644
--- a/tpl/vintage/editlink.html
+++ b/tpl/vintage/editlink.html
@@ -54,10 +54,5 @@
54{if="$source !== 'firefoxsocialapi'"} 54{if="$source !== 'firefoxsocialapi'"}
55{include="page.footer"} 55{include="page.footer"}
56{/if} 56{/if}
57<script src="inc/awesomplete.min.js#"></script>
58<script src="inc/awesomplete-multiple-tags.js#"></script>
59<script>
60 awesompleteUniqueTag('#lf_tags');
61</script>
62</body> 57</body>
63</html> 58</html>
diff --git a/tpl/vintage/images/50pc_transparent.png b/tpl/vintage/images/50pc_transparent.png
deleted file mode 100644
index 8d8f99de..00000000
--- a/tpl/vintage/images/50pc_transparent.png
+++ /dev/null
Binary files differ
diff --git a/tpl/vintage/images/Paper_texture_v5_by_bashcorpo_w1000.jpg b/tpl/vintage/images/Paper_texture_v5_by_bashcorpo_w1000.jpg
deleted file mode 100644
index dd8e67ac..00000000
--- a/tpl/vintage/images/Paper_texture_v5_by_bashcorpo_w1000.jpg
+++ /dev/null
Binary files differ
diff --git a/tpl/vintage/images/calendar.png b/tpl/vintage/images/calendar.png
deleted file mode 100644
index 81c74519..00000000
--- a/tpl/vintage/images/calendar.png
+++ /dev/null
Binary files differ
diff --git a/tpl/vintage/images/floral_left.png b/tpl/vintage/images/floral_left.png
deleted file mode 100644
index f09a861d..00000000
--- a/tpl/vintage/images/floral_left.png
+++ /dev/null
Binary files differ
diff --git a/tpl/vintage/images/floral_right.png b/tpl/vintage/images/floral_right.png
deleted file mode 100644
index 0dfb6112..00000000
--- a/tpl/vintage/images/floral_right.png
+++ /dev/null
Binary files differ
diff --git a/tpl/vintage/images/private.png b/tpl/vintage/images/private.png
deleted file mode 100644
index 8919d658..00000000
--- a/tpl/vintage/images/private.png
+++ /dev/null
Binary files differ
diff --git a/tpl/vintage/images/squiggle.png b/tpl/vintage/images/squiggle.png
deleted file mode 100644
index c795f0a3..00000000
--- a/tpl/vintage/images/squiggle.png
+++ /dev/null
Binary files differ
diff --git a/tpl/vintage/images/squiggle_closing.png b/tpl/vintage/images/squiggle_closing.png
deleted file mode 100644
index 3f9d02b1..00000000
--- a/tpl/vintage/images/squiggle_closing.png
+++ /dev/null
Binary files differ
diff --git a/tpl/vintage/images/tag_blue.png b/tpl/vintage/images/tag_blue.png
deleted file mode 100644
index 7ec902fc..00000000
--- a/tpl/vintage/images/tag_blue.png
+++ /dev/null
Binary files differ
diff --git a/tpl/vintage/includes.html b/tpl/vintage/includes.html
index 17b78b17..2efb6b10 100644
--- a/tpl/vintage/includes.html
+++ b/tpl/vintage/includes.html
@@ -5,11 +5,30 @@
5<meta name="referrer" content="same-origin"> 5<meta name="referrer" content="same-origin">
6<link rel="alternate" type="application/rss+xml" href="{$feedurl}?do=rss{$searchcrits}#" title="RSS Feed" /> 6<link rel="alternate" type="application/rss+xml" href="{$feedurl}?do=rss{$searchcrits}#" title="RSS Feed" />
7<link rel="alternate" type="application/atom+xml" href="{$feedurl}?do=atom{$searchcrits}#" title="ATOM Feed" /> 7<link rel="alternate" type="application/atom+xml" href="{$feedurl}?do=atom{$searchcrits}#" title="ATOM Feed" />
8<link href="images/favicon.ico#" rel="shortcut icon" type="image/x-icon" /> 8<link href="img/favicon.ico" rel="shortcut icon" type="image/x-icon" />
9<link type="text/css" rel="stylesheet" href="css/reset.css" /> 9<link type="text/css" rel="stylesheet" href="css/shaarli.min.css" />
10<link type="text/css" rel="stylesheet" href="css/shaarli.css" />
11{if="is_file('data/user.css')"}<link type="text/css" rel="stylesheet" href="data/user.css#" />{/if}
12{loop="$plugins_includes.css_files"} 10{loop="$plugins_includes.css_files"}
13<link type="text/css" rel="stylesheet" href="{$value}#"/> 11<link type="text/css" rel="stylesheet" href="{$value}#"/>
14{/loop} 12{/loop}
13{if="is_file('data/user.css')"}<link type="text/css" rel="stylesheet" href="data/user.css#" />{/if}
15<link rel="search" type="application/opensearchdescription+xml" href="?do=opensearch#" title="Shaarli search - {$shaarlititle|htmlspecialchars}"/> 14<link rel="search" type="application/opensearchdescription+xml" href="?do=opensearch#" title="Shaarli search - {$shaarlititle|htmlspecialchars}"/>
15{if="! empty($links) && count($links) === 1"}
16 {$link=reset($links)}
17 <meta property="og:title" content="{$link.title}" />
18 <meta property="og:type" content="article" />
19 <meta property="og:url" content="{$index_url}?{$link.shorturl}" />
20 {$ogDescription=isset($link.description_src) ? $link.description_src : $link.description}
21 <meta property="og:description" content="{function="mb_substr(strip_tags($ogDescription), 0, 300)"}" />
22 {if="$link.thumbnail"}
23 <meta property="og:image" content="{$index_url}{$link.thumbnail}" />
24 {/if}
25 {if="!$hide_timestamps || $is_logged_in"}
26 <meta property="article:published_time" content="{$link.created->format(DateTime::ATOM)}" />
27 {if="$link.updated"}
28 <meta property="article:modified_time" content="{$link.updated->format(DateTime::ATOM)}" />
29 {/if}
30 {/if}
31 {loop="link.taglist"}
32 <meta property="article:tag" content="{$value}" />
33 {/loop}
34{/if}
diff --git a/tpl/vintage/js/shaarli.js b/tpl/vintage/js/shaarli.js
deleted file mode 100644
index 9bcc96fb..00000000
--- a/tpl/vintage/js/shaarli.js
+++ /dev/null
@@ -1,32 +0,0 @@
1window.onload = function () {
2 var continent = document.getElementById('continent');
3 var city = document.getElementById('city');
4 if (continent != null && city != null) {
5 continent.addEventListener('change', function(event) {
6 hideTimezoneCities(city, continent.options[continent.selectedIndex].value, true);
7 });
8 hideTimezoneCities(city, continent.options[continent.selectedIndex].value, false);
9 }
10};
11
12/**
13 * Add the class 'hidden' to city options not attached to the current selected continent.
14 *
15 * @param cities List of <option> elements
16 * @param currentContinent Current selected continent
17 * @param reset Set to true to reset the selected value
18 */
19function hideTimezoneCities(cities, currentContinent, reset = false) {
20 var first = true;
21 [].forEach.call(cities, function(option) {
22 if (option.getAttribute('data-continent') != currentContinent) {
23 option.className = 'hidden';
24 } else {
25 option.className = '';
26 if (reset === true && first === true) {
27 option.setAttribute('selected', 'selected');
28 first = false;
29 }
30 }
31 });
32}
diff --git a/tpl/vintage/linklist.html b/tpl/vintage/linklist.html
index 8458caa1..dcb14e90 100644
--- a/tpl/vintage/linklist.html
+++ b/tpl/vintage/linklist.html
@@ -22,7 +22,7 @@
22 {if="!empty($search_tags)"} 22 {if="!empty($search_tags)"}
23 value="{$search_tags}" 23 value="{$search_tags}"
24 {/if} 24 {/if}
25 autocomplete="off" class="awesomplete" data-multiple data-minChars="1" 25 autocomplete="off" data-multiple data-minChars="1"
26 data-list="{loop="$tags"}{$key}, {/loop}" 26 data-list="{loop="$tags"}{$key}, {/loop}"
27 > 27 >
28 <input type="submit" value="Search" class="bigbutton"> 28 <input type="submit" value="Search" class="bigbutton">
@@ -80,19 +80,28 @@
80 {loop="$links"} 80 {loop="$links"}
81 <li{if="$value.class"} class="{$value.class}"{/if}> 81 <li{if="$value.class"} class="{$value.class}"{/if}>
82 <a id="{$value.shorturl}"></a> 82 <a id="{$value.shorturl}"></a>
83 <div class="thumbnail">{$value.url|thumbnail}</div> 83 {if="$thumbnails_enabled && !empty($value.thumbnail)"}
84 <div class="thumbnail">
85 <a href="{$value.real_url}">
86 {ignore}RainTPL hack: put the 2 src on two different line to avoid path replace bug{/ignore}
87 <img data-src="{$value.thumbnail}#" class="b-lazy"
88 src=""
89 alt="thumbnail" width="{$thumbnails_width}" height="{$thumbnails_height}" />
90 </a>
91 </div>
92 {/if}
84 <div class="linkcontainer"> 93 <div class="linkcontainer">
85 {if="isLoggedIn()"} 94 {if="$is_logged_in"}
86 <div class="linkeditbuttons"> 95 <div class="linkeditbuttons">
87 <form method="GET" class="buttoneditform"> 96 <form method="GET" class="buttoneditform">
88 <input type="hidden" name="edit_link" value="{$value.id}"> 97 <input type="hidden" name="edit_link" value="{$value.id}">
89 <input type="image" alt="Edit" src="images/edit_icon.png#" title="Edit" class="button_edit"> 98 <input type="image" alt="Edit" src="img/edit_icon.png" title="Edit" class="button_edit">
90 </form><br> 99 </form><br>
91 <form method="GET" class="buttoneditform"> 100 <form method="GET" class="buttoneditform">
92 <input type="hidden" name="lf_linkdate" value="{$value.id}"> 101 <input type="hidden" name="lf_linkdate" value="{$value.id}">
93 <input type="hidden" name="token" value="{$token}"> 102 <input type="hidden" name="token" value="{$token}">
94 <input type="hidden" name="delete_link"> 103 <input type="hidden" name="delete_link">
95 <input type="image" alt="Delete" src="images/delete_icon.png#" title="Delete" 104 <input type="image" alt="Delete" src="img/delete_icon.png" title="Delete"
96 class="button_delete" onClick="return confirmDeleteLink();"> 105 class="button_delete" onClick="return confirmDeleteLink();">
97 </form> 106 </form>
98 </div> 107 </div>
@@ -102,7 +111,7 @@
102 </span> 111 </span>
103 <br> 112 <br>
104 {if="$value.description"}<div class="linkdescription">{$value.description}</div>{/if} 113 {if="$value.description"}<div class="linkdescription">{$value.description}</div>{/if}
105 {if="!$hide_timestamps || isLoggedIn()"} 114 {if="!$hide_timestamps || $is_logged_in"}
106 {$updated=$value.updated_timestamp ? 'Edited: '. format_date($value.updated) : 'Permalink'} 115 {$updated=$value.updated_timestamp ? 'Edited: '. format_date($value.updated) : 'Permalink'}
107 <span class="linkdate" title="Permalink"> 116 <span class="linkdate" title="Permalink">
108 <a href="?{$value.shorturl}"> 117 <a href="?{$value.shorturl}">
@@ -145,11 +154,7 @@
145</div> 154</div>
146 155
147 {include="page.footer"} 156 {include="page.footer"}
157<script src="js/thumbnails.min.js"></script>
148 158
149<script src="inc/awesomplete.min.js#"></script>
150<script src="inc/awesomplete-multiple-tags.js#"></script>
151<script>
152 awesompleteUniqueTag('#tagfilter_value');
153</script>
154</body> 159</body>
155</html> 160</html>
diff --git a/tpl/vintage/linklist.paging.html b/tpl/vintage/linklist.paging.html
index 86019c01..35149a6b 100644
--- a/tpl/vintage/linklist.paging.html
+++ b/tpl/vintage/linklist.paging.html
@@ -1,11 +1,11 @@
1<div class="paging"> 1<div class="paging">
2{if="isLoggedIn()"} 2{if="$is_logged_in"}
3 <div class="paging_privatelinks"> 3 <div class="paging_privatelinks">
4 <a href="?privateonly"> 4 <a href="?visibility=private">
5 {if="$privateonly"} 5 {if="$visibility=='private'"}
6 <img src="images/private_16x16_active.png#" width="16" height="16" title="Click to see all links" alt="Click to see all links"> 6 <img src="img/private_16x16_active.png" width="16" height="16" title="Click to see all links" alt="Click to see all links">
7 {else} 7 {else}
8 <img src="images/private_16x16.png#" width="16" height="16" title="Click to see only private links" alt="Click to see only private links"> 8 <img src="img/private_16x16.png" width="16" height="16" title="Click to see only private links" alt="Click to see only private links">
9 {/if} 9 {/if}
10 </a> 10 </a>
11 11
diff --git a/tpl/vintage/loginform.html b/tpl/vintage/loginform.html
index 1becd44f..0f7d6387 100644
--- a/tpl/vintage/loginform.html
+++ b/tpl/vintage/loginform.html
@@ -2,7 +2,7 @@
2<html> 2<html>
3<head>{include="includes"}</head> 3<head>{include="includes"}</head>
4<body 4<body
5{if="ban_canLogin($conf)"} 5{if="$user_can_login"}
6 {if="empty($username)"} 6 {if="empty($username)"}
7 onload="document.loginform.login.focus();" 7 onload="document.loginform.login.focus();"
8 {else} 8 {else}
@@ -13,7 +13,7 @@
13 {include="page.header"} 13 {include="page.header"}
14 14
15 <div id="headerform"> 15 <div id="headerform">
16 {if="!ban_canLogin($conf)"} 16 {if="!$user_can_login"}
17 You have been banned from login after too many failed attempts. Try later. 17 You have been banned from login after too many failed attempts. Try later.
18 {else} 18 {else}
19 <form method="post" name="loginform"> 19 <form method="post" name="loginform">
diff --git a/tpl/vintage/page.footer.html b/tpl/vintage/page.footer.html
index 4ce0803a..a3380841 100644
--- a/tpl/vintage/page.footer.html
+++ b/tpl/vintage/page.footer.html
@@ -1,7 +1,7 @@
1<div id="footer"> 1<div id="footer">
2 <strong><a href="https://github.com/shaarli/Shaarli">Shaarli</a></strong> 2 <strong><a href="https://github.com/shaarli/Shaarli">Shaarli</a></strong>
3 - The personal, minimalist, super-fast, database free, bookmarking service by the Shaarli community 3 - The personal, minimalist, super-fast, database free, bookmarking service by the Shaarli community
4 - <a href="doc/Home.html" rel="nofollow">Help/documentation</a> 4 - <a href="doc/html/index.html" rel="nofollow">Help/documentation</a>
5 {loop="$plugins_footer.text"} 5 {loop="$plugins_footer.text"}
6 {$value} 6 {$value}
7 {/loop} 7 {/loop}
@@ -22,11 +22,13 @@
22 Error: {$versionError} 22 Error: {$versionError}
23</div> 23</div>
24{/if} 24{/if}
25{if="isLoggedIn()"} 25
26<script src="js/shaarli.min.js"></script>
27
28{if="$is_logged_in"}
26<script>function confirmDeleteLink() { var agree=confirm("Are you sure you want to delete this link ?"); if (agree) return true ; else return false ; }</script> 29<script>function confirmDeleteLink() { var agree=confirm("Are you sure you want to delete this link ?"); if (agree) return true ; else return false ; }</script>
27{/if} 30{/if}
28 31
29<script src="js/shaarli.js"></script>
30{loop="$plugins_footer.js_files"} 32{loop="$plugins_footer.js_files"}
31 <script src="{$value}#"></script> 33 <script src="{$value}#"></script>
32{/loop} 34{/loop}
diff --git a/tpl/vintage/page.header.html b/tpl/vintage/page.header.html
index 8a58844e..40c53e5b 100644
--- a/tpl/vintage/page.header.html
+++ b/tpl/vintage/page.header.html
@@ -17,7 +17,7 @@
17 {ignore} When called as a popup from bookmarklet, do not display menu. {/ignore} 17 {ignore} When called as a popup from bookmarklet, do not display menu. {/ignore}
18{else} 18{else}
19<li><a href="{$titleLink}" class="nomobile">Home</a></li> 19<li><a href="{$titleLink}" class="nomobile">Home</a></li>
20 {if="isLoggedIn()"} 20 {if="$is_logged_in"}
21 <li><a href="?do=logout">Logout</a></li> 21 <li><a href="?do=logout">Logout</a></li>
22 <li><a href="?do=tools">Tools</a></li> 22 <li><a href="?do=tools">Tools</a></li>
23 <li><a href="?do=addlink">Add link</a></li> 23 <li><a href="?do=addlink">Add link</a></li>
@@ -46,7 +46,7 @@
46 </ul> 46 </ul>
47</div> 47</div>
48 48
49{if="!empty($plugin_errors) && isLoggedIn()"} 49{if="!empty($plugin_errors) && $is_logged_in"}
50 <ul class="errors"> 50 <ul class="errors">
51 {loop="$plugin_errors"} 51 {loop="$plugin_errors"}
52 <li>{$value}</li> 52 <li>{$value}</li>
diff --git a/tpl/vintage/picwall.html b/tpl/vintage/picwall.html
index 4e227e37..b3a16791 100644
--- a/tpl/vintage/picwall.html
+++ b/tpl/vintage/picwall.html
@@ -1,7 +1,6 @@
1<!DOCTYPE html> 1<!DOCTYPE html>
2<html> 2<html>
3<head>{include="includes"} 3<head>{include="includes"}
4<script src="inc/blazy-1.3.1.min.js#"></script>
5</head> 4</head>
6<body> 5<body>
7<div id="pageheader">{include="page.header"}</div> 6<div id="pageheader">{include="page.header"}</div>
@@ -16,7 +15,11 @@
16 <div id="picwall_container"> 15 <div id="picwall_container">
17 {loop="$linksToDisplay"} 16 {loop="$linksToDisplay"}
18 <div class="picwall_pictureframe"> 17 <div class="picwall_pictureframe">
19 {$value.thumbnail}<a href="{$value.real_url}"><span class="info">{$value.title}</span></a> 18 {ignore}RainTPL hack: put the 2 src on two different line to avoid path replace bug{/ignore}
19 <img data-src="{$value.thumbnail}#" class="b-lazy"
20 src=""
21 alt="thumbnail" width="{$thumbnails_width}" height="{$thumbnails_height}" />
22 <a href="{$value.real_url}"><span class="info">{$value.title}</span></a>
20 {loop="$value.picwall_plugin"} 23 {loop="$value.picwall_plugin"}
21 {$value} 24 {$value}
22 {/loop} 25 {/loop}
@@ -35,10 +38,6 @@
35 38
36{include="page.footer"} 39{include="page.footer"}
37 40
38<script> 41<script src="js/thumbnails.min.js"></script>
39window.onload = function() {
40 var bLazy = new Blazy();
41}
42</script>
43</body> 42</body>
44</html> 43</html>
diff --git a/tpl/vintage/pluginsadmin.html b/tpl/vintage/pluginsadmin.html
index ead1734e..63b45cac 100644
--- a/tpl/vintage/pluginsadmin.html
+++ b/tpl/vintage/pluginsadmin.html
@@ -129,6 +129,77 @@
129</div> 129</div>
130{include="page.footer"} 130{include="page.footer"}
131 131
132<script src="inc/plugin_admin.js#"></script> 132<script>
133 /**
134 * Change the position counter of a row.
135 *
136 * @param elem Element Node to change.
137 * @param toPos int New position.
138 */
139 function changePos(elem, toPos) {
140 var elemName = elem.getAttribute('data-line');
141
142 elem.setAttribute('data-order', toPos);
143 var hiddenInput = document.querySelector('[name="order_' + elemName + '"]');
144 hiddenInput.setAttribute('value', toPos);
145 }
146
147 /**
148 * Move a row up or down.
149 *
150 * @param pos Element Node to move.
151 * @param move int Move: +1 (down) or -1 (up)
152 */
153 function changeOrder(pos, move) {
154 var newpos = parseInt(pos) + move;
155 var lines = document.querySelectorAll('[data-order="' + pos + '"]');
156 var changelines = document.querySelectorAll('[data-order="' + newpos + '"]');
157
158 // If we go down reverse lines to preserve the rows order
159 if (move > 0) {
160 lines = [].slice.call(lines).reverse();
161 }
162
163 for (var i = 0; i < lines.length; i++) {
164 var parent = changelines[0].parentNode;
165 changePos(lines[i], newpos);
166 changePos(changelines[i], parseInt(pos));
167 var changeItem = move < 0 ? changelines[0] : changelines[changelines.length - 1].nextSibling;
168 parent.insertBefore(lines[i], changeItem);
169 }
170 }
171
172 /**
173 * Move a row up in the table.
174 *
175 * @param pos int row counter.
176 *
177 * @returns false
178 */
179 function orderUp(pos) {
180 if (pos == 0) {
181 return false;
182 }
183 changeOrder(pos, -1);
184 return false;
185 }
186
187 /**
188 * Move a row down in the table.
189 *
190 * @param pos int row counter.
191 *
192 * @returns false
193 */
194 function orderDown(pos) {
195 var lastpos = document.querySelector('[data-order]:last-child').getAttribute('data-order');
196 if (pos == lastpos) {
197 return false;
198 }
199
200 changeOrder(pos, +1);
201 return false;
202 }
203</script>
133</body> 204</body>
134</html> 205</html>
diff --git a/tpl/vintage/thumbnails.html b/tpl/vintage/thumbnails.html
new file mode 100644
index 00000000..79aebf8d
--- /dev/null
+++ b/tpl/vintage/thumbnails.html
@@ -0,0 +1,28 @@
1<!DOCTYPE html>
2<html>
3<head>{include="includes"}</head>
4<body>
5<div id="pageheader">
6{include="page.header"}
7</div>
8
9<div class="center thumbnails-update-container">
10 <div class="thumbnail-placeholder" style="width: {$thumbnails_width}px; height: {$thumbnails_height}px;"></div>
11
12 <div class="thumbnail-link-title"></div>
13
14 <div class="progressbar">
15 <div></div>
16 </div>
17
18 <div class="progress-counter">
19 <span class="progress-current">0</span> / <span class="progress-total">{$ids|count}</span>
20 </div>
21</div>
22
23<input type="hidden" name="ids" value="{function="implode($ids, ',')"}" />
24
25{include="page.footer"}
26<script src="js/thumbnails_update.min.js?v={$version_hash}"></script>
27</body>
28</html>
diff --git a/tpl/vintage/tools.html b/tpl/vintage/tools.html
index 69689807..1cef726e 100644
--- a/tpl/vintage/tools.html
+++ b/tpl/vintage/tools.html
@@ -55,13 +55,6 @@
55 </span> 55 </span>
56 </a><br><br> 56 </a><br><br>
57 57
58 {if="$sslenabled"}
59 <a class="smallbutton" onclick="activateFirefoxSocial(this)"><b>✚Add to Firefox social</b></a>
60 <a href="#">
61 <span>&#x21D0; Click on this button to add Shaarli to the "Share this page" button in Firefox.</span>
62 </a><br><br>
63 {/if}
64
65 {loop="$tools_plugin"} 58 {loop="$tools_plugin"}
66 {$value} 59 {$value}
67 {/loop} 60 {/loop}
@@ -69,31 +62,6 @@
69 <div class="clear"></div> 62 <div class="clear"></div>
70 63
71 <script> 64 <script>
72 {if="$sslenabled"}
73 function activateFirefoxSocial(node) {
74 var loc = location.href;
75 var baseURL = loc.substring(0, loc.lastIndexOf("/"));
76
77 // Keeping the data separated (ie. not in the DOM) so that it's maintainable and diffable.
78 var data = {
79 name: "{$shaarlititle}",
80 description: "The personal, minimalist, super-fast, no-database delicious clone.",
81 author: "Shaarli",
82 version: "1.0.0",
83
84 iconURL: baseURL + "/images/favicon.ico",
85 icon32URL: baseURL + "/images/favicon.ico",
86 icon64URL: baseURL + "/images/favicon.ico",
87
88 shareURL: baseURL + "{noparse}?post=%{url}&title=%{title}&description=%{text}&source=firefoxsocialapi{/noparse}",
89 homepageURL: baseURL
90 };
91 node.setAttribute("data-service", JSON.stringify(data));
92
93 var activate = new CustomEvent("ActivateSocialFeature");
94 node.dispatchEvent(activate);
95 }
96 {/if}
97 function alertBookmarklet() { 65 function alertBookmarklet() {
98 alert('Drag this link to your bookmarks toolbar, or right-click it and choose Bookmark This Link...'); 66 alert('Drag this link to your bookmarks toolbar, or right-click it and choose Bookmark This Link...');
99 return false; 67 return false;
generated by cgit v1.2.3 (git 2.25.1) at 2024-06-04 14:21:31 +0000