]>
Commit | Line | Data |
---|---|---|
a6e0134d | 1 | /* Cascading Stylesheet for Shaarli - https://github.com/shaarli/Shaarli */ |
45034273 | 2 | |
32c8dee3 V |
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 | } | |
eeb0fe33 | 9 | |
45034273 | 10 | input, textarea { |
9308d39f V |
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); | |
eeb0fe33 | 19 | padding: 5px; |
4f8063b6 | 20 | border-radius: 3px 3px 3px 3px; |
9308d39f | 21 | border: none; |
eeb0fe33 | 22 | color: #000; |
9308d39f | 23 | } |
45034273 | 24 | |
d741c9fc | 25 | a { |
eeb0fe33 | 26 | text-decoration: none; |
d741c9fc FE |
27 | } |
28 | ||
32c8dee3 V |
29 | h1 { |
30 | font-size: 20pt; | |
31 | font-weight: bold; | |
32 | font-style: italic; | |
33 | margin-bottom: 20px; | |
34 | } | |
45034273 | 35 | |
c51fae92 A |
36 | em { |
37 | font-style: italic; | |
38 | } | |
39 | ||
3d8f5cf8 A |
40 | strong { |
41 | font-weight: bold; | |
42 | } | |
43 | ||
45034273 | 44 | /* Buttons */ |
066333c0 | 45 | .bigbutton, #pageheader a.bigbutton { |
45034273 | 46 | background-color: #c0c0c0; |
9308d39f V |
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); | |
45034273 SS |
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; | |
45034273 | 57 | padding: 0 5px; |
b87442f2 | 58 | margin: 0 5px 0 0; |
9308d39f | 59 | color: #606060; |
eeb0fe33 V |
60 | border-style: outset; |
61 | border-width: 1px; | |
066333c0 A |
62 | display: inline-block; |
63 | } | |
64 | ||
65 | a.bigbutton, #pageheader a.bigbutton { | |
66 | height: 22px; | |
67 | line-height: 22px; | |
9308d39f | 68 | } |
45034273 | 69 | |
45034273 SS |
70 | .smallbutton { |
71 | background-color: #c0c0c0; | |
9308d39f V |
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); | |
45034273 SS |
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; | |
9308d39f | 84 | color: #606060; |
eeb0fe33 V |
85 | border-style: outset; |
86 | border-width: 1px; | |
9308d39f | 87 | } |
45034273 | 88 | |
b2877611 | 89 | /* Small tab on the left of each link with edit/delete buttons. */ |
32c8dee3 V |
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 | } | |
6e70d655 | 98 | |
d741c9fc | 99 | .linkeditbuttons { |
eeb0fe33 | 100 | position: absolute; |
610bf418 | 101 | left: 2px; |
eeb0fe33 | 102 | padding: 4px 2px 2px 2px; |
eeb0fe33 V |
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; | |
b2877611 | 109 | } |
45034273 | 110 | |
eeb0fe33 | 111 | #pageheader #logo { |
adc4aee8 | 112 | background-image: url('../../../images/logo.png'); |
9308d39f | 113 | background-repeat: no-repeat; |
eeb0fe33 V |
114 | float: left; |
115 | margin: 0 10px 0 10px; | |
116 | width: 105px; | |
117 | height: 55px; | |
118 | cursor: pointer; | |
45034273 SS |
119 | } |
120 | ||
610bf418 MJ |
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; | |
4f8063b6 | 148 | border-radius: 3px 3px 3px 3px; |
610bf418 MJ |
149 | margin: 10px 3px 3px 3px; |
150 | color: #A2DD42; | |
151 | text-decoration: none; | |
152 | line-height: 2.5; | |
153 | white-space: nowrap; | |
154 | } | |
155 | ||
c133612f V |
156 | #pageheader #linkcount { |
157 | float: right; | |
158 | font-style: italic; | |
159 | color: #bbb; | |
160 | text-align: right; | |
161 | padding-right: 5px; | |
610bf418 | 162 | margin: 3px 3px 0px 0px; |
c133612f V |
163 | } |
164 | ||
eeb0fe33 | 165 | #pageheader { |
45034273 | 166 | background-color: #333333; |
9308d39f V |
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); | |
45034273 | 173 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); |
eeb0fe33 V |
174 | width: auto; |
175 | padding: 0 10px 5px 10px; | |
9308d39f | 176 | margin: auto; |
45034273 SS |
177 | } |
178 | ||
c133612f V |
179 | #pageheader .search { |
180 | width: 100%; | |
181 | white-space: nowrap; | |
182 | } | |
183 | ||
eeb0fe33 V |
184 | #toolsdiv a { |
185 | clear: both; | |
45034273 | 186 | } |
6e70d655 | 187 | |
c133612f V |
188 | #toolsdiv #bookmark { |
189 | clear: none; | |
190 | } | |
191 | ||
eeb0fe33 V |
192 | #toolsdiv a span { |
193 | color: #ffffff; | |
45034273 | 194 | } |
6e70d655 | 195 | |
eeb0fe33 | 196 | .linksperpage, .tagfilter, .searchform, .addform { |
9308d39f V |
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); | |
eeb0fe33 | 204 | display: inline; |
9308d39f | 205 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); |
eeb0fe33 | 206 | padding: 5px; |
9308d39f | 207 | border: none; |
4f8063b6 | 208 | border-radius: 3px 3px 3px 3px; |
eeb0fe33 V |
209 | margin: 10px 3px 3px 3px; |
210 | color: #cecece; | |
45034273 SS |
211 | } |
212 | ||
eeb0fe33 | 213 | .linksperpage { |
9308d39f | 214 | box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); |
eeb0fe33 | 215 | padding: 3px; |
45034273 SS |
216 | } |
217 | ||
eeb0fe33 V |
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; | |
45034273 SS |
224 | } |
225 | ||
eeb0fe33 V |
226 | .linksperpage input { |
227 | padding: 0; | |
45034273 SS |
228 | } |
229 | ||
c133612f V |
230 | .searchform #searchform_value { |
231 | width: 30%; | |
232 | } | |
233 | ||
234 | .tagfilter { | |
235 | margin-left:24px; | |
236 | } | |
237 | ||
41145f70 | 238 | .tagfilter div.awesomplete { |
239 | width: 15%; | |
240 | } | |
241 | ||
c133612f | 242 | .tagfilter #tagfilter_value { |
65d62517 A |
243 | display: inline; |
244 | } | |
245 | ||
246 | .tagfilter li { | |
247 | color: black; | |
c133612f V |
248 | } |
249 | ||
eeb0fe33 | 250 | .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton { |
45034273 | 251 | background-color: #dedede; |
9308d39f V |
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); | |
eeb0fe33 V |
259 | padding: 0 5px 0 5px; |
260 | margin: 5px 0 5px 0; | |
261 | height: 20px; | |
4f8063b6 | 262 | border-radius: 3px 3px 3px 3px; |
eeb0fe33 | 263 | cursor: pointer; |
45034273 SS |
264 | } |
265 | ||
32c8dee3 V |
266 | #shaarli_title { |
267 | font-weight: bold; | |
268 | font-style: italic; | |
269 | margin-top: 0; | |
270 | } | |
6e70d655 | 271 | |
32c8dee3 V |
272 | #shaarli_title a { |
273 | color: #fff !important; | |
274 | } | |
275 | ||
276 | #pageheader a:visited { | |
277 | color: #98C943; | |
278 | text-decoration: none; | |
279 | } | |
6e70d655 | 280 | |
32c8dee3 V |
281 | #pageheader a:hover { |
282 | color: #FFFFC9; | |
283 | text-decoration: none; | |
284 | } | |
6e70d655 | 285 | |
32c8dee3 V |
286 | #pageheader a:active { |
287 | color: #bbb; | |
288 | text-decoration: none; | |
289 | } | |
6e70d655 | 290 | |
32c8dee3 V |
291 | #searchcriteria { |
292 | padding: 4px 0px 5px 5px; | |
293 | font-weight: bold; | |
294 | } | |
6e70d655 | 295 | |
32c8dee3 V |
296 | .paging { |
297 | padding: 5px; | |
298 | background-color: #777; | |
299 | color: #ccc; | |
300 | text-align: center; | |
301 | clear: both; | |
302 | } | |
6e70d655 | 303 | |
32c8dee3 V |
304 | .paging a:link { |
305 | color: #ccc; | |
306 | text-decoration: none; | |
307 | } | |
6e70d655 | 308 | |
32c8dee3 V |
309 | .paging a:visited { |
310 | color: #ccc; | |
311 | } | |
6e70d655 | 312 | |
32c8dee3 V |
313 | .paging a:hover { |
314 | color: #FFFFC9; | |
315 | } | |
6e70d655 | 316 | |
32c8dee3 V |
317 | .paging a:active { |
318 | color: #fff; | |
319 | } | |
6e70d655 | 320 | |
8079dfd1 | 321 | .paging_privatelinks { |
32c8dee3 V |
322 | float: left; |
323 | } | |
6e70d655 | 324 | |
8079dfd1 | 325 | .paging_linksperpage { |
32c8dee3 V |
326 | float: right; |
327 | padding-right: 5px; | |
610bf418 | 328 | margin: 0px 10px 2px 0px; |
32c8dee3 | 329 | } |
6e70d655 | 330 | |
8079dfd1 | 331 | .paging_linksperpage form.linksperpage { |
c133612f V |
332 | display: inline; |
333 | } | |
334 | ||
8079dfd1 | 335 | .paging_linksperpage form.linksperpage input { |
c133612f V |
336 | height: 15px; |
337 | } | |
338 | ||
8079dfd1 | 339 | .paging_current { |
32c8dee3 V |
340 | display: inline; |
341 | color: #fff; | |
342 | padding: 0 20 0 20; | |
343 | } | |
6e70d655 | 344 | |
8079dfd1 | 345 | .paging_older { |
32c8dee3 V |
346 | margin-right: 15px; |
347 | } | |
6e70d655 | 348 | |
8079dfd1 | 349 | .paging_newer { |
32c8dee3 V |
350 | margin-left: 15px; |
351 | } | |
352 | ||
353 | #headerform { | |
354 | color: #ffffff; | |
355 | padding: 5px 5px 5px 5px; | |
356 | clear: both; | |
357 | } | |
6e70d655 | 358 | |
c133612f V |
359 | #headerform input.linkurl { |
360 | width: 50%; | |
c981b4d1 | 361 | font-size: inherit; |
c133612f V |
362 | } |
363 | ||
25c46408 | 364 | #headerform label { |
38eb1e77 | 365 | cursor: pointer; |
25c46408 | 366 | margin-right: 10px; |
367 | } | |
368 | ||
369 | #headerform label[for=longlastingsession] { | |
370 | display: block; | |
371 | width: 100%; | |
372 | margin-top: 5px; | |
373 | } | |
374 | ||
32c8dee3 V |
375 | #toolsdiv { |
376 | color: #ffffff; | |
377 | padding: 5px 5px 5px 5px; | |
378 | clear: left; | |
379 | } | |
6e70d655 | 380 | |
32c8dee3 V |
381 | #uploaddiv { |
382 | color: #ffffff; | |
383 | padding: 5px 5px 5px 5px; | |
384 | clear: left; | |
385 | } | |
6e70d655 | 386 | |
32c8dee3 V |
387 | #editlinkform { |
388 | height: 100%; | |
32c8dee3 V |
389 | padding: 5px 5px 5px 15px; |
390 | width: 80%; | |
391 | clear: left; | |
392 | } | |
6e70d655 | 393 | |
bdd1715b | 394 | #editlinkform label { |
41145f70 | 395 | cursor: pointer; |
bdd1715b A |
396 | color: #ffffff; |
397 | } | |
398 | ||
c133612f V |
399 | #editlinkform textarea, #editlinkform .lf_input { |
400 | width: 100%; | |
401 | } | |
402 | ||
45034273 | 403 | #linklist li { |
32c8dee3 V |
404 | padding: 4px 10px 15px 20px; |
405 | border-top: 1px solid #bbb; | |
406 | clear: both; | |
45034273 | 407 | background-color: #F2F2F2; |
9308d39f V |
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); | |
45034273 SS |
414 | } |
415 | ||
416 | /* | |
eeb0fe33 | 417 | #linklist li.publicLinkHightLight:hover, #linklist li:hover { |
9308d39f | 418 | background: #E9FFCE; |
45034273 SS |
419 | } |
420 | */ | |
6e70d655 | 421 | |
567967fd | 422 | .linkdate { |
32c8dee3 V |
423 | font-size:8pt; |
424 | color:#888; | |
425 | } | |
6e70d655 | 426 | |
567967fd | 427 | .linkdate a { |
32c8dee3 V |
428 | color:#E28E3F; |
429 | } | |
6e70d655 | 430 | |
32c8dee3 | 431 | #linklist li.private { |
610bf418 MJ |
432 | background: url('../images/private.png') no-repeat 4px center; |
433 | padding-left: 30px; | |
32c8dee3 | 434 | } |
6e70d655 | 435 | |
32c8dee3 | 436 | #linklist li { |
610bf418 | 437 | padding-left: 30px; |
32c8dee3 | 438 | } |
6e70d655 | 439 | |
32c8dee3 V |
440 | .private .linktitle a { |
441 | color: #969696; | |
442 | } | |
6e70d655 | 443 | |
32c8dee3 V |
444 | .linktitle { |
445 | font-size: 14pt; | |
446 | font-weight: bold; | |
447 | } | |
6e70d655 | 448 | |
32c8dee3 V |
449 | .linktitle a { |
450 | text-decoration: none; | |
451 | color: #80AD48; | |
452 | } | |
6e70d655 | 453 | |
32c8dee3 V |
454 | .linktitle a:hover { |
455 | color: #F57900; | |
456 | } | |
6e70d655 | 457 | |
567967fd | 458 | .linkdate { |
32c8dee3 V |
459 | font-size: 8pt; |
460 | color: #888; | |
461 | } | |
6e70d655 | 462 | |
567967fd | 463 | .linkdate a { |
32c8dee3 V |
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 | } | |
6e70d655 | 470 | |
32c8dee3 V |
471 | .linkdate a:hover { |
472 | color: #F57900 } | |
6e70d655 | 473 | |
32c8dee3 V |
474 | .linkurl { |
475 | font-size: 8pt; | |
476 | color: #4BAA74; | |
477 | } | |
6e70d655 | 478 | |
32c8dee3 V |
479 | .linkdescription { |
480 | color: #000; | |
481 | margin-top: 0; | |
482 | margin-bottom: 12px; | |
483 | font-weight: normal; | |
32c8dee3 V |
484 | overflow: auto; |
485 | } | |
6e70d655 | 486 | |
32c8dee3 V |
487 | .linkdescription a { |
488 | text-decoration: none; | |
489 | color: #3465A4; | |
490 | } | |
6e70d655 | 491 | |
32c8dee3 V |
492 | .linkdescription a:hover { |
493 | color: #F57900; | |
494 | } | |
6e70d655 | 495 | |
32c8dee3 V |
496 | .linktaglist { |
497 | padding-top: 10px; | |
498 | line-height: 200%; | |
499 | } | |
6e70d655 | 500 | |
45034273 | 501 | .linktag { |
eeb0fe33 | 502 | font-size: 9pt; |
45034273 | 503 | background-color: #F2F2F2; |
9308d39f V |
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); | |
45034273 | 510 | box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); |
610bf418 | 511 | padding: 3px 5px 3px 20px; |
eeb0fe33 | 512 | height: 20px; |
4f8063b6 | 513 | border-radius: 3px; |
eeb0fe33 V |
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; | |
45034273 | 519 | } |
6e70d655 | 520 | |
32c8dee3 V |
521 | .linktag:hover { |
522 | border-color: #555573; | |
523 | color: #000; | |
524 | } | |
6e70d655 | 525 | |
32c8dee3 V |
526 | .linktag a { |
527 | color: #777; | |
528 | text-decoration: none; | |
529 | } | |
6e70d655 | 530 | |
c133612f V |
531 | .linktag .remove { |
532 | border-left: 1px solid #aaa; | |
533 | padding-left: 5px; | |
534 | color:#6767A7; | |
535 | } | |
536 | ||
32c8dee3 V |
537 | .linkshort { |
538 | font-size: 8pt; | |
539 | color: #888; | |
540 | } | |
6e70d655 | 541 | |
32c8dee3 V |
542 | .linkshort a { |
543 | text-decoration: none; | |
544 | color: #393964; | |
545 | } | |
6e70d655 | 546 | |
32c8dee3 V |
547 | .linkshort a:hover { |
548 | text-decoration: underline; | |
549 | } | |
6e70d655 | 550 | |
32c8dee3 V |
551 | .buttoneditform { |
552 | display: inline; | |
553 | } | |
6e70d655 | 554 | |
32c8dee3 V |
555 | #footer { |
556 | font-size: 8pt; | |
557 | text-align: center; | |
32c8dee3 V |
558 | color: #888; |
559 | clear: both; | |
610bf418 MJ |
560 | max-width: 30em; |
561 | margin: 15px auto 15px auto; | |
32c8dee3 | 562 | } |
6e70d655 | 563 | |
c133612f | 564 | #footer a { |
32c8dee3 V |
565 | color: #486D08; |
566 | } | |
6e70d655 | 567 | |
c133612f | 568 | #footer a:hover { |
32c8dee3 V |
569 | color: #000000; |
570 | } | |
6e70d655 | 571 | |
32c8dee3 V |
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 | } | |
6e70d655 | 581 | |
c133612f V |
582 | #newversion #version_id { |
583 | text-decoration: blink; | |
584 | } | |
585 | ||
32c8dee3 V |
586 | #cloudtag { |
587 | padding-left: 10%; | |
588 | padding-right: 10%; | |
589 | } | |
6e70d655 | 590 | |
c133612f V |
591 | #cloudtag .count { |
592 | color: #99f; | |
593 | font-size: 9pt; | |
594 | padding-left: 5px; | |
595 | padding-right: 2px; | |
596 | } | |
597 | ||
32c8dee3 V |
598 | #cloudtag a { |
599 | color: black; | |
600 | text-decoration: none; | |
601 | } | |
6e70d655 | 602 | |
c133612f V |
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 | ||
32c8dee3 V |
616 | #installform td { |
617 | font-size: 10pt; | |
618 | color: black; | |
619 | padding: 10px 5px 10px 5px; | |
620 | clear: left; | |
621 | } | |
6e70d655 | 622 | |
c133612f V |
623 | #installform input.bigbutton { |
624 | float: right; | |
625 | } | |
626 | ||
32c8dee3 V |
627 | #changepasswordform { |
628 | color: #ccc; | |
629 | padding: 10px 5px 10px 5px; | |
630 | clear: left; | |
631 | } | |
6e70d655 | 632 | |
32c8dee3 V |
633 | #changetag { |
634 | color: #ccc; | |
635 | padding: 10px 5px 10px 5px; | |
636 | clear: left; | |
637 | } | |
6e70d655 | 638 | |
c133612f V |
639 | #changetag #totag { |
640 | margin-left: 40px; | |
641 | } | |
642 | ||
bdd1715b A |
643 | #changetag div { |
644 | float:left; | |
645 | } | |
646 | ||
647 | #changetag label { | |
648 | padding: 5px; | |
649 | } | |
650 | ||
651 | #changetag li { | |
652 | color: #000; | |
653 | } | |
32c8dee3 V |
654 | #configform td { |
655 | color: #ccc; | |
656 | font-size: 10pt; | |
657 | padding: 10px 5px 10px 5px; | |
658 | } | |
6e70d655 | 659 | |
32c8dee3 V |
660 | #configform { |
661 | color: #ccc; | |
662 | padding: 10px 5px 10px 5px; | |
663 | clear: left; | |
664 | } | |
6e70d655 | 665 | |
32c8dee3 V |
666 | .thumbnail { |
667 | float: right; | |
610bf418 MJ |
668 | margin: 0px 10px 0px 10px; |
669 | } | |
670 | ||
671 | .thumbnail img { | |
4f8063b6 | 672 | border-radius: 3px; |
610bf418 | 673 | box-shadow: 0.5px 0.5px 0.5px 1px #dde4e6; |
32c8dee3 | 674 | } |
6e70d655 | 675 | |
45034273 | 676 | /* If you want thumbnails on the left: |
32c8dee3 V |
677 | .thumbnail { |
678 | float: left; | |
679 | margin-right: 10px; | |
680 | } | |
681 | .linkcontainer { | |
682 | position: static; | |
683 | margin-left: 130px; | |
684 | } | |
45034273 SS |
685 | */ |
686 | ||
45034273 | 687 | /* --- Picture wall CSS --- */ |
32c8dee3 V |
688 | #picwall_container { |
689 | color: #fff; | |
690 | background-color: #000; | |
691 | clear: both; | |
692 | } | |
6e70d655 | 693 | |
32c8dee3 V |
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 | } | |
6e70d655 | 706 | |
34047d23 A |
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 | ||
32c8dee3 V |
718 | .picwall_pictureframe img { |
719 | max-width: 100%; | |
720 | height: auto; | |
34047d23 | 721 | color: transparent; |
32c8dee3 | 722 | } /* Adapt the width of the image */ |
6e70d655 | 723 | |
32c8dee3 V |
724 | .picwall_pictureframe a { |
725 | text-decoration: none; | |
726 | } | |
45034273 SS |
727 | |
728 | /* CSS to show title when hovering an image - no javascript required. */ | |
32c8dee3 V |
729 | .picwall_pictureframe span.info { |
730 | display: none; | |
731 | } | |
6e70d655 | 732 | |
45034273 | 733 | .picwall_pictureframe:hover span.info { |
eeb0fe33 V |
734 | display: block; |
735 | position: absolute; | |
32c8dee3 V |
736 | top: 0; |
737 | left: 0; | |
738 | width: 90px; | |
eeb0fe33 V |
739 | font-weight: bold; |
740 | font-size: 8pt; | |
741 | color: #fff; | |
45034273 | 742 | text-align: left; |
9308d39f | 743 | background-color: transparent; |
32c8dee3 V |
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\96IE9 */ | |
eeb0fe33 | 748 | text-shadow: 2px 2px 1px #000000; |
45034273 SS |
749 | } |
750 | ||
eeb0fe33 | 751 | #linklist li.publicLinkHightLight { |
9308d39f | 752 | background: #ffffff; |
45034273 SS |
753 | } |
754 | ||
32c8dee3 | 755 | div.daily { |
d741c9fc | 756 | font-family: Georgia, 'DejaVu Serif', Norasi, serif; |
45034273 SS |
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; | |
eeb0fe33 | 766 | position: relative; |
45034273 SS |
767 | border-bottom: 2px solid black; |
768 | } | |
769 | ||
32c8dee3 V |
770 | #daily_col1 { |
771 | float: left; | |
772 | position: relative; | |
773 | width: 33%; | |
774 | padding-left: 1%; | |
775 | } | |
6e70d655 | 776 | |
32c8dee3 V |
777 | #daily_col2 { |
778 | float: left; | |
779 | position: relative; | |
780 | width: 33%; | |
781 | } | |
6e70d655 | 782 | |
32c8dee3 V |
783 | #daily_col3 { |
784 | float: left; | |
785 | position: relative; | |
786 | width: 33%; | |
787 | } | |
45034273 | 788 | |
eeb0fe33 V |
789 | div.dailyAbout { |
790 | float: left; | |
45034273 SS |
791 | border: 1px solid black; |
792 | font-size: 8pt; | |
eeb0fe33 V |
793 | position: absolute; |
794 | left: 10px; | |
45034273 SS |
795 | top: 15px; |
796 | padding: 5px 5px 5px 5px; | |
eeb0fe33 | 797 | text-align: center; |
45034273 | 798 | } |
6e70d655 | 799 | |
32c8dee3 V |
800 | div.dailyAbout a { |
801 | color: #890500; | |
802 | } | |
6e70d655 | 803 | |
c133612f V |
804 | div.dailyAbout img { |
805 | position: relative; | |
806 | top: 3px; | |
807 | margin-right: 4px; | |
808 | width: 14px; | |
809 | height: 14px; | |
810 | } | |
811 | ||
01c6e32a A |
812 | div.dailyEntryPermalink { |
813 | float: right; | |
814 | } | |
815 | ||
eeb0fe33 | 816 | div.dailyTitle { |
9308d39f V |
817 | font-weight: bold; |
818 | font-size: 44pt; | |
eeb0fe33 V |
819 | text-align: center; |
820 | padding: 10px 20px 0px 20px; | |
45034273 | 821 | } |
6e70d655 | 822 | |
eeb0fe33 | 823 | div.dailyDate { |
9308d39f | 824 | font-size: 12pt; |
eeb0fe33 V |
825 | font-weight: bold; |
826 | text-align: center; | |
827 | padding: 0px 20px 30px 20px; | |
45034273 SS |
828 | } |
829 | ||
830 | /* Individual entries in "Daily": */ | |
eeb0fe33 | 831 | div.dailyEntry { |
45034273 SS |
832 | margin: 5px 10px 2px 5px; |
833 | font-size: 11pt; | |
834 | border-top: 1px solid #555; | |
835 | } | |
6e70d655 | 836 | |
32c8dee3 V |
837 | div.dailyEntry a { |
838 | text-decoration: none; | |
839 | color: #890500; | |
840 | } | |
6e70d655 | 841 | |
32c8dee3 V |
842 | div.dailyEntryTags { |
843 | font-size: 7.75pt; | |
844 | } | |
6e70d655 | 845 | |
32c8dee3 V |
846 | div.dailyEntryTitle { |
847 | font-size: 18pt; | |
848 | font-weight: bold; | |
849 | } | |
6e70d655 | 850 | |
38a2d03e V |
851 | div.dailyEntryLinkdate { |
852 | font-size: 8pt; | |
853 | } | |
854 | ||
eeb0fe33 V |
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; | |
45034273 | 861 | } |
6e70d655 | 862 | |
eeb0fe33 | 863 | div.dailyEntryDescription { |
45034273 | 864 | margin-top: 10px; |
d741c9fc | 865 | margin-bottom: 30px; |
eeb0fe33 V |
866 | text-align: justify; |
867 | overflow: auto; | |
45034273 SS |
868 | } |
869 | ||
c133612f V |
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 | ||
ad6c27b7 | 881 | /* Common CSS screwdriver */ |
eeb0fe33 V |
882 | .clear { |
883 | clear: both; | |
45034273 SS |
884 | } |
885 | ||
8079dfd1 A |
886 | .right { |
887 | text-align: right; | |
888 | } | |
889 | ||
bdd1715b A |
890 | .white { |
891 | color: white; | |
892 | } | |
893 | ||
45034273 | 894 | /* For lazy images loading in picture wall. |
d741c9fc | 895 | Using http://www.appelsiini.net/projects/lazyload |
32c8dee3 V |
896 | */ |
897 | .lazyimage { | |
898 | display: none; | |
899 | } | |
45034273 | 900 | |
8079dfd1 A |
901 | #configuration_table td { |
902 | border: none; | |
903 | padding: 10px; | |
904 | vertical-align: top; | |
905 | } | |
906 | ||
45034273 | 907 | @media print { |
32c8dee3 V |
908 | html { |
909 | border: none; | |
910 | background: #fff !important; | |
911 | color: #000 !important; | |
912 | } | |
6e70d655 | 913 | |
32c8dee3 V |
914 | body { |
915 | font-size: 12pt; | |
916 | width: auto !important; | |
917 | margin: auto !important; | |
918 | } | |
6e70d655 | 919 | |
32c8dee3 V |
920 | /* Minimum numer of lines to display when splitting a paragraph |
921 | over two pages */ | |
922 | p { | |
923 | orphans: 3; | |
924 | widows: 3; | |
925 | } | |
6e70d655 | 926 | |
32c8dee3 V |
927 | a { |
928 | color: #000 !important; | |
929 | text-decoration: none !important; | |
930 | } | |
6e70d655 | 931 | |
32c8dee3 V |
932 | #pageheader, .paging, #linklist li form, #footer { |
933 | display: none; | |
934 | } | |
6e70d655 | 935 | |
32c8dee3 V |
936 | #linklist li { |
937 | padding: 2 0 10 0; | |
938 | border-top: 2px solid #000; | |
939 | clear: both; | |
940 | } | |
6e70d655 | 941 | |
32c8dee3 V |
942 | #linklist li.private { |
943 | background-color: none; | |
944 | border-left: 0; | |
945 | } | |
6e70d655 | 946 | |
32c8dee3 V |
947 | .linkdate { |
948 | line-height: 2; | |
949 | } | |
6e70d655 | 950 | |
32c8dee3 V |
951 | .linkurl { |
952 | color: #000; | |
953 | } | |
6e70d655 | 954 | |
32c8dee3 V |
955 | .linkdescription { |
956 | font-size: 10pt; | |
957 | } | |
6e70d655 | 958 | |
32c8dee3 V |
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) { | |
9308d39f | 967 | /* A few fixes for mobile devices (far from perfect). */ |
e6cd88bb ND |
968 | |
969 | .tagfilter div.awesomplete { | |
970 | width: 70%; | |
971 | } | |
972 | ||
32c8dee3 V |
973 | .nomobile { |
974 | display: none; | |
975 | } | |
6e70d655 | 976 | |
32c8dee3 V |
977 | #logo { |
978 | display: none; | |
979 | } | |
6e70d655 | 980 | |
610bf418 MJ |
981 | #pageheader #menu ul { |
982 | text-align: center; | |
983 | } | |
984 | ||
985 | #pageheader #menu a { | |
eeb0fe33 | 986 | padding: 5px; |
4f8063b6 | 987 | border-radius: 3px 3px 3px 3px; |
eeb0fe33 | 988 | margin: 3px; |
9308d39f | 989 | } |
6e70d655 | 990 | |
f30aa976 | 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 | ||
32c8dee3 V |
1005 | .searchform, .tagfilter { |
1006 | display: block !important; | |
610bf418 | 1007 | margin: 0px 3px 7px 0px !important; |
32c8dee3 | 1008 | padding: 0px !important; |
610bf418 | 1009 | width: 97% !important; |
32c8dee3 | 1010 | } |
6e70d655 | 1011 | |
32c8dee3 V |
1012 | .searchform input, .tagfilter input { |
1013 | margin: 0px !important; | |
1014 | padding: 0px !important; | |
1015 | display: inline !important; | |
1016 | } | |
6e70d655 | 1017 | |
066333c0 | 1018 | .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton, a.bigbutton { |
32c8dee3 V |
1019 | width: 30%; |
1020 | font-size: smaller; | |
1021 | } | |
6e70d655 | 1022 | |
32c8dee3 V |
1023 | #searchform_value { |
1024 | width: 70% !important; | |
1025 | } | |
6e70d655 | 1026 | |
32c8dee3 V |
1027 | #tagfilter_value { |
1028 | width: 70% !important; | |
1029 | } | |
6e70d655 | 1030 | |
32c8dee3 V |
1031 | div.qrcode { |
1032 | position: relative; | |
1033 | float: left; | |
1034 | top: -10px; | |
1035 | left: 0px; | |
1036 | } | |
6e70d655 | 1037 | |
8079dfd1 | 1038 | .paging_privatelinks { |
32c8dee3 V |
1039 | float: none; |
1040 | } | |
6e70d655 | 1041 | |
8079dfd1 | 1042 | .paging_linksperpage { |
32c8dee3 V |
1043 | float: none; |
1044 | margin-bottom: 10px; | |
1045 | font-size: smaller; | |
1046 | } | |
6e70d655 | 1047 | |
8079dfd1 | 1048 | #paging_older, #paging_newer, .paging_linksperpage a { |
32c8dee3 V |
1049 | border: 1px solid black; |
1050 | padding: 3px 5px 3px 5px; | |
1051 | background-color: #666; | |
1052 | color: #fff; | |
4f8063b6 | 1053 | border-radius: 3px 3px 3px 3px; |
32c8dee3 | 1054 | } |
6e70d655 | 1055 | |
32c8dee3 V |
1056 | .thumbnail { |
1057 | float: none; | |
1058 | height: auto; | |
1059 | margin: 0px; | |
1060 | text-align: center; | |
1061 | } | |
6e70d655 | 1062 | |
32c8dee3 V |
1063 | #cloudtag { |
1064 | padding: 0px; | |
1065 | } | |
6e70d655 | 1066 | |
32c8dee3 V |
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 | } | |
6e70d655 | 1076 | |
32c8dee3 V |
1077 | #daily_col1, #daily_col2, #daily_col3 { |
1078 | float: none; | |
1079 | width: 100%; | |
1080 | padding: 0px; | |
1081 | } | |
6e70d655 | 1082 | |
32c8dee3 V |
1083 | div.dailyTitle { |
1084 | font-size: 18pt; | |
1085 | margin-top: 5px; | |
1086 | padding: 0px; | |
1087 | } | |
6e70d655 | 1088 | |
32c8dee3 V |
1089 | div.dailyDate { |
1090 | font-size: 11pt; | |
1091 | padding: 0px; | |
1092 | display: block; | |
1093 | } | |
6e70d655 | 1094 | |
32c8dee3 V |
1095 | div.dailyEntryTitle { |
1096 | font-size: 16pt; | |
1097 | font-weight: bold; | |
1098 | } | |
6e70d655 | 1099 | |
32c8dee3 V |
1100 | div.dailyEntryDescription { |
1101 | font-size: 10pt; | |
1102 | } | |
d741c9fc | 1103 | } |
45034273 | 1104 | |
ed5b38dd FE |
1105 | #toolsdiv a.button-description { |
1106 | clear: none; | |
1107 | } | |
1108 | ||
1b647ff4 | 1109 | /* Highlight search results */ |
32c8dee3 V |
1110 | .highlight { |
1111 | background-color: #FFFF33; | |
1112 | } | |
8079dfd1 A |
1113 | |
1114 | .center { | |
1115 | text-align: center; | |
1116 | } | |
056107ab A |
1117 | |
1118 | ul.errors { | |
1119 | color: red; | |
1120 | float: left; | |
f4c84ad7 D |
1121 | } |
1122 | ||
dea0ba28 A |
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 | ||
81dea591 ND |
1168 | #pluginsadmin label { |
1169 | cursor: pointer; | |
1170 | } | |
1171 | ||
dea0ba28 | 1172 | #pluginsadmin .plugin_parameter { |
1442afe3 | 1173 | padding: 10px 0; |
dea0ba28 A |
1174 | border-width: 1px 0; |
1175 | border-style: solid; | |
1176 | border-color: #c0c0c0; | |
1177 | } | |
1178 | ||
1179 | #pluginsadmin .float_label { | |
1180 | float: left; | |
1442afe3 | 1181 | width: 40%; |
dea0ba28 A |
1182 | } |
1183 | ||
1184 | #pluginsadmin a { | |
3d8f5cf8 A |
1185 | color: #486D08; |
1186 | } | |
1187 | ||
1188 | #pluginsadmin a.arrow { | |
dea0ba28 A |
1189 | color: black; |
1190 | } | |
3d8f5cf8 | 1191 | |
f4c84ad7 D |
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 | } | |
1b0e3c7f A |
1204 | |
1205 | .linklist-plugin-icon { | |
1206 | width: 13px; | |
1207 | height: 13px; | |
1208 | } |