Home Explore Help
Sign In
mirrors
/
snac2
mirror of https://codeberg.org/grunfink/snac2.git
2
0
Fork 0
Files Issues 0 Wiki
Branch: master
Branches Tags
snac2
/
doc
/
style.css

style.css 1.9 KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536 
  1. body { max-width: 48em; margin: auto; line-height: 1.5; padding: 0.8em; word-wrap: break-word; }
    2. 

  2. pre { overflow-x: scroll; }
    3. 

  3. .snac-embedded-video, img { max-width: 100% }
    4. 

  4. .snac-origin { font-size: 85% }
    5. 

  5. .snac-score { float: right; font-size: 85% }
    6. 

  6. .snac-top-user { text-align: center; padding-bottom: 2em }
    7. 

  7. .snac-top-user-name { font-size: 200% }
    8. 

  8. .snac-top-user-id { font-size: 150% }
    9. 

  9. .snac-announcement { border: black 1px solid; padding: 0.5em }
    10. 

  10. .snac-avatar { float: left; height: 2.5em; width: 2.5em; padding: 0.25em }
    11. 

  11. .snac-author { font-size: 90%; text-decoration: none }
    12. 

  12. .snac-author-tag { font-size: 80% }
    13. 

  13. .snac-pubdate { color: #a0a0a0; font-size: 90% }
    14. 

  14. .snac-top-controls { padding-bottom: 1.5em }
    15. 

  15. .snac-post { border-top: 1px solid #a0a0a0; padding-top: 0.5em; padding-bottom: 0.5em; }
    16. 

  16. .snac-children { padding-left: 1em; border-left: 1px solid #a0a0a0; }
    17. 

  17. .snac-textarea { font-family: inherit; width: 100% }
    18. 

  18. .snac-history { border: 1px solid #606060; border-radius: 3px; margin: 2.5em 0; padding: 0 2em }
    19. 

  19. .snac-btn-mute { float: right; margin-left: 0.5em }
    20. 

  20. .snac-btn-unmute { float: right; margin-left: 0.5em }
    21. 

  21. .snac-btn-follow { float: right; margin-left: 0.5em }
    22. 

  22. .snac-btn-unfollow { float: right; margin-left: 0.5em }
    23. 

  23. .snac-btn-hide { float: right; margin-left: 0.5em }
    24. 

  24. .snac-btn-delete { float: right; margin-left: 0.5em }
    25. 

  25. .snac-btn-limit { float: right; margin-left: 0.5em }
    26. 

  26. .snac-btn-unlimit { float: right; margin-left: 0.5em }
    27. 

  27. .snac-footer { margin-top: 2em; font-size: 75% }
    28. 

  28. .snac-poll-result { margin-left: auto; margin-right: auto; }
    29. 

  29. .snac-list-of-lists { padding-left: 0; }
    30. 

  30. .snac-list-of-lists li { display: inline; border: 1px solid #a0a0a0; border-radius: 25px;
    31. 

  31.   margin-right: 0.5em; padding-left: 0.5em; padding-right: 0.5em; }
    32. 

  32. @media (prefers-color-scheme: dark) { 
    33. 

  33.   body, input, textarea { background-color: #000; color: #fff; }
    34. 

  34.   a { color: #7799dd }
    35. 

  35.   a:visited { color: #aa99dd }
    36. 

  36. }
    37.