Project

General

Profile

1
.custom-footer {
2
  position: relative;
3
  bottom: 0;
4
  width: 100%;
5
}
6
#tm-main {
7
    min-height: 80vh;
8
}
9
.custom-external {
10
    background: rgba(0, 0, 0, 0) url("./external-link.svg") no-repeat scroll left 10%;
11
    min-height: 15px;
12
    background-size: 15px 15px;
13
    padding-left: 16px;
14
}
15
h2 .custom-external {
16
     min-height: 20px;
17
    background-size: 20px 20px;
18
    padding-left: 21px;
19
    background: rgba(0, 0, 0, 0) url("./external-link.svg") no-repeat scroll left center;
20

    
21
}
22

    
23
.pseudo-external{
24
  padding-left: 16px;
25
  margin-bottom: 5px;
26
}
27

    
28
.custom-navbar-toggle-icon, .custom-user-mini-panel{
29
  color:#444 !important
30
}
31
.custom-user-mini-panel a{
32
  color:rgb(36, 91, 204);
33
}
34
.custom-main-content{
35
  min-height: 550px;
36
}
37

    
38
.custom-autocomplete .uk-nav-autocomplete > li > a:hover {
39
    background: #00a8e6 none repeat scroll 0 0;
40
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05) inset;
41
    color: #FFF;
42
    outline: medium none;
