~jan0sch/smederee

~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 }