Project

General

Profile

1
:root {
2
    --portal-main-color: #yellow;
3
    --portal-main-contrast: white;
4
    --portal-dark-color: #black;
5

    
6
    --openaire-main-color: #26257F;
7

    
8
    --explore-portal-color: #f25f30;
9
    --provide-portal-color: #28beff;
10
    --monitor-portal-color: #8bcc00;
11
    --connect-portal-color: #ffc800;
12
    --develop-portal-color: #d13f96;
13
}
14

    
15
.custom-footer {
16
  position: relative;
17
  bottom: 0;
18
  width: 100%;
19
}
20
#tm-main {
21
    min-height: 80vh;
22
}
23
.custom-external {
24
    background: rgba(0, 0, 0, 0) url("./external-link.svg") no-repeat scroll left 10%;
25
    min-height: 15px;
26
    background-size: 15px 15px;
27
    padding-left: 16px;
28
}
29
h2 .custom-external {
30
     min-height: 20px;
31
    background-size: 20px 20px;
32
    padding-left: 21px;
33
    background: rgba(0, 0, 0, 0) url("./external-link.svg") no-repeat scroll left center;
34

    
35
}
36

    
37
.pseudo-external{
38
  padding-left: 16px;
39
  margin-bottom: 5px;
40
}
41

    
42
.custom-navbar-toggle-icon, .custom-user-mini-panel{
43
  color:#444 !important
44
}
45
.custom-user-mini-panel a{
46
  color:rgb(36, 91, 204);
47
}
48
.custom-main-content{
49
  min-height: 550px;
50
}
51

    
52
.custom-autocomplete .uk-nav-autocomplete > li > a:hover {
53
    background: #00a8e6 none repeat scroll 0 0;
54
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05) inset;
55
    color: #FFF;
56
    outline: medium none;
