diff options
author | ArthurHoaro <arthur@hoa.ro> | 2017-02-27 20:24:28 +0100 |
---|---|---|
committer | GitHub <noreply@github.com> | 2017-02-27 20:24:28 +0100 |
commit | 5978588578ca103152598ccfbe41019b12e00a4f (patch) | |
tree | eedbb83c420f6af103440bcafbe6b79738ce7521 /tpl/vintage/css/shaarli.css | |
parent | 9e5a37cc7f4eb1c83222a94eb83d4e99ce4460a4 (diff) | |
parent | 7dcbfde5ffbc057a44f710e3be7e4856d235e90b (diff) | |
download | Shaarli-5978588578ca103152598ccfbe41019b12e00a4f.tar.gz Shaarli-5978588578ca103152598ccfbe41019b12e00a4f.tar.zst Shaarli-5978588578ca103152598ccfbe41019b12e00a4f.zip |
Merge pull request #754 from ArthurHoaro/webdesign2
New default template
Diffstat (limited to 'tpl/vintage/css/shaarli.css')
-rw-r--r-- | tpl/vintage/css/shaarli.css | 1208 |
1 files changed, 1208 insertions, 0 deletions
diff --git a/tpl/vintage/css/shaarli.css b/tpl/vintage/css/shaarli.css new file mode 100644 index 00000000..7ca567e7 --- /dev/null +++ b/tpl/vintage/css/shaarli.css | |||
@@ -0,0 +1,1208 @@ | |||
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 | /* Buttons */ | ||
45 | .bigbutton, #pageheader a.bigbutton { | ||
46 | background-color: #c0c0c0; | ||
47 | background: -moz-linear-gradient(#c0c0c0, #ffffff) repeat scroll 0 0 transparent; | ||
48 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c0c0c0), to(#ffffff)); | ||
49 | background: -webkit-linear-gradient(#c0c0c0, #ffffff); | ||
50 | background: -ms-linear-gradient(#c0c0c0, #ffffff); | ||
51 | background: -o-linear-gradient(#c0c0c0, #ffffff); | ||
52 | background: linear-gradient(#c0c0c0, #ffffff); | ||
53 | border-radius: 3px 3px 3px 3px; | ||
54 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); | ||
55 | cursor: pointer; | ||
56 | height: 24px; | ||
57 | padding: 0 5px; | ||
58 | margin: 0 5px 0 0; | ||
59 | color: #606060; | ||
60 | border-style: outset; | ||
61 | border-width: 1px; | ||
62 | display: inline-block; | ||
63 | } | ||
64 | |||
65 | a.bigbutton, #pageheader a.bigbutton { | ||
66 | height: 22px; | ||
67 | line-height: 22px; | ||
68 | } | ||
69 | |||
70 | .smallbutton { | ||
71 | background-color: #c0c0c0; | ||
72 | background: -moz-linear-gradient(#c0c0c0, #ffffff) repeat scroll 0 0 transparent; | ||
73 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c0c0c0), to(#ffffff)); | ||
74 | background: -webkit-linear-gradient(#c0c0c0, #ffffff); | ||
75 | background: -ms-linear-gradient(#c0c0c0, #ffffff); | ||
76 | background: -o-linear-gradient(#c0c0c0, #ffffff); | ||
77 | background: linear-gradient(#c0c0c0, #ffffff); | ||
78 | border-radius: 3px 3px 3px 3px; | ||
79 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); | ||
80 | cursor: pointer; | ||
81 | height: 20px; | ||
82 | margin-left: 5px; | ||
83 | padding: 0 5px; | ||
84 | color: #606060; | ||
85 | border-style: outset; | ||
86 | border-width: 1px; | ||
87 | } | ||
88 | |||
89 | /* Small tab on the left of each link with edit/delete buttons. */ | ||
90 | .button_edit, .button_delete { | ||
91 | border-radius: 0; | ||
92 | box-shadow: none; | ||
93 | border-style: none; | ||
94 | border-width: 0; | ||
95 | padding: 0; | ||
96 | background: none; | ||
97 | } | ||
98 | |||
99 | .linkeditbuttons { | ||
100 | position: absolute; | ||
101 | left: 2px; | ||
102 | padding: 4px 2px 2px 2px; | ||
103 | |||
104 | -webkit-border-radius: 0px 6px 6px 0px; | ||
105 | -moz-border-radius: 0px 6px 6px 0px; | ||
106 | -o-border-radius: 0px 6px 6px 0px; | ||
107 | -ms-border-radius: 0px 6px 6px 0px; | ||
108 | border-radius: 0px 6px 6px 0px; | ||
109 | } | ||
110 | |||
111 | #pageheader #logo { | ||
112 | background-image: url('../../../images/logo.png'); | ||
113 | background-repeat: no-repeat; | ||
114 | float: left; | ||
115 | margin: 0 10px 0 10px; | ||
116 | width: 105px; | ||
117 | height: 55px; | ||
118 | cursor: pointer; | ||
119 | } | ||
120 | |||
121 | #pageheader #menu { | ||
122 | width: 100%; | ||
123 | } | ||
124 | |||
125 | #pageheader #menu ul { | ||
126 | margin: auto; | ||
127 | padding: 7px 0px 0px 0px; | ||
128 | float: none; | ||
129 | } | ||
130 | |||
131 | #pageheader #menu ul li { | ||
132 | list-style: none; | ||
133 | display: inline; | ||
134 | position: relative; | ||
135 | box-sizing: border-box; | ||
136 | } | ||
137 | |||
138 | #pageheader a { | ||
139 | background-color: #333333; | ||
140 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#333333), to(#000000)); | ||
141 | background: -webkit-linear-gradient(#333333, #000000); | ||
142 | background: -moz-linear-gradient(#333333, #000000); | ||
143 | background: -ms-linear-gradient(#333333, #000000); | ||
144 | background: -o-linear-gradient(#333333, #000000); | ||
145 | background: linear-gradient(#333333, #000000); | ||
146 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); | ||
147 | padding: 5px; | ||
148 | border-radius: 3px 3px 3px 3px; | ||
149 | margin: 10px 3px 3px 3px; | ||
150 | color: #A2DD42; | ||
151 | text-decoration: none; | ||
152 | line-height: 2.5; | ||
153 | white-space: nowrap; | ||
154 | } | ||
155 | |||
156 | #pageheader #linkcount { | ||
157 | float: right; | ||
158 | font-style: italic; | ||
159 | color: #bbb; | ||
160 | text-align: right; | ||
161 | padding-right: 5px; | ||
162 | margin: 3px 3px 0px 0px; | ||
163 | } | ||
164 | |||
165 | #pageheader { | ||
166 | background-color: #333333; | ||
167 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#333333), to(#111111)); | ||
168 | background: -webkit-linear-gradient(#333333, #111111); | ||
169 | background: -moz-linear-gradient(#333333, #111111); | ||
170 | background: -ms-linear-gradient(#333333, #111111); | ||
171 | background: -o-linear-gradient(#333333, #111111); | ||
172 | background: linear-gradient(#333333, #111111); | ||
173 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); | ||
174 | width: auto; | ||
175 | padding: 0 10px 5px 10px; | ||
176 | margin: auto; | ||
177 | } | ||
178 | |||
179 | #pageheader .search { | ||
180 | width: 100%; | ||
181 | white-space: nowrap; | ||
182 | } | ||
183 | |||
184 | #toolsdiv a { | ||
185 | clear: both; | ||
186 | } | ||
187 | |||
188 | #toolsdiv #bookmark { | ||
189 | clear: none; | ||
190 | } | ||
191 | |||
192 | #toolsdiv a span { | ||
193 | color: #ffffff; | ||
194 | } | ||
195 | |||
196 | .linksperpage, .tagfilter, .searchform, .addform { | ||
197 | background-color: #dedede; | ||
198 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff)); | ||
199 | background: -webkit-linear-gradient(#dedede, #ffffff); | ||
200 | background: -moz-linear-gradient(#dedede, #ffffff); | ||
201 | background: -ms-linear-gradient(#dedede, #ffffff); | ||
202 | background: -o-linear-gradient(#dedede, #ffffff); | ||
203 | background: linear-gradient(#dedede, #ffffff); | ||
204 | display: inline; | ||
205 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); | ||
206 | padding: 5px; | ||
207 | border: none; | ||
208 | border-radius: 3px 3px 3px 3px; | ||
209 | margin: 10px 3px 3px 3px; | ||
210 | color: #cecece; | ||
211 | } | ||
212 | |||
213 | .linksperpage { | ||
214 | box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); | ||
215 | padding: 3px; | ||
216 | } | ||
217 | |||
218 | .linksperpage input, .tagfilter input, .searchform input, .addform input { | ||
219 | border: none; | ||
220 | color: #606060; | ||
221 | background: none; | ||
222 | box-shadow: none; | ||
223 | padding: 5px; | ||
224 | } | ||
225 | |||
226 | .linksperpage input { | ||
227 | padding: 0; | ||
228 | } | ||
229 | |||
230 | .searchform #searchform_value { | ||
231 | width: 30%; | ||
232 | } | ||
233 | |||
234 | .tagfilter { | ||
235 | margin-left:24px; | ||
236 | } | ||
237 | |||
238 | .tagfilter div.awesomplete { | ||
239 | width: 15%; | ||
240 | } | ||
241 | |||
242 | .tagfilter #tagfilter_value { | ||
243 | display: inline; | ||
244 | } | ||
245 | |||
246 | .tagfilter li { | ||
247 | color: black; | ||
248 | } | ||
249 | |||
250 | .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton { | ||
251 | background-color: #dedede; | ||
252 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff)); | ||
253 | background: -webkit-linear-gradient(#dedede, #ffffff); | ||
254 | background: -moz-linear-gradient(#dedede, #ffffff); | ||
255 | background: -ms-linear-gradient(#dedede, #ffffff); | ||
256 | background: -o-linear-gradient(#dedede, #ffffff); | ||
257 | background: linear-gradient(#dedede, #ffffff); | ||
258 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); | ||
259 | padding: 0 5px 0 5px; | ||
260 | margin: 5px 0 5px 0; | ||
261 | height: 20px; | ||
262 | border-radius: 3px 3px 3px 3px; | ||
263 | cursor: pointer; | ||
264 | } | ||
265 | |||
266 | #shaarli_title { | ||
267 | font-weight: bold; | ||
268 | font-style: italic; | ||
269 | margin-top: 0; | ||
270 | } | ||
271 | |||
272 | #shaarli_title a { | ||
273 | color: #fff !important; | ||
274 | } | ||
275 | |||
276 | #pageheader a:visited { | ||
277 | color: #98C943; | ||
278 | text-decoration: none; | ||
279 | } | ||
280 | |||
281 | #pageheader a:hover { | ||
282 | color: #FFFFC9; | ||
283 | text-decoration: none; | ||
284 | } | ||
285 | |||
286 | #pageheader a:active { | ||
287 | color: #bbb; | ||
288 | text-decoration: none; | ||
289 | } | ||
290 | |||
291 | #searchcriteria { | ||
292 | padding: 4px 0px 5px 5px; | ||
293 | font-weight: bold; | ||
294 | } | ||
295 | |||
296 | .paging { | ||
297 | padding: 5px; | ||
298 | background-color: #777; | ||
299 | color: #ccc; | ||
300 | text-align: center; | ||
301 | clear: both; | ||
302 | } | ||
303 | |||
304 | .paging a:link { | ||
305 | color: #ccc; | ||
306 | text-decoration: none; | ||
307 | } | ||
308 | |||
309 | .paging a:visited { | ||
310 | color: #ccc; | ||
311 | } | ||
312 | |||
313 | .paging a:hover { | ||
314 | color: #FFFFC9; | ||
315 | } | ||
316 | |||
317 | .paging a:active { | ||
318 | color: #fff; | ||
319 | } | ||
320 | |||
321 | .paging_privatelinks { | ||
322 | float: left; | ||
323 | } | ||
324 | |||
325 | .paging_linksperpage { | ||
326 | float: right; | ||
327 | padding-right: 5px; | ||
328 | margin: 0px 10px 2px 0px; | ||
329 | } | ||
330 | |||
331 | .paging_linksperpage form.linksperpage { | ||
332 | display: inline; | ||
333 | } | ||
334 | |||
335 | .paging_linksperpage form.linksperpage input { | ||
336 | height: 15px; | ||
337 | } | ||
338 | |||
339 | .paging_current { | ||
340 | display: inline; | ||
341 | color: #fff; | ||
342 | padding: 0 20 0 20; | ||
343 | } | ||
344 | |||
345 | .paging_older { | ||
346 | margin-right: 15px; | ||
347 | } | ||
348 | |||
349 | .paging_newer { | ||
350 | margin-left: 15px; | ||
351 | } | ||
352 | |||
353 | #headerform { | ||
354 | color: #ffffff; | ||
355 | padding: 5px 5px 5px 5px; | ||
356 | clear: both; | ||
357 | } | ||
358 | |||
359 | #headerform input.linkurl { | ||
360 | width: 50%; | ||
361 | font-size: inherit; | ||
362 | } | ||
363 | |||
364 | #headerform label { | ||
365 | cursor: pointer; | ||
366 | margin-right: 10px; | ||
367 | } | ||
368 | |||
369 | #headerform label[for=longlastingsession] { | ||
370 | display: block; | ||
371 | width: 100%; | ||
372 | margin-top: 5px; | ||
373 | } | ||
374 | |||
375 | #toolsdiv { | ||
376 | color: #ffffff; | ||
377 | padding: 5px 5px 5px 5px; | ||
378 | clear: left; | ||
379 | } | ||
380 | |||
381 | #uploaddiv { | ||
382 | color: #ffffff; | ||
383 | padding: 5px 5px 5px 5px; | ||
384 | clear: left; | ||
385 | } | ||
386 | |||
387 | #editlinkform { | ||
388 | height: 100%; | ||
389 | padding: 5px 5px 5px 15px; | ||
390 | width: 80%; | ||
391 | clear: left; | ||
392 | } | ||
393 | |||
394 | #editlinkform label { | ||
395 | cursor: pointer; | ||
396 | color: #ffffff; | ||
397 | } | ||
398 | |||
399 | #editlinkform textarea, #editlinkform .lf_input { | ||
400 | width: 100%; | ||
401 | } | ||
402 | |||
403 | #linklist li { | ||
404 | padding: 4px 10px 15px 20px; | ||
405 | border-top: 1px solid #bbb; | ||
406 | clear: both; | ||
407 | background-color: #F2F2F2; | ||
408 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F2F2), to(#ffffff)); | ||
409 | background: -webkit-linear-gradient(#F2F2F2, #ffffff); | ||
410 | background: -moz-linear-gradient(#F2F2F2, #ffffff); | ||
411 | background: -ms-linear-gradient(#F2F2F2, #ffffff); | ||
412 | background: -o-linear-gradient(#F2F2F2, #ffffff); | ||
413 | background: linear-gradient(#F2F2F2, #ffffff); | ||
414 | } | ||
415 | |||
416 | /* | ||
417 | #linklist li.publicLinkHightLight:hover, #linklist li:hover { | ||
418 | background: #E9FFCE; | ||
419 | } | ||
420 | */ | ||
421 | |||
422 | .linkdate { | ||
423 | font-size:8pt; | ||
424 | color:#888; | ||
425 | } | ||
426 | |||
427 | .linkdate a { | ||
428 | color:#E28E3F; | ||
429 | } | ||
430 | |||
431 | #linklist li.private { | ||
432 | background: url('../images/private.png') no-repeat 4px center; | ||
433 | padding-left: 30px; | ||
434 | } | ||
435 | |||
436 | #linklist li { | ||
437 | padding-left: 30px; | ||
438 | } | ||
439 | |||
440 | .private .linktitle a { | ||
441 | color: #969696; | ||
442 | } | ||
443 | |||
444 | .linktitle { | ||
445 | font-size: 14pt; | ||
446 | font-weight: bold; | ||
447 | } | ||
448 | |||
449 | .linktitle a { | ||
450 | text-decoration: none; | ||
451 | color: #80AD48; | ||
452 | } | ||
453 | |||
454 | .linktitle a:hover { | ||
455 | color: #F57900; | ||
456 | } | ||
457 | |||
458 | .linkdate { | ||
459 | font-size: 8pt; | ||
460 | color: #888; | ||
461 | } | ||
462 | |||
463 | .linkdate a { | ||
464 | background-image: url('../images/calendar.png'); | ||
465 | padding: 2px 0 3px 20px; | ||
466 | background-repeat: no-repeat; | ||
467 | text-decoration: none; | ||
468 | color: #E28E3F; | ||
469 | } | ||
470 | |||
471 | .linkdate a:hover { | ||
472 | color: #F57900 } | ||
473 | |||
474 | .linkurl { | ||
475 | font-size: 8pt; | ||
476 | color: #4BAA74; | ||
477 | } | ||
478 | |||
479 | .linkdescription { | ||
480 | color: #000; | ||
481 | margin-top: 0; | ||
482 | margin-bottom: 12px; | ||
483 | font-weight: normal; | ||
484 | overflow: auto; | ||
485 | } | ||
486 | |||
487 | .linkdescription a { | ||
488 | text-decoration: none; | ||
489 | color: #3465A4; | ||
490 | } | ||
491 | |||
492 | .linkdescription a:hover { | ||
493 | color: #F57900; | ||
494 | } | ||
495 | |||
496 | .linktaglist { | ||
497 | padding-top: 10px; | ||
498 | line-height: 200%; | ||
499 | } | ||
500 | |||
501 | .linktag { | ||
502 | font-size: 9pt; | ||
503 | background-color: #F2F2F2; | ||
504 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F2F2), to(#ffffff)); | ||
505 | background: -webkit-linear-gradient(#F2F2F2, #ffffff); | ||
506 | background: -moz-linear-gradient(#F2F2F2, #ffffff); | ||
507 | background: -ms-linear-gradient(#F2F2F2, #ffffff); | ||
508 | background: -o-linear-gradient(#F2F2F2, #ffffff); | ||
509 | background: linear-gradient(#F2F2F2, #ffffff); | ||
510 | box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); | ||
511 | padding: 3px 5px 3px 20px; | ||
512 | height: 20px; | ||
513 | border-radius: 3px; | ||
514 | cursor: pointer; | ||
515 | background-image: url('../images/tag_blue.png'); | ||
516 | background-repeat: no-repeat; | ||
517 | background-position: 3px center; | ||
518 | background-color: #ffffff; | ||
519 | } | ||
520 | |||
521 | .linktag:hover { | ||
522 | border-color: #555573; | ||
523 | color: #000; | ||
524 | } | ||
525 | |||
526 | .linktag a { | ||
527 | color: #777; | ||
528 | text-decoration: none; | ||
529 | } | ||
530 | |||
531 | .linktag .remove { | ||
532 | border-left: 1px solid #aaa; | ||
533 | padding-left: 5px; | ||
534 | color:#6767A7; | ||
535 | } | ||
536 | |||
537 | .linkshort { | ||
538 | font-size: 8pt; | ||
539 | color: #888; | ||
540 | } | ||
541 | |||
542 | .linkshort a { | ||
543 | text-decoration: none; | ||
544 | color: #393964; | ||
545 | } | ||
546 | |||
547 | .linkshort a:hover { | ||
548 | text-decoration: underline; | ||
549 | } | ||
550 | |||
551 | .buttoneditform { | ||
552 | display: inline; | ||
553 | } | ||
554 | |||
555 | #footer { | ||
556 | font-size: 8pt; | ||
557 | text-align: center; | ||
558 | color: #888; | ||
559 | clear: both; | ||
560 | max-width: 30em; | ||
561 | margin: 15px auto 15px auto; | ||
562 | } | ||
563 | |||
564 | #footer a { | ||
565 | color: #486D08; | ||
566 | } | ||
567 | |||
568 | #footer a:hover { | ||
569 | color: #000000; | ||
570 | } | ||
571 | |||
572 | #newversion { | ||
573 | background-color: #FFFFA0; | ||
574 | color: #000; | ||
575 | position: absolute; | ||
576 | top: 0; | ||
577 | right: 0; | ||
578 | padding: 2 7 2 7; | ||
579 | font-size: 9pt; | ||
580 | } | ||
581 | |||
582 | #newversion #version_id { | ||
583 | text-decoration: blink; | ||
584 | } | ||
585 | |||
586 | #cloudtag { | ||
587 | padding-left: 10%; | ||
588 | padding-right: 10%; | ||
589 | } | ||
590 | |||
591 | #cloudtag .count { | ||
592 | color: #99f; | ||
593 | font-size: 9pt; | ||
594 | padding-left: 5px; | ||
595 | padding-right: 2px; | ||
596 | } | ||
597 | |||
598 | #cloudtag a { | ||
599 | color: black; | ||
600 | text-decoration: none; | ||
601 | } | ||
602 | |||
603 | #install { | ||
604 | margin: 0 20px; | ||
605 | } | ||
606 | |||
607 | #installform { | ||
608 | border: 1px solid black; | ||
609 | padding: 10px; | ||
610 | } | ||
611 | |||
612 | #installform table { | ||
613 | border: none; | ||
614 | } | ||
615 | |||
616 | #installform td { | ||
617 | font-size: 10pt; | ||
618 | color: black; | ||
619 | padding: 10px 5px 10px 5px; | ||
620 | clear: left; | ||
621 | } | ||
622 | |||
623 | #installform input.bigbutton { | ||
624 | float: right; | ||
625 | } | ||
626 | |||
627 | #changepasswordform { | ||
628 | color: #ccc; | ||
629 | padding: 10px 5px 10px 5px; | ||
630 | clear: left; | ||
631 | } | ||
632 | |||
633 | #changetag { | ||
634 | color: #ccc; | ||
635 | padding: 10px 5px 10px 5px; | ||
636 | clear: left; | ||
637 | } | ||
638 | |||
639 | #changetag #totag { | ||
640 | margin-left: 40px; | ||
641 | } | ||
642 | |||
643 | #changetag div { | ||
644 | float:left; | ||
645 | } | ||
646 | |||
647 | #changetag label { | ||
648 | padding: 5px; | ||
649 | } | ||
650 | |||
651 | #changetag li { | ||
652 | color: #000; | ||
653 | } | ||
654 | #configform td { | ||
655 | color: #ccc; | ||
656 | font-size: 10pt; | ||
657 | padding: 10px 5px 10px 5px; | ||
658 | } | ||
659 | |||
660 | #configform { | ||
661 | color: #ccc; | ||
662 | padding: 10px 5px 10px 5px; | ||
663 | clear: left; | ||
664 | } | ||
665 | |||
666 | .thumbnail { | ||
667 | float: right; | ||
668 | margin: 0px 10px 0px 10px; | ||
669 | } | ||
670 | |||
671 | .thumbnail img { | ||
672 | border-radius: 3px; | ||
673 | box-shadow: 0.5px 0.5px 0.5px 1px #dde4e6; | ||
674 | } | ||
675 | |||
676 | /* If you want thumbnails on the left: | ||
677 | .thumbnail { | ||
678 | float: left; | ||
679 | margin-right: 10px; | ||
680 | } | ||
681 | .linkcontainer { | ||
682 | position: static; | ||
683 | margin-left: 130px; | ||
684 | } | ||
685 | */ | ||
686 | |||
687 | /* --- Picture wall CSS --- */ | ||
688 | #picwall_container { | ||
689 | color: #fff; | ||
690 | background-color: #000; | ||
691 | clear: both; | ||
692 | } | ||
693 | |||
694 | .picwall_pictureframe { | ||
695 | background-color: #000; | ||
696 | z-index: 5; | ||
697 | position: relative; | ||
698 | display: table-cell; | ||
699 | vertical-align: middle; | ||
700 | width: 90px; | ||
701 | height: 90px; | ||
702 | overflow: hidden; | ||
703 | text-align: center; | ||
704 | float: left; | ||
705 | } | ||
706 | |||
707 | .b-lazy { | ||
708 | -webkit-transition: opacity 500ms ease-in-out; | ||
709 | -moz-transition: opacity 500ms ease-in-out; | ||
710 | -o-transition: opacity 500ms ease-in-out; | ||
711 | transition: opacity 500ms ease-in-out; | ||
712 | opacity: 0; | ||
713 | } | ||
714 | .b-lazy.b-loaded { | ||
715 | opacity: 1; | ||
716 | } | ||
717 | |||
718 | .picwall_pictureframe img { | ||
719 | max-width: 100%; | ||
720 | height: auto; | ||
721 | color: transparent; | ||
722 | } /* Adapt the width of the image */ | ||
723 | |||
724 | .picwall_pictureframe a { | ||
725 | text-decoration: none; | ||
726 | } | ||
727 | |||
728 | /* CSS to show title when hovering an image - no javascript required. */ | ||
729 | .picwall_pictureframe span.info { | ||
730 | display: none; | ||
731 | } | ||
732 | |||
733 | .picwall_pictureframe:hover span.info { | ||
734 | display: block; | ||
735 | position: absolute; | ||
736 | top: 0; | ||
737 | left: 0; | ||
738 | width: 90px; | ||
739 | font-weight: bold; | ||
740 | font-size: 8pt; | ||
741 | color: #fff; | ||
742 | text-align: left; | ||
743 | background-color: transparent; | ||
744 | background-color: rgba(0, 0, 0, 0.4); | ||
745 | /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */ | ||
746 | filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000); | ||
747 | /* IE6–IE9 */ | ||
748 | text-shadow: 2px 2px 1px #000000; | ||
749 | } | ||
750 | |||
751 | #linklist li.publicLinkHightLight { | ||
752 | background: #ffffff; | ||
753 | } | ||
754 | |||
755 | div.daily { | ||
756 | font-family: Georgia, 'DejaVu Serif', Norasi, serif; | ||
757 | background-color: #E6D6BE; | ||
758 | /* Background paper texture by BashCorpo: | ||
759 | http://www.bashcorpo.dk/textures.php | ||
760 | http://bashcorpo.deviantart.com/art/Grungy-paper-texture-v-5-22966998 */ | ||
761 | background-image: url("../images/Paper_texture_v5_by_bashcorpo_w1000.jpg"); | ||
762 | -webkit-background-size: cover; | ||
763 | -moz-background-size: cover; | ||
764 | -o-background-size: cover; | ||
765 | background-size: cover; | ||
766 | position: relative; | ||
767 | border-bottom: 2px solid black; | ||
768 | } | ||
769 | |||
770 | #daily_col1 { | ||
771 | float: left; | ||
772 | position: relative; | ||
773 | width: 33%; | ||
774 | padding-left: 1%; | ||
775 | } | ||
776 | |||
777 | #daily_col2 { | ||
778 | float: left; | ||
779 | position: relative; | ||
780 | width: 33%; | ||
781 | } | ||
782 | |||
783 | #daily_col3 { | ||
784 | float: left; | ||
785 | position: relative; | ||
786 | width: 33%; | ||
787 | } | ||
788 | |||
789 | div.dailyAbout { | ||
790 | float: left; | ||
791 | border: 1px solid black; | ||
792 | font-size: 8pt; | ||
793 | position: absolute; | ||
794 | left: 10px; | ||
795 | top: 15px; | ||
796 | padding: 5px 5px 5px 5px; | ||
797 | text-align: center; | ||
798 | } | ||
799 | |||
800 | div.dailyAbout a { | ||
801 | color: #890500; | ||
802 | } | ||
803 | |||
804 | div.dailyAbout img { | ||
805 | position: relative; | ||
806 | top: 3px; | ||
807 | margin-right: 4px; | ||
808 | width: 14px; | ||
809 | height: 14px; | ||
810 | } | ||
811 | |||
812 | div.dailyEntryPermalink { | ||
813 | float: right; | ||
814 | } | ||
815 | |||
816 | div.dailyTitle { | ||
817 | font-weight: bold; | ||
818 | font-size: 44pt; | ||
819 | text-align: center; | ||
820 | padding: 10px 20px 0px 20px; | ||
821 | } | ||
822 | |||
823 | div.dailyDate { | ||
824 | font-size: 12pt; | ||
825 | font-weight: bold; | ||
826 | text-align: center; | ||
827 | padding: 0px 20px 30px 20px; | ||
828 | } | ||
829 | |||
830 | /* Individual entries in "Daily": */ | ||
831 | div.dailyEntry { | ||
832 | margin: 5px 10px 2px 5px; | ||
833 | font-size: 11pt; | ||
834 | border-top: 1px solid #555; | ||
835 | } | ||
836 | |||
837 | div.dailyEntry a { | ||
838 | text-decoration: none; | ||
839 | color: #890500; | ||
840 | } | ||
841 | |||
842 | div.dailyEntryTags { | ||
843 | font-size: 7.75pt; | ||
844 | } | ||
845 | |||
846 | div.dailyEntryTitle { | ||
847 | font-size: 18pt; | ||
848 | font-weight: bold; | ||
849 | } | ||
850 | |||
851 | div.dailyEntryLinkdate { | ||
852 | font-size: 8pt; | ||
853 | } | ||
854 | |||
855 | div.dailyEntryThumbnail { | ||
856 | width: 100%; | ||
857 | text-align: center; | ||
858 | background-color: rgb(128, 128, 128); | ||
859 | background: url(../images/50pc_transparent.png); | ||
860 | padding: 4px 0px 2px 0px; | ||
861 | } | ||
862 | |||
863 | div.dailyEntryDescription { | ||
864 | margin-top: 10px; | ||
865 | margin-bottom: 30px; | ||
866 | text-align: justify; | ||
867 | overflow: auto; | ||
868 | } | ||
869 | |||
870 | div.dailyNoEntry { | ||
871 | text-align: center; | ||
872 | padding: 40px 0px 90px 0px; | ||
873 | } | ||
874 | |||
875 | .daily #closing { | ||
876 | clear: both; | ||
877 | text-align: center; | ||
878 | padding-bottom: 20px; | ||
879 | } | ||
880 | |||
881 | /* Common CSS screwdriver */ | ||
882 | .clear { | ||
883 | clear: both; | ||
884 | } | ||
885 | |||
886 | .right { | ||
887 | text-align: right; | ||
888 | } | ||
889 | |||
890 | .white { | ||
891 | color: white; | ||
892 | } | ||
893 | |||
894 | /* For lazy images loading in picture wall. | ||
895 | Using http://www.appelsiini.net/projects/lazyload | ||
896 | */ | ||
897 | .lazyimage { | ||
898 | display: none; | ||
899 | } | ||
900 | |||
901 | #configuration_table td { | ||
902 | border: none; | ||
903 | padding: 10px; | ||
904 | vertical-align: top; | ||
905 | } | ||
906 | |||
907 | @media print { | ||
908 | html { | ||
909 | border: none; | ||
910 | background: #fff !important; | ||
911 | color: #000 !important; | ||
912 | } | ||
913 | |||
914 | body { | ||
915 | font-size: 12pt; | ||
916 | width: auto !important; | ||
917 | margin: auto !important; | ||
918 | } | ||
919 | |||
920 | /* Minimum numer of lines to display when splitting a paragraph | ||
921 | over two pages */ | ||
922 | p { | ||
923 | orphans: 3; | ||
924 | widows: 3; | ||
925 | } | ||
926 | |||
927 | a { | ||
928 | color: #000 !important; | ||
929 | text-decoration: none !important; | ||
930 | } | ||
931 | |||
932 | #pageheader, .paging, #linklist li form, #footer { | ||
933 | display: none; | ||
934 | } | ||
935 | |||
936 | #linklist li { | ||
937 | padding: 2 0 10 0; | ||
938 | border-top: 2px solid #000; | ||
939 | clear: both; | ||
940 | } | ||
941 | |||
942 | #linklist li.private { | ||
943 | background-color: none; | ||
944 | border-left: 0; | ||
945 | } | ||
946 | |||
947 | .linkdate { | ||
948 | line-height: 2; | ||
949 | } | ||
950 | |||
951 | .linkurl { | ||
952 | color: #000; | ||
953 | } | ||
954 | |||
955 | .linkdescription { | ||
956 | font-size: 10pt; | ||
957 | } | ||
958 | |||
959 | .linktag { | ||
960 | border: 1px solid black; | ||
961 | font-style: italic; | ||
962 | font-size: 8pt; | ||
963 | } | ||
964 | } | ||
965 | |||
966 | @media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 854px) { | ||
967 | /* A few fixes for mobile devices (far from perfect). */ | ||
968 | |||
969 | .tagfilter div.awesomplete { | ||
970 | width: 70%; | ||
971 | } | ||
972 | |||
973 | .nomobile { | ||
974 | display: none; | ||
975 | } | ||
976 | |||
977 | #logo { | ||
978 | display: none; | ||
979 | } | ||
980 | |||
981 | #pageheader #menu ul { | ||
982 | text-align: center; | ||
983 | } | ||
984 | |||
985 | #pageheader #menu a { | ||
986 | padding: 5px; | ||
987 | border-radius: 3px 3px 3px 3px; | ||
988 | margin: 3px; | ||
989 | } | ||
990 | |||
991 | #headerform label { | ||
992 | width: 100%; | ||
993 | display: block; | ||
994 | height: auto; | ||
995 | line-height: 25px; | ||
996 | padding-bottom: 10px; | ||
997 | } | ||
998 | |||
999 | #headerform label input[type=text], | ||
1000 | #headerform label input[type=password]{ | ||
1001 | float: right; | ||
1002 | width: 70%; | ||
1003 | } | ||
1004 | |||
1005 | .searchform, .tagfilter { | ||
1006 | display: block !important; | ||
1007 | margin: 0px 3px 7px 0px !important; | ||
1008 | padding: 0px !important; | ||
1009 | width: 97% !important; | ||
1010 | } | ||
1011 | |||
1012 | .searchform input, .tagfilter input { | ||
1013 | margin: 0px !important; | ||
1014 | padding: 0px !important; | ||
1015 | display: inline !important; | ||
1016 | } | ||
1017 | |||
1018 | .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton, a.bigbutton { | ||
1019 | width: 30%; | ||
1020 | font-size: smaller; | ||
1021 | } | ||
1022 | |||
1023 | #searchform_value { | ||
1024 | width: 70% !important; | ||
1025 | } | ||
1026 | |||
1027 | #tagfilter_value { | ||
1028 | width: 70% !important; | ||
1029 | } | ||
1030 | |||
1031 | div.qrcode { | ||
1032 | position: relative; | ||
1033 | float: left; | ||
1034 | top: -10px; | ||
1035 | left: 0px; | ||
1036 | } | ||
1037 | |||
1038 | .paging_privatelinks { | ||
1039 | float: none; | ||
1040 | } | ||
1041 | |||
1042 | .paging_linksperpage { | ||
1043 | float: none; | ||
1044 | margin-bottom: 10px; | ||
1045 | font-size: smaller; | ||
1046 | } | ||
1047 | |||
1048 | #paging_older, #paging_newer, .paging_linksperpage a { | ||
1049 | border: 1px solid black; | ||
1050 | padding: 3px 5px 3px 5px; | ||
1051 | background-color: #666; | ||
1052 | color: #fff; | ||
1053 | border-radius: 3px 3px 3px 3px; | ||
1054 | } | ||
1055 | |||
1056 | .thumbnail { | ||
1057 | float: none; | ||
1058 | height: auto; | ||
1059 | margin: 0px; | ||
1060 | text-align: center; | ||
1061 | } | ||
1062 | |||
1063 | #cloudtag { | ||
1064 | padding: 0px; | ||
1065 | } | ||
1066 | |||
1067 | div.dailyAbout { | ||
1068 | float: none; | ||
1069 | position: relative; | ||
1070 | width: 100%; | ||
1071 | clear: both; | ||
1072 | padding: 0px; | ||
1073 | top: 0px; | ||
1074 | left: 0px; | ||
1075 | } | ||
1076 | |||
1077 | #daily_col1, #daily_col2, #daily_col3 { | ||
1078 | float: none; | ||
1079 | width: 100%; | ||
1080 | padding: 0px; | ||
1081 | } | ||
1082 | |||
1083 | div.dailyTitle { | ||
1084 | font-size: 18pt; | ||
1085 | margin-top: 5px; | ||
1086 | padding: 0px; | ||
1087 | } | ||
1088 | |||
1089 | div.dailyDate { | ||
1090 | font-size: 11pt; | ||
1091 | padding: 0px; | ||
1092 | display: block; | ||
1093 | } | ||
1094 | |||
1095 | div.dailyEntryTitle { | ||
1096 | font-size: 16pt; | ||
1097 | font-weight: bold; | ||
1098 | } | ||
1099 | |||
1100 | div.dailyEntryDescription { | ||
1101 | font-size: 10pt; | ||
1102 | } | ||
1103 | } | ||
1104 | |||
1105 | #toolsdiv a.button-description { | ||
1106 | clear: none; | ||
1107 | } | ||
1108 | |||
1109 | /* Highlight search results */ | ||
1110 | .highlight { | ||
1111 | background-color: #FFFF33; | ||
1112 | } | ||
1113 | |||
1114 | .center { | ||
1115 | text-align: center; | ||
1116 | } | ||
1117 | |||
1118 | ul.errors { | ||
1119 | color: red; | ||
1120 | float: left; | ||
1121 | } | ||
1122 | |||
1123 | #pluginsadmin { | ||
1124 | width: 80%; | ||
1125 | padding: 20px 0 0 20px; | ||
1126 | } | ||
1127 | |||
1128 | #pluginsadmin section { | ||
1129 | padding: 20px 0; | ||
1130 | } | ||
1131 | |||
1132 | #pluginsadmin .plugin_parameters { | ||
1133 | margin: 10px 0; | ||
1134 | } | ||
1135 | |||
1136 | #pluginsadmin h1 { | ||
1137 | font-style: normal; | ||
1138 | } | ||
1139 | |||
1140 | #pluginsadmin h2 { | ||
1141 | font-size: 1.4em; | ||
1142 | font-weight: bold; | ||
1143 | } | ||
1144 | |||
1145 | #pluginsadmin table { | ||
1146 | width: 100%; | ||
1147 | } | ||
1148 | |||
1149 | #pluginsadmin table, #pluginsadmin th, #pluginsadmin td { | ||
1150 | border-width: 1px 0; | ||
1151 | border-style: solid; | ||
1152 | border-color: #c0c0c0; | ||
1153 | } | ||
1154 | |||
1155 | #pluginsadmin table th { | ||
1156 | font-weight: bold; | ||
1157 | padding: 10px 0; | ||
1158 | } | ||
1159 | |||
1160 | #pluginsadmin table td { | ||
1161 | padding: 5px 0; | ||
1162 | } | ||
1163 | |||
1164 | #pluginsadmin input[type=submit] { | ||
1165 | margin: 10px 0; | ||
1166 | } | ||
1167 | |||
1168 | #pluginsadmin label { | ||
1169 | cursor: pointer; | ||
1170 | } | ||
1171 | |||
1172 | #pluginsadmin .plugin_parameter { | ||
1173 | padding: 10px 0; | ||
1174 | border-width: 1px 0; | ||
1175 | border-style: solid; | ||
1176 | border-color: #c0c0c0; | ||
1177 | } | ||
1178 | |||
1179 | #pluginsadmin .float_label { | ||
1180 | float: left; | ||
1181 | width: 40%; | ||
1182 | } | ||
1183 | |||
1184 | #pluginsadmin a { | ||
1185 | color: #486D08; | ||
1186 | } | ||
1187 | |||
1188 | #pluginsadmin a.arrow { | ||
1189 | color: black; | ||
1190 | } | ||
1191 | |||
1192 | /* 404 page */ | ||
1193 | .error-container { | ||
1194 | |||
1195 | margin: 50px; | ||
1196 | margin-top: 20px; | ||
1197 | } | ||
1198 | |||
1199 | .error-container h1 { | ||
1200 | text-decoration: none; | ||
1201 | font-style: normal; | ||
1202 | color: #80AD48; | ||
1203 | } | ||
1204 | |||
1205 | .linklist-plugin-icon { | ||
1206 | width: 13px; | ||
1207 | height: 13px; | ||
1208 | } | ||