style.css (2939B) - raw
1 body { 2 color: #000; 3 background-color: #fff; 4 font-family: sans-serif; 5 max-width: 800px; 6 margin: 8px auto; 7 padding: 5px; 8 line-height: 1.5; 9 } 10 11 #branches, 12 #tags, 13 #index, 14 #log, 15 #files { 16 font-family: monospace; 17 } 18 19 #head, #content, .table-container { 20 max-width: 800px; 21 overflow-x: auto; 22 margin: auto; 23 } 24 25 #log, #index { 26 min-width: 600px; 27 width: 100%; 28 overflow-x: auto; 29 } 30 31 pre:not(#about) { 32 overflow-x: auto; 33 border: 1px solid #d2d2d2; 34 border-radius: 4px; 35 padding: 10px; 36 } 37 38 a { 39 color: #00c; 40 } 41 42 #head table { 43 margin-top: 0.5em; 44 margin-bottom: 0.5em; 45 } 46 47 #head table td:first-child { 48 padding: 0 0.4em 0 0; 49 } 50 51 #head table td:last-child { 52 padding: 0 0 0 0.4em; 53 } 54 55 #head p { 56 margin: 0; 57 } 58 59 #files .dir { 60 font-weight: bold; 61 text-decoration: none; 62 } 63 64 .url { 65 font-family: monospace; 66 } 67 68 #home h1 { 69 font-size: 1.5em; 70 text-align: center; 71 margin-top: 1em; 72 } 73 74 #home h2 { 75 font-size: 1.25em; 76 margin-top: 2.5em; 77 margin-bottom: 1em; 78 } 79 80 h1, h2, h3, h4, h5, h6 { 81 font-size: 1em; 82 margin: 0; 83 } 84 85 .md h1 { 86 font-size: 1.5em; 87 } 88 89 .md h2 { 90 font-size: 1.25em; 91 } 92 93 img, svg, h1, h2 { 94 vertical-align: middle; 95 } 96 97 img, svg { 98 border: 0; 99 } 100 101 a:target { 102 background-color: #ccc; 103 } 104 105 a.d, 106 a.h, 107 a.i, 108 a.line { 109 text-decoration: none; 110 } 111 112 #blob a { 113 color: #777; 114 } 115 116 #blob a:hover { 117 color: blue; 118 text-decoration: none; 119 } 120 121 table thead td { 122 font-weight: bold; 123 } 124 125 table td { 126 padding: 0 0.4em; 127 } 128 129 #content table td { 130 vertical-align: top; 131 white-space: nowrap; 132 } 133 134 #branches tr:hover td, 135 #tags tr:hover td, 136 #index tr:hover td, 137 #log tr:hover td, 138 #files tr:hover td { 139 background-color: #eee; 140 } 141 142 #index tr td:nth-child(2), 143 #tags tr td:nth-child(3), 144 #branches tr td:nth-child(3), 145 #log tr td:nth-child(2) { 146 white-space: normal; 147 } 148 149 td.num { 150 text-align: right; 151 } 152 153 .desc { 154 color: #777; 155 } 156 157 hr { 158 border: 0; 159 border-top: 1px solid #777; 160 height: 1px; 161 } 162 163 pre { 164 font-family: monospace; 165 } 166 167 .A, 168 span.i, 169 pre a.i { 170 color: #181; 171 } 172 173 .D, 174 span.d, 175 pre a.d { 176 color: #e02; 177 } 178 179 pre a.h:hover, 180 pre a.i:hover, 181 pre a.d:hover { 182 text-decoration: none; 183 } 184 185 .md table { 186 border-collapse: collapse; 187 margin: 1em 1em; 188 border: 1px solid #d2d2d2; 189 } 190 191 .md table td, 192 .md table th { 193 padding: 0.25em 1em; 194 border: 1px solid #d2d2d2; 195 } 196 197 #index .cat td { 198 font-style: italic; 199 } 200 201 #index .repo td:first-child { 202 padding-left: 1.5em; 203 } 204 205 @media (prefers-color-scheme: dark) { 206 body { 207 background-color: #111; 208 color: #ccc; 209 } 210 hr { 211 border-color: #555; 212 } 213 a { 214 color: #4d80b3; 215 } 216 a:target { 217 background-color: #222; 218 } 219 .desc { 220 color: #aaa; 221 } 222 #blob a { 223 color: #555; 224 } 225 #blob a:target { 226 color: #eee; 227 } 228 #blob a:hover { 229 color: #56c8ff; 230 } 231 pre a.h { 232 color: #0bb; 233 } 234 .A, 235 span.i, 236 pre a.i { 237 color: #1a1; 238 } 239 .D, 240 span.d, 241 pre a.d { 242 color: #e44; 243 } 244 #branches tr:hover td, 245 #tags tr:hover td, 246 #index tr:hover td, 247 #log tr:hover td, 248 #files tr:hover td { 249 background-color: #111; 250 } 251 pre:not(#about), 252 .md table, 253 .md table td, 254 .md table th { 255 border-color: #555; 256 } 257 }