Project

General

Profile

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

    
18
}
19

    
20
.pseudo-external{
21
  padding-left: 16px;
22
}
23

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

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

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

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

    
76
.errors-in-searchTableView{
77
  margin-top: 75px;
78
}
79

    
80
@media (min-width: 960px) {
81
    .float-children-right-at-medium > * {
82
        float: right;
83
    }
84
}
85

    
86
@media (max-width: 959px) {
87
  .margin-small-top-at-small  {
88
    margin-top: 10px !important;
89
  }
90
}
91

    
92
.other-results {
93
  min-height: 300px;
94
}
95
.OPEN {
96
    background: rgba(0, 0, 0, 0) url("./unlock.svg") no-repeat scroll right top;
97
    padding-right: 25px;
98
    min-height: 20px;
99
    background-size: 20px 20px;
100
    font-weight: 400;
101
    text-transform: none;
102
}
103

    
104

    
105
.EMBARGO, .CLOSED, .RESTRICTED {
106
    background: rgba(0, 0, 0, 0) url("./lock.svg") no-repeat scroll right top;
107
    padding-right: 25px;
108
    min-height: 20px;
109
    background-size: 20px 20px;
110
    font-weight: 400;
111
    text-transform: none;
112
}
113

    
114
.sc39 {
115
    background: rgba(0, 0, 0, 0) url("./sc39.png") no-repeat scroll right center;
116
    padding-right: 24px;
117
}
118

    
119
.projectIcon {
120
    display: inline-table;
121
}
122

    
123
.dateFilter .mydp{
124
  margin-top:5px;
125
}
126

    
127

    
128
/*.tooltip {
129
    max-width: none;
130
    background: rgba(100, 100, 100, 1);
131
}*/
132
.tooltip-custom-font-size {
133
    font-size: 120%;
134
}
135

    
136
.custom-select-mini{
137
  max-width:170px !important;
138
}
139
.custom-icon {
140
    line-height: unset;
141
}
142
/*.custom-tab-content-large{
143
    min-height: 800px;
144
}
145
 */
146
.custom-tab-content {
147
    min-height: 250px;
148
}
149

    
150
.custom-dataTable-content {
151
    min-height: 600px;
152
}
153

    
154
.custom-html-table-height {
155
  height: 500px;
156
}
157

    
158

    
159

    
160

    
161
.filterItem span {
162
display: inline-flex;
163
}
164
.filterItem .filterName {
165
max-width: 71%;
166

    
167
}
168
.browseFilters .filterItem .filterName {
169
max-width: 68%;
170
}
171

    
172
.filterItem .filterNumber {
173
width: 20%;
174
}
175
.filterItem span {
176

    
177
white-space: nowrap;
178
}
179
.browseFilters .filterItem span div {
180
  /*min-width: 45px;*/
181
}
182
.filterItem span div {
183
overflow: hidden;
184
text-overflow: ellipsis;
185
/*min-width: 81px;*/
186
}
187

    
188
.browseFilters{
189
overflow-y: auto;
190
overflow-x: hidden;
191
max-height:265px;
192
}
193

    
194

    
195

    
196
.custom-offcanvas-close {
197
    position: relative;
198
    right: 0;
199
    top: 0;
200
}
201
.uk-link{
202
  color: #292C3D !important;
203
}
204
.uk-breadcrumb > :last-child > * {
205
    color:#cbcbcb !important;
206
}
207
.uk-breadcrumb .uk-active a{
208
    color: #767779  !important;
209
}
210

    
211
.publicationTitleIcon {
212
  background: url("./publication.png") no-repeat;
213
}
214
.datasetTitleIcon {
215
  background: url("./dataset.png") no-repeat;
216
}
217
.projectTitleIcon {
218
  background: url("./project.png") no-repeat;
219
}
220
.organizationTitleIcon {
221
  background: url("./organization.png") no-repeat;
222
}
223
.datasourceTitleIcon {
224
  background: url("./datasource.png") no-repeat;
225
}
226
.entityTitleIcon{
227
  background-repeat: :no-repeat;
228
  content: '';
229
  display: inline-block;
230
  height: 36px;
231
  width: 42px;
232
  vertical-align: middle;
233
}
234
.entityIcon{
235
  height: 15px;
236
  width: 20px;
237

    
238
}
239
/*.uk-tab{
240
  border-bottom: 1px #cbcbcb solid;
241
}*/
242

    
243

    
244
.label-blue, .label-compatibility {
245
 background:#d4f3ff;
246
 color:#00a0de
247
}
248
.label-green, .label-openaccessmandate {
249
 background:#d1f6e8;
250
 color:#01a566
251
}
252
.label-yellow, .label-underCuration {
253
 background:#fef5d2;
254
 color:#cca607
255
}
256
.label-red, .label-funder {
257
 background:#fef0ef;
258
 color:#f54f43
259
}
260
.label-grey, .label-language, .label-country{
261
  background: #f8f8f8;
262
  color: #666;
263
}
264
.label-orange, .label-sc39{
265
  background: #fef5d2;
266
color: #f0506e;
267

    
268
}
269

    
270
.label-OPEN, .label-open {
271
background: #F25F2F;
272
color: #fff;
273
}
274
.label-CLOSED, .label-EMBARGO, .label-RESTRICTED, .label-closed {
275
  background: #0F0F0F;
276
  color: #fff
277
}
278

    
279
.label-publication{
280
   background: #4687E6;
281
   color: #fff
282
 }
