project.scss 28.7 KB
Newer Older
1
@import "dropzone";
hynek's avatar
hynek committed
2
3
4
5
@import "custom_bootstrap_vars";
@import "bootstrap";


6
7
8
9
10
11
12
13
14
15
16
17
18
19
/*
 * Color encoder
 * see https://gist.github.com/keeperofkeys/45b14189f49017171a3d48f12c6ccf69
 * take a color hex string and encode the '#'
 * this is primarily needed for data uri svg color injection
 */
@function encodecolor($string) {
	@if type-of($string) == 'color' {
        $hex: str-slice(ie-hex-str($string), 4);
        $string:unquote("#{$hex}");
    }
    $string: '%23' + $string;
	@return $string;
}
hynek's avatar
hynek committed
20

21
22
23
/*
 * General
 */
hynek's avatar
hynek committed
24
25
26
27

html
{
  scroll-behavior: smooth;
28

hynek's avatar
hynek committed
29
30
}

31
body {
32
  font-size: 1rem;
33
  background-color: theme-color("content-bg");
34
  min-height: 100vh;
35
36
  padding-top: 5rem;
  padding-left: 15rem;
37
  position: relative;
38
  margin: 0;
39
40
41

}

42
43
44
45
46
47
48
49
50
51
52
a {
  text-decoration: none ;
}

a:hover
{
  text-decoration:none;
 cursor:pointer;
}


53
54
55
.lp-body {
  padding-top: 0;
  padding-left: 0;
56
57
}

58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
.infobox {
  padding: 1rem;
  z-index: 99;
  border: theme-color("primary") 1px solid;
  z-index: 200;
  background-color: theme-color("light");
  left: 80%;
  width: 19%;
  right: 1%;
  bottom: 5%;
  font-size: smaller;
}

.infobox docupage-intro {
  font-size: larger;
}

75
76
77
78
.status-badges {
  float: right;
}

79
80
81
82
83
.pubcard-header {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.2;
}
84

85
86
87
88
.toc_active {
  font-weight: 900;
}

89
90
91
92
93
94
.chars-left {
  color: theme-color("hint");
  padding-top: .3rem;
  float:right;
  font-size: smaller;
}
95

96
97
98
99
100
101
102
103
.chars-left-tags {
  color: theme-color("hint");
  padding-top: .3rem;
  padding-bottom: .3rem;
  font-size: smaller;
  text-align: right;
  width: 84%;
}
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132

.list-group-item {
  user-select: none;
}

.list-group input[type="checkbox"] {
  display: none;
}

.list-group input[type="checkbox"] + .list-group-item {
  cursor: pointer;
}

.list-group input[type="checkbox"] + .list-group-item:after {
  content: "\2713";
  color: transparent;
  font-weight: bold;
  float:right;
}

.list-group input[type="checkbox"]:checked + .list-group-item {
  color: theme-color("primary");
  font-weight: bold;
}

.list-group input[type="checkbox"]:checked + .list-group-item:after {
  color: inherit;
}

133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157

.list-group input[type="radio"] {
  display: none;
}

.list-group input[type="radio"] + .list-group-item {
  cursor: pointer;
}

.list-group input[type="radio"] + .list-group-item:after {
  content: "\2713";
  color: transparent;
  font-weight: bold;
  float:right;
}

.list-group input[type="radio"]:checked + .list-group-item {
  color: theme-color("primary");
  font-weight: bold;
}

.list-group input[type="radio"]:checked + .list-group-item:after {
  color: inherit;
}

158
159
160
161

.select-filter-caret {
  float:right;
  font-weight: 600;
hynek's avatar
hynek committed
162
163
  font-size: 0.9rem;
  padding-left: 0.5rem;
164
165
166
}

.select-header {
hynek's avatar
hynek committed
167
168
  font-size: 0.9rem;
  border-radius: calc(1rem / 3);
169
170
171
}

.select-field {
hynek's avatar
hynek committed
172
173
  font-size: 0.9rem;
  border-radius: calc(1rem / 3);
174
175
}

176
177
178
179
180
#search-field {
  border-top-left-radius: calc(1rem / 3);
  border-bottom-left-radius: calc(1rem / 3);
}

