Project

General

Profile

1

    
2
.tm-toolbar .uk-subnav-line .custom-discover-li {
3
  /*color:#05007A !important;
4
  background:#fff;*/
5
  display: block;
6
  background:#Fb6e50 !important; color:#fff !important;
7

    
8
}
9
.tm-toolbar .uk-subnav-line .custom-discover-li  a{
10
  /*color:#05007A !important;*/
11
}
12

    
13
.custom-discover-toolbar   ul.uk-subnav.uk-subnav-line{
14
  background-color: #f25f30 !important;
15
  }
16

    
17
  .custom-discover-toolbar .inner {
18
       background-color: #f25f30 !important;
19
  }
20

    
21
  .custom-discover-toolbar{
22
    border-top-color:#f25f30 !important;
23
  }
24
.custom-footer{
25
   position:relative;
26
   bottom:0;
27
   left:0;
28
}
29
.custom-external {
30
    background: rgba(0, 0, 0, 0) url("/assets/external-link.svg") no-repeat scroll left 10%;
31
    min-height: 15px;
32
    background-size: 15px 15px;
33
    padding-left: 16px;
34
}
35
h2 .custom-external {
36
     min-height: 20px;
37
    background-size: 20px 20px;
38
    padding-left: 21px;
39
    background: rgba(0, 0, 0, 0) url("/assets/external-link.svg") no-repeat scroll left center;
40

    
41
}
42

    
43
.pseudo-external{
44
  padding-left: 16px;
45
}
46

    
47
.custom-navbar-toggle-icon, .custom-user-mini-panel{
48
  color:#444 !important
49
}
50
.custom-user-mini-panel a{
51
  color:rgb(36, 91, 204);
52
}
53
.custom-main-content{
54
  min-height: 550px;
55
}
56

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

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

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

    
99
.errors-in-searchTableView{
100
  margin-top: 75px;
101
}
102

    
103
@media (min-width: 960px) {
104
    .float-children-right-at-medium > * {
105
        float: right;
106
    }
107
}
108

    
109
@media (max-width: 959px) {
110
  .margin-small-top-at-small  {
111
    margin-top: 10px !important;
112
  }
113
}
114

    
115
.other-results {
116
  min-height: 300px;
117
}
118
.OPEN {
119
    background: rgba(0, 0, 0, 0) url("/assets/unlock.svg") no-repeat scroll right top;
120
    padding-right: 25px;
121
    min-height: 20px;
122
    background-size: 20px 20px;
123
    font-weight: 400;
124
    text-transform: none;
125
}
126

    
127

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

    
137
.sc39 {
138
    background: rgba(0, 0, 0, 0) url("/assets/sc39.png") no-repeat scroll right center;
139
    padding-right: 24px;
140
}
141

    
142
.projectIcon {
143
    display: inline-table;
144
}
145

    
146
.dateFilter .mydp{
147
  margin-top:5px;
148
}
149

    
150

    
151
/*.tooltip {
152
    max-width: none;
153
    background: rgba(100, 100, 100, 1);
154
}*/
155
.tooltip-custom-font-size {
156
    font-size: 120%;
157
}
158

    
159
.custom-select-mini{
160
  max-width:170px !important;
161
}
162
.custom-icon {
163
    line-height: unset;
164
}
165
/*.custom-tab-content-large{
166
    min-height: 800px;
167
}
168
 */