283
.label-dataset{
284
  background: #1e906c;
285
  color: #fff
286
}
287
.label-software{
288
  background: #b737ff;
289
  color: #fff
290
}
291

    
292
.label-project
293
{ background: #d0307f;
294
color: #fff}
295

    
296
.label-dataprovider
297
{ background: #00a0de;
298
color: #fff}
299

    
300
.label-organization
301
{ background: #fbcd0d;
302
color: #414141}
303

    
304

    
305

    
306
.uk-tab {
307
	display: -ms-flexbox;
308
	display: -webkit-flex;
309
	display: flex;
310
	-ms-flex-wrap: wrap;
311
	-webkit-flex-wrap: wrap;
312
	flex-wrap: wrap;
313
	margin-left: -20px;
314
	padding: 0;
315
	list-style: none;
316
	position: relative;
317
}
318
.uk-tab::before {
319
    content: "";
320
    position: absolute;
321
    bottom: 0;
322
    left: 20px;
323
    right: 0;
324
    border-bottom: 1px solid #e5e5e5;
325
}
326
.uk-tab-left::before {
327
    border-bottom: none !important;
328
}
329

    
330

    
331
.searchForm, .generalSearchForm{
332
  background-image: url('./search_general_3.jpg'); box-sizing: border-box; height: 250px;
333
}
334
.publicationsSearchForm{
335
  background-image: url('./search_pubs_1.jpg'); box-sizing: border-box; height: 250px;
336
}
337
.projectsSearchForm{
338
  background-image: url('./projects_search.jpg'); box-sizing: border-box; height: 250px;
339
}
340
.organizationsSearchForm{
341
  background-image: url('./search_organizations.jpg'); box-sizing: border-box; height: 250px;
342
}
343
.datasetsSearchForm{
344
  background-image: url('./search_data.jpg'); box-sizing: border-box; height: 250px;
345
}
346
.softwareSearchForm{
347
  background-image: url('./search_data.jpg'); box-sizing: border-box; height: 250px;
348
}
349
.datasourcesSearchForm,  .compatibleDatasourcesSearchForm,
350
 .compatibleDatasourcesTableSearchForm {
351
  background-image: url('./providers_search.jpg'); box-sizing: border-box; height: 250px;
352
}
353
 .journalsSearchForm, .journalsTableSearchForm{
354
  background-image: url('./search_journals.jpg'); box-sizing: border-box; height: 250px;
355
}
356
.entityRegistriesSearchForm, .entityRegistriesTableSearchForm {
357
  background-image: url('./search_registries.jpg'); box-sizing: border-box; height: 250px;
358
}
359

    
360
.divider-table tbody td, .uk-table th {
361
    border-bottom: 1px solid #E5E5E5;
362
  }
363

    
364
  #feedback {
365
  	float: left;
366
  	position: fixed;
367
  	top: calc(50% - 47px);
368
  	right: 0;
369
    z-index: 100;
370
    display: block;
371

    
372
  }
373

    
374
  #feedback a {
375
  	background: #666 !important;
376
  	border-radius: 5px 0 0 5px;
377
  	box-shadow:none;
378
  	border: none!important;
379
  	display: block;
380
  	padding: 20px 12px;
381
  	transition: all .2s ease-in-out;
382
    opacity:0.5;
383

    
384
  }
385

    
386
  #feedback a:hover {
387
  	padding-right: 20px;
388
  }