181
.search-filter-button {
hynek's avatar
hynek committed
182
  margin-bottom: calc(1rem / 3);
183
184
185
186
187
188
189
190
191
192
  text-align: left;
  font-weight: 600;
  min-height: 3rem;
}

.search-field-main {
  min-height: 3rem;
  font-size: large;
}

193
194


195
196
197
198
199
200
201
202
203
204
205
.search-filter-caret {
  float:right;
  font-weight: 600;
  font-size: medium;
}

.search-filter-check {
  float:right;
}


206
207
208
209
.data-citation {
  padding: 2rem;
}

210
.landingpage {
211
  background-color: theme-color("primary");
212
213
214
}

.lp-jumbotron {
215
216
  background-color: theme-color("primary");
  color: theme-color("light");
217
218
219
220
221
222
223
224
225
226
  font-weight: 700;
  padding-top: 30vh;
}

.subtitle {
  font-size: x-large;
  font-weight: 300;
}

.bold-900	{
227
  font-weight: 900;
228
229
230
}

#lp-slogans-carousel {
231
  margin-top: 8%;
232
233
}

234
235
236
237
238
239
240
241
242
243
244
.slogan-heading {
  font-size: x-large;
  font-weight: 500;
}

.slogan-text {
  font-size: large;
  font-weight: 300;
}

.lp-width {
245
246
247
248
249
250
  right:10%;
  left:10%;
  width: 80%;
}

.lp-section {
251
252
253
254
255
  padding-top:82px;
}

.lp-left {
  padding-left:10%;
256
257
258
}

.lp-carousel-card {
259
  background-color: theme-color("transparent-light");
260
  color: theme-color("light");
261
262
263
264
265
266
  width: 100%;
}

.lp-card {
  background-color: theme-color("content-bg");
  width: 100%;
267
  margin-bottom: 2rem;
268
269
270
}

.carousel-control-prev-icon-primary {
271
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23343b86' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
272
273

 }
274

275
 .carousel-control-next-icon-primary {
276
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23343b86' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") ;
277
278
279
280
 }


.color-primary {
281
  color: theme-color("primary");
282
283
284
285
}


.color-light {
286
  color: theme-color("light");
287
288
}

289
.border-bottom-light {
290
  border-bottom: 1px solid theme-color("transparent-light");
291
}
292
293
294
295
296
297
298
299
300
301

.lp-content-top {
  min-height: 100vh; /*calc(80vh - 82px);*/
  right:0;
  left:0;
  top:0;

}

.landingpage .nav-link{
302
303
  padding-left: 2rem;
  padding-right: 2rem;
304
}
305

306
307
308
309
310
311
.navbar-dark .navbar-nav .nav-link {
  /*color: rgba(255, 255, 255, 0.5);*/
  color: theme-color("light");
}

.nav-link-light {
312
  color: theme-color("light");
313
314
315
}

.no-box-shadow {
316
317
  -webkit-box-shadow: inset -1px 0 0 theme-color("primary");
  box-shadow: inset -1px 0 0 theme-color("primary");
318
319
}

320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
.border-license-odc-by-v1-0, .border-license-odbl {
  border: 1px solid theme-color("success")!important;
};

.bg-license-odc-by-v1-0, .bg-license-odbl {
  background-color: theme-color("success");
};

.border-license-no-sharing {
  border: 1px solid theme-color("warning")!important;
}

.bg-license-no-sharing {
  background-color: theme-color("warning");
}


337
338
.navbar-brand-no-shadow {
  padding-top: 12px;
hynek's avatar
hynek committed
339
  padding-top: 0.75rem;
340
  padding-bottom: 12px;
hynek's avatar
hynek committed
341
  padding-bottom: 0.75rem;
342
343
344
345
346
  font-size: 16px;
  font-size: 1rem;
/*  -webkit-box-shadow: inset -1px 0 0 #ffffff;
  box-shadow: inset -1px 0 0 #ffffff;*/
}
347
348
349
350
/*
* nav-datasets
*/
.btn-pill {
351
  border-radius: 50em;
352
  margin-bottom: .2rem !important;
353
354
355
356
357
358
359
360
361
362
363
}

