A tiny self-hostable "microjournaling" web app. Helps fill the void when abstaining from social media by encouraging journaling small thoughts throughout the day. # Requirements - web host with PHP
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.

journal.css 908B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. :root {
  2. background-color: white;
  3. color: black;
  4. }
  5. :root, input, textarea {
  6. font-family: Garamond, Times New Roman, serif;
  7. line-height: 1.25;
  8. font-size: 12pt;
  9. }
  10. .error {
  11. color: #d00;
  12. font-weight: bold;
  13. }
  14. .post {
  15. margin-top: 0.5em;
  16. margin-bottom: 1em;
  17. }
  18. .post p {
  19. margin: 0 0 1em 0;
  20. }
  21. .post p:last-child {
  22. margin: 0;
  23. }
  24. .post-date {
  25. font-size: 80%;
  26. color: #888;
  27. margin-top: 0.5em;
  28. }
  29. .content {
  30. max-width: 66ch;
  31. margin-left: auto;
  32. margin-right: auto;
  33. padding: 0.25em;
  34. }
  35. .important {
  36. padding: 1em;
  37. border: 1px solid #886;
  38. background-color: #ffc;
  39. color: black;
  40. margin-bottom: 1em;
  41. }
  42. textarea {
  43. width: 100%;
  44. height: 8em;
  45. font-family: inherit;
  46. margin: 0;
  47. }
  48. input[type="submit"] {
  49. margin-top: 1em;
  50. }
  51. @media(prefers-color-scheme: dark) {
  52. :root, textarea, input, select {
  53. background-color: #222;
  54. color: white;
  55. }
  56. }
  57. @media screen and (max-width: 450px) {
  58. :root {
  59. font-size: 16pt;
  60. }
  61. }