57
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
58
}
59

    
60
.custom-autocomplete .uk-nav-navbar > li > a {
61
    color: #444;
62
}
63
.custom-description-list-horizontal{ line-height:200%}
64
.uk-alert-default {
65
  background: #fff none repeat scroll 0 0;
66
    border: 1px solid #ddd;
67
    border-radius: 4px;
68
    color: #444;
69
    height: 30px;
70
    max-width: 100%;
71
    padding: 4px 6px;
72

    
73
}
74
.custom-hidden-dropdown-menu {position:static !important;}
75
.searchFilterBoxValues {overflow:auto; max-height:200px; }
76
.selected-filters-box {margin:5px; background-color:#F8F8F8; }
77
.search-form {margin:5px;  }
78
.clickable { cursor:pointer; }
79
.search-filters .uk-accordion-title{
80
  font-size: 14px;
81
  line-height: 18px;
82
}
83
.search-results {
84
  min-height: 1100px;
85
}
86
.searchPaging {
87
  min-height: 46px;
88
}
89
.helper-left-right {
90
  margin-top: 75px;
91
  max-width: 20%;
92
}
93

    
94
.errors-in-searchTableView{
95
  margin-top: 75px;
96
}
97

    
98
@media (min-width: 960px) {
99
    .float-children-right-at-medium > * {
100
        float: right;
101
    }
102
}
103

    
104
@media (max-width: 959px) {
105
  .margin-small-top-at-small  {
106
    margin-top: 10px !important;
107
  }
108
}
109

    
110
.other-results {
111
  min-height: 300px;
112
}
113

    
114
/* "OPEN SOURCE" INCLUDED */
115
.OPEN, .OPENSOURCE{
116
    background: rgba(0, 0, 0, 0) url("./unlock.svg") no-repeat scroll right top;
117
    padding-right: 25px;
118
    min-height: 20px;
119
    background-size: 20px 20px;
120
    font-weight: 400;
121
    text-transform: none;
122
}
123

    
124

    
125
.EMBARGO, .CLOSED, .RESTRICTED {
126
    background: rgba(0, 0, 0, 0) url("./lock.svg") no-repeat scroll right top;
127
    padding-right: 25px;
128
    min-height: 20px;
129
    background-size: 20px 20px;
130
    font-weight: 400;
131
    text-transform: none;
132
}
133

    
134
.UNKNOWN {
135

    
136
    background: rgba(0, 0, 0, 0) url("./question.svg") no-repeat scroll right top;
137
    padding-right: 25px;
138
    min-height: 20px;
139
    background-size: 20px 20px;
140
    font-weight: 400;
141
    text-transform: none;
142

    
143
}
144

    
145
.sc39 {
146
    background: rgba(0, 0, 0, 0) url("./sc39.png") no-repeat scroll right center;
147
    padding-right: 24px;
148
}
149

    
150
.projectIcon {
151
    display: inline-table;
152
}
153

    
154
.dateFilter .mydp{
155
  margin-top:5px;
156
}
157

    
158

    
159
/*.tooltip {
160
    max-width: none;
161
    background: rgba(100, 100, 100, 1);
162
}*/
163
.tooltip-custom-font-size {
164
    font-size: 120%;
165
}
166

    
167
.custom-select-mini{
168
  max-width:170px !important;
169
}
170
.custom-icon {
171
    line-height: unset;
172
}
173
/*.custom-tab-content-large{
174
    min-height: 800px;
175
}
176
 */
177
.custom-tab-content {
178
    min-height: 250px;
179
}
180

    
181
.custom-dataTable-content {
182
    min-height: 600px;
183
}
184

    
185
.custom-html-table-height {
186
  height: 500px;
187
}
188

    
189

    
190

    
191

    
192
.filterItem span {
193
display: inline-flex;
194
}
195
.filterItem .filterName {
196
max-width: 71%;
197

    
198
}
199
.browseFilters .filterItem .filterName {
200
max-width: 68%;
201
}
202

    
203
.filterItem .filterNumber {
204
width: 20%;
205
}
206
.filterItem span {
207

    
208
white-space: nowrap;
209
}
210
.browseFilters .filterItem span div {
211
  /*min-width: 45px;*/
212
}
213
.filterItem span div {
214
overflow: hidden;
215
text-overflow: ellipsis;
216
/*min-width: 81px;*/
217
}
218
.filterItem{
219
  margin-bottom: 5px !important;
220
}
221

    
222
.browseFilters{
223
overflow-y: auto;
224
overflow-x: hidden;
225
max-height:265px;
226
}
227

    
228

    
229

    
230
.custom-offcanvas-close {
231
    position: relative;
232
    right: 0;
233
    top: 0;
234
}
235
/* .uk-link{
236
  color: #292C3D !important;
237
} */
238
.uk-breadcrumb > :last-child > * {
239
    color:#cbcbcb !important;
240
}
241
.uk-breadcrumb .uk-active a{
242
    color: #767779  !important;
243
}
244

    
245
.publicationTitleIcon {
246
  background: url("./publication.png") no-repeat;
247
}
248
.datasetTitleIcon {
249
  background: url("./dataset.png") no-repeat;
250
}
251
.projectTitleIcon {
252
  background: url("./project.png") no-repeat;
253
}
254
.organizationTitleIcon {
255
  background: url("./organization.png") no-repeat;
256
}
257
.datasourceTitleIcon {
258
  background: url("./datasource.png") no-repeat;
259
}
260
.entityTitleIcon{
261
  background-repeat: :no-repeat;
262
  content: '';
263
  display: inline-block;
264
  height: 36px;
265
  width: 42px;
266
  vertical-align: middle;
267
}
268
.entityIcon{
269
  height: 15px;
270
  width: 20px;
271

    
272
}
273
/*.uk-tab{
274
  border-bottom: 1px #cbcbcb solid;
275
}*/
276

    
277

    
278
.label-blue, .label-compatibility {
279
 background:#d4f3ff;
280
 color:#00a0de
281
}
282
.label-green, .label-openaccessmandate {
283
 background:#d1f6e8;
284
 color:#01a566
285
}
286
.label-yellow, .label-underCuration {
287
 background:#fef5d2;
288
 color:#cca607
289
}
290
.label-red, .label-funder {
291
 background:#fef0ef;
292
 color:#f54f43
293
}
294
.label-grey, .label-language{
295
  background: #f8f8f8;
296
  color: #666;
297
}
298
.label-country {
299
  background : #d4f3ff;
300
  color: #00a0de;
301
}
302
.label-orange, .label-sc39{
303
  background: #fef5d2;
304
  color: #f0506e;
305
}
306

    
307
.label-OPEN, .label-OPENSOURCE, .label-open {
308
background: #F25F2F;
309
color: #fff;
310
}
311
.label-CLOSED, .label-EMBARGO, .label-RESTRICTED, .label-closed {
312
  background: #0F0F0F;
313
  color: #fff
314
}
315

    
316
.label-publication{
317
   background: #4687E6;
318
   color: #fff
319
 }
320
.label-dataset{
321
  background: #1e906c;
322
  color: #fff
323
}
324
.label-software{
325
  background: #b737ff;
326
  color: #fff
327
}
328
.label-orp, .label-other{
329
  background: #f54f43;
330
  color: #414141 !important;
331
}
332

    
333
.label-project
334
{ background: #d0307f;
335
color: #fff}
336

    
337
.label-dataprovider
338
{ background: #00a0de;
339
color: #fff}
340

    
341
.label-organization
342
{ background: #fbcd0d;
343
color: #414141}
344

    
345

    
346

    
347
.uk-tab {
348
	display: -ms-flexbox;
349
	display: -webkit-flex;
350
	display: flex;
351
	-ms-flex-wrap: wrap;
352
	-webkit-flex-wrap: wrap;
353
	flex-wrap: wrap;
354
	margin-left: -20px;
355
	padding: 0;
356
	list-style: none;
357
	position: relative;
358
}
359
.uk-tab::before {
360
    content: "";
361
    position: absolute;
362
    bottom: 0;
363
    left: 20px;
364
    right: 0;
365
    border-bottom: 1px solid #e5e5e5;
366
}
367
.uk-tab-left::before {
368
    border-bottom: none !important;
369
}
370

    
371

    
372
.searchForm, .generalSearchForm{
373
  background: url('./search_general.jpg'); box-sizing: border-box; height: 320px;
374
}
375
.publicationsSearchForm{
376
  background: url('./search_pubs_1.jpg'); box-sizing: border-box; height: 320px;
377
}
378
.projectsSearchForm, .projectsTableSearchForm{
379
  background: url('./projects_search.jpg'); box-sizing: border-box; height: 320px;
380
}
381
.organizationsSearchForm{
382
  background: url('./search_organizations.jpg'); box-sizing: border-box; height: 320px;
383
}
384
.datasetsSearchForm{
385
  background: url('./search_data.jpg'); box-sizing: border-box; height: 320px;
386
}
387
.softwareSearchForm{
388
  background: url('./search_software.jpg'); box-sizing: border-box; height: 320px;
389
}
390
.orpsSearchForm{
391
  background: url('./search_other.jpg'); box-sizing: border-box; height: 320px;
392
}
393
.datasourcesSearchForm,  .compatibleDatasourcesSearchForm, .compatibleDatasourcesTableSearchForm, .datasourcesTableSearchForm{
394
  background: url('./providers_search.jpg'); box-sizing: border-box; height: 320px;
395
}
396
 .journalsSearchForm, .journalsTableSearchForm{
397
  background: url('./search_journals.jpg'); box-sizing: border-box; height: 320px;
398
}
399
.entityRegistriesSearchForm, .entityRegistriesTableSearchForm {
400
  background: url('./search_registries.jpg'); box-sizing: border-box; height: 320px;
401
}
402

    
403
.divider-table tbody td, .uk-table th {
404
    border-bottom: 1px solid #E5E5E5;
405
  }
406

    
407
  #feedback {
408
  	float: left;
409
  	position: fixed;
410
  	top: calc(50% - 47px);
411
  	right: 0;
412
    z-index: 100;
413
    display: block;
414

    
415
  }
416

    
417
  #feedback a {
418
  	background: #666 !important;
419
  	border-radius: 5px 0 0 5px;
420
  	box-shadow:none;
421
  	border: none!important;
422
  	display: block;
423
  	padding: 20px 12px;
424
  	transition: all .2s ease-in-out;
425
    opacity:0.5;
426

    
427
  }
428

    
429
  #feedback a:hover {
430
  	padding-right: 20px;
431
  }
432

    
433
.descriptionText{
434
  /* Padding-left: 25px !important;
435
  Border-left: 10px solid #fafafa; */
436
  display: inline-block;
437
          position: relative;
438
          top: calc(-0.1 * 1em);
439
          vertical-align: middle;
440
          margin-right: 10px;
441
          /* border-left: 8px solid #e5e5e5; */
442
          margin-top: 8px;
443

    
444
}
445

    
446

    
447
/*
448
li span {
449
  display: inline-flex;
450
}
451

    
452
.item span {
453
  width: 100px;
454
  margin-left: 1em;
455
  white-space: nowrap;
456
}
457

    
458
.item span div {
459
  overflow: hidden;
460
  text-overflow: ellipsis;
461
}*/
462

    
463
.custom-offcanvas-bar{
464
  background: grey !important;
465
  width:100% !important;
466

    
467
}
468
.custom-offcanvas-bar .filtersModal{
469
  color:grey !important;
470

    
471
}
472
.list-horizontal{
473
  display: flex;
474
  }
475
.list-horizontal span{
476
  margin-right:5px;
477
  padding-left: 0px !important;
478

    
479
}
480
.list-horizontal-line span {
481
  margin-right: 5px;
482
  border-right: 1px solid #f1f1f1;
483
  padding-right: 5px;
484

    
485
}
486

    
487
.list-horizontal-line > span:last-child {
488
  border-right:none;
489
}
490
body {
491
  font-family: Raleway, Arial, sans-serif !important;
492
}
493
html {
494
  color: #444 !important;
495
}
496

    
497
h2, h4{
498
    font-weight: 400;
499
    text-transform: none;
500
}
501
.linkdropdown{
502
  min-width:250px;
503
}
504
.uk-button-action{
505
   background-color: #D6352B;
506
   color: #fff
507
}
508
.uk-pagination>.uk-active>* {
509
  color: #fff !important;
510
  background-color: #296EE9 !important;
511

    
512
}
513
.uk-pagination>*>* {
514
  color:#666 !important;
515
}
516
h2, .uk-h2{
517
  font-size:28px !important;
518
}
519
.app-box {
520
  border: #e5e5e5 solid 1px;
521
}
522

    
523
.uk-subnav-line li:hover .home-icon  svg  #home{
524
   fill: #05007A !important;
525

    
526
}
527
 svg  #home{