.nav-datasets {
  /*width: 100vw;
  position: relative;
  margin-left: -28vw;*/
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.nav-active {
hynek's avatar
hynek committed
364
  border-bottom: 0.2rem solid theme-color("primary");
365
366
367
368
369
370
371
}

.content-bg {
  background-color: theme-color("content-bg");
}

.badge-tag {
372
  font-size: 0.7rem;
373
374
375
376
  padding: 0.4rem;
  margin-bottom: 0.2rem;
}

377
378
379
380
381
382
383
384
385
.input-group-tags {
  width: 100%;
}

.tag-input {
  border-top-right-radius: initial;
  border-bottom-right-radius: initial;
}

386
387
388
389
.smallskip {
  margin-bottom: 1rem;
}

390
391
392
393
394
395
396
397
398
399
400
.check-mark {
  font-size: -webkit-xxx-large;
  color: theme-color("primary");
}

.check-mark-small {
  font-size: large;
  color: theme-color("primary");
  float: right;
}

401
402
403
404
.border-gray {
  border: 1px solid theme-color("border-gray");
}

405
406
407
408
409
.border-restricted {
  border-color: theme-color("danger");
}

.fileicon {
410
411
  font-size: xx-large;
  color: theme-color("primary");
412
413
}

414
415
416
/*
 * Notifications
 */
417

418
419
420
421
422
.notification textarea.form-control {
  height: 5rem;
}

.notification .form-control {
423
  width: 80%;
424
}
425

426
427
428
429
430
431
432
/*
 * Sidebar
 */

 .sidebar {
  position: fixed;
  top: 0;
433
  /*bottom: 30vh;*/
434
  left: 0;
435
436
  z-index: 100; /* Behind the top navbar */
  padding: 5rem 0 0; /* Height of top navbar */
437
  background-color: theme-color("light");
hynek's avatar
hynek committed
438
  /*box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1);*/
439
440
}

441
.sidebar-sticky {
442
  position: relative;
443
  top: 0;
444
  height: 100vh;
hynek's avatar
hynek committed
445
  padding-top: 0.5rem;
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
  bottom: 4rem;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
  }
}

.sidebar .nav-link {
  font-weight: 500;
}

.sidebar .nav-link .feather {
  margin-right: 4px;
}

.sidebar .nav-link:hover,
467
468
.sidebar .nav-link:active,
.sidebar .active .nav-link {
469
470
471
472
473
  color: theme-color("light");
  background-color: theme-color("primary");
}

.sidebar-heading {
hynek's avatar
hynek committed
474
  font-size: 0.75rem;
475
476
477
  text-transform: uppercase;
}

478
479
480
481
482
483
484
485
486
487
.sidebar-badge {
  float:right;
  margin-top: .5rem;
}

.active .sidebar-badge {
  color: theme-color("primary");
  background-color: theme-color("light");
}

488
489
490
491
.sidebar-follow {
  font-size: 85%;
}

492
493
494
495
/*
 * Comments
 */

496
497
498
499
.comment-card {
  padding-top: 1rem;
}

500
501
502
503
.comments-head {
  margin-top: 1rem;
}

504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
.comment-name {
  font-weight: 700;
}

.comment-naturaltime {
  color: theme-color("secondary");
}

.comment-date {
  color: theme-color("secondary");
}

.comment-text {
  font-size: larger;
}

520
521
522
/*
 * Comment badges
 */
523
524
525
526
527
528
529
530
531
532
533
534
.badge-deleted {
  background-color: theme-color("dark");
  color: theme-color("light");
  font-weight: 500;
}

.badge-access-request {
  background-color: theme-color("tertiary");
  color: theme-color("light");
  font-weight: 500;
}

535
536
537
538
539
540
541
542
543
544
545
546
547
548

.badge-public {
  background-color: theme-color("success");
  color: theme-color("black");
  font-weight: 500;
}

.badge-private {
  background-color: theme-color("secondary");
  color: theme-color("light");
  font-weight: 500;
}

.badge-curator {
549
  background-color: theme-color("warning");
550
551
  color: theme-color("black");
  font-weight: 500;
552
}
553

554
555
556
557
.badge-publication-request {
  background-color: theme-color("warning");
  color: theme-color("black");
  font-weight: 500;
558
559
560
561
562
563
564
565
}

