Got Mirror

Blame

Date:: Tue Sep 12 09:25:15 2023 UTC
Message:: gotweb: style improvements First round of polishing, css simplification and responsiveness for gotwebd. The new HTML is now actually usable on text-only browsers and the fonts are bigger on smaller screens; close to no changes for "normal" desktop usage. A few regressions were spotted by Lucas on IRC, thanks! No objections from stsp@
Actions:: History | Blob | Raw File
  1 a596b957 2022-07-14 tracey /*
  2 a596b957 2022-07-14 tracey  * Copyright (c) 2019 Jerome Kasper <neon.king.fr@gmail.com>
  3 a596b957 2022-07-14 tracey  * Copyright (c) 2019, 2020 Tracey Emery <tracey@traceyemery.net>
  4 a596b957 2022-07-14 tracey  *
  5 a596b957 2022-07-14 tracey  * Permission to use, copy, modify, and distribute this software for any
  6 a596b957 2022-07-14 tracey  * purpose with or without fee is hereby granted, provided that the above
  7 a596b957 2022-07-14 tracey  * copyright notice and this permission notice appear in all copies.
  8 a596b957 2022-07-14 tracey  *
  9 a596b957 2022-07-14 tracey  * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
 10 a596b957 2022-07-14 tracey  * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
 11 a596b957 2022-07-14 tracey  * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
 12 a596b957 2022-07-14 tracey  * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
 13 a596b957 2022-07-14 tracey  * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
 14 a596b957 2022-07-14 tracey  * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
 15 a596b957 2022-07-14 tracey  * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
 16 a596b957 2022-07-14 tracey  */
 17 a596b957 2022-07-14 tracey 
 18 424803ac 2023-09-12 op *, *::after, *::before {
 19 424803ac 2023-09-12 op 	box-sizing: border-box;
 20 424803ac 2023-09-12 op }
 21 a596b957 2022-07-14 tracey 
 22 a596b957 2022-07-14 tracey a {
 23 a596b957 2022-07-14 tracey 	color: #444444;
 24 a596b957 2022-07-14 tracey 	text-decoration: none;
 25 a596b957 2022-07-14 tracey }
 26 a596b957 2022-07-14 tracey a:hover {
 27 a596b957 2022-07-14 tracey 	color: Gold;
 28 a596b957 2022-07-14 tracey 	text-decoration: none;
 29 a596b957 2022-07-14 tracey }
 30 a596b957 2022-07-14 tracey body {
 31 a596b957 2022-07-14 tracey 	background-color: #ffffff;
 32 a596b957 2022-07-14 tracey 	color: #000000;
 33 a596b957 2022-07-14 tracey 	margin: 0;
 34 a596b957 2022-07-14 tracey 	padding: 0;
 35 424803ac 2023-09-12 op 	font-family: sans-serif;
 36 424803ac 2023-09-12 op 	font-size: 16px;
 37 a596b957 2022-07-14 tracey }
 38 a596b957 2022-07-14 tracey 
 39 424803ac 2023-09-12 op pre {
 40 424803ac 2023-09-12 op 	font-family: monospace;
 41 424803ac 2023-09-12 op 	margin: 0;
 42 424803ac 2023-09-12 op }
 43 424803ac 2023-09-12 op 
 44 a596b957 2022-07-14 tracey .diff_minus, .diff_submodule {
 45 a596b957 2022-07-14 tracey 	color: magenta;
 46 a596b957 2022-07-14 tracey }
 47 a596b957 2022-07-14 tracey .diff_plus, .diff_symlink, .diff_author {
 48 a596b957 2022-07-14 tracey 	color: darkcyan;
 49 a596b957 2022-07-14 tracey }
 50 a596b957 2022-07-14 tracey .diff_chunk_header, .diff_date {
 51 a596b957 2022-07-14 tracey 	background-color: LightSlateGray;
 52 a596b957 2022-07-14 tracey 	color: yellow;
 53 a596b957 2022-07-14 tracey }
 54 a596b957 2022-07-14 tracey .diff_meta, .diff_executable, .diff_commit {
 55 a596b957 2022-07-14 tracey 	color: green;
 56 a596b957 2022-07-14 tracey }
 57 a596b957 2022-07-14 tracey .diff_directory {
 58 a596b957 2022-07-14 tracey 	color: blue;
 59 a596b957 2022-07-14 tracey }
 60 a596b957 2022-07-14 tracey 
 61 7ecc4542 2022-08-09 op .refs_str {
 62 a596b957 2022-07-14 tracey 	background-color: #243647;
 63 a596b957 2022-07-14 tracey 	color: #ffffff;
 64 a596b957 2022-07-14 tracey 	font-style: italic;
 65 424803ac 2023-09-12 op 	white-space: pre;
 66 a596b957 2022-07-14 tracey }
 67 424803ac 2023-09-12 op hr {
 68 424803ac 2023-09-12 op 	margin: 0;
 69 424803ac 2023-09-12 op 	height: 0;
 70 a596b957 2022-07-14 tracey 	border-top: 1px dotted #444444;
 71 a596b957 2022-07-14 tracey }
 72 a596b957 2022-07-14 tracey #header {
 73 a596b957 2022-07-14 tracey 	background-image: linear-gradient(to right, White, LightSlateGray);
 74 a596b957 2022-07-14 tracey }
 75 a596b957 2022-07-14 tracey #header a {
 76 a596b957 2022-07-14 tracey 	color: #ffffff;
 77 a596b957 2022-07-14 tracey 	text-decoration: none;
 78 a596b957 2022-07-14 tracey }
 79 a596b957 2022-07-14 tracey #header a:hover {
 80 a596b957 2022-07-14 tracey 	color: Gold;
 81 a596b957 2022-07-14 tracey 	text-decoration: none;
 82 a596b957 2022-07-14 tracey }
 83 a596b957 2022-07-14 tracey #site_path {
 84 a596b957 2022-07-14 tracey 	overflow: auto;
 85 a596b957 2022-07-14 tracey 	width: 100%;
 86 a596b957 2022-07-14 tracey 	background-color: #243647;
 87 a596b957 2022-07-14 tracey }
 88 a596b957 2022-07-14 tracey #site_link {
 89 a596b957 2022-07-14 tracey 	padding-left: 10px;
 90 a596b957 2022-07-14 tracey 	padding-top: 5px;
 91 a596b957 2022-07-14 tracey 	padding-bottom: 5px;
 92 a596b957 2022-07-14 tracey 	color: #ffffff;
 93 a596b957 2022-07-14 tracey 	overflow: hidden;
 94 a596b957 2022-07-14 tracey }
 95 a596b957 2022-07-14 tracey #site_link a {
 96 a596b957 2022-07-14 tracey 	color: #ffffff;
 97 a596b957 2022-07-14 tracey 	text-decoration: none;
 98 a596b957 2022-07-14 tracey }
 99 a596b957 2022-07-14 tracey #got_link {
