diff options
Diffstat (limited to 'assets/vintage/css')
-rw-r--r-- | assets/vintage/css/reset.css | 6 | ||||
-rw-r--r-- | assets/vintage/css/shaarli.css | 1212 |
2 files changed, 1218 insertions, 0 deletions
diff --git a/assets/vintage/css/reset.css b/assets/vintage/css/reset.css new file mode 100644 index 00000000..e29699e2 --- /dev/null +++ b/assets/vintage/css/reset.css | |||
@@ -0,0 +1,6 @@ | |||
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 | */ | ||
6 | 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%;} \ No newline at end of file | ||
diff --git a/assets/vintage/css/shaarli.css b/assets/vintage/css/shaarli.css new file mode 100644 index 00000000..c919339b --- /dev/null +++ b/assets/vintage/css/shaarli.css | |||
@@ -0,0 +1,1212 @@ | |||
1 | /* Cascading Stylesheet for Shaarli - https://github.com/shaarli/Shaarli */ | ||
2 | |||
3 | body { | ||
4 | font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; | ||
5 | font-size: 10pt; | ||
6 | background-color: #ffffff; | ||
7 | word-wrap: break-word; | ||
8 | } | ||
9 | |||
10 | input, textarea { | ||
11 | background-color: #dedede; | ||
12 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff)); | ||
13 | background: -webkit-linear-gradient(#dedede, #ffffff); | ||
14 | background: -moz-linear-gradient(#dedede, #ffffff); | ||
15 | background: -ms-linear-gradient(#dedede, #ffffff); | ||
16 | background: -o-linear-gradient(#dedede, #ffffff); | ||
17 | background: linear-gradient(#dedede, #ffffff); | ||
18 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); | ||
19 | padding: 5px; | ||
20 | border-radius: 3px 3px 3px 3px; | ||
21 | border: none; | ||
22 | color: #000; | ||
23 | } | ||
24 | |||
25 | a { | ||
26 | text-decoration: none; | ||
27 | } | ||
28 | |||
29 | h1 { | ||
30 | font-size: 20pt; | ||
31 | font-weight: bold; | ||
32 | font-style: italic; | ||
33 | margin-bottom: 20px; | ||
34 | } | ||
35 | |||
36 | em { | ||
37 | font-style: italic; | ||
38 | } | ||
39 | |||
40 | strong { | ||
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 | |||
69 | a.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('../img/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('../img/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('../img/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('../img/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 | |||
759 | div.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("../img/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 | |||
793 | div.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 | |||
804 | div.dailyAbout a { | ||
805 | color: #890500; | ||
806 | } | ||
807 | |||
808 | div.dailyAbout img { | ||
809 | position: relative; | ||
810 | top: 3px; | ||
811 | margin-right: 4px; | ||
812 | width: 14px; | ||
813 | height: 14px; | ||
814 | } | ||
815 | |||
816 | div.dailyEntryPermalink { | ||
817 | float: right; | ||
818 | } | ||
819 | |||
820 | div.dailyTitle { | ||
821 | font-weight: bold; | ||
822 | font-size: 44pt; | ||
823 | text-align: center; | ||
824 | padding: 10px 20px 0px 20px; | ||
825 | } | ||
826 | |||
827 | div.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": */ | ||
835 | div.dailyEntry { | ||
836 | margin: 5px 10px 2px 5px; | ||
837 | font-size: 11pt; | ||
838 | border-top: 1px solid #555; | ||
839 | } | ||
840 | |||
841 | div.dailyEntry a { | ||
842 | text-decoration: none; | ||
843 | color: #890500; | ||
844 | } | ||
845 | |||
846 | div.dailyEntryTags { | ||
847 | font-size: 7.75pt; | ||
848 | } | ||
849 | |||
850 | div.dailyEntryTitle { | ||
851 | font-size: 18pt; | ||
852 | font-weight: bold; | ||
853 | } | ||
854 | |||
855 | div.dailyEntryLinkdate { | ||
856 | font-size: 8pt; | ||
857 | } | ||
858 | |||
859 | div.dailyEntryThumbnail { | ||
860 | width: 100%; | ||
861 | text-align: center; | ||
862 | background-color: rgb(128, 128, 128); | ||
863 | background: url(../img/50pc_transparent.png); | ||
864 | padding: 4px 0px 2px 0px; | ||
865 | } | ||
866 | |||
867 | div.dailyEntryDescription { | ||
868 | margin-top: 10px; | ||
869 | margin-bottom: 30px; | ||
870 | text-align: justify; | ||
871 | overflow: auto; | ||
872 | } | ||
873 | |||
874 | div.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 | |||
1122 | ul.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 | } | ||