.badge-permanent {
  background-color: theme-color("primary");
  color: theme-color("light");
  font-weight: 500;
}

566

567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
.badge-MO {
  background-color: theme-color("danger");
  color: theme-color("light");
  font-weight: 500;
}

.badge-RA {
  background-color: theme-color("warning");
  color: theme-color("black");
  font-weight: 500;
}

.badge-OA {
  background-color: theme-color("success");
  color: theme-color("black");
  font-weight: 500;
}
584

585
586
587
588
589
.badge-big {
  padding: 0.5rem;
  font-size: larger;
}

590
591
592
593
594
.badge-middle {
  padding: 0.3rem;
  font-size: 0.9rem;
}

595
596
597
598
/*
 * User image avatar sizes
 */

hynek's avatar
hynek committed
599
.sidebar .avatar {
600
601
  height: 5rem;
  width: 5rem;
hynek's avatar
hynek committed
602
}
603
.user-profile .avatar {
604
  height: 5rem;
605
606
}

607
608
609
.comment-add .avatar,
.media .avatar {
  height: 4rem;
610
611
}

612
613
614
.usercard .avatar,
.datasetheader .avatar,
.feedcard .avatar,
615
.pubrequest-header .avatar,
616
617
.comments-list .avatar {
  height: 2.3rem;
618
619
}

620
621
622
623
.status {
  padding-top: 1rem;
  padding-bottom: 1.5rem;
  font-weight: 700;
624
  font-size: .875rem;
625
626
}

627
.datasetheader .btn,
628
629
630
631
.usercard .btn {
  margin-right: .2rem;
}

632
633
634
/*
 * No underlining in button links
*/
635

636
637
638
639
.btn-link:hover,
.btn-link:active,
.btn-link:focus {
  text-decoration: none;
640
641
  -webkit-box-shadow: none;
  box-shadow: none;
642
643
}

644
645
646
/*
 * documenation
*/
647

648
649
650
651
652
653
654
655
656
657
658
659
660
h1, h2, h3 {
  font-weight: 500;
}

.docupage-intro {
  font-weight: 300;
  font-size: large;
}

.docucard {
  background-color: theme-color("light");
}

661
662
.docucard-header {
  background-color: theme-color("light");
663
664
}

665
666
667
668
.docucard-header .btn-link {
  text-align: left;
}

669
670
.docucard-header-active {
  background-color: theme-color("primary");
671
672
}

673
.docucard-header-active .btn-link {
674
  color: theme-color("light");
675
676
}

677
678
679
680
/*
 * tooltips
 */

681
682
683
684
.small {
  font-size: small;
}

685
.collapse-help-text {
686
  margin-top: 0.4%;
687
688
689
  position: absolute;
  z-index: 1;
  background-color: theme-color("light");
hynek's avatar
hynek committed
690
  right: 0.9rem;
691
692
693
694
  font-size: small;
  font-weight: normal;
  max-width: 19rem;
  min-width: 10rem;
hynek's avatar
hynek committed
695
  padding: 0.25rem 0.5rem;
696
697
698
699
700
701
702
703
704
705
706
  border: 1px solid theme-color("border-gray");
  -webkit-border-radius: 0.25rem;
	-moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
}

.collapse-help-text-no-form {
  margin-top: 0.4%;
  position: absolute;
  z-index: 1;
  background-color: theme-color("light");
hynek's avatar
hynek committed
707
  right: 0.9rem;
708
709
  font-size: small;
  font-weight: normal;
710
711
  max-width: 19rem;
  min-width: 10rem;
hynek's avatar
hynek committed
712
  padding: 0.25rem 0.5rem;
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
  border: 1px solid theme-color("border-gray");
  -webkit-border-radius: 0.25rem;
	-moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
}

.collapse-help-text p {
  margin-bottom: 0;
  color: theme-color("dark");
}


.help-text {
  text-align: right;
  float:right;
728
729
730
731
732
733
}

.manpage {
  text-align: right;
  float:right;
}
734
735


736
737
738
#name {
  font-weight: 700;
  font-size: large;
739
740
}

741
742
743
#indicator {
  display: none;
}
744
745


746
/*
747
 * Icons
748
749
 */