389

    
390
.descriptionText{
391
  Padding-left: 25px !important;
392
  Border-left: 10px solid #fafafa;
393
  display: inline-block;
394
          position: relative;
395
          top: calc(-0.1 * 1em);
396
          vertical-align: middle;
397
          margin-right: 10px;
398
          border-left: 8px solid #e5e5e5;
399
          margin-top: 8px;
400

    
401
}
402

    
403

    
404
/*
405
li span {
406
  display: inline-flex;
407
}
408

    
409
.item span {
410
  width: 100px;
411
  margin-left: 1em;
412
  white-space: nowrap;
413
}
414

    
415
.item span div {
416
  overflow: hidden;
417
  text-overflow: ellipsis;
418
}*/
419

    
420
.custom-offcanvas-bar{
421
  background: grey !important;
422
  width:100% !important;
423

    
424
}
425
.custom-offcanvas-bar .filtersModal{
426
  color:grey !important;
427

    
428
}
429
.list-horizontal{
430
  display: flex;
431
  }
432
.list-horizontal span{
433
  margin-right:5px;
434
  padding-left: 0px !important;
435

    
436
}
437
.list-horizontal-line span {
438
  margin-right: 5px;
439
  border-right: 1px solid #f1f1f1;
440
  padding-right: 5px;
441

    
442
}
443

    
444
.list-horizontal-line > span:last-child {
445
  border-right:none;
446
}
447
body {
448
  font-family: Raleway, Arial, sans-serif !important;
449
}
450
html {
451
  color: #444 !important;
452
}
453

    
454
h2, h4{
455
    font-weight: 400;
456
    text-transform: none;
457
}
458
.linkdropdown{
459
  min-width:250px;
460
}
461
.uk-button-action{
462
   background-color: #D6352B;
463
   color: #fff
464
}
465
.uk-pagination>.uk-active>* {
466
  color: #fff !important;
467
  background-color: #296EE9 !important;
468

    
469
}
470
.uk-pagination>*>* {
471
  color:#666 !important;
472
}
473
h2, .uk-h2{
474
  font-size:28px !important;
475
}
476
.app-box {
477
  border: #e5e5e5 solid 1px;
478
}
479

    
480
.uk-subnav-line li:hover .home-icon  svg  #home{
481
   fill: #05007A !important;
482

    
483
}
484
 svg  #home{
485
   fill: white !important;
486

    
487
}
488
.tm-toolbar .uk-subnav-line li a:hover, .tm-toolbar .uk-subnav-line li:hover a{
489
  display: block;
490
  color: #d4d4d4 !important;
491
}
492

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

    
495
.helper-grid>*{
496
    padding-left: 25px !important;
497
}
498
.cite-this-button{
499
  font-size: 14px;
500
  padding: 3px;
501
}
502
.link-to-button{
503
  font-size: 12px;
504
  padding: 3px;
505
}
506
.dropBasket{
507
  border-top: 1px solid #ccc;
508
  border-bottom: 1px solid #ccc;
509
}
510
.basket-title {
511

    
512
    padding-top: 40px;
513

    
514
}
515
.basket-badge {
516
  position: relative;
517
  right: 16px;
518
  top: -16px;
519
  text-align: center;
520
  border-radius: 90%;
521
    border-radius: 90%;
522

    
523
}
524

    
525

    
526
dd{
527
    margin-top: 10px;
528
    border-bottom: 1px solid #e8e8e8;
529
    padding-bottom: 5px;
530
}
531

    
532
dd:last-child {
533
    border-bottom: none;
534
}
535

    
536
.advancedSearchForm {
537
    box-shadow: 0 1px 10px #444444;
538
}
539
.advancedSearchForm .uk-icon-button {
540

    
541
    fill: #296EE9 !important;
542

    
543
}
544

    
545
.search-results li {
546

    
547
    margin-bottom: 30px !important;
548
    padding-top: 15px !important;
549

    
550
}
551
.uk-badge, .badge, a.badge {
552
    border-radius: 2px;
553
}
554
.loading-gif, .loading-gif:before, .loading-gif:after {
555
  content:url("./loading.gif");
556
  text-align: center;
557
}
(20-20/45)