43
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
44
}
45

    
46
.custom-autocomplete .uk-nav-navbar > li > a {
47
    color: #444;
48
}
49
.custom-description-list-horizontal{ line-height:200%}
50
.uk-alert-default {
51
  background: #fff none repeat scroll 0 0;
52
    border: 1px solid #ddd;
53
    border-radius: 4px;
54
    color: #444;
55
    height: 30px;
56
    max-width: 100%;
57
    padding: 4px 6px;
58

    
59
}
60
.custom-hidden-dropdown-menu {position:static !important;}
61
.searchFilterBoxValues {overflow:auto; max-height:200px; }
62
.selected-filters-box {margin:5px; background-color:#F8F8F8; }
63
.search-form {margin:5px;  }
64
.clickable { cursor:pointer; }
65
.search-filters .uk-accordion-title{
66
  font-size: 14px;
67
  line-height: 18px;
68
}
69
.search-results {
70
  min-height: 1100px;
71
}
72
.searchPaging {
73
  min-height: 46px;
74
}
75
.helper-left-right {
76
  margin-top: 75px;
77
  max-width: 20%;
78
}
79

    
80
.errors-in-searchTableView{
81
  margin-top: 75px;
82
}
83

    
84
@media (min-width: 960px) {
85
    .float-children-right-at-medium > * {
86
        float: right;
87
    }
88
}
89

    
90
@media (max-width: 959px) {
91
  .margin-small-top-at-small  {
92
    margin-top: 10px !important;
93
  }
94
}
95

    
96
.other-results {
97
  min-height: 300px;
98
}
99

    
100
/* "OPEN SOURCE" INCLUDED */
101
.OPEN {
102
    background: rgba(0, 0, 0, 0) url("./unlock.svg") no-repeat scroll right top;
103
    padding-right: 25px;
104
    min-height: 20px;
105
    background-size: 20px 20px;
106
    font-weight: 400;
107
    text-transform: none;
108
}
109

    
110

    
111
.EMBARGO, .CLOSED, .RESTRICTED {
112
    background: rgba(0, 0, 0, 0) url("./lock.svg") no-repeat scroll right top;
113
    padding-right: 25px;
114
    min-height: 20px;
115
    background-size: 20px 20px;
116
    font-weight: 400;
117
    text-transform: none;
118
}
119

    
120
.UNKNOWN {
121

    
122
    background: rgba(0, 0, 0, 0) url("./question.svg") no-repeat scroll right top;
123
    padding-right: 25px;
124
    min-height: 20px;
125
    background-size: 20px 20px;
126
    font-weight: 400;
127
    text-transform: none;
128

    
129
}
130

    
131
.sc39 {
132
    background: rgba(0, 0, 0, 0) url("./sc39.png") no-repeat scroll right center;
133
    padding-right: 24px;
134
}
135

    
136
.projectIcon {
137
    display: inline-table;
138
}
139

    
140
.dateFilter .mydp{
141
  margin-top:5px;
142
}
143

    
144

    
145
/*.tooltip {
146
    max-width: none;
147
    background: rgba(100, 100, 100, 1);
148
}*/
149
.tooltip-custom-font-size {
150
    font-size: 120%;
151
}
152

    
153
.custom-select-mini{
154
  max-width:170px !important;
155
}
156
.custom-icon {
157
    line-height: unset;
158
}
159
/*.custom-tab-content-large{
160
    min-height: 800px;
161
}
162
 */
163
.custom-tab-content {
164
    min-height: 250px;
165
}
166

    
167
.custom-dataTable-content {
168
    min-height: 600px;
169
}
170

    
171
.custom-html-table-height {
172
  height: 500px;
173
}
174

    
175

    
176

    
177

    
178
.filterItem span {
179
display: inline-flex;
180
}
181
.filterItem .filterName {
182
max-width: 71%;
183

    
184
}
185
.browseFilters .filterItem .filterName {
186
max-width: 68%;
187
}
188

    
189
.filterItem .filterNumber {
190
width: 20%;
191
}
192
.filterItem span {
193

    
194
white-space: nowrap;
195
}
196
.browseFilters .filterItem span div {
197
  /*min-width: 45px;*/
198
}
199
.filterItem span div {
200
overflow: hidden;
201
text-overflow: ellipsis;
202
/*min-width: 81px;*/
203
}
204
.filterItem{
205
  margin-bottom: 5px !important;
206
}
207

    
208
.browseFilters{
209
overflow-y: auto;
210
overflow-x: hidden;
211
max-height:265px;
212
}
213

    
214

    
215

    
216
.custom-offcanvas-close {
217
    position: relative;
218
    right: 0;
219
    top: 0;
220
}
221
.uk-link{
222
  color: #292C3D !important;
223
}
224
.uk-breadcrumb > :last-child > * {
225
    color:#cbcbcb !important;
226
}
227
.uk-breadcrumb .uk-active a{
228
    color: #767779  !important;
229
}
230

    
231
.publicationTitleIcon {
232
  background: url("./publication.png") no-repeat;
233
}
234
.datasetTitleIcon {
235
  background: url("./dataset.png") no-repeat;
236
}
237
.projectTitleIcon {
238
  background: url("./project.png") no-repeat;
239
}
240
.organizationTitleIcon {
241
  background: url("./organization.png") no-repeat;
242
}
243
.datasourceTitleIcon {
244
  background: url("./datasource.png") no-repeat;
245
}
246
.entityTitleIcon{
247
  background-repeat: :no-repeat;
248
  content: '';
249
  display: inline-block;
250
  height: 36px;
251
  width: 42px;
252
  vertical-align: middle;
253
}
254
.entityIcon{
255
  height: 15px;
256
  width: 20px;
257

    
258
}
259
/*.uk-tab{
260
  border-bottom: 1px #cbcbcb solid;
261
}*/
262

    
263

    
264
.label-blue, .label-compatibility {
265
 background:#d4f3ff;
266
 color:#00a0de
267
}
268
.label-green, .label-openaccessmandate {
269
 background:#d1f6e8;
270
 color:#01a566
271
}
272
.label-yellow, .label-underCuration {
273
 background:#fef5d2;
274
 color:#cca607
275
}
276
.label-red, .label-funder {
277
 background:#fef0ef;
278
 color:#f54f43
279
}
280
.label-grey, .label-language{
281
  background: #f8f8f8;
282
  color: #666;
283
}
284
.label-country {
285
  background : #d4f3ff;
286
  color: #00a0de;
287
}
288
.label-orange, .label-sc39{
289
  background: #fef5d2;
290
  color: #f0506e;
291
}
292

    
293
.label-OPEN, .label-open {
294
background: #F25F2F;
295
color: #fff;
296
}
297
.label-CLOSED, .label-EMBARGO, .label-RESTRICTED, .label-closed {
298
  background: #0F0F0F;
299
  color: #fff
300
}
301

    
302
.label-publication{
303
   background: #4687E6;
304
   color: #fff
305
 }
306
.label-dataset{
307
  background: #1e906c;
308
  color: #fff
309
}
310
.label-software{
311
  background: #b737ff;
312
  color: #fff
313
}
314
.label-orp{
315
  background: #f54f43;
316
  color: #414141 !important;
317
}
318

    
319
.label-project
320
{ background: #d0307f;
321
color: #fff}
322

    
323
.label-dataprovider
324
{ background: #00a0de;
325
color: #fff}
326

    
327
.label-organization
328
{ background: #fbcd0d;
329
color: #414141}
330

    
331

    
332

    
333
.uk-tab {
334
	display: -ms-flexbox;
335
	display: -webkit-flex;
336
	display: flex;
337
	-ms-flex-wrap: wrap;
338
	-webkit-flex-wrap: wrap;
339
	flex-wrap: wrap;
340
	margin-left: -20px;
341
	padding: 0;
342
	list-style: none;
343
	position: relative;
344
}
345
.uk-tab::before {
346
    content: "";
347
    position: absolute;
348
    bottom: 0;
349
    left: 20px;
350
    right: 0;
351
    border-bottom: 1px solid #e5e5e5;
352
}
353
.uk-tab-left::before {
354
    border-bottom: none !important;
355
}
356

    
357

    
358
.searchForm, .generalSearchForm{
359
  background-image: url('./search_general_3.jpg'); box-sizing: border-box; height: 250px;
360
}
361
.publicationsSearchForm{
362
  background-image: url('./search_pubs_1.jpg'); box-sizing: border-box; height: 250px;
363
}
364
.projectsSearchForm, .projectsTableSearchForm{
365
  background-image: url('./projects_search.jpg'); box-sizing: border-box; height: 250px;
366
}
367
.organizationsSearchForm{
368
  background-image: url('./search_organizations.jpg'); box-sizing: border-box; height: 250px;
369
}
370
.datasetsSearchForm{
371
  background-image: url('./search_data.jpg'); box-sizing: border-box; height: 250px;
372
}
373
.softwareSearchForm{
374
  background-image: url('./search_data.jpg'); box-sizing: border-box; height: 250px;
375
}
376
.orpsSearchForm{
377
  background-image: url('./search_data.jpg'); box-sizing: border-box; height: 250px;
378
}
379
.datasourcesSearchForm,  .compatibleDatasourcesSearchForm, .compatibleDatasourcesTableSearchForm, .datasourcesTableSearchForm{
380
  background-image: url('./providers_search.jpg'); box-sizing: border-box; height: 250px;
381
}
382
 .journalsSearchForm, .journalsTableSearchForm{
383
  background-image: url('./search_journals.jpg'); box-sizing: border-box; height: 250px;
384
}
385
.entityRegistriesSearchForm, .entityRegistriesTableSearchForm {
386
  background-image: url('./search_registries.jpg'); box-sizing: border-box; height: 250px;
387
}
388

    
389
.divider-table tbody td, .uk-table th {
390
    border-bottom: 1px solid #E5E5E5;
391
  }
392

    
393
  #feedback {
394
  	float: left;
395
  	position: fixed;
396
  	top: calc(50% - 47px);
397
  	right: 0;
398
    z-index: 100;
399
    display: block;
400

    
401
  }
402

    
403
  #feedback a {
404
  	background: #666 !important;
405
  	border-radius: 5px 0 0 5px;
406
  	box-shadow:none;
407
  	border: none!important;
408
  	display: block;
409
  	padding: 20px 12px;
410
  	transition: all .2s ease-in-out;
411
    opacity:0.5;
412

    
413
  }
414

    
415
  #feedback a:hover {
416
  	padding-right: 20px;
417
  }
418

    
419
.descriptionText{
420
  Padding-left: 25px !important;
421
  Border-left: 10px solid #fafafa;
422
  display: inline-block;
423
          position: relative;
424
          top: calc(-0.1 * 1em);
425
          vertical-align: middle;
426
          margin-right: 10px;
427
          border-left: 8px solid #e5e5e5;
428
          margin-top: 8px;
429

    
430
}
431

    
432

    
433
/*
434
li span {
435
  display: inline-flex;
436
}
437

    
438
.item span {
439
  width: 100px;
440
  margin-left: 1em;
441
  white-space: nowrap;
442
}
443

    
444
.item span div {
445
  overflow: hidden;
446
  text-overflow: ellipsis;
447
}*/
448

    
449
.custom-offcanvas-bar{
450
  background: grey !important;
451
  width:100% !important;
452

    
453
}
454
.custom-offcanvas-bar .filtersModal{
455
  color:grey !important;
456

    
457
}
458
.list-horizontal{
459
  display: flex;
460
  }
461
.list-horizontal span{
462
  margin-right:5px;
463
  padding-left: 0px !important;
464

    
465
}
466
.list-horizontal-line span {
467
  margin-right: 5px;
468
  border-right: 1px solid #f1f1f1;
469
  padding-right: 5px;
470

    
471
}
472

    
473
.list-horizontal-line > span:last-child {
474
  border-right:none;
475
}
476
body {
477
  font-family: Raleway, Arial, sans-serif !important;
478
}
479
html {
480
  color: #444 !important;
481
}
482

    
483
h2, h4{
484
    font-weight: 400;
485
    text-transform: none;
486
}
487
.linkdropdown{
488
  min-width:250px;
489
}
490
.uk-button-action{
491
   background-color: #D6352B;
492
   color: #fff
493
}
494
.uk-pagination>.uk-active>* {
495
  color: #fff !important;
496
  background-color: #296EE9 !important;
497

    
498
}
499
.uk-pagination>*>* {
500
  color:#666 !important;
501
}
502
h2, .uk-h2{
503
  font-size:28px !important;
504
}
505
.app-box {
506
  border: #e5e5e5 solid 1px;
507
}
508

    
509
.uk-subnav-line li:hover .home-icon  svg  #home{
510
   fill: #05007A !important;
511

    
512
}
513
 svg  #home{
