logo

stagit

STAtic GIT web view generator (in C) git clone https://hacktivis.me/git/stagit.git

style.css (2307B)

    

  1. :root {
  2. 	/* gruvbox dark */
  3. 	--dark-ansi00: #282828;
  4. 	--dark-ansi00-hard: #1d2021;
  5. 	--dark-ansi00-soft: #32302f;
  6. 	--dark-ansi01: #cc241d;
  7. 	--dark-ansi02: #98971a;
  8. 	--dark-ansi03: #d79921;
  9. 	--dark-ansi04: #458588;
  10. 	--dark-ansi05: #b16286;
  11. 	--dark-ansi06: #689d6a;
  12. 	--dark-ansi07: #a89984;
  13. 	--dark-ansi08: #928374;
  14. 	--dark-ansi09: #fb4934;
  15. 	--dark-ansi10: #b8bb26;
  16. 	--dark-ansi11: #fabd2f;
  17. 	--dark-ansi12: #83a598;
  18. 	--dark-ansi13: #d3869b;
  19. 	--dark-ansi14: #8ec07c;
  20. 	--dark-ansi15: #ebdbb2;
  22. 	/* gruvbox light */
  23. 	--light-ansi-00: #fbf1c7;
  24. 	--light-ansi-00-hard: #f9f5d7;
  25. 	--light-ansi-00-soft: #f2e5bc;
  26. 	--light-ansi-01: #cc241d;
  27. 	--light-ansi-02: #98971a;
  28. 	--light-ansi-03: #d79921;
  29. 	--light-ansi-04: #458588;
  30. 	--light-ansi-05: #b16286;
  31. 	--light-ansi-06: #689d6a;
  32. 	--light-ansi-07: #7c6f64;
  33. 	--light-ansi-08: #928374;
  34. 	--light-ansi-09: #9d0006;
  35. 	--light-ansi-10: #79740e;
  36. 	--light-ansi-11: #b57614;
  37. 	--light-ansi-12: #076678;
  38. 	--light-ansi-13: #8f3f71;
  39. 	--light-ansi-14: #427b58;
  40. 	--light-ansi-15: #3c3836;
  41. }
  43. html, body {
  44. 	background-color: var(--dark-ansi00-soft);
  45. 	color: var(--dark-ansi15);
  46. 	margin: 0;
  47. 	padding: 0;
  48. 	font-family: sans;
  49. 	overflow-wrap: break-word;
  50. }
  52. header h1 {
  53. 	display: inline;
  54. 	margin: 0 1em;
  55. }
  57. header {
  58. 	background-color: var(--dark-ansi00);
  59. 	padding: 1ch 2em;
  60. }
  62. footer {
  63. 	margin: 2ch 2em;
  64. }
  66. main {
  67. 	display: table;
  68. 	margin: 0 auto;
  69. 	max-width: 100vw;
  70. }
  72. a {
  73. 	color: var(--dark-ansi13);
  74. 	text-decoration: none;
  75. 	outline-color: invert;
  76. 	outline-color: var(--dark-ansi13);
  77. }
  79. h1,h2,h3,h4,h5,h6 { font-family: serif; }
  80. pre {
  81. 	white-space: pre-wrap;
  82. 	font-family: monospace;
  83. }
  85. nav, .line, tr:nth-child(even) {
  86. 	background-color: var(--dark-ansi00);
  87. }
  89. nav {
  90. 	font-size: larger;
  91. 	font-weight: bold;
  92. 	padding: 0.25rem;
  93. }
  95. /*
  96. * table {
  97. * 	max-width: 100%;
  98. * }
  99. */
  101. table thead td {
  102. 	font-weight: bold;
  103. }
  105. table td {
  106. 	padding: 0 0.4em;
  107. }
  109. td.num {
  110. 	text-align: right;
  111. }
  113. td.date {
  114. 	min-width: 8em;
  115. }
  117. td.index-name { max-width: 20em; }
  119. td.log-summary,
  120. td.index-description {
  121. 	max-width: 50em;
  122. 	break-word: break-all;
  123. }
  125. td:nth-child(1) {
  126. 	text-align: right;
  127. }
  129. tr td {
  130. 	padding: 0.5em 1em;
  131. }
  133. pre a.h {
  134. 	color: var(--dark-ansi05);
  135. }
  137. .A,
  138. span.i,
  139. pre a.i {
  140. 	color: var(--dark-ansi02);
  141. }
  143. .D,
  144. span.d,
  145. pre a.d {
  146. 	color: var(--dark-ansi01);
  147. }
  149. li.line:target {
  150. 	color: var(--dark-ansi03);
  151. }