Project

General

Profile

1
@import "library-css/library.scss";
2

    
3
/* theme */
4
body {
5
    overflow: unset !important;
6
}
7

    
8
.custom-footer {
9
    position: relative;
10
    bottom: 0;
11
    width: 100%;
12
}
13

    
14
#tm-main {
15
    min-height: 80vh;
16
}
17

    
18
.pseudo-external {
19
    padding-left: 16px;
20
    /*margin-bottom: 5px;*/
21
}
22

    
23
.custom-navbar-toggle-icon, .custom-user-mini-panel {
24
    color: #444 !important
25
}
26

    
27
.custom-user-mini-panel a {
28
    color: rgb(36, 91, 204);
29
}
30

    
31
.custom-main-content {
32
    min-height: 550px;
33
}
34

    
35
.custom-description-list-horizontal {
36
    line-height: 200%
37
}
38

    
39
.custom-hidden-dropdown-menu {
40
    position: static !important;
41
}
42

    
43
.searchFilterBoxValues {
44
    overflow: auto;
45
    max-height: 200px;
46
}
47

    
48
.selected-filters-box {
49
    margin: 5px;
50
    background-color: #F8F8F8;
51
}
52

    
53
.search-form {
54
    margin: 5px;
55
}
56

    
57
.clickable {
58
    cursor: pointer;
59
    user-select: none;
60
}
61

    
62
.helper-left-right {
63
    /* margin-top: 75px; */
64
    max-width: 20%;
65
}
66

    
67
.errors-in-searchTableView {
68
    margin-top: 75px;
69
}
70

    
71
.sc39 {
72
    background: rgba(0, 0, 0, 0) url("./sc39.png") no-repeat scroll right center;
73
    padding-right: 24px;
74
}
75

    
76
.projectIcon {
77
    display: inline-table;
78
}
79

    
80
.tooltip-custom-font-size {
81
    font-size: 120%;
82
}
83

    
84
/* theme */
85
.uk-tooltip {
86
    background: #666;
87
}
88

    
89
.custom-select-mini {
90
    max-width: 170px !important;
91
}
92

    
93
/*.custom-tab-content-large{
94
    min-height: 800px;
95
}
96
 */
