diff options
Diffstat (limited to 'inc/shaarli.css')
-rw-r--r-- | inc/shaarli.css | 599 |
1 files changed, 480 insertions, 119 deletions
diff --git a/inc/shaarli.css b/inc/shaarli.css index 2b55fa15..dd798d86 100644 --- a/inc/shaarli.css +++ b/inc/shaarli.css | |||
@@ -7,7 +7,12 @@ | |||
7 | */ | 7 | */ |
8 | 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%;} | 8 | 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%;} |
9 | 9 | ||
10 | body { font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size: 10pt; background-color: #ffffff; word-wrap: break-word; } | 10 | body { |
11 | font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; | ||
12 | font-size: 10pt; | ||
13 | background-color: #ffffff; | ||
14 | word-wrap: break-word; | ||
15 | } | ||
11 | 16 | ||
12 | input, textarea { | 17 | input, textarea { |
13 | background-color: #dedede; | 18 | background-color: #dedede; |
@@ -28,8 +33,12 @@ a { | |||
28 | text-decoration: none; | 33 | text-decoration: none; |
29 | } | 34 | } |
30 | 35 | ||
31 | h1 { font-size: 20pt; font-weight: bold; font-style: italic; margin-bottom: 20px; } | 36 | h1 { |
32 | /* I don't give a shit about IE. He can't understand selectors such as input[type='submit']. */ | 37 | font-size: 20pt; |
38 | font-weight: bold; | ||
39 | font-style: italic; | ||
40 | margin-bottom: 20px; | ||
41 | } | ||
33 | 42 | ||
34 | /* Buttons */ | 43 | /* Buttons */ |
35 | .bigbutton { | 44 | .bigbutton { |
@@ -71,7 +80,14 @@ h1 { font-size: 20pt; font-weight: bold; font-style: italic; margin-bottom: 20px | |||
71 | } | 80 | } |
72 | 81 | ||
73 | /* Small tab on the left of each link with edit/delete buttons. */ | 82 | /* Small tab on the left of each link with edit/delete buttons. */ |
74 | .button_edit, .button_delete { border-radius: 0; box-shadow: none; border-style: none; border-width: 0; padding: 0; background: none; } | 83 | .button_edit, .button_delete { |
84 | border-radius: 0; | ||
85 | box-shadow: none; | ||
86 | border-style: none; | ||
87 | border-width: 0; | ||
88 | padding: 0; | ||
89 | background: none; | ||
90 | } | ||
75 | .linkeditbuttons { | 91 | .linkeditbuttons { |
76 | position: absolute; | 92 | position: absolute; |
77 | left: -1px; | 93 | left: -1px; |
@@ -188,30 +204,96 @@ h1 { font-size: 20pt; font-weight: bold; font-style: italic; margin-bottom: 20px | |||
188 | cursor: pointer; | 204 | cursor: pointer; |
189 | } | 205 | } |
190 | 206 | ||
191 | #shaarli_title { font-weight: bold; font-style: italic; margin-top: 0; } | 207 | #shaarli_title { |
192 | #shaarli_title a { color: #fff !important; } | 208 | font-weight: bold; |
193 | 209 | font-style: italic; | |
194 | #pageheader a:visited { color: #98C943; text-decoration: none; } | 210 | margin-top: 0; |
195 | #pageheader a:hover { color: #FFFFC9; text-decoration: none; } | 211 | } |
196 | #pageheader a:active { color: #bbb; text-decoration: none; } | 212 | #shaarli_title a { |
197 | #searchcriteria { padding: 4px 0px 5px 5px; font-weight: bold; } | 213 | color: #fff !important; |
198 | .paging { padding: 5px; background-color: #777; color: #ccc; text-align: center; clear: both; } | 214 | } |
199 | .paging a:link { color: #ccc; text-decoration: none; } | 215 | |
200 | .paging a:visited { color: #ccc; } | 216 | #pageheader a:visited { |
201 | .paging a:hover { color: #FFFFC9; } | 217 | color: #98C943; |
202 | .paging a:active { color: #fff; } | 218 | text-decoration: none; |
203 | #paging_privatelinks { float: left; } | 219 | } |
204 | #paging_linksperpage { float: right; padding-right: 5px; } | 220 | #pageheader a:hover { |
205 | #paging_current { display: inline; color: #fff; padding: 0 20 0 20; } | 221 | color: #FFFFC9; |
206 | #paging_older { margin-right: 15px; } | 222 | text-decoration: none; |
207 | #paging_newer { margin-left: 15px; } | 223 | } |
208 | 224 | #pageheader a:active { | |
209 | #headerform { color: #ffffff; padding: 5px 5px 5px 5px; clear: both; } | 225 | color: #bbb; |
210 | #toolsdiv { color: #ffffff; padding: 5px 5px 5px 5px; clear: left; } | 226 | text-decoration: none; |
211 | #uploaddiv { color: #ffffff; padding: 5px 5px 5px 5px; clear: left; } | 227 | } |
212 | #editlinkform { height: 100%; color: #ffffff; padding: 5px 5px 5px 15px; width: 80%; clear: left; } | 228 | #searchcriteria { |
229 | padding: 4px 0px 5px 5px; | ||
230 | font-weight: bold; | ||
231 | } | ||
232 | .paging { | ||
233 | padding: 5px; | ||
234 | background-color: #777; | ||
235 | color: #ccc; | ||
236 | text-align: center; | ||
237 | clear: both; | ||
238 | } | ||
239 | .paging a:link { | ||
240 | color: #ccc; | ||
241 | text-decoration: none; | ||
242 | } | ||
243 | .paging a:visited { | ||
244 | color: #ccc; | ||
245 | } | ||
246 | .paging a:hover { | ||
247 | color: #FFFFC9; | ||
248 | } | ||
249 | .paging a:active { | ||
250 | color: #fff; | ||
251 | } | ||
252 | #paging_privatelinks { | ||
253 | float: left; | ||
254 | } | ||
255 | #paging_linksperpage { | ||
256 | float: right; | ||
257 | padding-right: 5px; | ||
258 | } | ||
259 | #paging_current { | ||
260 | display: inline; | ||
261 | color: #fff; | ||
262 | padding: 0 20 0 20; | ||
263 | } | ||
264 | #paging_older { | ||
265 | margin-right: 15px; | ||
266 | } | ||
267 | #paging_newer { | ||
268 | margin-left: 15px; | ||
269 | } | ||
270 | |||
271 | #headerform { | ||
272 | color: #ffffff; | ||
273 | padding: 5px 5px 5px 5px; | ||
274 | clear: both; | ||
275 | } | ||
276 | #toolsdiv { | ||
277 | color: #ffffff; | ||
278 | padding: 5px 5px 5px 5px; | ||
279 | clear: left; | ||
280 | } | ||
281 | #uploaddiv { | ||
282 | color: #ffffff; | ||
283 | padding: 5px 5px 5px 5px; | ||
284 | clear: left; | ||
285 | } | ||
286 | #editlinkform { | ||
287 | height: 100%; | ||
288 | color: #ffffff; | ||
289 | padding: 5px 5px 5px 15px; | ||
290 | width: 80%; | ||
291 | clear: left; | ||
292 | } | ||
213 | #linklist li { | 293 | #linklist li { |
214 | padding: 4px 10px 15px 20px; border-top: 1px solid #bbb; clear: both; | 294 | padding: 4px 10px 15px 20px; |
295 | border-top: 1px solid #bbb; | ||
296 | clear: both; | ||
215 | background-color: #F2F2F2; | 297 | background-color: #F2F2F2; |
216 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F2F2), to(#ffffff)); | 298 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F2F2), to(#ffffff)); |
217 | background: -webkit-linear-gradient(#F2F2F2, #ffffff); | 299 | background: -webkit-linear-gradient(#F2F2F2, #ffffff); |
@@ -226,22 +308,70 @@ h1 { font-size: 20pt; font-weight: bold; font-style: italic; margin-bottom: 20px | |||
226 | background: #E9FFCE; | 308 | background: #E9FFCE; |
227 | } | 309 | } |
228 | */ | 310 | */ |
229 | .linkdate, .linkarchive { font-size:8pt; color:#888; } | 311 | .linkdate, .linkarchive { |
230 | .linkdate a, .linkarchive a { color:#E28E3F; } | 312 | font-size:8pt; |
231 | #linklist li.private { background: url('../images/private.png') no-repeat 10px center; padding-left: 60px; } | 313 | color:#888; |
232 | #linklist li { padding-left: 26px; } | 314 | } |
233 | .private .linktitle a { color: #969696; } | 315 | .linkdate a, .linkarchive a { |
234 | .linktitle { font-size: 14pt; font-weight: bold; } | 316 | color:#E28E3F; |
235 | .linktitle a { text-decoration: none; color: #80AD48; } | 317 | } |
236 | .linktitle a:hover { color: #F57900; } | 318 | #linklist li.private { |
237 | .linkdate, .linkarchive { font-size: 8pt; color: #888; } | 319 | background: url('../images/private.png') no-repeat 10px center; |
238 | .linkdate a, .linkarchive a { background-image: url('../images/calendar.png'); padding: 2px 0 3px 20px; background-repeat: no-repeat; text-decoration: none; color: #E28E3F; } | 320 | padding-left: 60px; |
239 | .linkdate a:hover { color: #F57900 } | 321 | } |
240 | .linkurl { font-size: 8pt; color: #4BAA74; } | 322 | #linklist li { |
241 | .linkdescription { color: #000; margin-top: 0; margin-bottom: 12px; font-weight: normal; max-height: 400px; overflow: auto; } | 323 | padding-left: 26px; |
242 | .linkdescription a { text-decoration: none; color: #3465A4; } | 324 | } |
243 | .linkdescription a:hover { color: #F57900; } | 325 | .private .linktitle a { |
244 | .linktaglist { padding-top: 10px; line-height: 200%; } | 326 | color: #969696; |
327 | } | ||
328 | .linktitle { | ||
329 | font-size: 14pt; | ||
330 | font-weight: bold; | ||
331 | } | ||
332 | .linktitle a { | ||
333 | text-decoration: none; | ||
334 | color: #80AD48; | ||
335 | } | ||
336 | .linktitle a:hover { | ||
337 | color: #F57900; | ||
338 | } | ||
339 | .linkdate, .linkarchive { | ||
340 | font-size: 8pt; | ||
341 | color: #888; | ||
342 | } | ||
343 | .linkdate a, .linkarchive a { | ||
344 | background-image: url('../images/calendar.png'); | ||
345 | padding: 2px 0 3px 20px; | ||
346 | background-repeat: no-repeat; | ||
347 | text-decoration: none; | ||
348 | color: #E28E3F; | ||
349 | } | ||
350 | .linkdate a:hover { | ||
351 | color: #F57900 } | ||
352 | .linkurl { | ||
353 | font-size: 8pt; | ||
354 | color: #4BAA74; | ||
355 | } | ||
356 | .linkdescription { | ||
357 | color: #000; | ||
358 | margin-top: 0; | ||
359 | margin-bottom: 12px; | ||
360 | font-weight: normal; | ||
361 | max-height: 400px; | ||
362 | overflow: auto; | ||
363 | } | ||
364 | .linkdescription a { | ||
365 | text-decoration: none; | ||
366 | color: #3465A4; | ||
367 | } | ||
368 | .linkdescription a:hover { | ||
369 | color: #F57900; | ||
370 | } | ||
371 | .linktaglist { | ||
372 | padding-top: 10px; | ||
373 | line-height: 200%; | ||
374 | } | ||
245 | .linktag { | 375 | .linktag { |
246 | font-size: 9pt; | 376 | font-size: 9pt; |
247 | background-color: #F2F2F2; | 377 | background-color: #F2F2F2; |
@@ -261,54 +391,156 @@ h1 { font-size: 20pt; font-weight: bold; font-style: italic; margin-bottom: 20px | |||
261 | background-position: 3px center; | 391 | background-position: 3px center; |
262 | background-color: #ffffff; | 392 | background-color: #ffffff; |
263 | } | 393 | } |
264 | .linktag:hover { border-color: #555573; color: #000; } | 394 | .linktag:hover { |
265 | .linktag a { color: #777; text-decoration: none; } | 395 | border-color: #555573; |
266 | .linkshort { font-size: 8pt; color: #888; } | 396 | color: #000; |
267 | .linkshort a { text-decoration: none; color: #393964; } | 397 | } |
268 | .linkshort a:hover { text-decoration: underline; } | 398 | .linktag a { |
269 | .buttoneditform { display: inline; } | 399 | color: #777; |
270 | #footer { font-size: 8pt; text-align: center; border-top: 1px solid #ddd; color: #888; clear: both; } | 400 | text-decoration: none; |
271 | #footer a { color: #486D08; } | 401 | } |
272 | #footer a:hover { color: #000000; } | 402 | .linkshort { |
273 | #newversion { background-color: #FFFFA0; color: #000; position: absolute; top: 0; right: 0; padding: 2 7 2 7; font-size: 9pt; } | 403 | font-size: 8pt; |
274 | #cloudtag { padding-left: 10%; padding-right: 10%; } | 404 | color: #888; |
275 | #cloudtag a { color: black; text-decoration: none; } | 405 | } |
276 | #installform td { font-size: 10pt; color: black; padding: 10px 5px 10px 5px; clear: left; } | 406 | .linkshort a { |
277 | #changepasswordform { color: #ccc; padding: 10px 5px 10px 5px; clear: left; } | 407 | text-decoration: none; |
278 | #changetag { color: #ccc; padding: 10px 5px 10px 5px; clear: left; } | 408 | color: #393964; |
279 | #configform td { color: #ccc; font-size: 10pt; padding: 10px 5px 10px 5px; } | 409 | } |
280 | #configform { color: #ccc; padding: 10px 5px 10px 5px; clear: left; } | 410 | .linkshort a:hover { |
281 | .thumbnail { float: right; margin-left: 10px; } | 411 | text-decoration: underline; |
412 | } | ||
413 | .buttoneditform { | ||
414 | display: inline; | ||
415 | } | ||
416 | #footer { | ||
417 | font-size: 8pt; | ||
418 | text-align: center; | ||
419 | border-top: 1px solid #ddd; | ||
420 | color: #888; | ||
421 | clear: both; | ||
422 | } | ||
423 | #footer a { | ||
424 | color: #486D08; | ||
425 | } | ||
426 | #footer a:hover { | ||
427 | color: #000000; | ||
428 | } | ||
429 | #newversion { | ||
430 | background-color: #FFFFA0; | ||
431 | color: #000; | ||
432 | position: absolute; | ||
433 | top: 0; | ||
434 | right: 0; | ||
435 | padding: 2 7 2 7; | ||
436 | font-size: 9pt; | ||
437 | } | ||
438 | #cloudtag { | ||
439 | padding-left: 10%; | ||
440 | padding-right: 10%; | ||
441 | } | ||
442 | #cloudtag a { | ||
443 | color: black; | ||
444 | text-decoration: none; | ||
445 | } | ||
446 | #installform td { | ||
447 | font-size: 10pt; | ||
448 | color: black; | ||
449 | padding: 10px 5px 10px 5px; | ||
450 | clear: left; | ||
451 | } | ||
452 | #changepasswordform { | ||
453 | color: #ccc; | ||
454 | padding: 10px 5px 10px 5px; | ||
455 | clear: left; | ||
456 | } | ||
457 | #changetag { | ||
458 | color: #ccc; | ||
459 | padding: 10px 5px 10px 5px; | ||
460 | clear: left; | ||
461 | } | ||
462 | #configform td { | ||
463 | color: #ccc; | ||
464 | font-size: 10pt; | ||
465 | padding: 10px 5px 10px 5px; | ||
466 | } | ||
467 | #configform { | ||
468 | color: #ccc; | ||
469 | padding: 10px 5px 10px 5px; | ||
470 | clear: left; | ||
471 | } | ||
472 | .thumbnail { | ||
473 | float: right; | ||
474 | margin-left: 10px; | ||
475 | } | ||
282 | /* If you want thumbnails on the left: | 476 | /* If you want thumbnails on the left: |
283 | .thumbnail { float: left; margin-right: 10px; } | 477 | .thumbnail { |
284 | .linkcontainer { position: static; margin-left: 130px; } | 478 | float: left; |
479 | margin-right: 10px; | ||
480 | } | ||
481 | .linkcontainer { | ||
482 | position: static; | ||
483 | margin-left: 130px; | ||
484 | } | ||
285 | */ | 485 | */ |
286 | 486 | ||
287 | /* --- Picture wall CSS --- */ | 487 | /* --- Picture wall CSS --- */ |
288 | #picwall_container { color: #fff; background-color: #000; clear: both; } | 488 | #picwall_container { |
289 | .picwall_pictureframe { background-color: #000; z-index: 5; position: relative; display: table-cell; vertical-align: middle; width: 90px; height: 90px; overflow: hidden; text-align: center; float: left; } | 489 | color: #fff; |
290 | .picwall_pictureframe img { max-width: 100%; height: auto; } /* Adapt the width of the image */ | 490 | background-color: #000; |
291 | .picwall_pictureframe a { text-decoration: none; } | 491 | clear: both; |
492 | } | ||
493 | .picwall_pictureframe { | ||
494 | background-color: #000; | ||
495 | z-index: 5; | ||
496 | position: relative; | ||
497 | display: table-cell; | ||
498 | vertical-align: middle; | ||
499 | width: 90px; | ||
500 | height: 90px; | ||
501 | overflow: hidden; | ||
502 | text-align: center; | ||
503 | float: left; | ||
504 | } | ||
505 | .picwall_pictureframe img { | ||
506 | max-width: 100%; | ||
507 | height: auto; | ||
508 | } /* Adapt the width of the image */ | ||
509 | .picwall_pictureframe a { | ||
510 | text-decoration: none; | ||
511 | } | ||
292 | 512 | ||
293 | /* CSS to show title when hovering an image - no javascript required. */ | 513 | /* CSS to show title when hovering an image - no javascript required. */ |
294 | .picwall_pictureframe span.info { display: none; } | 514 | .picwall_pictureframe span.info { |
515 | display: none; | ||
516 | } | ||
295 | .picwall_pictureframe:hover span.info { | 517 | .picwall_pictureframe:hover span.info { |
296 | display: block; | 518 | display: block; |
297 | position: absolute; | 519 | position: absolute; |
298 | top: 0; left: 0; width: 90px; | 520 | top: 0; |
521 | left: 0; | ||
522 | width: 90px; | ||
299 | font-weight: bold; | 523 | font-weight: bold; |
300 | font-size: 8pt; | 524 | font-size: 8pt; |
301 | color: #fff; | 525 | color: #fff; |
302 | text-align: left; | 526 | text-align: left; |
303 | background-color: transparent; | 527 | background-color: transparent; |
304 | background-color: rgba(0, 0, 0, 0.4); /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */ | 528 | background-color: rgba(0, 0, 0, 0.4); |
305 | filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000); /* IE6–IE9 */ | 529 | /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */ |
530 | filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000); | ||
531 | /* IE6–IE9 */ | ||
306 | text-shadow: 2px 2px 1px #000000; | 532 | text-shadow: 2px 2px 1px #000000; |
307 | } | 533 | } |
308 | 534 | ||
309 | /* Minimal customisation for jQuery widgets */ | 535 | /* Minimal customisation for jQuery widgets */ |
310 | .ui-autocomplete { background-color: #fff; padding-left: 5px; } | 536 | .ui-autocomplete { |
311 | .ui-state-hover { background-color: #604dff; color: #fff; } | 537 | background-color: #fff; |
538 | padding-left: 5px; | ||
539 | } | ||
540 | .ui-state-hover { | ||
541 | background-color: #604dff; | ||
542 | color: #fff; | ||
543 | } | ||
312 | 544 | ||
313 | #linklist li.publicLinkHightLight { | 545 | #linklist li.publicLinkHightLight { |
314 | background: #ffffff; | 546 | background: #ffffff; |
@@ -333,8 +565,7 @@ div#permalinkQrcode { | |||
333 | box-shadow: 2px 2px 20px 2px #333333; | 565 | box-shadow: 2px 2px 20px 2px #333333; |
334 | } | 566 | } |
335 | 567 | ||
336 | div.daily | 568 | div.daily { |
337 | { | ||
338 | font-family: Georgia, 'DejaVu Serif', Norasi, serif; | 569 | font-family: Georgia, 'DejaVu Serif', Norasi, serif; |
339 | background-color: #E6D6BE; | 570 | background-color: #E6D6BE; |
340 | /* Background paper texture by BashCorpo: | 571 | /* Background paper texture by BashCorpo: |
@@ -349,9 +580,22 @@ div.daily | |||
349 | border-bottom: 2px solid black; | 580 | border-bottom: 2px solid black; |
350 | } | 581 | } |
351 | 582 | ||
352 | #daily_col1 { float: left; position: relative; width: 33%; padding-left: 1%; } | 583 | #daily_col1 { |
353 | #daily_col2 { float: left; position: relative; width: 33%; } | 584 | float: left; |
354 | #daily_col3 { float: left; position: relative; width: 33%; } | 585 | position: relative; |
586 | width: 33%; | ||
587 | padding-left: 1%; | ||
588 | } | ||
589 | #daily_col2 { | ||
590 | float: left; | ||
591 | position: relative; | ||
592 | width: 33%; | ||
593 | } | ||
594 | #daily_col3 { | ||
595 | float: left; | ||
596 | position: relative; | ||
597 | width: 33%; | ||
598 | } | ||
355 | 599 | ||
356 | div.dailyAbout { | 600 | div.dailyAbout { |
357 | float: left; | 601 | float: left; |
@@ -363,7 +607,9 @@ div.dailyAbout { | |||
363 | padding: 5px 5px 5px 5px; | 607 | padding: 5px 5px 5px 5px; |
364 | text-align: center; | 608 | text-align: center; |
365 | } | 609 | } |
366 | div.dailyAbout a { color: #890500; } | 610 | div.dailyAbout a { |
611 | color: #890500; | ||
612 | } | ||
367 | div.dailyTitle { | 613 | div.dailyTitle { |
368 | font-weight: bold; | 614 | font-weight: bold; |
369 | font-size: 44pt; | 615 | font-size: 44pt; |
@@ -383,9 +629,17 @@ div.dailyEntry { | |||
383 | font-size: 11pt; | 629 | font-size: 11pt; |
384 | border-top: 1px solid #555; | 630 | border-top: 1px solid #555; |
385 | } | 631 | } |
386 | div.dailyEntry a { text-decoration: none; color: #890500; } | 632 | div.dailyEntry a { |
387 | div.dailyEntryTags { font-size: 7.75pt; } | 633 | text-decoration: none; |
388 | div.dailyEntryTitle { font-size: 18pt; font-weight: bold; } | 634 | color: #890500; |
635 | } | ||
636 | div.dailyEntryTags { | ||
637 | font-size: 7.75pt; | ||
638 | } | ||
639 | div.dailyEntryTitle { | ||
640 | font-size: 18pt; | ||
641 | font-weight: bold; | ||
642 | } | ||
389 | div.dailyEntryThumbnail { | 643 | div.dailyEntryThumbnail { |
390 | width: 100%; | 644 | width: 100%; |
391 | text-align: center; | 645 | text-align: center; |
@@ -407,52 +661,159 @@ div.dailyEntryDescription { | |||
407 | 661 | ||
408 | /* For lazy images loading in picture wall. | 662 | /* For lazy images loading in picture wall. |
409 | Using http://www.appelsiini.net/projects/lazyload | 663 | Using http://www.appelsiini.net/projects/lazyload |
410 | */ | 664 | */ |
411 | .lazyimage { display: none; } | 665 | .lazyimage { |
666 | display: none; | ||
667 | } | ||
412 | 668 | ||
413 | @media print { | 669 | @media print { |
414 | html { border: none; background: #fff!important; color: #000!important; } | 670 | html { |
415 | body { font-size: 12pt; width: auto!important; margin: auto!important; } | 671 | border: none; |
416 | p { orphans: 3; /*pas de ligne seule en bas */widows: 3; /*pas de ligne seule en haut*/ } | 672 | background: #fff !important; |
417 | a { color: #000!important; text-decoration: none!important; } | 673 | color: #000 !important; |
418 | #pageheader, .paging, #linklist li form, #footer { display: none; } | 674 | } |
419 | #linklist li { padding: 2 0 10 0; border-top: 2px solid #000; clear: both; } | 675 | body { |
420 | #linklist li.private { background-color: none; border-left: 0; } | 676 | font-size: 12pt; |
421 | .linkdate { line-height: 2; } | 677 | width: auto !important; |
422 | .linkurl { color: #000; } | 678 | margin: auto !important; |
423 | .linkdescription { font-size: 10pt; } | 679 | } |
424 | .linktag { border: 1px solid black; font-style: italic; font-size: 8pt; } | 680 | /* Minimum numer of lines to display when splitting a paragraph |
425 | } | 681 | over two pages */ |
426 | 682 | p { | |
427 | @media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 854px) | 683 | orphans: 3; |
428 | { | 684 | widows: 3; |
685 | } | ||
686 | a { | ||
687 | color: #000 !important; | ||
688 | text-decoration: none !important; | ||
689 | } | ||
690 | #pageheader, .paging, #linklist li form, #footer { | ||
691 | display: none; | ||
692 | } | ||
693 | #linklist li { | ||
694 | padding: 2 0 10 0; | ||
695 | border-top: 2px solid #000; | ||
696 | clear: both; | ||
697 | } | ||
698 | #linklist li.private { | ||
699 | background-color: none; | ||
700 | border-left: 0; | ||
701 | } | ||
702 | .linkdate { | ||
703 | line-height: 2; | ||
704 | } | ||
705 | .linkurl { | ||
706 | color: #000; | ||
707 | } | ||
708 | .linkdescription { | ||
709 | font-size: 10pt; | ||
710 | } | ||
711 | .linktag { | ||
712 | border: 1px solid black; | ||
713 | font-style: italic; | ||
714 | font-size: 8pt; | ||
715 | } | ||
716 | } | ||
717 | |||
718 | @media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 854px) { | ||
429 | /* A few fixes for mobile devices (far from perfect). */ | 719 | /* A few fixes for mobile devices (far from perfect). */ |
430 | .nomobile { display: none; } | 720 | .nomobile { |
431 | #logo { display: none; } | 721 | display: none; |
722 | } | ||
723 | #logo { | ||
724 | display: none; | ||
725 | } | ||
432 | #pageheader a | 726 | #pageheader a |
433 | { | 727 | { |
434 | padding: 5px; | 728 | padding: 5px; |
435 | border-radius: 5px 5px 5px 5px; | 729 | border-radius: 5px 5px 5px 5px; |
436 | margin: 3px; | 730 | margin: 3px; |
437 | } | 731 | } |
438 | .searchform, .tagfilter { display: block !important; margin: 0px !important; padding: 0px !important; width: 100% !important; } | 732 | .searchform, .tagfilter { |
439 | .searchform input, .tagfilter input { margin: 0px !important; padding: 0px !important; display: inline !important; } | 733 | display: block !important; |
440 | .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton { width: 30%; font-size: smaller; } | 734 | margin: 0px !important; |
441 | #searchform_value { width: 70% !important; } | 735 | padding: 0px !important; |
442 | #tagfilter_value { width: 70% !important; } | 736 | width: 100% !important; |
443 | div.qrcode { position: relative; float: left; top: -10px; left: 0px; } | 737 | } |
444 | #paging_privatelinks { float: none; } | 738 | .searchform input, .tagfilter input { |
445 | #paging_linksperpage { float: none; margin-bottom: 10px; font-size: smaller; } | 739 | margin: 0px !important; |
446 | #paging_older, #paging_newer, #paging_linksperpage a { border: 1px solid black; padding: 3px 5px 3px 5px; background-color: #666; color: #fff; border-radius: 5px 5px 5px 5px; } | 740 | padding: 0px !important; |
447 | .thumbnail { float: none; height: auto; margin: 0px; text-align: center; } | 741 | display: inline !important; |
448 | #cloudtag { padding: 0px; } | 742 | } |
449 | div.dailyAbout { float: none; position: relative; width: 100%; clear: both; padding: 0px; top: 0px; left: 0px; } | 743 | .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton { |
450 | #daily_col1, #daily_col2, #daily_col3 { float: none; width: 100%; padding: 0px; } | 744 | width: 30%; |
451 | div.dailyTitle { font-size: 18pt; margin-top: 5px; padding: 0px; } | 745 | font-size: smaller; |
452 | div.dailyDate { font-size: 11pt; padding: 0px; display: block; } | 746 | } |
453 | div.dailyEntryTitle { font-size: 16pt; font-weight: bold; } | 747 | #searchform_value { |
454 | div.dailyEntryDescription { font-size: 10pt; } | 748 | width: 70% !important; |
749 | } | ||
750 | #tagfilter_value { | ||
751 | width: 70% !important; | ||
752 | } | ||
753 | div.qrcode { | ||
754 | position: relative; | ||
755 | float: left; | ||
756 | top: -10px; | ||
757 | left: 0px; | ||
758 | } | ||
759 | #paging_privatelinks { | ||
760 | float: none; | ||
761 | } | ||
762 | #paging_linksperpage { | ||
763 | float: none; | ||
764 | margin-bottom: 10px; | ||
765 | font-size: smaller; | ||
766 | } | ||
767 | #paging_older, #paging_newer, #paging_linksperpage a { | ||
768 | border: 1px solid black; | ||
769 | padding: 3px 5px 3px 5px; | ||
770 | background-color: #666; | ||
771 | color: #fff; | ||
772 | border-radius: 5px 5px 5px 5px; | ||
773 | } | ||
774 | .thumbnail { | ||
775 | float: none; | ||
776 | height: auto; | ||
777 | margin: 0px; | ||
778 | text-align: center; | ||
779 | } | ||
780 | #cloudtag { | ||
781 | padding: 0px; | ||
782 | } | ||
783 | div.dailyAbout { | ||
784 | float: none; | ||
785 | position: relative; | ||
786 | width: 100%; | ||
787 | clear: both; | ||
788 | padding: 0px; | ||
789 | top: 0px; | ||
790 | left: 0px; | ||
791 | } | ||
792 | #daily_col1, #daily_col2, #daily_col3 { | ||
793 | float: none; | ||
794 | width: 100%; | ||
795 | padding: 0px; | ||
796 | } | ||
797 | div.dailyTitle { | ||
798 | font-size: 18pt; | ||
799 | margin-top: 5px; | ||
800 | padding: 0px; | ||
801 | } | ||
802 | div.dailyDate { | ||
803 | font-size: 11pt; | ||
804 | padding: 0px; | ||
805 | display: block; | ||
806 | } | ||
807 | div.dailyEntryTitle { | ||
808 | font-size: 16pt; | ||
809 | font-weight: bold; | ||
810 | } | ||
811 | div.dailyEntryDescription { | ||
812 | font-size: 10pt; | ||
813 | } | ||
455 | } | 814 | } |
456 | 815 | ||
457 | /* Highlight search results */ | 816 | /* Highlight search results */ |
458 | .highlight { background-color: #FFFF33; } | 817 | .highlight { |
818 | background-color: #FFFF33; | ||
819 | } | ||