styles.css 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. .habitt {
  2. border-collapse: collapse;
  3. text-align: center;
  4. table-layout: auto;
  5. width: 100%;
  6. }
  7. .habitt-head {
  8. font-size: .8em;
  9. text-align: center !important;
  10. }
  11. .habitt td {
  12. padding: 0 4px;
  13. vertical-align: top;
  14. }
  15. .habitt .habitt-th {
  16. color: var(--text-normal);
  17. font-size: .6em;
  18. text-align: center;
  19. }
  20. .habitt .habitt-td {
  21. position: relative;
  22. color: var(--text-muted);
  23. font-size: .8em;
  24. min-width: 2em;
  25. min-height: 2em;
  26. width: 14.28%;
  27. opacity: .5;
  28. }
  29. .habitt-c {
  30. position: relative;
  31. height: 100%;
  32. }
  33. .habitt-date {
  34. padding-top: 4px;
  35. }
  36. .habitt-date a {
  37. display: block;
  38. }
  39. .habitt .habitt-td--disabled {
  40. opacity: .5;
  41. color: var(--text-muted);
  42. }
  43. .habitt .habitt-td--checked {
  44. opacity: 1;
  45. color: var(--text-normal);
  46. }
  47. .habitt-dots {
  48. min-height: 20px;
  49. padding: 0 0 4px;
  50. }
  51. .habitt-error {
  52. background-color: var(--background-primary-alt);
  53. padding: 1em;
  54. margin: 0.5em 0;
  55. overflow: auto;
  56. border-radius: 0.3em;
  57. }
  58. .habit-content {
  59. white-space: pre;
  60. }