97
.custom-tab-content {
98
    min-height: 250px;
99
}
100

    
101
.custom-dataTable-content {
102
    min-height: 600px;
103
}
104

    
105
.custom-html-table-height {
106
    height: 500px;
107
}
108

    
109
.browseFilters {
110
    overflow-y: auto;
111
    overflow-x: hidden;
112
    max-height: 265px;
113
}
114

    
115

    
116
.custom-offcanvas-close {
117
    position: relative;
118
    right: 0;
119
    top: 0;
120
}
121

    
122
.entityTitleIcon {
123
    background-repeat: no-repeat;
124
    content: '';
125
    display: inline-block;
126
    height: 36px;
127
    width: 42px;
128
    vertical-align: middle;
129
}
130

    
131
.entityIcon {
132
    height: 15px;
133
    width: 20px;
134

    
135
}
136

    
137
/* theme */
138
.uk-tab {
139
    display: -ms-flexbox;
140
    display: -webkit-flex;
141
    display: flex;
142
    -ms-flex-wrap: wrap;
143
    -webkit-flex-wrap: wrap;
144
    flex-wrap: wrap;
145
    margin-left: -20px;
146
    padding: 0;
147
    list-style: none;
148
    position: relative;
149
}
150

    
151
/* theme */
152
.uk-tab::before {
153
    content: "";
154
    position: absolute;
155
    bottom: 0;
156
    left: 20px;
157
    right: 0;
158
    border-bottom: 1px solid #e5e5e5;
159
}
160

    
161
/* theme */
162
.uk-tab-left::before {
163
    border-bottom: none !important;
164
}
165

    
166

    
167
.searchForm, .generalSearchForm {
168
    box-sizing: border-box;
169
    height: 320px;
170
}
171

    
172
.publicationsSearchForm {
173
    box-sizing: border-box;
174
    height: 320px;
175
}
176

    
177
.projectsSearchForm, .projectsTableSearchForm {
178
    box-sizing: border-box;
179
    height: 320px;
180
}
181

    
182
.organizationsSearchForm {
183
    box-sizing: border-box;
184
    height: 320px;
185
}
186

    
187
.datasetsSearchForm {
188
    box-sizing: border-box;
189
    height: 320px;
190
}
191

    
192
.softwareSearchForm {
193
    box-sizing: border-box;
194
    height: 320px;
195
}
196

    
197
.orpsSearchForm {
198
    box-sizing: border-box;
199
    height: 320px;
200
}
201

    
202
.datasourcesSearchForm, .compatibleDatasourcesSearchForm, .compatibleDatasourcesTableSearchForm, .datasourcesTableSearchForm {
203
    box-sizing: border-box;
204
    height: 320px;
205
}
206

    
207
.journalsSearchForm, .journalsTableSearchForm {
208
    box-sizing: border-box;
209
    height: 320px;
210
}
211

    
212
.entityRegistriesSearchForm, .entityRegistriesTableSearchForm {
213
    box-sizing: border-box;
214
    height: 320px;
215
}
216

    
217
.divider-table tbody td, .uk-table th {
218
    border-bottom: 1px solid #E5E5E5;
219
}
220

    
221
.descriptionText {
222
    /* Padding-left: 25px !important;
223
    Border-left: 10px solid #fafafa; */
224
    display: inline-block;
225
    position: relative;
226
    top: calc(-0.1 * 1em);
227
    vertical-align: middle;
228
    margin-right: 10px;
229
    /* border-left: 8px solid #e5e5e5; */
230
    margin-top: 8px;
231
    color: #666666 !important;
232
    line-height: 22px !important;
233

    
234
}
235

    
236

    
237
.custom-offcanvas-bar {
238
    background: grey !important;
239
    width: 100% !important;
240

    
241
}
242

    
243
.custom-offcanvas-bar .filtersModal {
244
    color: grey !important;
245

    
246
}
247

    
248
.list-horizontal {
249
    display: flex;
250
}
251

    
252
.list-horizontal span {
253
    margin-right: 5px;
254
    padding-left: 0px !important;
255

    
256
}
257

    
258
.list-horizontal-line span {
259
    margin-right: 5px;
260
    border-right: 1px solid #f1f1f1;
261
    padding-right: 5px;
262

    
263
}
264

    
265
.list-horizontal-line > span:last-child {
266
    border-right: none;
267
}
268

    
269
h2, h4 {
270
    text-transform: none !important;
271
}
272

    
273
.linkdropdown {
274
    min-width: 250px;
275
}
276

    
277
/* theme */
278
.uk-button-action {
279
    background-color: #D6352B;
280
    color: #fff
281
}
282

    
283
/* h2, .uk-h2{
284
  font-size:28px !important;
285
} */
286
.app-box {
287
    border: #DFDFF0 solid 1px;
288
    background-color: #FAFBFF;
289
}
290

    
291
ul.user-actions > li{
292
    margin-bottom: 10px;
293
}
294

    
295
/* theme */
296
.uk-subnav-line li:hover .home-icon svg #home {
297
    fill: #05007A !important;
298

    
299
}
300

    
301
svg #home {
302
    fill: white !important;