528
   fill: white !important;
529

    
530
}
531
.tm-toolbar .uk-subnav-line li a:hover, .tm-toolbar .uk-subnav-line li:hover a{
532
  display: block;
533
  color: #d4d4d4 !important;
534
}
535

    
536
.tm-toolbar .uk-subnav-line li:hover {display: block;} /* remove the others*/
537

    
538
.helper-grid>*{
539
    padding-left: 25px !important;
540
}
541
.cite-this-button{
542
  font-size: 14px;
543
  padding: 3px;
544
}
545
.link-to-button{
546
  font-size: 12px;
547
  padding: 3px;
548
}
549
.dropBasket{
550
  border-top: 1px solid #ccc;
551
  border-bottom: 1px solid #ccc;
552
}
553
.basket-title {
554

    
555
    padding-top: 20px;
556
    padding-bottom: 20px;
557
    cursor: pointer;
558

    
559
}
560
.basket-title::after {
561
    background-image: none !important;
562
}
563
.basket-badge {
564
  position: relative;
565
  right: 16px;
566
  top: -16px;
567
  text-align: center;
568
  border-radius: 90%;
569
    border-radius: 90%;
570

    
571
}
572

    
573

    
574

    
575
dd{
576
    margin-top: 10px;
577
    border-bottom: 1px solid #e8e8e8;
578
    padding-bottom: 5px;
579
}
580

    
581
dd:last-child {
582
    border-bottom: none;
583
}
584
.advancedSearchFormBackground {
585
    background-repeat: no-repeat !important;
586
    background-size: 100% 320px;
587
    height: auto !important;
588
}
589
.advancedSearchForm {
590
    /*box-shadow: 0 1px 10px #444444;*/
591
    background-color: white;
592
    border: 1px solid #ccc;
593
}
594
.advancedSearchForm .uk-icon-button {
595

    
596
    fill: #296EE9 !important;
597

    
598
}
599

    
600
.search-results li {
601

    
602
    margin-bottom: 30px !important;
603
    padding-top: 15px !important;
604

    
605
}
606

    
607
.cursor-not-allowed {
608
  cursor: not-allowed;
609
}
610

    
611
.uk-badge, .badge, a.badge {
612
    border-radius: 2px;
613
}
614
.loading-gif, .loading-gif:before, .loading-gif:after {
615
  background: url("./loading.gif") no-repeat;
616
  height: 65px;
617
  margin-left: auto;
618
  margin-right: auto;
619
  width: 65px;
620

    
621
}
622

    
623
h2, .uk-h2 {
624
    font-size: 28px !important;
625
}
626
body{
627
  line-height: 1.4;
628
  Font-size:14px;
629
  Color: #333;
630
}
631

    
632
#footer\#8 .el-link {
633

    
634
    color: #fff;