514
   fill: white !important;
515

    
516
}
517
.tm-toolbar .uk-subnav-line li a:hover, .tm-toolbar .uk-subnav-line li:hover a{
518
  display: block;
519
  color: #d4d4d4 !important;
520
}
521

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

    
524
.helper-grid>*{
525
    padding-left: 25px !important;
526
}
527
.cite-this-button{
528
  font-size: 14px;
529
  padding: 3px;
530
}
531
.link-to-button{
532
  font-size: 12px;
533
  padding: 3px;
534
}
535
.dropBasket{
536
  border-top: 1px solid #ccc;
537
  border-bottom: 1px solid #ccc;
538
}
539
.basket-title {
540

    
541
    padding-top: 20px;
542
    padding-bottom: 20px;
543
    cursor: pointer;
544

    
545
}
546
.basket-title::after {
547
    background-image: none !important;
548
}
549
.basket-badge {
550
  position: relative;
551
  right: 16px;
552
  top: -16px;
553
  text-align: center;
554
  border-radius: 90%;
555
    border-radius: 90%;
556

    
557
}
558

    
559

    
560

    
561
dd{
562
    margin-top: 10px;
563
    border-bottom: 1px solid #e8e8e8;
564
    padding-bottom: 5px;
565
}
566

    
567
dd:last-child {
568
    border-bottom: none;
569
}
570

    
571
.advancedSearchForm {
572
    /*box-shadow: 0 1px 10px #444444;*/
573
    border: 1px solid #ccc;
574
}
575
.advancedSearchForm .uk-icon-button {
576

    
577
    fill: #296EE9 !important;
578

    
579
}
580

    
581
.search-results li {
582

    
583
    margin-bottom: 30px !important;
584
    padding-top: 15px !important;
585

    
586
}
587
.uk-badge, .badge, a.badge {
588
    border-radius: 2px;
589
}
590
.loading-gif, .loading-gif:before, .loading-gif:after {
591
  background: url("./loading.gif") no-repeat;
592
  height: 65px;
593
  margin-left: auto;
594
  margin-right: auto;
595
  width: 65px;
596

    
597
}
598

    
599
h2, .uk-h2 {
600
    font-size: 28px !important;
601
}
602
body{
603
  line-height: 1.4;
604
  Font-size:14px;
605
  Color: #333;
606
}
607

    
608
#footer\#8 .el-link {
609

    
610
    color: #fff;