303

    
304
}
305

    
306
.tm-toolbar .uk-subnav-line li a:hover, .tm-toolbar .uk-subnav-line li:hover a {
307
    display: block;
308
    color: #d4d4d4 !important;
309
}
310

    
311
.tm-toolbar .uk-subnav-line li:hover {
312
    display: block;
313
}
314

    
315
/* remove the others*/
316

    
317
.helper-grid > * {
318
    padding-left: 25px !important;
319
}
320

    
321
.cite-this-button {
322
    font-size: 14px;
323
    padding: 3px;
324
}
325

    
326
.link-to-button {
327
    font-size: 12px;
328
    padding: 3px;
329
}
330

    
331
.dropBasket {
332
    border-top: 1px solid #ccc;
333
    border-bottom: 1px solid #ccc;
334
}
335

    
336
.basket-title {
337

    
338
    padding-top: 20px;
339
    padding-bottom: 20px;
340
    cursor: pointer;
341

    
342
}
343

    
344
.basket-title::after {
345
    background-image: none !important;
346
}
347

    
348
.basket-badge {
349
    position: relative;
350
    right: 16px;
351
    top: -16px;
352
    text-align: center;
353
    border-radius: 90%;
354
    border-radius: 90%;
355

    
356
}
357

    
358

    
359
dd {
360
    margin-top: 10px;
361
    border-bottom: 1px solid #e8e8e8;
362
    padding-bottom: 5px;
363
}
364

    
365
dd:last-child {
366
    border-bottom: none;
367
}
368

    
369
.cursor-not-allowed {
370
    cursor: not-allowed !important;
371
}
372

    
373
.uk-badge, .badge, a.badge {
374
    border-radius: 2px;
375
}
376

    
377
.loading-gif, .loading-gif:before, .loading-gif:after {
378
    background: url("./loading.gif") no-repeat;
379
    height: 65px;
380
    margin-left: auto;
381
    margin-right: auto;
382
    width: 65px;
383

    
384
}
385

    
386
/* h2, .uk-h2 {
387
    font-size: 28px !important;
388
} */
389
/*body{*/
390
/*  !* line-height: 1.4; *!*/
391
/*  Font-size:14px;*/
392
/*  Color: #333;*/
393
/*}*/
394

    
395
#footer\#8 .el-link {
396

    
397
    color: #fff;
398
    font-weigth: 300;