635
    font-weigth: 300;
636

    
637
}
638
.custom-article-title {
639
  font-size: 32px;
640
  Margin-bottom: 10px;
641
  font-family: 'Open Sans', sans-serif;
642
  color: #1F257B !important;
643
}
644

    
645
.custom-tab-content .uk-pagination>*>* {
646
   min-width: 20px;
647
   line-height: 1.4;
648
   font-size: 14px;
649

    
650
}
651
.box-content{
652
   border: 1px dashed #666666;
653
   margin-top: 4px;
654
   background: #EFEFEF;
655
}
656

    
657
.citation-accordion .uk-accordion-title {
658
  font-family: Raleway;
659
}
660
.uk-notification.uk-notification-top-center  {
661
    top: 45% !important;
662
}
663
.no-selected-message{
664
  background :white;
665
}
666

    
667
.textOverflowEllipsis {
668
overflow: hidden;
669
text-overflow: ellipsis;
670
white-space: nowrap;
671
}
672

    
673
.custom-accordion .uk-accordion-title{
674
    text-align: left;
675
    /* background: #f8f8fe; */
676
    padding: 4px;
677
    /* color: #3055ba !important; */
678
    font-size: 14px;
679
    text-transform: initial !important;
680
    font-weight: inherit !important;
681
    /*border-top: gray solid 1px;*/
682
    border-bottom: var(--portal-main-color) solid 1px;
683

    
684

    
685
}
686

    
687
.custom-accordion  .uk-accordion-title::after {
688
    float: none;;
689
    padding: 12px;
690
}
691

    
692
.custom-accordion{
693
  /*border: gray solid 1px;*/
694
  border-top: 0px;
695
}
696

    
697
.custom-accordion .uk-accordion-content{
698
    margin: 0px;
699
    border: #eee 1px solid;
700
    border-top: none;
701
    padding: 12px;
702
}
703
.darkBackground{
704
    background-color:rgb(0,0,0,0.5);
705
    z-index:0;
706
    color:white !important;
707
    font-family: Roboto !important;
708
}
709

    
710
.whiteText{
711
    color:white !important;
712
    font-family: Roboto !important;
713
}
714
.shadowBox{
715
 box-shadow: 0 1px 10px #444444;
716
 /*box-shadow: 0 6px 10px rgba(0,0,0,0.15);*/
717
 }
