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