611
    font-weigth: 300;
612

    
613
}
614
.custom-article-title {
615
  font-size: 32px;
616
  Margin-bottom: 10px;
617
  font-family: 'Open Sans', sans-serif;
618
  color: #1F257B !important;
619
}
620

    
621
.custom-tab-content .uk-pagination>*>* {
622
   min-width: 20px;
623
   line-height: 1.4;
624
   font-size: 14px;
625

    
626
}
627
.box-content{
628
   border: 1px dashed #ddd;
629
   margin-top: 4px;
630
}
631

    
632
.citation-accordion .uk-accordion-title {
633
  font-family: Raleway;
634
}
635
.uk-notification.uk-notification-top-center  {
636
    top: 45% !important;
637
}
638
.no-selected-message{
639
  background :white;
640
}
641

    
642
.textOverflowEllipsis {
643
overflow: hidden;
644
text-overflow: ellipsis;
645
white-space: nowrap;
646
}
647

    
648
.custom-accordion .uk-accordion-title{
649
    text-align: left;
650
    background: #f8f8fe;
651
    padding: 4px;
652
    color: #3055ba !important;
653
    font-size: 14px;
654
    text-transform: initial !important;
655
    font-weight: inherit !important;
656
    /*border-top: gray solid 1px;*/
657

    
658
}
659

    
660
.custom-accordion  .uk-accordion-title::after {
661
    float: none;;
662
    padding: 12px;
663
}
664

    
665
.custom-accordion{
666
  /*border: gray solid 1px;*/
667
  border-top: 0px;
668
}
669

    
670
.custom-accordion .uk-accordion-content{
671
    margin: 0px;
672
    border: #eee 1px solid;
673
    border-top: none;
674
    padding: 12px;
675
}
676
.darkBackground{
677
    background-color:rgb(0,0,0,0.5);
678
    z-index:0;
679
    color:white !important;
680
    font-family: Roboto !important;
681
}
682

    
683
.whiteText{
684
    color:white !important;
685
    font-family: Roboto !important;
686
}
687
.shadowBox{
688
 box-shadow: 0 1px 10px #444444;
689
 /*box-shadow: 0 6px 10px rgba(0,0,0,0.15);*/
690
 }
691
.icon-button-small{
692
  width:22px !important;
693
  height:22px !important;
694
  color: #666 !important;
695
}
696
.sideInfoTitle{
697

    
698
  font-weight: 500;
699
 border-bottom: 6px solid #9ba5b5;
700
  background-color: #f8f8fe;
701
 padding-top: 5px;
702
 padding-left: 3px;
703

    
704
}
705
/*.linkButtonsBox{
706
  background: white !important;
707
box-shadow: 0 -3px 10px 0 rgba(0,0,0,.0785);
708
}*/
(21-21/47)