169
.custom-tab-content {
170
    min-height: 250px;
171
}
172

    
173
.custom-dataTable-content {
174
    min-height: 600px;
175
}
176

    
177
.custom-html-table-height {
178
  height: 500px;
179
}
180

    
181

    
182

    
183

    
184
.filterItem span {
185
display: inline-flex;
186
}
187
.filterItem .filterName {
188
max-width: 71%;
189

    
190
}
191
.browseFilters .filterItem .filterName {
192
max-width: 68%;
193
}
194

    
195
.filterItem .filterNumber {
196
width: 20%;
197
}
198
.filterItem span {
199

    
200
white-space: nowrap;
201
}
202
.browseFilters .filterItem span div {
203
  /*min-width: 45px;*/
204
}
205
.filterItem span div {
206
overflow: hidden;
207
text-overflow: ellipsis;
208
/*min-width: 81px;*/
209
}
210

    
211
.browseFilters{
212
overflow-y: auto;
213
overflow-x: hidden;
214
max-height:265px;
215
}
216

    
217

    
218

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

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

    
261
}
262
/*.uk-tab{
263
  border-bottom: 1px #cbcbcb solid;
264
}*/
265

    
266

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

    
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

    
315
.label-project
316
{ background: #d0307f;
317
color: #fff}
318

    
319
.label-dataprovider
320
{ background: #00a0de;
321
color: #fff}
322

    
323
.label-organization
324
{ background: #fbcd0d;
325
color: #414141}
326

    
327

    
328

    
329
.uk-tab {
330
	display: -ms-flexbox;
331
	display: -webkit-flex;
332
	display: flex;
333
	-ms-flex-wrap: wrap;
334
	-webkit-flex-wrap: wrap;
335
	flex-wrap: wrap;
336
	margin-left: -20px;
337
	padding: 0;
338
	list-style: none;
339
	position: relative;
340
}
341
.uk-tab::before {
342
    content: "";
343
    position: absolute;
344
    bottom: 0;
345
    left: 20px;
346
    right: 0;
347
    border-bottom: 1px solid #e5e5e5;
348
}
349
.uk-tab-left::before {
350
    border-bottom: none !important;
351
}
352
.mainPageSearchForm{
353
  background-image: url("./explore_1.jpg"); background-color: rgb(255, 255, 255); box-sizing: border-box; min-height: calc(100vh - 412.767px);
354
}
355

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

    
385
.divider-table tbody td, .uk-table th {
386
    border-bottom: 1px solid #E5E5E5;
387
  }
388

    
389
  #feedback {
390
  	float: left;
391
  	position: fixed;
392
  	top: calc(50% - 47px);
393
  	right: 0;
394
    z-index: 10000;
395
    display: block;
396

    
397
  }
398

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

    
409
  }
410

    
411
  #feedback a:hover {
412
  	padding-right: 20px;
413
  }
414

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

    
426
}
427

    
428

    
429
/*
430
li span {
431
  display: inline-flex;
432
}
433

    
434
.item span {
435
  width: 100px;
436
  margin-left: 1em;
437
  white-space: nowrap;
438
}
439

    
440
.item span div {
441
  overflow: hidden;
442
  text-overflow: ellipsis;
443
}*/
444

    
445
.custom-offcanvas-bar{
446
  background: grey !important;
447
  width:100% !important;
448

    
449
}
450
.custom-offcanvas-bar .filtersModal{
451
  color:grey !important;
452

    
453
}
454
.list-horizontal{
455
  display: flex;
456
  }
457
.list-horizontal span{
458
  margin-right:5px;
459
  padding-left: 0px !important;
460

    
461
}
462
.list-horizontal-line span {
463
  margin-right: 5px;
464
  border-right: 1px solid #f1f1f1;
465
  padding-right: 5px;
466

    
467
}
468

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

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

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

    
505
.uk-subnav-line li:hover .home-icon  svg  #home{
506
   fill: #05007A !important;
507

    
508
}
509
 svg  #home{
510
   fill: white !important;
511

    
512
}
513
.tm-toolbar .uk-subnav-line li a:hover, .tm-toolbar .uk-subnav-line li:hover a{
514
  display: block;
515
  color: #d4d4d4 !important;
516
}
517

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

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

    
537
    padding-top: 40px;
538

    
539
}
540
.basket-badge {
541
  position: relative;
542
  right: 16px;
543
  top: -16px;
544
  text-align: center;
545
  border-radius: 90%;
546
    border-radius: 90%;
547

    
548
}
549
.explore-numbers h2, .explore-numbers div{
550
  color: #f25f30 !important;
551
  font-weight: 500 !important;
552
}
553

    
554
.explore-numbers h2{
555
  font-size: 36px !important;
556
}
557

    
558
.developlink{
559
  text-transform: none !important;
560
  color: #fff !important;
561
  background: #d13f96;
562
  font-weight: 600;
563
}
564
.providelink{
565
  text-transform: none !important;
566
  color: #fff !important;
567
  background: #28beff !important;
568
  font-weight: 600;
569
}
570
.connectlink{
571
  background-color: #ffc800 !important;
572
  font-weight: 600;
573
  color: #fff !important;
574
}
575
.monitorlink{
576
  background-color: #8bcc00 !important;
577
  font-weight: 600;
578
  color: #fff !important;
579
}
(11-11/45)