Blob


1 /*
2 * Copyright (c) 2019 Jerome Kasper <neon.king.fr@gmail.com>
3 * Copyright (c) 2019, 2020 Tracey Emery <tracey@traceyemery.net>
4 *
5 * Permission to use, copy, modify, and distribute this software for any
6 * purpose with or without fee is hereby granted, provided that the above
7 * copyright notice and this permission notice appear in all copies.
8 *
9 * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
10 * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
11 * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
12 * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
13 * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
14 * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
15 * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
16 */
18 *, *::after, *::before {
19 box-sizing: border-box;
20 }
22 a {
23 color: #444444;
24 text-decoration: none;
25 }
26 a:hover {
27 color: Gold;
28 text-decoration: none;
29 }
30 body {
31 background-color: #ffffff;
32 color: #000000;
33 margin: 0;
34 padding: 0;
35 font-family: sans-serif;
36 font-size: 16px;
37 }
39 pre {
40 font-family: monospace;
41 margin: 0;
42 }
44 .diff_minus, .diff_submodule {
45 color: magenta;
46 }
47 .diff_plus, .diff_symlink, .diff_author {
48 color: darkcyan;
49 }
50 .diff_chunk_header, .diff_date {
51 background-color: LightSlateGray;
52 color: yellow;
53 }
54 .diff_meta, .diff_executable, .diff_commit {
55 color: green;
56 }
57 .diff_directory {
58 color: blue;
59 }
61 .refs_str {
62 background-color: #243647;
63 color: #ffffff;
64 font-style: italic;
65 white-space: pre;
66 }
67 hr {
68 margin: 0;
69 height: 0;
70 border-top: 1px dotted #444444;
71 }
72 #header {
73 background-image: linear-gradient(to right, White, LightSlateGray);
74 }
75 #header a {
76 color: #ffffff;
77 text-decoration: none;
78 }
79 #header a:hover {
80 color: Gold;
81 text-decoration: none;
82 }
83 #site_path {
84 overflow: auto;
85 width: 100%;
86 background-color: #243647;
87 }
88 #site_link {
89 padding-left: 10px;
90 padding-top: 5px;
91 padding-bottom: 5px;
92 color: #ffffff;
93 overflow: hidden;
94 }
95 #site_link a {
96 color: #ffffff;
97 text-decoration: none;
98 }
99 #got_link {
100 padding-bottom: 10px;
101 padding-top: 10px;
103 #np_wrapper {
104 width: 100%;
105 border-bottom: 1px dotted #444444;
106 background-color: #f5fcfb;
107 overflow: hidden;
109 #nav_more {
110 padding: 5px 0;
111 text-align: center;
113 #nav_prev {
114 padding-left: 10px;
115 padding-top: 5px;
116 padding-bottom: 5px;
117 overflow: visible;
119 #nav_next {
120 padding-right: 10px;
121 padding-top: 5px;
122 padding-bottom: 5px;
123 text-align: right;
124 overflow: hidden;
126 .navs_wrapper {
127 width: 100%;
128 background-color: #ced7e0;
130 .navs {
131 padding-left: 10px;
132 padding-top: 2px;
133 padding-bottom: 2px;
135 @media (min-width: 680px) {
136 .navs {
137 font-size: .8em;
140 #site_owner_wrapper {
141 width: 100%;
142 background-color: LightSlateGray;
143 color: #ffffff;
145 #site_owner {
146 padding-left: 10px;
147 padding-top: 5px;
148 padding-bottom: 5px;
149 margin: 0;
152 #err_content {
153 padding-left: 20px;
154 padding-top: 20px;
155 padding-bottom: 20px;
158 header.subtitle {
159 background-color: LightSlateGray;
161 header.subtitle h2 {
162 margin: 0;
163 padding: 5px 10px;
164 font-size: 1rem;
165 font-weight: normal;
166 color: #ffffff;
169 .brief {
170 display: flex;
171 flex-direction: row;
172 align-items: center;
173 flex-wrap: wrap;
175 .brief p {
176 margin: 0;
178 .brief_meta {
179 flex-grow: 0;
180 flex-shrink: 0;
182 .briefs_age, .briefs_author {
183 display: inline-block;
184 vertical-align: middle;
186 .briefs_age {
187 padding-left: 10px;
188 padding-top: 5px;
189 padding-bottom: 5px;
190 width: 140px;
192 .briefs_author {
193 padding-top: 5px;
194 padding-bottom: 5px;
195 width: 8.5em;
196 font-style: italic;
198 .briefs_log {
199 padding-left: 10px;
200 padding-right: 10px;
201 padding-top: 5px;
202 padding-bottom: 5px;
203 width: 100%;
206 @media (min-width: 680px) {
207 .brief {
208 flex-wrap: nowrap;
210 .briefs_log {
211 width: auto;
215 .tag_age, .tag_name, .tag_log {
216 display: inline-block;
217 vertical-align: middle;
219 .tag_age {
220 padding-left: 10px;
221 padding-top: 5px;
222 padding-bottom: 5px;
223 width: 140px;
225 .tag_name {
226 width: 8.5em;
227 font-style: italic;
228 padding-top: 5px;
229 padding-bottom: 5px;
231 .tag_log {
232 padding-left: 10px;
233 padding-right: 10px;
234 padding-top: 5px;
235 padding-bottom: 5px;
236 width: 65%;
239 #tag_header_wrapper {
240 background-color: #f5fcfb;
242 #tag_header {
243 padding-left: 10px;
244 padding-top: 5px;
245 padding-bottom: 2px;
246 width: 80%;
248 #tag_commit {
249 padding-top: 20px;
250 padding-left: 20px;
251 padding-bottom: 20px;
252 overflow: auto;
255 #index_header {
256 background-color: Khaki;
258 .index_project, .index_project_description, .index_project_owner,
259 .index_project_age {
260 display: inline-block;
261 padding: 10px;
262 overflow: hidden;
263 vertical-align: middle;
265 .index_project {
266 width: 20%;
268 .index_project_description {
269 width: 30%;
271 .index_project_owner {
272 width: 25%;
274 .index_project_age {
275 width: 25%;
277 .index_project a {
278 color: #444444;
279 text-decoration: none;
281 .index_project a:hover {
282 color: SteelBlue;
283 text-decoration: none;
285 #index_next a {
286 color: #444444;
287 text-decoration: none;
289 #index_next a:hover {
290 color: SteelBlue;
291 text-decoration: none;
293 #index_prev a {
294 color: #444444;
295 text-decoration: none;
297 #index_prev a:hover {
298 color: SteelBlue;
299 text-decoration: none;
302 .commits_content {
303 width: 100%;
305 .commits_header_wrapper {
306 background-color: #f5fcfb;
308 .commits_header {
309 padding-top: 5px;
310 padding-bottom: 2px;
311 width: 80%;
313 .commit {
314 padding-left: 20px;
315 padding-bottom: 20px;
316 white-space: pre-wrap;
319 #blame_header_wrapper, #blob_header_wrapper {
320 background-color: #f5fcfb;
322 #blame_header, #blob_header {
323 padding-left: 10px;
324 padding-top: 5px;
325 padding-bottom: 2px;
327 #blame, #blob {
328 margin-top: 20px;
329 margin-left: 20px;
330 margin-bottom: 20px;
331 overflow: auto;
333 .blob_line > a {
334 display: inline-block;
335 text-align: right;
336 width: 60px;
337 padding-right: 20px;
339 .blob_code {
340 /* fixes the width of the first tab */
341 display: inline-block;
343 .blame_number, .blame_hash, .blame_date, .blame_author, .blame_code {
344 display: inline-block;
345 vertical-align: middle;
347 .blame_wrapper:target, .blob_line:target {
348 background-color: Khaki;
350 .blame_number, .blob_number {
351 width: 6em;
352 overflow: hidden;
354 .blame_hash {
355 width: 6em;
356 overflow: auto;
358 .blame_date {
359 width: 7em;
360 overflow: auto;
362 .blame_author {
363 width: 6em;
364 overflow: hidden;
367 #tree_header {
368 background-color: #f5fcfb;
369 padding-left: 10px;
370 padding-top: 5px;
371 padding-bottom: 2px;
373 #tree {
374 margin-left: 20px;
375 margin-top: 20px;
376 margin-bottom: 20px;
377 border-collapse: collapse;
379 .tree_wrapper {
380 background-color: #d8f3ef;
382 .tree_wrapper:nth-child(even) {
383 background-color: #ffffff;
385 .tree_line {
386 font-family: monospace;
387 width: 20em;
388 padding: 5px;
390 .tree_line_blank {
391 padding: 1px;
392 width: 9.5em;
395 #diff_header_wrapper {
396 background-color: #f5fcfb;
398 #diff_header {
399 padding-left: 10px;
400 padding-top: 5px;
401 padding-bottom: 2px;
403 #diff {
404 margin-top: 20px;
405 margin-left: 20px;
406 margin-bottom: 20px;
407 overflow: auto;
410 #summary_wrapper {
411 background-color: Khaki;
414 dl {
415 padding: 0;
416 margin: 0;
417 display: flex;
418 flex-wrap: wrap;
420 dt {
421 padding: 3px 7px;
422 width: 120px;
424 dd {
425 padding: 3px 7px;
426 margin-left: auto;
427 width: calc(100% - 130px);
428 flex-grow: 2;
431 .clone-url {
432 white-space: pre-wrap;
435 .commit-msg {
436 white-space: pre-wrap;
439 .commit-id {
440 width: 100%;
441 display: inline-block;
442 overflow: hidden;
443 text-overflow: ellipsis;
446 .branches_age, .branches_space, .branch {
447 display: inline-block;
448 vertical-align: middle;
450 .branches_age {
451 padding-left: 10px;
452 padding-top: 5px;
453 padding-bottom: 5px;
454 width: calc(140px + 8.5em);
456 .branch {
457 padding-right: 10px;
458 padding-top: 5px;
459 padding-bottom: 5px;
460 padding-left: 10px;