399

    
400
}
401

    
402
.custom-article-title {
403
    font-size: 32px;
404
    Margin-bottom: 10px;
405
    font-family: 'Open Sans', sans-serif;
406
    color: #1F257B !important;
407
}
408

    
409
.custom-tab-content .uk-pagination > * > * {
410
    min-width: 20px;
411
    line-height: 1.4;
412
    font-size: 14px;
413

    
414
}
415

    
416
.box-content {
417
    border: 1px dashed #666666;
418
    margin-top: 4px;
419
    background: #EFEFEF;
420
}
421

    
422
.citation-accordion .uk-accordion-title {
423
    font-family: Raleway;
424
}
425

    
426
.uk-notification.uk-notification-top-center {
427
    top: 45% !important;
428
}
429

    
430
.no-selected-message {
431
    background: white;
432
}
433

    
434
.textOverflowEllipsis {
435
    overflow: hidden;
436
    text-overflow: ellipsis;
437
    white-space: nowrap;
438
}
439

    
440
.custom-accordion .uk-accordion-title {
441
    text-align: left;
442
    /* background: #f8f8fe; */
443
    padding: 4px;
444
    /* color: #3055ba !important; */
445
    font-size: 14px;
446
    text-transform: initial !important;
447
    font-weight: inherit !important;
448
    /*border-top: gray solid 1px;*/
449
    border-bottom: var(--portal-main-color) solid 1px;
450

    
451

    
452
}
453

    
454
.custom-accordion .uk-accordion-title::after {
455
    float: none;;
456
    padding: 12px;
457
}
458

    
459
.custom-accordion {
460
    /*border: gray solid 1px;*/
461
    border-top: 0px;
462
}
463

    
464
.custom-accordion .uk-accordion-content {
465
    margin: 0px;
466
    border: #eee 1px solid;
467
    border-top: none;
468
    padding: 12px;
469
}
470

    
471
.darkBackground {
472
    background-color: rgba(0, 0, 0, 0.5);
473
    z-index: 0;
474
    color: white !important;
475
    font-family: Roboto !important;
476
}
477

    
478
.whiteText {
479
    color: white !important;
480
    font-family: Roboto !important;
481
}
482

    
483
.shadowBox {
484
    box-shadow: 0 1px 3px #444444;
485
    /*box-shadow: 0 6px 10px rgba(0,0,0,0.15);*/
486
}
487

    
488
.icon-button-small {
489
    width: 22px !important;
490
    height: 22px !important;
491
    /*color: #666 !important;*/
492
    /*background: #f7f7fa !important;*/
493
}
494

    
495
.icon-button-small:focus:not(.portal-icon-button), .icon-button-small:hover:not(.portal-icon-button) {
496

    
497
    border-color: #666 !important;
498
}
499

    
500
/* theme */
501
.uk-navbar-container {
502
    padding-top: 0px !important;
503
    padding-bottom: 0px !important;
504
}
505

    
506
/* theme */
507
.uk-input {
508
    background-color: rgba(255, 255, 255, 1.0) !important;
509
}
510

    
511
/* theme */
512
.uk-accordion > :nth-child(n+2) {
513
    border-top: 0px solid #ededed !important;
514
    margin-top: 0px !important;
515
}
516

    
517
.widget-box {
518
    background: white;
519
}
520

    
521
.developlink {
522
    text-transform: none !important;
523
    color: #fff !important;
524
    background: var(--develop-portal-color) !important;
525
    font-weight: 600;
526
    border: 2px solid var(--develop-portal-color) !important;
527
    background-image: none !important;
528
}
529

    
530
.providelink {
531
    text-transform: none !important;
532
    color: #fff !important;
533
    background: var(--provide-portal-color) !important;
534
    font-weight: 600;
535
    border: 2px solid var(--provide-portal-color) !important;
536
    background-image: none !important;
537
}
538

    
539
.connectlink {
540
    background-color: var(--connect-portal-color) !important;
541
    font-weight: 600;
542
    color: #fff !important;
543
    border: 2px solid var(--connect-portal-color) !important;
544
    background-image: none !important;
545
}
546

    
547
.monitorlink {
548
    background-color: var(--monitor-portal-color) !important;
549
    font-weight: 600;
550
    color: #fff !important;
551
    border: 2px solid var(--monitor-portal-color) !important;
552
    background-image: none !important;
553
}
554

    
555
.explorelink {
556
    background-color: var(--explore-portal-color) !important;
557
    font-weight: 600;
558
    color: #fff !important;
559
    border: 2px solid var(--explore-portal-color) !important;
560
    background-image: none !important;
561
}
562

    
563
/* toCheck: */
564
/* embargo end date */
565
.highlight, mark {
566
    background: rgba(34, 32, 128, .5);
567
    color: #222080;
568
}
569

    
570
/* advanced autocomplete */
571
.custom-autocomplete .uk-dropdown {
572
    background: white;
573
    /* color: rgba(255,255,255,.7); */
574
}
575

    
576
.explore-heading-bullet::before {
577
    border-left-color: var(--explore-portal-color) !important;
578
}
579

    
580
.provide-heading-bullet::before {
581
    border-left-color: var(--provide-portal-color) !important;
582
}
583

    
584
.connect-heading-bullet::before {
585
    border-left-color: var(--connect-portal-color) !important;
586
}
587

    
588
.develop-heading-bullet::before {
589
    border-left-color: var(--develop-portal-color) !important;
590
}
591

    
592
.monitor-heading-bullet::before {
593
    border-left-color: var(--monitor-portal-color) !important;
594
}
595

    
596

    
597
.explore .uk-h4 {
598
    color: var(--explore-portal-color);
599
    font-weight: bold;
600
}
601

    
602
.explore .el-content {
603
    font-size: 18px;
604
}
605

    
606
.explore a {
607
    background-color: var(--explore-portal-color) !important;
608
    color: #fff !important;
609
    font-weight: bold !important;
610
    border-color: var(--explore-portal-color) !important;
611
}
612

    
613
.explore a:hover, .explore a:active, .explore a:focus {
614
    background-color: var(--explore-portal-lower-tone) !important;
615
    border-color: var(--explore-portal-lower-tone) !important;
616
}
617

    
618
.provide .uk-h4 {
619
    color: var(--provide-portal-color);
620
    font-weight: bold;
621
}
622

    
623
.provide .el-content {
624
    font-size: 18px;
625
}
626

    
627
.provide a {
628
    background-color: var(--provide-portal-color) !important;
629
    color: #fff !important;
630
    font-weight: bold !important;
631
    border-color: var(--provide-portal-color) !important;
632
}
633

    
634
.provide a:hover, .provide a:active, .provide a:focus {
635
    background-color: var(--provide-portal-lower-tone) !important;
636
    border-color: var(--provide-portal-lower-tone) !important;
637
}
638

    
639
.monitor .uk-h4 {
640
    color: var(--monitor-portal-color);
641
    font-weight: bold;
642
}
643

    
644
.monitor .el-content {
645
    font-size: 18px;
646
}
647

    
648
.monitor a {
649
    background-color: var(--monitor-portal-color) !important;
650
    color: #fff !important;
651
    font-weight: bold !important;
652
    border-color: var(--monitor-portal-color) !important;
653
}
654

    
655
.monitor a:hover, .monitor a:active, .monitor a:focus {
656
    background-color: var(--monitor-portal-lower-tone) !important;
657
    border-color: var(--monitor-portal-lower-tone) !important;
658
}
659

    
660
.connect-default-button {
661
    background-color: var(--connect-portal-color) !important;
662
    color: var(--portal-main-contrast) !important;
663
    border: 2px solid var(--connect-portal-color) !important;
664
    background-image: none !important;
665
}
666

    
667
.connect .uk-h4 {
668
    color: var(--connect-portal-color);
669
    font-weight: bold;
670
}
671

    
672
.connect .el-content {
673
    font-size: 18px;
674
}
675

    
676
.connect a {
677
    background-color: var(--connect-portal-color) !important;
678
    color: #fff !important;
679
    font-weight: bold !important;
680
    border-color: var(--connect-portal-color) !important;
681
}
682

    
683

    
684
.connect a:hover, .connect a:active, .connect a:focus {
685
    background-color: var(--connect-portal-lower-tone) !important;
686
    border-color: var(--connect-portal-lower-tone) !important;
687

    
688
}
689

    
690
.develop .uk-h4 {
691
    color: var(--develop-portal-color);
692
    font-weight: bold;
693
}
694

    
695
.develop .el-content {
696
    font-size: 18px;
697
}
698

    
699
.develop a {
700
    background-color: var(--develop-portal-color) !important;
701
    color: #fff !important;
702
    font-weight: bold !important;
703
    border-color: var(--develop-portal-color) !important;
704
}
705

    
706
.develop a:hover, .develop a:active, .develop a:focus {
707
    background-color: var(--develop-portal-lower-tone) !important;
708
    border-color: var(--develop-portal-lower-tone) !important;
709
}
710

    
711
.portal-hr {
712
    border-bottom: 1px solid var(--portal-main-color) !important;
713
    padding: 5px 0;
714
}
715

    
716
.tm-toolbar .uk-subnav-line li:hover, .tm-toolbar .uk-subnav li:hover {
717
    background: var(--portal-main-color) !important;
718
}
719

    
720
.tm-toolbar .uk-subnav-line li a:hover, .tm-toolbar .uk-subnav li a:hover, .tm-toolbar .uk-subnav-line li:hover a, .tm-toolbar .uk-subnav li:hover a {
721
    background: var(--portal-main-color) !important;
722
    color: white !important;
723
}
724

    
725
.loginLink {
726
    text-transform: uppercase !important;
727
}
728

    
729
#footer\#9 a, #footer\#11 a, #footer\#13 a {
730
    color: #dedede;