750
751
/* icons path map */
$icons: (
752
753
754
755
756
  account: '<path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z"/>',
  add-photo: '<path d="M0 0h24v24H0z" fill="none"/><path d="M3 4V1h2v3h3v2H5v3H3V6H0V4h3zm3 6V7h3V4h7l1.83 2H23v16H3V10h3zm7 9c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-3-5c0 1.66 1.34 3 3 3s3-1.34 3-3-1.34-3-3-3-3 1.34-3 3z"/>',
  camera: '<path d="M0 0h24v24H0V0z" fill="none"/><circle cx="12" cy="12" r="3"/><path d="M16.83 4L15 2H9L7.17 4H2v16h20V4h-5.17zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z"/>',
  check-mark: '<path d="M0 0h24v24H0V0z" fill="none"/><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"/>',
  close: '<path d="M0 0h24v24H0V0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/>',
757
  dashboard: '<path d="M0 0h24v24H0V0z" fill="none"/><path d="M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z"/>',
758
759
  drop-down-arrow: '<path d="M0 0h24v24H0V0z" fill="none"/><path d="M7 10l5 5 5-5H7z"/>',
  file-pdf: '<path fill="currentColor" d="M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2M10.1,11.4C10.08,11.44 9.81,13.16 8,16.09C8,16.09 4.5,17.91 5.33,19.27C6,20.35 7.65,19.23 9.07,16.59C9.07,16.59 10.89,15.95 13.31,15.77C13.31,15.77 17.17,17.5 17.7,15.66C18.22,13.8 14.64,14.22 14,14.41C14,14.41 12,13.06 11.5,11.2C11.5,11.2 12.64,7.25 10.89,7.3C9.14,7.35 9.8,10.43 10.1,11.4M10.91,12.44C10.94,12.45 11.38,13.65 12.8,14.9C12.8,14.9 10.47,15.36 9.41,15.8C9.41,15.8 10.41,14.07 10.91,12.44M14.84,15.16C15.42,15 17.17,15.31 17.1,15.64C17.04,15.97 14.84,15.16 14.84,15.16M7.77,17C7.24,18.24 6.33,19 6.1,19C5.87,19 6.8,17.4 7.77,17M10.91,10.07C10.91,10 10.55,7.87 10.91,7.92C11.45,8 10.91,10 10.91,10.07Z" />',
760
  follow: '<path d="M22 6H12l-2-2H2v16h20V6zm-4.06 11L15 15.28 12.06 17l.78-3.33-2.59-2.24 3.41-.29L15 8l1.34 3.14 3.41.29-2.59 2.24.78 3.33z"/>',
761
762
763
  /* for DSA, maybe rename */
  gavel: '<path d="M0 0h24v24H0V0z" fill="none"/><path d="M1 21h12v2H1v-2zM5.24 8.07l2.83-2.83 14.14 14.14-2.83 2.83L5.24 8.07zM12.32 1l5.66 5.66-2.83 2.83-5.66-5.66L12.32 1zM3.83 9.48l5.66 5.66-2.83 2.83L1 12.31l2.83-2.83z"/>',
  glasses: '<path fill="currentColor" d="M3,10C2.76,10 2.55,10.09 2.41,10.25C2.27,10.4 2.21,10.62 2.24,10.86L2.74,13.85C2.82,14.5 3.4,15 4,15H7C7.64,15 8.36,14.44 8.5,13.82L9.56,10.63C9.6,10.5 9.57,10.31 9.5,10.19C9.39,10.07 9.22,10 9,10H3M7,17H4C2.38,17 0.96,15.74 0.76,14.14L0.26,11.15C0.15,10.3 0.39,9.5 0.91,8.92C1.43,8.34 2.19,8 3,8H9C9.83,8 10.58,8.35 11.06,8.96C11.17,9.11 11.27,9.27 11.35,9.45C11.78,9.36 12.22,9.36 12.64,9.45C12.72,9.27 12.82,9.11 12.94,8.96C13.41,8.35 14.16,8 15,8H21C21.81,8 22.57,8.34 23.09,8.92C23.6,9.5 23.84,10.3 23.74,11.11L23.23,14.18C23.04,15.74 21.61,17 20,17H17C15.44,17 13.92,15.81 13.54,14.3L12.64,11.59C12.26,11.31 11.73,11.31 11.35,11.59L10.43,14.37C10.07,15.82 8.56,17 7,17M15,10C14.78,10 14.61,10.07 14.5,10.19C14.42,10.31 14.4,10.5 14.45,10.7L15.46,13.75C15.64,14.44 16.36,15 17,15H20C20.59,15 21.18,14.5 21.25,13.89L21.76,10.82C21.79,10.62 21.73,10.4 21.59,10.25C21.45,10.09 21.24,10 21,10H15Z" />',
764
765
  help: '<path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"/>',
  home: '<path d="M0 0h24v24H0V0z" fill="none"/><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8h5z"/>',
766
767
768
769
  label: '<path fill="currentColor" d="M17.63,5.84C17.27,5.33 16.67,5 16,5H5A2,2 0 0,0 3,7V17A2,2 0 0,0 5,19H16C16.67,19 17.27,18.66 17.63,18.15L22,12L17.63,5.84Z" />',
  labels: '<path fill="currentColor" d="M4 19H13L11 21H4C3.5 21 2.97 20.79 2.59 20.41C2.21 20.03 2 19.5 2 19V9H4V19M17.63 5.84C17.27 5.33 16.67 5 16 5H8C6.9 5 6 5.9 6 7V15C6 16.1 6.9 17 8 17H16C16.67 17 17.27 16.66 17.63 16.15L22 11L17.63 5.84Z" />',
  list: '<g fill="none"><path d="M0 0h24v24H0V0z"/><path d="M0 0h24v24H0V0z" opacity=".87"/></g><path d="M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7zm-4 6h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z"/>',
  lock: '<path fill="currentColor" d="M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z" />',
770
  my-data: '<path d="M0 0h24v24H0V0z" fill="none"/><path d="M22 6H12l-2-2H2v16h20V6zm-3 8h-3v3h-2v-3h-3v-2h3V9h2v3h3v2z"/>',
771
  /* replace my-profile with account */
772
  my-profile: '<path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/>',
773
774
  pagination-arrow-left: '<path d="M0 0h24v24H0V0z" fill="none"/><path d="M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"/>',
  pagination-arrow-right: '<path d="M0 0h24v24H0V0z" fill="none"/><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/>',
775
  people: '<g><rect fill="none" height="24" width="24"/></g><g><g/><g><g><path d="M16.67,13.13C18.04,14.06,19,15.32,19,17v3h4v-3 C23,14.82,19.43,13.53,16.67,13.13z" fill-rule="evenodd"/></g><g><circle cx="9" cy="8" fill-rule="evenodd" r="4"/></g><g><path d="M15,12c2.21,0,4-1.79,4-4c0-2.21-1.79-4-4-4c-0.47,0-0.91,0.1-1.33,0.24 C14.5,5.27,15,6.58,15,8s-0.5,2.73-1.33,3.76C14.09,11.9,14.53,12,15,12z" fill-rule="evenodd"/></g><g><path d="M9,13c-2.67,0-8,1.34-8,4v3h16v-3C17,14.34,11.67,13,9,13z" fill-rule="evenodd"/></g></g></g>',
776
  search: '<path d="M0 0h24v24H0V0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>',
777
778
779
  shared-data: '<path d="M0 0h24v24H0V0z" fill="none"/><path d="M22 6H12l-2-2H2v16h20V6zm-7 3c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm4 8h-8v-1c0-1.33 2.67-2 4-2s4 .67 4 2v1z"/>',
);