100 a596b957 2022-07-14 tracey 	padding-bottom: 10px;
101 a596b957 2022-07-14 tracey 	padding-top: 10px;
102 a596b957 2022-07-14 tracey }
103 a596b957 2022-07-14 tracey #np_wrapper {
104 a596b957 2022-07-14 tracey 	width: 100%;
105 a596b957 2022-07-14 tracey 	border-bottom: 1px dotted #444444;
106 a596b957 2022-07-14 tracey 	background-color: #f5fcfb;
107 a596b957 2022-07-14 tracey 	overflow: hidden;
108 e3662697 2023-02-03 op }
109 e3662697 2023-02-03 op #nav_more {
110 e3662697 2023-02-03 op 	padding: 5px 0;
111 e3662697 2023-02-03 op 	text-align: center;
112 a596b957 2022-07-14 tracey }
113 a596b957 2022-07-14 tracey #nav_prev {
114 a596b957 2022-07-14 tracey 	padding-left: 10px;
115 a596b957 2022-07-14 tracey 	padding-top: 5px;
116 a596b957 2022-07-14 tracey 	padding-bottom: 5px;
117 a596b957 2022-07-14 tracey 	overflow: visible;
118 a596b957 2022-07-14 tracey }
119 a596b957 2022-07-14 tracey #nav_next {
120 a596b957 2022-07-14 tracey 	padding-right: 10px;
121 a596b957 2022-07-14 tracey 	padding-top: 5px;
122 a596b957 2022-07-14 tracey 	padding-bottom: 5px;
123 a596b957 2022-07-14 tracey 	text-align: right;
124 a596b957 2022-07-14 tracey 	overflow: hidden;
125 a596b957 2022-07-14 tracey }
126 7ecc4542 2022-08-09 op .navs_wrapper {
127 a596b957 2022-07-14 tracey 	width: 100%;
128 a596b957 2022-07-14 tracey 	background-color: #ced7e0;
129 a596b957 2022-07-14 tracey }
130 7ecc4542 2022-08-09 op .navs {
131 a596b957 2022-07-14 tracey 	padding-left: 10px;
132 a596b957 2022-07-14 tracey 	padding-top: 2px;
133 a596b957 2022-07-14 tracey 	padding-bottom: 2px;
134 a596b957 2022-07-14 tracey }
135 424803ac 2023-09-12 op @media (min-width: 680px) {
136 424803ac 2023-09-12 op 	.navs {
137 424803ac 2023-09-12 op 		font-size: .8em;
138 424803ac 2023-09-12 op 	}
139 424803ac 2023-09-12 op }
140 a596b957 2022-07-14 tracey #site_owner_wrapper {
141 a596b957 2022-07-14 tracey 	width: 100%;
142 a596b957 2022-07-14 tracey 	background-color: LightSlateGray;
143 a596b957 2022-07-14 tracey 	color: #ffffff;
144 a596b957 2022-07-14 tracey }
145 a596b957 2022-07-14 tracey #site_owner {
146 a596b957 2022-07-14 tracey 	padding-left: 10px;
147 a596b957 2022-07-14 tracey 	padding-top: 5px;
148 a596b957 2022-07-14 tracey 	padding-bottom: 5px;
149 424803ac 2023-09-12 op 	margin: 0;
150 a596b957 2022-07-14 tracey }
151 a596b957 2022-07-14 tracey 
152 a596b957 2022-07-14 tracey #err_content {
153 a596b957 2022-07-14 tracey 	padding-left: 20px;
154 a596b957 2022-07-14 tracey 	padding-top: 20px;
155 a596b957 2022-07-14 tracey 	padding-bottom: 20px;
156 a596b957 2022-07-14 tracey }
157 a596b957 2022-07-14 tracey 
158 424803ac 2023-09-12 op header.subtitle {
159 a596b957 2022-07-14 tracey 	background-color: LightSlateGray;
160 424803ac 2023-09-12 op }
161 424803ac 2023-09-12 op header.subtitle h2 {
162 424803ac 2023-09-12 op 	margin: 0;
163 424803ac 2023-09-12 op 	padding: 5px 10px;
164 424803ac 2023-09-12 op 	font-size: 1rem;
165 424803ac 2023-09-12 op 	font-weight: normal;
166 a596b957 2022-07-14 tracey 	color: #ffffff;
167 a596b957 2022-07-14 tracey }
168 424803ac 2023-09-12 op 
169 424803ac 2023-09-12 op .brief {
170 424803ac 2023-09-12 op 	display: flex;
171 424803ac 2023-09-12 op 	flex-direction: row;
172 424803ac 2023-09-12 op 	align-items: center;
173 424803ac 2023-09-12 op 	flex-wrap: wrap;
174 a596b957 2022-07-14 tracey }
175 424803ac 2023-09-12 op .brief p {
176 424803ac 2023-09-12 op 	margin: 0;
177 a596b957 2022-07-14 tracey }
178 424803ac 2023-09-12 op .brief_meta {
179 424803ac 2023-09-12 op 	flex-grow: 0;
180 424803ac 2023-09-12 op 	flex-shrink: 0;
181 424803ac 2023-09-12 op }
182 424803ac 2023-09-12 op .briefs_age, .briefs_author { display: inline-block; }
183 7ecc4542 2022-08-09 op .briefs_age {
184 a596b957 2022-07-14 tracey 	padding-left: 10px;
185 a596b957 2022-07-14 tracey 	padding-top: 5px;
186 a596b957 2022-07-14 tracey 	padding-bottom: 5px;
187 424803ac 2023-09-12 op 	width: 140px;
188 a596b957 2022-07-14 tracey }
189 7ecc4542 2022-08-09 op .briefs_author {
190 a596b957 2022-07-14 tracey 	padding-top: 5px;
191 a596b957 2022-07-14 tracey 	padding-bottom: 5px;
192 a596b957 2022-07-14 tracey 	width: 8.5em;
193 a596b957 2022-07-14 tracey 	font-style: italic;
194 a596b957 2022-07-14 tracey }
195 7ecc4542 2022-08-09 op .briefs_log {
196 a596b957 2022-07-14 tracey 	padding-left: 10px;
197 a596b957 2022-07-14 tracey 	padding-right: 10px;
198 a596b957 2022-07-14 tracey 	padding-top: 5px;
199 a596b957 2022-07-14 tracey 	padding-bottom: 5px;
200 424803ac 2023-09-12 op 	width: 100%;
201 a596b957 2022-07-14 tracey }
202 a596b957 2022-07-14 tracey 
203 424803ac 2023-09-12 op @media (min-width: 680px) {
204 424803ac 2023-09-12 op 	.brief {
205 424803ac 2023-09-12 op 		flex-wrap: nowrap;
206 424803ac 2023-09-12 op 	}
207 424803ac 2023-09-12 op 	.briefs_log {
208 424803ac 2023-09-12 op 		width: auto;
209 424803ac 2023-09-12 op 	}
210 a596b957 2022-07-14 tracey }
211 424803ac 2023-09-12 op 
212 424803ac 2023-09-12 op .tag_age, .tag_name, .tag_log {
213 424803ac 2023-09-12 op 	display: inline-block;
214 424803ac 2023-09-12 op 	vertical-align: middle;
215 424803ac 2023-09-12 op }
216 424803ac 2023-09-12 op .tag_age {
217 a596b957 2022-07-14 tracey 	padding-left: 10px;
218 a596b957 2022-07-14 tracey 	padding-top: 5px;
219 a596b957 2022-07-14 tracey 	padding-bottom: 5px;
220 424803ac 2023-09-12 op 	width: 140px;
221 a596b957 2022-07-14 tracey }
222 424803ac 2023-09-12 op .tag_name {
223 424803ac 2023-09-12 op 	width: 8.5em;
224 424803ac 2023-09-12 op 	font-style: italic;
225 a596b957 2022-07-14 tracey 	padding-top: 5px;
226 a596b957 2022-07-14 tracey 	padding-bottom: 5px;
227 a596b957 2022-07-14 tracey }
228 7ecc4542 2022-08-09 op .tag_log {
229 a596b957 2022-07-14 tracey 	padding-left: 10px;
230 a596b957 2022-07-14 tracey 	padding-right: 10px;
231 a596b957 2022-07-14 tracey 	padding-top: 5px;
232 a596b957 2022-07-14 tracey 	padding-bottom: 5px;
233 a596b957 2022-07-14 tracey 	width: 65%;
234 a596b957 2022-07-14 tracey }
235 a596b957 2022-07-14 tracey 
236 a596b957 2022-07-14 tracey #tag_header_wrapper {
237 a596b957 2022-07-14 tracey 	background-color: #f5fcfb;
238 a596b957 2022-07-14 tracey }
239 a596b957 2022-07-14 tracey #tag_header {
240 a596b957 2022-07-14 tracey 	padding-left: 10px;
241 a596b957 2022-07-14 tracey 	padding-top: 5px;
242 a596b957 2022-07-14 tracey 	padding-bottom: 2px;
243 a596b957 2022-07-14 tracey 	width: 80%;
244 a596b957 2022-07-14 tracey }
245 a596b957 2022-07-14 tracey #tag_commit {
246 424803ac 2023-09-12 op 	padding-top: 20px;
247 a596b957 2022-07-14 tracey 	padding-left: 20px;
248 a596b957 2022-07-14 tracey 	padding-bottom: 20px;
249 424803ac 2023-09-12 op 	overflow: auto;
250 a596b957 2022-07-14 tracey }
251 a596b957 2022-07-14 tracey 
252 a596b957 2022-07-14 tracey #index_header {
253 a596b957 2022-07-14 tracey 	background-color: Khaki;
254 a596b957 2022-07-14 tracey }
255 424803ac 2023-09-12 op .index_project, .index_project_description, .index_project_owner,
256 424803ac 2023-09-12 op .index_project_age {
257 424803ac 2023-09-12 op 	display: inline-block;
258 a596b957 2022-07-14 tracey 	padding: 10px;
259 a596b957 2022-07-14 tracey 	overflow: hidden;
260 424803ac 2023-09-12 op 	vertical-align: middle;
261 a596b957 2022-07-14 tracey }
262 7ecc4542 2022-08-09 op .index_project {
263 a596b957 2022-07-14 tracey 	width: 20%;
264 a596b957 2022-07-14 tracey }
265 7ecc4542 2022-08-09 op .index_project_description {
266 a596b957 2022-07-14 tracey 	width: 30%;
267 a596b957 2022-07-14 tracey }
268 7ecc4542 2022-08-09 op .index_project_owner {
269 424803ac 2023-09-12 op 	width: 25%;
270 a596b957 2022-07-14 tracey }
271 7ecc4542 2022-08-09 op .index_project_age {
272 424803ac 2023-09-12 op 	width: 25%;
273 a596b957 2022-07-14 tracey }
274 7ecc4542 2022-08-09 op .index_project a {
275 a596b957 2022-07-14 tracey 	color: #444444;
276 a596b957 2022-07-14 tracey 	text-decoration: none;
277 a596b957 2022-07-14 tracey }
278 7ecc4542 2022-08-09 op .index_project a:hover {
279 a596b957 2022-07-14 tracey 	color: SteelBlue;
280 a596b957 2022-07-14 tracey 	text-decoration: none;
281 a596b957 2022-07-14 tracey }
282 a596b957 2022-07-14 tracey #index_next a {
283 a596b957 2022-07-14 tracey 	color: #444444;
284 a596b957 2022-07-14 tracey 	text-decoration: none;
285 a596b957 2022-07-14 tracey }
286 a596b957 2022-07-14 tracey #index_next a:hover {
287 a596b957 2022-07-14 tracey 	color: SteelBlue;
288 a596b957 2022-07-14 tracey 	text-decoration: none;
289 a596b957 2022-07-14 tracey }
290 a596b957 2022-07-14 tracey #index_prev a {
291 a596b957 2022-07-14 tracey 	color: #444444;
292 a596b957 2022-07-14 tracey 	text-decoration: none;
293 a596b957 2022-07-14 tracey }
294 a596b957 2022-07-14 tracey #index_prev a:hover {
295 a596b957 2022-07-14 tracey 	color: SteelBlue;
296 a596b957 2022-07-14 tracey 	text-decoration: none;
297 a596b957 2022-07-14 tracey }
298 a596b957 2022-07-14 tracey 
299 7ecc4542 2022-08-09 op .commits_content {
300 a596b957 2022-07-14 tracey 	width: 100%;
301 a596b957 2022-07-14 tracey }
302 7ecc4542 2022-08-09 op .commits_header_wrapper {
303 a596b957 2022-07-14 tracey 	background-color: #f5fcfb;
304 a596b957 2022-07-14 tracey }
305 7ecc4542 2022-08-09 op .commits_header {
306 a596b957 2022-07-14 tracey 	padding-top: 5px;
307 a596b957 2022-07-14 tracey 	padding-bottom: 2px;
308 a596b957 2022-07-14 tracey 	width: 80%;
309 a596b957 2022-07-14 tracey }
310 7ecc4542 2022-08-09 op .commit {
311 a596b957 2022-07-14 tracey 	padding-left: 20px;
312 a596b957 2022-07-14 tracey 	padding-bottom: 20px;
313 a596b957 2022-07-14 tracey 	white-space: pre-wrap;
314 a596b957 2022-07-14 tracey }
315 a596b957 2022-07-14 tracey 
316 298f95fb 2023-01-05 op #blame_header_wrapper, #blob_header_wrapper {
317 a596b957 2022-07-14 tracey 	background-color: #f5fcfb;
318 a596b957 2022-07-14 tracey }
319 298f95fb 2023-01-05 op #blame_header, #blob_header {
320 a596b957 2022-07-14 tracey 	padding-left: 10px;
321 a596b957 2022-07-14 tracey 	padding-top: 5px;
322 a596b957 2022-07-14 tracey 	padding-bottom: 2px;
323 a596b957 2022-07-14 tracey }
324 298f95fb 2023-01-05 op #blame, #blob {
325 424803ac 2023-09-12 op 	margin-top: 20px;
326 a596b957 2022-07-14 tracey 	margin-left: 20px;
327 a596b957 2022-07-14 tracey 	margin-bottom: 20px;
328 a596b957 2022-07-14 tracey 	overflow: auto;
329 a596b957 2022-07-14 tracey }
330 424803ac 2023-09-12 op .blob_line > a {
331 424803ac 2023-09-12 op 	display: inline-block;
332 424803ac 2023-09-12 op 	text-align: right;
333 424803ac 2023-09-12 op 	width: 60px;
334 424803ac 2023-09-12 op 	padding-right: 20px;
335 a596b957 2022-07-14 tracey }
336 424803ac 2023-09-12 op .blob_code {
337 424803ac 2023-09-12 op 	/* fixes the width of the first tab */
338 424803ac 2023-09-12 op 	display: inline-block;
339 424803ac 2023-09-12 op }
340 424803ac 2023-09-12 op .blame_number, .blame_hash, .blame_date, .blame_author, .blame_code {
341 424803ac 2023-09-12 op 	display: inline-block;
342 424803ac 2023-09-12 op 	vertical-align: middle;
343 424803ac 2023-09-12 op }
344 298f95fb 2023-01-05 op .blame_wrapper:target, .blob_line:target {
345 298f95fb 2023-01-05 op 	background-color: Khaki;
346 298f95fb 2023-01-05 op }
347 298f95fb 2023-01-05 op .blame_number, .blob_number {
348 a596b957 2022-07-14 tracey 	width: 6em;
349 a596b957 2022-07-14 tracey 	overflow: hidden;
350 a596b957 2022-07-14 tracey }
351 7ecc4542 2022-08-09 op .blame_hash {
352 a596b957 2022-07-14 tracey 	width: 6em;
353 a596b957 2022-07-14 tracey 	overflow: auto;
354 a596b957 2022-07-14 tracey }
355 7ecc4542 2022-08-09 op .blame_date {
356 a596b957 2022-07-14 tracey 	width: 7em;
357 a596b957 2022-07-14 tracey 	overflow: auto;
358 a596b957 2022-07-14 tracey }
359 7ecc4542 2022-08-09 op .blame_author {
360 a596b957 2022-07-14 tracey 	width: 6em;
361 a596b957 2022-07-14 tracey 	overflow: hidden;
362 a596b957 2022-07-14 tracey }
363 a596b957 2022-07-14 tracey 
364 a596b957 2022-07-14 tracey #tree_header {
365 424803ac 2023-09-12 op 	background-color: #f5fcfb;
366 a596b957 2022-07-14 tracey 	padding-left: 10px;
367 a596b957 2022-07-14 tracey 	padding-top: 5px;
368 a596b957 2022-07-14 tracey 	padding-bottom: 2px;
369 a596b957 2022-07-14 tracey }
370 a596b957 2022-07-14 tracey #tree {
371 a596b957 2022-07-14 tracey 	margin-left: 20px;
372 a596b957 2022-07-14 tracey 	margin-top: 20px;
373 a596b957 2022-07-14 tracey 	margin-bottom: 20px;
374 424803ac 2023-09-12 op 	border-collapse: collapse;
375 a596b957 2022-07-14 tracey }
376 7ecc4542 2022-08-09 op .tree_wrapper {
377 bf80b152 2022-08-09 op 	background-color: #d8f3ef;
378 a596b957 2022-07-14 tracey }
379 bf80b152 2022-08-09 op .tree_wrapper:nth-child(even) {
380 bf80b152 2022-08-09 op 	background-color: #ffffff;
381 bf80b152 2022-08-09 op }
382 7ecc4542 2022-08-09 op .tree_line {
383 424803ac 2023-09-12 op 	font-family: monospace;
384 a596b957 2022-07-14 tracey 	width: 20em;
385 424803ac 2023-09-12 op 	padding: 5px;
386 a596b957 2022-07-14 tracey }
387 7ecc4542 2022-08-09 op .tree_line_blank {
388 a596b957 2022-07-14 tracey 	padding: 1px;
389 a596b957 2022-07-14 tracey 	width: 9.5em;
390 a596b957 2022-07-14 tracey }
391 a596b957 2022-07-14 tracey 
392 a596b957 2022-07-14 tracey #diff_header_wrapper {
393 a596b957 2022-07-14 tracey 	background-color: #f5fcfb;
394 a596b957 2022-07-14 tracey }
395 a596b957 2022-07-14 tracey #diff_header {
396 a596b957 2022-07-14 tracey 	padding-left: 10px;
397 a596b957 2022-07-14 tracey 	padding-top: 5px;
398 a596b957 2022-07-14 tracey 	padding-bottom: 2px;
399 a596b957 2022-07-14 tracey }
400 a596b957 2022-07-14 tracey #diff {
401 424803ac 2023-09-12 op 	margin-top: 20px;
402 a596b957 2022-07-14 tracey 	margin-left: 20px;
403 a596b957 2022-07-14 tracey 	margin-bottom: 20px;
404 424803ac 2023-09-12 op 	overflow: auto;
405 a596b957 2022-07-14 tracey }
406 a596b957 2022-07-14 tracey 
407 a596b957 2022-07-14 tracey #summary_wrapper {
408 a596b957 2022-07-14 tracey 	background-color: Khaki;
409 a596b957 2022-07-14 tracey }
410 a596b957 2022-07-14 tracey 
411 424803ac 2023-09-12 op dl {
412 424803ac 2023-09-12 op 	padding: 0;
413 424803ac 2023-09-12 op 	margin: 0;
414 424803ac 2023-09-12 op 	display: flex;
415 424803ac 2023-09-12 op 	flex-wrap: wrap;
416 a596b957 2022-07-14 tracey }
417 424803ac 2023-09-12 op dt {
418 424803ac 2023-09-12 op 	padding: 3px 7px;
419 424803ac 2023-09-12 op 	width: 120px;
420 a596b957 2022-07-14 tracey }
421 424803ac 2023-09-12 op dd {
422 424803ac 2023-09-12 op 	padding: 3px 7px;
423 424803ac 2023-09-12 op 	margin-left: auto;
424 424803ac 2023-09-12 op 	width: calc(100% - 130px);
425 424803ac 2023-09-12 op 	flex-grow: 2;
426 a596b957 2022-07-14 tracey }
427 a596b957 2022-07-14 tracey 
428 424803ac 2023-09-12 op .clone-url {
429 424803ac 2023-09-12 op 	white-space: pre-wrap;
430 424803ac 2023-09-12 op }
431 424803ac 2023-09-12 op 
432 424803ac 2023-09-12 op .commit-msg {
433 424803ac 2023-09-12 op 	white-space: pre-wrap;
434 424803ac 2023-09-12 op }
435 424803ac 2023-09-12 op 
436 424803ac 2023-09-12 op .commit-id {
437 a596b957 2022-07-14 tracey 	width: 100%;
438 424803ac 2023-09-12 op 	display: inline-block;
439 424803ac 2023-09-12 op 	overflow: hidden;
440 424803ac 2023-09-12 op 	text-overflow: ellipsis;
441 a596b957 2022-07-14 tracey }
442 424803ac 2023-09-12 op 
443 424803ac 2023-09-12 op .branches_age, .branches_space, .branch {
444 424803ac 2023-09-12 op 	display: inline-block;
445 424803ac 2023-09-12 op 	vertical-align: middle;
446 424803ac 2023-09-12 op }
447 7ecc4542 2022-08-09 op .branches_age {
448 a596b957 2022-07-14 tracey 	padding-left: 10px;
449 a596b957 2022-07-14 tracey 	padding-top: 5px;
450 a596b957 2022-07-14 tracey 	padding-bottom: 5px;
451 424803ac 2023-09-12 op 	width: calc(140px + 8.5em);
452 a596b957 2022-07-14 tracey }
453 7ecc4542 2022-08-09 op .branch {
454 a596b957 2022-07-14 tracey 	padding-right: 10px;
455 a596b957 2022-07-14 tracey 	padding-top: 5px;
456 a596b957 2022-07-14 tracey 	padding-bottom: 5px;
457 424803ac 2023-09-12 op 	padding-left: 10px;
458 a596b957 2022-07-14 tracey }