731
    line-height: 22px;
732
    padding: 2px 0;
733
}
734

    
735
#footer\#9 a:hover, #footer\#11 a:hover, #footer\#13 a:hover {
736
    color: rgba(255, 255, 255, 0.5);
737
}
738

    
739
@media all and (min-width: 640px) {
740

    
741
    #footer\#3 {
742
        margin-right: 280px;
743
    }
744

    
745
}
746

    
747
.portal-card {
748
    background-color: var(--portal-main-color);
749
    color: #fff !important;
750
}
751

    
752
.portal-card a {
753
    color: #fff !important;
754
    /*text-decoration: underline;*/
755
}
756

    
757
.portal-card a:hover {
758
    color: rgba(255, 255, 255, 0.8) !important;
759
}
760

    
761
.portalSearchCard {
762
    box-shadow: 0 1px 3px #00000029;
763
    border-radius: 2px;
764
    padding: 20px;
765
    position: relative;
766
    background-color: white;
767
}
768

    
769
.badges {
770
    position: absolute;
771
    top: 0;
772
    left: -3px;
773
    padding-left: 0 !important;
774
    width: 70px;
775
}
776

    
777
.badges .portal-card-badge {
778
    background-color: var(--portal-main-color);
779
    color: #1a1a1a !important;
780
    font-size: 10px;
781
    border-radius: 3px;
782
    padding: 2px 3px;
783
    margin-bottom: 5px;
784
}
785

    
786

    
787
.badges .private-card-badge {
788
    background-color: #A4A4A4;
789
    color: #1a1a1a !important;
790
    font-size: 10px;
791
    border-radius: 3px;
792
    padding: 2px 3px;
793
}
794

    
795
.inherit-color {
796
    color: inherit;
797
}
798

    
799
a:hover, .uk-link:hover, a.uk-link-text:hover {
800
    color: var(--portal-main-color);
801
}
802

    
803
/*linksBasket*/
804

    
805
.linksbasket {
806
    /* background-color:#F5F5F5; */
807
    border: 1px solid #DEDEDE;
808
    font-size: 12px !important;
809
    line-height: 18px;
810
    /* height:512px; */
811
}
812

    
813
.linksbaskettitles {
814
    /* height:75px; */
815
    cursor: pointer;
816
    background-color: #F5F5F5;
817
    border: 1px solid #DEDEDE;
818
}
819

    
820
.linksBasketSubtitles {
821
    font-size: 12px !important;
822
}
823

    
824
.linkInlineEntity {
825
    /* height:75px; */
826
    background-color: #A4A4A4;
827
    color: white !important;
828
    /*border: 1px solid #DEDEDE;*/
829
}
830

    
831
.linksbaskettitlesPortalColor, .linksbaskettitlesPortalColor div {
832
    background: var(--portal-main-color) !important;
833
    color: var(--portal-main-contrast) !important;
834
    border: 0 solid var(--portal-main-color) !important;
835
}
836

    
837
.contextlabelSelected, .contextlabelSelected:hover, .contextlabelSelected a, .contextlabelSelected:hover a {
838
    background-color: var(--portal-main-color) !important;
839
    color: var(--portal-main-contrast) !important;
840
    border: 0 solid var(--portal-main-color) !important;
841

    
842
}
843

    
844
.contextlabelNotSelected, .contextlabelNotSelected:hover {
845
    color: var(--portal-main-color) !important;
846
    border: 1px solid var(--portal-main-color) !important;
847
}
848

    
849
.contextlabelNotSelected a, .contextlabelNotSelected:hover a {
850
    color: var(--portal-main-color) !important;
851
}
852

    
853
.researchResultTypeSelected, .researchResultTypeNotSelected:hover {
854
    color: #fff !important;
855
    background-color: #222080 !important;
856
    border: 1px solid #222080 !important;
857
}
858

    
859
.researchResultTypeNotSelected {
860
    color: #222080 !important;
861
    background-color: #fff !important;
862
    border: 1px solid #222080 !important;
863
}
864

    
865
.fadeOut {
866
    opacity: 0.3;
867
    /* background-color: rgba(red(var(--portal-main-color)), green(var(--portal-main-color)), blue(var(--portal-main-color)), 0.3); */
868
}
869

    
870
.warningBorder {
871
    border-color: #f70;
872
}
873

    
874
.dangerBorder {
875
    border-color: #ff4000;
876
}
877

    
878
.linkingToolbar {
879
    background-color: #EDEDED;
880
}
881

    
882
.linkingToolbar .back {
883
    color: #999999 !important;
884
    cursor: pointer;
885
    -webkit-transition: color 0.3s;
886
    transition: color 0.3s;
887
}
888

    
889
.linkingToolbar .back:hover {
890
    color: #444444 !important;
891
}
892

    
893

    
894
.linkInlineEntityLabel {
895
    color: #EAEAEA;
896
    background-color: #B5B5B5;
897
    border-color: #EAEAEA;
898
}
899

    
900
textarea {
901
    resize: none;
902
}
903

    
904
.default-dropdown {
905
    background: white;
906
    max-width: 500px;
907
}
908

    
909
[class*="uk-animation-"] {
910
    animation-fill-mode: none !important;
911
}
912

    
913
.cursor-default {
914
    cursor: default;
915
}
916
.curator-photo {
917
    border: #eee 4px solid;
918
    object-fit: cover;
919
    width: 80px;
920
    height: 80px;
921
}
922

    
923
/* theme */
924
.uk-navbar {
925
    z-index: 980;
926
}
927

    
928
/* theme */
929
.uk-modal {
930
    z-index: 10000;
931
}
932

    
933
@media only screen and (min-width: 992px) {
934
    .image-front-topbar {
935
        margin-top: -130px;
936
        padding-top: 130px;
937
    }
938
}
939

    
940
/* theme */
941
/*Adding shadow to the main menu dropdowns*/
942
.uk-navbar-dropdown {
943
    box-shadow: 0 5px 12px rgba(0, 0, 0, .15);
944
}
945

    
946
.small-beta-indication {
947
    height: 60px;
948
}
949

    
950
.large-beta-indication {
951
    height: 104px;
952
    position: absolute;
953
    top: 0;
954
    left: 0;
955
    z-index: 10000;
956
}
957

    
958
.uk-navbar-sticky .beta-indication-sticky {
959
    position: fixed !important;
960
    display: block;
961

    
962
}
963

    
964
.beta-indication-sticky {
965
    height: 102px;
966
    position: fixed;
967
    top: 0;
968
    left: 0;
969
    display: none;
970
    z-index: 10000;
971
}
972

    
973
/* theme */
974
.uk-modal .uk-modal-dialog {
975
    border-radius: 4px;
976
}
977

    
978
ul.portalTabs.uk-tab > .uk-active > a, ul.portalTabs.uk-tab > * > a:focus, ul.portalTabs.uk-tab > * > a:hover {
979
    color: var(--portal-main-color) !important;
980
    border-color: var(--portal-main-color) !important;
981
    /*font-family: Roboto, sans-serif !important;*/
982
}
983

    
984
ul.portalTabs.uk-tab > .uk-active > a {
985
    font-weight: bold;
986
}
987

    
988
ul.portalTabs.uk-tab::before {
989
    /*border-bottom: 1px solid var(--portal-main-color);*/
990
}
991

    
992
/* theme */
993
.uk-input:not(.uk-form-danger), .uk-textarea:not(.uk-form-danger), .uk-select:not(.uk-form-danger) {
994
    border: 1px solid rgba(0, 0, 0, 0.40) !important;
995
}
996

    
997
.uk-input.uk-form-danger, .uk-textarea.uk-form-danger {
998
    border: 1px solid #ff4000 !important;
999
}
1000

    
1001
.uk-select {
1002
    border-bottom: 1px solid rgba(0, 0, 0, 0.40) !important;
1003
}
1004

    
1005
/* theme */
1006
.uk-text-muted {
1007
    color: #666 !important;
1008
}
1009

    
1010
/* theme */
1011
.uk-card-default {
1012
    color: #333 !important;
1013
}
1014

    
1015
/* theme */
1016
html {
1017
    color: #1d1d1d !important;
1018
}
1019

    
1020
.footer-light-background, .footer-light-background .uk-totop{
1021
    color:black;
1022
    background-color: white;
1023
}
1024
.footer-light-background a, .footer-light-background a:not(.uk-button):hover, .footer-light-background  a:not(.uk-button){
1025
    color:black;
1026
}
1027

    
1028
.footer-light-background .uk-icon-button:hover,.footer-light-background a:not(.license):hover {
1029
    color:black;
1030
    border-color:black;
1031
    text-decoration: underline;
1032
}
1033

    
1034
./*zenodoButton, .zenodoButton:hover{
1035
    background-image:linear-gradient(to right, #0F4DA1, #0078E1) ;
1036
    color: white !important;
1037
    border-color: transparent !important;
1038
    border-style: solid !important;
1039
    border-width: 1px !important;
1040
    box-shadow: 0px 4px 10px #00000029;
1041
    border-radius: 2px;
1042
    opacity: 1;
1043
}*/
1044

    
1045
.uk-text-normal{
1046
    font-weight: 400;
1047
}
1048

    
1049
/*
1050
Impact Factor -  ATHENA CODE */
1051
.popularity-A svg .a, .influence-A svg .a{
1052
    fill:#d51717;
1053
}
1054
.popularity-B  svg .a, .influence-B svg  .a {
1055
    fill: #e1920a;
1056
}
1057
.popularity-C svg  .a, .influence-C svg .a {
1058
    fill: #444;
1059
}
1060

    
1061
/*mat-select-panel*/
1062
div.cdk-overlay-container {
1063
    z-index: 10001 !important;
1064
}
1065
a.filterLabel {
1066
    color: #1d1d1d !important;
1067
}
1068
.filterLoading, .half-opacity{
1069
    opacity: 0.5;
1070
}
1071

    
1072
.result-preview-bottom a:not(:hover) {
1073
    /* same as uk-text-muted */
1074
    color: #666 !important;
1075
}
1076

    
1077
/*Chnages for Sicky Search form*/
1078
/*
1079

    
1080
#searchFormPanel.uk-sticky {
1081
    z-index: 3 !important;
1082
}
1083
#searchFormPanel.uk-sticky .searchFormMinHeight{
1084
    min-height: 100px;
1085
}
1086

    
1087

    
1088
#searchFormPanel.uk-sticky.uk-active .publicationsSearchForm{
1089
    height:220px;
1090
    !* height transition*!
1091
    transition: 0.40s;
1092
    -webkit-transition: 0.40s;
1093
    -moz-transition: 0.40s;
1094
    -ms-transition: 0.40s;
1095
    -o-transition: 0.40s;
1096
}
1097

    
1098

    
1099
#searchFormPanel.uk-sticky .publicationsSearchForm{
1100
     transition: 0.40s;
1101
    -webkit-transition: 0.40s;
1102
    -moz-transition: 0.40s;
1103
    -ms-transition: 0.40s;
1104
    -o-transition: 0.40s;
1105
}
1106
*/
1107

    
1108
/*menu transparent*/
1109
/*
1110

    
1111
#stickyNavbar.uk-active.uk-navbar-container {
1112
    background: transparent;
1113
    box-shadow: none;
1114
}
1115
*/
1116

    
1117

    
1118

    
1119
/*smaller menu bar*/
1120
/*
1121

    
1122
.navbar .brand, .navbar .nav > li > a, .navbar-search, .uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle{
1123
    min-height: 70px;
1124
}
1125

    
1126
.beta-indication-sticky {
1127
    height: 72px;q
1128
}
1129
*/
1130

    
(15-15/38)