780
781
782
783
784
785
786
787
788
789
790

/* SIDENAV ICONS */
/* general settings */
.i-nav::before, .i-nav-24::before {
  display: inline-block;
  height: 1.5rem;
  width:  1.5rem;
  position:relative;
  top: calc(1rem / 3);
}

791
@each $icon, $path in $icons {
792
  .i-nav-#{$icon}::before, .i-nav-#{$icon}-24::before {
793
794
    content: "";
    $color: encodecolor(theme-color("tertiary"));
795
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#{$color}" width="24px" height="24px">#{$path}</svg>');
796
  }
797

798
799
800
801
  .active .i-nav-#{$icon}::before,
  .i-nav-#{$icon}:hover::before, .i-nav-#{$icon}-24::before,
  .i-nav-#{$icon}-24:hover::before {
    display: inline-block;
802
803
    content: "";
    $color: encodecolor(theme-color("light"));
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#{$color}" width="24px" height="24px">#{$path}</svg>');
  }
}

$sizes: (
  sm: 1em,
  md: 1.5em,
  lg: 2em,
  xl: 3em,
);

/* GENERAL ICONS */
@each $icon, $path in $icons {
  @each $size-name, $size in $sizes {
    .i-#{$icon}-#{$size-name} {
      display: inline-block;
      content: "";
      height: $size;
      width:  $size;
      $color: encodecolor(theme-color("primary"));
824
825
826
      background-repeat: no-repeat; /** disable repeating */
      background-position: center; /** center the background image */
      background-size: contain; /** optimal background size to fit in icon */
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#{$color}" width="#{$size}" height="#{$size}">#{$path}</svg>');
    }
  }
}

