~jan0sch/smederee
~jan0sch/smederee/modules/hub/src/main/resources/assets/css/main.css
~jan0sch/smederee/modules/hub/src/main/resources/assets/css/main.css
0 | @import url("colours.css"); |
1 |
|
2 | * { |
3 | -webkit-box-sizing: border-box; |
4 | -moz-box-sizing: border-box; |
5 | box-sizing: border-box; |
6 | } |
7 |
|
8 | html, body { |
9 | background-color: var(--background0); |
10 | color: black; |
11 | } |
12 |
|
13 | html a:hover { |
14 | background-color: var(--background0); |
15 | } |
16 |
|
17 | html a.pure-menu-heading:hover { |
18 | background-color: transparent; |
19 | } |
20 |
|
21 | main { |
22 | background-color: var(--background0); |
23 | color: black; |
24 | /*margin-left: 1em;*/ |
25 | /*margin-right: 1em;*/ |
26 | } |
27 |
|
28 | .feather-icon { |
29 | display: inline-block; |
30 | vertical-align: -.25em; |
31 | } |
32 |
|
33 | .feather-svg { |
34 | width: 18px; |
35 | height: 18px; |
36 | stroke: currentColor; |
37 | stroke-width: 2; |
38 | stroke-linecap: round; |
39 | stroke-linejoin: round; |
40 | fill: none; |
41 | } |
42 |
|
43 | .account-delete-form { |
44 | border: 1px solid black; |
45 | padding: 0px 10px; |
46 | } |
47 |
|
48 | .add-ssh-key-form { |
49 | border: 1px solid black; |
50 | padding: 0px 10px; |
51 | } |
52 |
|
53 | .ssh-key-item { |
54 | padding: 10px 5px 10px 5px; |
55 | } |
56 |
|
57 | .ssh-key-item-icon { |
58 | margin-right: 5px; |
59 | } |
60 |
|
61 | .ssh-key-comment { |
62 | word-wrap: break-word; |
63 | } |
64 |
|
65 | .validate-email-form { |
66 | border: 1px solid black; |
67 | padding: 0px 10px; |
68 | } |
69 |
|
70 | .l-box { |
71 | padding: 1em; |
72 | } |
73 |
|
74 | .l-box-left-right { |
75 | padding: 0em 1em 0em 1em; |
76 | } |
77 |
|
78 | .l-box-lrg { |
79 | padding: 2em; |
80 | border-bottom: 1px solid rgba(0,0,0,0.1); |
81 | } |
82 |
|
83 | .s-box { |
84 | padding: 0.25em; |
85 | } |
86 |
|
87 | .s-box-left-right { |
88 | padding: 0em 0.25em 0em 0.25em; |
89 | } |
90 |
|
91 | .is-center { |
92 | text-align: center; |
93 | } |
94 |
|
95 | .alert { |
96 | border: 1px solid; |
97 | border-radius: 0.375rem; |
98 | color: black; |
99 | padding: 5px; |
100 | position: relative; |
101 | text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); |
102 | } |
103 |
|
104 | .alert-error { |
105 | background-color: var(--nord11); |
106 | } |
107 |
|
108 | .alert-info { |
109 | background-color: var(--background4); |
110 | } |
111 |
|
112 | .alert-secondary { |
113 | background-color: var(--nord15); |
114 | } |
115 |
|
116 | .alert-success { |
117 | background-color: var(--nord14); |
118 | } |
119 |
|
120 | .alert-warning { |
121 | background-color: var(--nord13); |
122 | } |
123 |
|
124 | dl.clone-links { |
125 | list-style-type: none; |
126 | list-style-position:inside; |
127 | margin: 0; |
128 | padding: 0; |
129 | } |
130 |
|
131 | dl.clone-links dt { |
132 | font-weight: bold; |
133 | } |
134 |
|
135 | .footer { |
136 | background: var(--background0); |
137 | /*position: fixed;*/ |
138 | bottom: 0; |
139 | width: 100%; |
140 | z-index: 3; |
141 | } |
142 |
|
143 | .footer .pure-menu .pure-menu-link { |
144 | color: black; |
145 | } |
146 |
|
147 | .home-menu { |
148 | text-align: center; |
149 | box-shadow: 0 1px 1px rgba(0,0,0, 0.10); |
150 | } |
151 | .home-menu { |
152 | background-color: var(--background4); |
153 | } |
154 | .home-menu .pure-menu-heading { |
155 | color: black; |
156 | font-weight: 400; |
157 | font-size: 120%; |
158 | } |
159 | .home-menu.pure-menu-horizontal { |
160 | padding: 0.5em 0.25em; |
161 | } |
162 | .home-menu .pure-menu-selected a { |
163 | color: black; |
164 | } |
165 | .home-menu a { |
166 | color: black; |
167 | } |
168 | .home-menu li a:hover, |
169 | .home-menu li a:focus { |
170 | background: none; |
171 | border: none; |
172 | color: black; |
173 | text-decoration: underline; |
174 | } |
175 |
|
176 | .project-summary-description { |
177 | background-color: var(--background2); |
178 | padding: 0em 0.5em 0em 0.5em; |
179 | } |
180 |
|
181 | .project-summary-description code { |
182 | word-wrap: break-word; |
183 | } |
184 |
|
185 | .repo-summary-description { |
186 | background-color: var(--background2); |
187 | padding: 0em 0.5em 0em 0.5em; |
188 | } |
189 |
|
190 | .repo-summary-description code { |
191 | word-wrap: break-word; |
192 | } |
193 |
|
194 | .account-settings-description { |
195 | background-color: var(--background2); |
196 | padding: 0em 0.5em 0em 0.5em; |
197 | } |
198 |
|
199 | .label-description { |
200 | margin: auto; |
201 | overflow: overlay; |
202 | padding: 0 0.25em; |
203 | vertical-align: middle; |
204 | } |
205 |
|
206 | .label-icon { |
207 | margin: auto; |
208 | padding: 0.25em 0 0 0; |
209 | } |
210 |
|
211 | .label-name { |
212 | margin: auto; |
213 | overflow: overlay; |
214 | padding: 0 0.5em; |
215 | vertical-align: middle; |
216 | } |
217 |
|
218 | .milestone-closed { |
219 | color: var(--nord3); |
220 | text-decoration: line-through; |
221 | } |
222 |
|
223 | .milestone-closed a { |
224 | color: var(--nord3); |
225 | } |
226 |
|
227 | .milestone-description { |
228 | margin: auto; |
229 | overflow: overlay; |
230 | padding: 0 0.25em; |
231 | vertical-align: middle; |
232 | } |
233 |
|
234 | .milestone-icon { |
235 | margin: auto; |
236 | padding: 0.25em 0 0 0; |
237 | } |
238 |
|
239 | .milestone-sidebar { |
240 | background: var(--background2); |
241 | line-height: 1.5em; |
242 | word-break: break-word; |
243 | } |
244 |
|
245 | .milestone-title { |
246 | margin: auto; |
247 | overflow: overlay; |
248 | padding: 0 0.25em; |
249 | vertical-align: middle; |
250 | } |
251 |
|
252 | .organisation-delete-form { |
253 | border: 1px solid black; |
254 | padding: 0px 10px; |
255 | } |
256 |
|
257 | .overview-latest-changes { |
258 | font-size: 85%; |
259 | } |
260 |
|
261 | .patch { |
262 | background-color: var(--background2); |
263 | margin: 0em 0em 1em 0em; |
264 | padding: 0em 0.25em 0em 0.25em; |
265 | } |
266 |
|
267 | .patch-summary-added, .patch-summary-added-details { |
268 | font-size: 0.8em; |
269 | } |
270 |
|
271 | .patch-summary-added-details ul { |
272 | list-style: none; |
273 | padding-inline-start: 1em; |
274 | } |
275 |
|
276 | .patch-summary-added-details ul li:before { |
277 | content: "+ "; |
278 | font-weight: bold; |
279 | } |
280 |
|
281 | .patch-summary-modified, .patch-summary-modified-details { |
282 | font-size: 0.8em; |
283 | } |
284 |
|
285 | .patch-summary-modified-details ul { |
286 | list-style: none; |
287 | padding-inline-start: 1em; |
288 | } |
289 |
|
290 | .patch-summary-modified-details ul li:before { |
291 | content: "~ "; |
292 | font-weight: bold; |
293 | } |
294 |
|
295 | .patch-summary-removed, .patch-summary-removed-details { |
296 | font-size: 0.8em; |
297 | } |
298 |
|
299 | .patch-summary-removed-details ul { |
300 | list-style: none; |
301 | padding-inline-start: 1em; |
302 | } |
303 |
|
304 | .patch-summary-removed-details ul li:before { |
305 | content: "- "; |
306 | font-weight: bold; |
307 | } |
308 |
|
309 | .pure-button { |
310 | background-color: var(--background2); |
311 | color: black; |
312 | } |
313 |
|
314 | .pure-button-primary { |
315 | background-color: var(--background2); |
316 | } |
317 |
|
318 | .pure-button-secondary { |
319 | background-color: var(--background2); |
320 | } |
321 |
|
322 | .pure-button-success { |
323 | background-color: var(--nord14); |
324 | } |
325 |
|
326 | .pure-button-warning { |
327 | background-color: var(--nord13); |
328 | } |
329 |
|
330 | .pure-img-responsive { |
331 | max-width: 100%; |
332 | height: auto; |
333 | } |
334 |
|
335 | .pure-menu-link { |
336 | color: black; |
337 | } |
338 |
|
339 | .pure-menu-active > .pure-menu-link, .pure-menu-link:focus, .pure-menu-link:hover { |
340 | background-color: var(--background2); |
341 | color: black; |
342 | } |
343 |
|
344 | .pure-table { |
345 | border: 1px solid var(--background2); |
346 | } |
347 |
|
348 | .pure-table thead { |
349 | background-color: var(--background4); |
350 | color: black; |
351 | } |
352 |
|
353 | .pure-table td, .pure-table th { |
354 | border-left: 1px solid var(--background2); |
355 | } |
356 |
|
357 | .pure-table-horizontal td, .pure-table-horizontal th { |
358 | border-bottom: 1px solid var(--background2); |
359 | } |
360 |
|
361 | .ticket-buttons { |
362 | margin-bottom: 0.5em; |
363 | } |
364 |
|
365 | .ticket-resolved .ticket-number { |
366 | color: var(--nord3); |
367 | text-decoration: line-through; |
368 | } |
369 |
|
370 | .ticket-resolved a.ticket-title { |
371 | color: var(--nord3); |
372 | } |
373 |
|
374 | .ticket-sidebar { |
375 | background: var(--background2); |
376 | line-height: 1.5em; |
377 | word-break: break-word; |
378 | } |
379 |
|
380 | .todo-default { |
381 | background-color: var(--nord15); |
382 | } |
383 |
|
384 | .todo-default:hover { |
385 | background-color: transparent; |
386 | } |
387 |
|
388 | .todo-error { |
389 | background-color: var(--nord11); |
390 | } |
391 |
|
392 | .todo-error:hover { |
393 | background-color: transparent; |
394 | } |
395 |
|
396 | .todo-info { |
397 | background-color: var(--nord14); |
398 | } |
399 |
|
400 | .todo-info:hover { |
401 | background-color: transparent; |
402 | } |
403 |
|
404 | .todo-warning { |
405 | background-color: var(--nord13); |
406 | } |
407 |
|
408 | .todo-warning:hover { |
409 | background-color: transparent; |
410 | } |
411 |
|
412 | pre.latest-changes { |
413 | overflow-x: auto; |
414 | overflow-y: hidden; |
415 | white-space: pre-wrap; |
416 | white-space: -moz-pre-wrap; |
417 | white-space: -pre-wrap; |
418 | white-space: -o-pre-wrap; |
419 | word-wrap: break-word; |
420 | } |
421 |
|
422 | pre.repository-file-content { |
423 | display: block; |
424 | overflow-x: auto; |
425 | padding: 0.5em; |
426 | color: black; |
427 | background: var(--background2) none repeat scroll 0% 0%; |
428 | } |
429 |
|
430 | pre.repository-patch-content { |
431 | background: var(--background2) none repeat scroll 0% 0%; |
432 | color: black; |
433 | display: block; |
434 | overflow-x: auto; |
435 | padding: 0.5em; |
436 | } |
437 |
|
438 | code { |
439 | word-wrap: normal; |
440 | background: none; |
441 | font-size: 95%; |
442 | padding: 0; |
443 | } |
444 |
|
445 | code.code-line { |
446 | white-space: pre-wrap; |
447 | word-break: break-all; |
448 | word-wrap: break-word; |
449 | } |
450 |
|
451 | tbody.repository-file-content { |
452 | color: black; |
453 | background: var(--background2) none repeat scroll 0% 0%; |
454 | } |
455 |
|
456 | .repository-markdown-file-content code { |
457 | background: var(--background2); |
458 | white-space: pre-wrap; |
459 | word-break: break-all; |
460 | word-wrap: break-word; |
461 | } |
462 |
|
463 | .repository-markdown-file-content pre { |
464 | background: var(--background2); |
465 | padding: 0.25em 0.5em; |
466 | } |
467 |
|
468 | td.code-line { |
469 | padding: 0.1em 1em; |
470 | width: 100%; |
471 | } |
472 |
|
473 | td.code-line-number { |
474 | padding: 0.1em 0.25em; |
475 | text-align: right; |
476 | } |
477 |
|
478 | td.code-line-number a { |
479 | cursor: pointer; |
480 | text-decoration: none; |
481 | } |
482 |
|
483 | td.code-line-number a:hover { |
484 | cursor: pointer; |
485 | background: var(--background4); |
486 | } |
487 |
|
488 | tr.code-line { |
489 | vertical-align: top; |
490 | } |
491 |
|
492 | tr.code-line.todo-default { |
493 | background-color: var(--nord15); |
494 | } |
495 |
|
496 | tr.code-line.todo-default:hover { |
497 | background-color: transparent; |
498 | } |
499 |
|
500 | tr.code-line.todo-error { |
501 | background-color: var(--nord11); |
502 | } |
503 |
|
504 | tr.code-line.todo-error:hover { |
505 | background-color: transparent; |
506 | } |
507 |
|
508 | tr.code-line.todo-info { |
509 | background-color: var(--nord14); |
510 | } |
511 |
|
512 | tr.code-line.todo-info:hover { |
513 | background-color: transparent; |
514 | } |
515 |
|
516 | tr.code-line.todo-warning { |
517 | background-color: var(--nord13); |
518 | } |
519 |
|
520 | tr.code-line.todo-warning:hover { |
521 | background-color: transparent; |
522 | } |
523 |
|
524 | .left-floated { |
525 | float: left; |
526 | } |
527 |
|
528 | .right-floated { |
529 | float: right; |
530 | } |
531 |
|
532 | .clearfix { |
533 | clear: both; |
534 | } |
535 |
|
536 | @media (min-width: 48em) { |
537 |
|
538 | /* We increase the body font size */ |
539 | body { |
540 | font-size: 16px; |
541 | } |
542 |
|
543 | /* We can align the menu header to the left, but float the |
544 | menu items to the right. */ |
545 | .home-menu { |
546 | text-align: left; |
547 | } |
548 | .home-menu ul { |
549 | float: right; |
550 | } |
551 |
|
552 | /* We increase the height of the splash-container */ |
553 | /* .splash-container { |
554 | height: 500px; |
555 | }*/ |
556 |
|
557 | /* We decrease the width of the .splash, since we have more width |
558 | to work with */ |
559 | .splash { |
560 | width: 50%; |
561 | height: 50%; |
562 | } |
563 |
|
564 | .splash-head { |
565 | font-size: 250%; |
566 | } |
567 |
|
568 |
|
569 | /* We remove the border-separator assigned to .l-box-lrg */ |
570 | .l-box-lrg { |
571 | border: none; |
572 | } |
573 |
|
574 | } |