718
.icon-button-small{
719
  width:22px !important;
720
  height:22px !important;
721
  color: #666 !important;
722
  background: #f7f7fa !important;
723
}
724
.searchFilterTitle{
725

    
726
  font-weight: 500;
727
 /* border-bottom: 6px solid #9ba5b5; */
728
  background-color: var(--portal-main-color);
729
  color:var(--portal-main-contrast) !important;
730
 padding-top: 5px;
731
 padding-left: 3px;
732

    
733
}
734

    
735
.sideInfoTitle{
736

    
737
  font-weight: 500;
738
 border-bottom: 1px solid var(--portal-main-color);
739
  /* background-color: var(--portal-main-color); */
740
  /* color:var(--portal-main-contrast) !important; */
741
 padding-top: 5px;
742
 padding-left: 3px;
743

    
744
}
745
/*.linkButtonsBox{
746
  background: white !important;
747
box-shadow: 0 -3px 10px 0 rgba(0,0,0,.0785);
748
}*/
749

    
750
.uk-navbar-container {
751
    padding-top: 0px !important;
752
    padding-bottom: 0px !important;
753
}
754

    
755
.uk-input{
756
  background-color: rgba(255, 255, 255, 1.0) !important;
757
}
758
.uk-accordion > :nth-child(n+2) {
759
    border-top: 0px solid #ededed !important;
760
    margin-top: 0px !important;
761
}
762

    
763

    
764
  .uk-pagination > .uk-active > * {
765
     background-color: var(--portal-main-color) !important;
766
     border-bottom-color: var(--portal-main-color) !important;
767
 }
768

    
769
.portal-color{
770
  color: var(--portal-main-color) !important;
771
}
772
.portal-background-color{
773
  background-color: var(--portal-main-color) !important;
774
  color:var(--portal-main-contrast) !important;
775
}
776
.portal-button {
777

    
778
  background-color: var(--portal-main-color) !important;
779
  color:var(--portal-main-contrast) !important;
780
    border: 2px solid var(--portal-main-color) !important;
781
    background-image:  none !important;
782

    
783
}
784
.portal-reverse-button {
785

    
786
  background-color: white !important;
787
  color:var(--portal-main-color)  !important;
788
    border: 1px solid var(--portal-main-color) !important;
789
    background-image:  none !important;
790
    padding: 5px 10px;
791

    
792
}
793

    
794
.uk-pagination .uk-icon{
795
  color: var(--portal-main-color) !important;
796
}
797

    
798
 .search-results > li:nth-child(1) {
799

    
800
    border-top: 0px solid !important;
801
}
802
.uk-button-default{
803
color:white !important;
804
}
805
.widget-box {
806
  background: white;
807
}
(21-21/43)