/* spinner taken from https://tobiasahlin.com/spinkit/ */
@each $size-name, $size in $sizes {
  .spinner-#{$size-name} {
    width: $size;
    height: $size;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
    animation: sk-scaleout 1.0s infinite ease-in-out;
  }
}

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
860
  }
hynek's avatar
hynek committed
861
862
}

863
864
865
866
867
868
869
870


/*
 * Content
 */



871
872

#content {
hynek's avatar
hynek committed
873
  padding-top: 0.6rem;
felix.herrmann's avatar
felix.herrmann committed
874
875
  min-height: calc(90vh - 82px);
  padding-bottom: 20vh;
876
877
878
879
880
881
}

/*
* footer
*/

882
.footer {
883
  padding-top: 1rem;
884
  background-color: theme-color("light");
885
  bottom: 5;
886
  z-index: 110;
887
888
889
890
891
  position: absolute;
  right:0;
  left:0;
}

892
893
.footer-logo
{
894
  vertical-align: middle;
895
  width: auto;
896
  height: 4rem;
897
898
}

felix.herrmann's avatar
felix.herrmann committed
899
900
901
902
.footer-copyright {
  font-size: smaller;
  padding-top:.2rem;
  padding-bottom:.2rem;
903
904
}

felix.herrmann's avatar
felix.herrmann committed
905
906
907
.footer-link-list {
  margin-top: 0;
}
908

felix.herrmann's avatar
felix.herrmann committed
909
910
911
.footer-nav {
  font-size: smaller;
}
912

felix.herrmann's avatar
felix.herrmann committed
913
914
915
916
917
/*
.footer-logo-text {
  font-size: smaller;
}
*/
918

felix.herrmann's avatar
felix.herrmann committed
919
920
921
922
.list-inline-footer li {
  padding-left: .5rem;
  padding-right: 1rem;
}
923

924
925
926
927
/*
 * Navbar
 */

928
.navbar-light {
929
  background-color: theme-color("light");
930
931
 }

932
933


934
.navbar-brand {
hynek's avatar
hynek committed
935
936
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
937
938
939
940
  font-size: 1rem;
}

.navbar .form-control {
hynek's avatar
hynek committed
941
  padding: 0.75rem 1rem;
942

943
944
  border-width: 1;
  border-radius: 1;
945
  border-color: theme-color("border-gray");
946
  background-color: theme-color("light");
947
948
}

949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
/*
* Typeahead
*/

.twitter-typeahead{
  width: 80%;
}

.typeahead {
  background-color: theme-color("light");
}

.tt-menu {
  width: 85%;
  margin: 0.2rem 0;
  padding: 0.5rem 0;
  background-color: theme-color("light");
  border: 1px solid theme-color("tertiary");
}

.tt-suggestion {
  padding: 0.1rem 1rem;
}

.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: theme-color("tertiary");
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: theme-color("tertiary");

}

.tt-suggestion p {
  margin: 0;
}

989
990
991
992
993
/*
 * Utilities
 */

 .no-padding {
994
995
  padding-left: 0;
  padding-right: 0;
996
997
}

998
999
1000
.usercard {
  font-size: 1rem;
}
For faster browsing, not all history is shown. View entire blame