diff options
Diffstat (limited to 'tpl/default/css')
-rw-r--r-- | tpl/default/css/shaarli.css | 166 |
1 files changed, 165 insertions, 1 deletions
diff --git a/tpl/default/css/shaarli.css b/tpl/default/css/shaarli.css index 2fd477b3..72ea4df5 100644 --- a/tpl/default/css/shaarli.css +++ b/tpl/default/css/shaarli.css | |||
@@ -13,6 +13,18 @@ body { | |||
13 | clear: both; | 13 | clear: both; |
14 | } | 14 | } |
15 | 15 | ||
16 | .label { | ||
17 | display: inline-block; | ||
18 | padding: .25em .4em; | ||
19 | font-size: 75%; | ||
20 | font-weight: 700; | ||
21 | line-height: 1; | ||
22 | text-align: center; | ||
23 | white-space: nowrap; | ||
24 | vertical-align: baseline; | ||
25 | border-radius: .25rem; | ||
26 | } | ||
27 | |||
16 | /** | 28 | /** |
17 | * Extends Pure grids responsive to hide items. | 29 | * Extends Pure grids responsive to hide items. |
18 | * Use xx-0 to hide an item on xx screen. | 30 | * Use xx-0 to hide an item on xx screen. |
@@ -288,4 +300,156 @@ body { | |||
288 | box-shadow: 0 1px 0 rgba(255, 255, 255, 0.078), 0 1px 4px rgba(0, 0, 0, 0.298) inset; | 300 | box-shadow: 0 1px 0 rgba(255, 255, 255, 0.078), 0 1px 4px rgba(0, 0, 0, 0.298) inset; |
289 | color: #252525; | 301 | color: #252525; |
290 | font-size: 0.8em; | 302 | font-size: 0.8em; |
291 | } \ No newline at end of file | 303 | } |
304 | |||
305 | /** | ||
306 | * CONTENT - LINKLIST ITEMS | ||
307 | */ | ||
308 | .linklist-item { | ||
309 | margin: 15px 0; | ||
310 | background: #fff; | ||
311 | box-shadow: 2px 2px 0.5em #797979; | ||
312 | } | ||
313 | |||
314 | .linklist-item-title, .linklist-item-title h2 { | ||
315 | margin: 0; | ||
316 | } | ||
317 | |||
318 | .linklist-item-title { | ||
319 | background: #20b988 url(../img/noise.png); | ||
320 | border-bottom: 1px solid #1b926c; | ||
321 | box-shadow: 1px 1px 0.2em #1b926c; | ||
322 | } | ||
323 | |||
324 | .linklist-item-title h2 { | ||
325 | padding: 2px 10px; | ||
326 | line-height: 25px; | ||
327 | } | ||
328 | |||
329 | .linklist-item-title a { | ||
330 | font-size: 0.6em; | ||
331 | color: #d0fff0; | ||
332 | text-decoration: none; | ||
333 | vertical-align: middle; | ||
334 | } | ||
335 | |||
336 | .linklist-item-title a:hover { | ||
337 | color: #fff; | ||
338 | } | ||
339 | |||
340 | .linklist-item-title .label-private { | ||
341 | border: solid 1px #d0fff0; | ||
342 | } | ||
343 | |||
344 | .linklist-item-editbuttons { | ||
345 | float: right; | ||
346 | padding: 5px; | ||
347 | } | ||
348 | |||
349 | .linklist-item-editbuttons a { | ||
350 | font-size: 1em; | ||
351 | } | ||
352 | |||
353 | .linklist-item-description { | ||
354 | padding: 10px; | ||
355 | } | ||
356 | |||
357 | .linklist-item-infos { | ||
358 | padding: 5px; | ||
359 | background: #ddd url(../img/noise.png); | ||
360 | border-top: 1px solid #989898; | ||
361 | box-shadow: 1px -1px 0.2em #989898; | ||
362 | color: #252525; | ||
363 | font-size: 0.8em; | ||
364 | } | ||
365 | |||
366 | .linklist-item-infos a { | ||
367 | color: #505050; | ||
368 | text-decoration: none; | ||
369 | } | ||
370 | |||
371 | .linklist-item-infos a:hover { | ||
372 | color: #000; | ||
373 | } | ||
374 | |||
375 | .linklist-item-infos .label-tag { | ||
376 | border: 1px solid #505050; | ||
377 | font-size: 0.9em; | ||
378 | } | ||
379 | |||
380 | .linklist-item-infos .label-tag:hover { | ||
381 | border: 1px solid #000; | ||
382 | } | ||
383 | |||
384 | .linklist-item-infos-url { | ||
385 | text-align: right; | ||
386 | white-space: nowrap; | ||
387 | overflow: hidden; | ||
388 | text-overflow: ellipsis; | ||
389 | } | ||
390 | |||
391 | /** | ||
392 | * CONTENT - LINKLIST ITEMS | ||
393 | */ | ||
394 | .linklist-item { | ||
395 | margin: 15px 0; | ||
396 | background: #fff; | ||
397 | box-shadow: 2px 2px 0.5em #797979; | ||
398 | } | ||
399 | |||
400 | .linklist-item-title, .linklist-item-title h2 { | ||
401 | margin: 0; | ||
402 | } | ||
403 | |||
404 | .linklist-item-title { | ||
405 | background: #20b988 url(../img/noise.png); | ||
406 | border-bottom: 1px solid #1b926c; | ||
407 | box-shadow: 1px 1px 0.2em #1b926c; | ||
408 | } | ||
409 | |||
410 | .linklist-item-title h2 { | ||
411 | padding: 2px 10px; | ||
412 | line-height: 25px; | ||
413 | } | ||
414 | |||
415 | .linklist-item-title a { | ||
416 | font-size: 0.6em; | ||
417 | color: #d0fff0; | ||
418 | text-decoration: none; | ||
419 | vertical-align: middle; | ||
420 | } | ||
421 | |||
422 | .linklist-item-title a:hover { | ||
423 | color: #fff; | ||
424 | } | ||
425 | |||
426 | .linklist-item-editbuttons { | ||
427 | float: right; | ||
428 | padding: 5px; | ||
429 | } | ||
430 | |||
431 | .linklist-item-editbuttons a { | ||
432 | font-size: 1em; | ||
433 | } | ||
434 | |||
435 | .linklist-item-description { | ||
436 | padding: 10px; | ||
437 | } | ||
438 | |||
439 | .linklist-item-infos { | ||
440 | padding: 5px; | ||
441 | background: #ddd url(../img/noise.png); | ||
442 | border-top: 1px solid #989898; | ||
443 | box-shadow: 1px -1px 0.2em #989898; | ||
444 | color: #252525; | ||
445 | font-size: 0.8em; | ||
446 | } | ||
447 | |||
448 | .linklist-item-infos a { | ||
449 | color: #000; | ||
450 | text-decoration: none; | ||
451 | } | ||
452 | |||
453 | .linklist-item-infos a:hover { | ||
454 | color: #252525; | ||
455 | } | ||