Project

General

Profile

1

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

    
22
}
23

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

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

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

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

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

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

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

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

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

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

    
111

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

    
121
.UNKNOWN {
122

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

    
130
}
131

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

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

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

    
145

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

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

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

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

    
176

    
177

    
178

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

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

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

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

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

    
215

    
216

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

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

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

    
264

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

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

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

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

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

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

    
332
.label-UNKNOWN,.label-funder,
333
.label-compatibility ,
334
.label-openaccessmandate,
335
.label-underCuration,
336
.label-funder,
337
  .label-language,
338
.label-country,
339
.label-orange, .label-sc39,
340
.label-OPEN, .label-OPENSOURCE, .label-open,.label-language, .label-publication,
341
.label-publication,
342
.label-dataset,
343
.label-software,
344
.label-orp, .label-other, .label-project, .label-dataprovider, .label-organization,
345
.label-grey, .label-success
346
{
347
  background:white !important;
348
  color:#666666  !important;
349
  border: 1px solid #666666 !important;
350
}
351
.label-CLOSED, .label-EMBARGO, .label-RESTRICTED, .label-closed {
352

    
353

    
354
  background:#CACACA !important;
355
  color:#666666  !important;
356
  border: 1px solid #666666 !important;
357
}
358

    
359

    
360

    
361

    
362

    
363

    
364
.uk-tab {
365
	display: -ms-flexbox;
366
	display: -webkit-flex;
367
	display: flex;
368
	-ms-flex-wrap: wrap;
369
	-webkit-flex-wrap: wrap;
370
	flex-wrap: wrap;
371
	margin-left: -20px;
372
	padding: 0;
373
	list-style: none;
374
	position: relative;
375
}
376
.uk-tab::before {
377
    content: "";
378
    position: absolute;
379
    bottom: 0;
380
    left: 20px;
381
    right: 0;
382
    border-bottom: 1px solid #e5e5e5;
383
}
384
.uk-tab-left::before {
385
    border-bottom: none !important;
386
}
387

    
388

    
389
.searchForm, .generalSearchForm{
390
  background: url('./search_general.jpg'); box-sizing: border-box; height: 320px;
391
}
392
.publicationsSearchForm{
393
  background: url('./search_pubs_1.jpg'); box-sizing: border-box; height: 320px;
394
}
395
.projectsSearchForm, .projectsTableSearchForm{
396
  background: url('./projects_search.jpg'); box-sizing: border-box; height: 320px;
397
}
398
.organizationsSearchForm{
399
  background: url('./search_organizations.jpg'); box-sizing: border-box; height: 320px;
400
}
401
.datasetsSearchForm{
402
  background: url('./search_data.jpg'); box-sizing: border-box; height: 320px;
403
}
404
.softwareSearchForm{
405
  background: url('./search_software.jpg'); box-sizing: border-box; height: 320px;
406
}
407
.orpsSearchForm{
408
  background: url('./search_other.jpg'); box-sizing: border-box; height: 320px;
409
}
410
.datasourcesSearchForm,  .compatibleDatasourcesSearchForm, .compatibleDatasourcesTableSearchForm, .datasourcesTableSearchForm{
411
  background: url('./providers_search.jpg'); box-sizing: border-box; height: 320px;
412
}
413
 .journalsSearchForm, .journalsTableSearchForm{
414
  background: url('./search_journals.jpg'); box-sizing: border-box; height: 320px;
415
}
416
.entityRegistriesSearchForm, .entityRegistriesTableSearchForm {
417
  background: url('./search_registries.jpg'); box-sizing: border-box; height: 320px;
418
}
419

    
420
.divider-table tbody td, .uk-table th {
421
    border-bottom: 1px solid #E5E5E5;
422
  }
423

    
424
  #feedback {
425
  	float: left;
426
  	position: fixed;
427
  	top: calc(50% - 47px);
428
  	right: 0;
429
    z-index: 100;
430
    display: block;
431

    
432
  }
433

    
434
  #feedback a {
435
  	background: #666 !important;
436
  	border-radius: 5px 0 0 5px;
437
  	box-shadow:none;
438
  	border: none!important;
439
  	display: block;
440
  	padding: 20px 12px;
441
  	transition: all .2s ease-in-out;
442
    opacity:0.5;
443

    
444
  }
445

    
446
  #feedback a:hover {
447
  	padding-right: 20px;
448
  }
449

    
450
.descriptionText{
451
  /* Padding-left: 25px !important;
452
  Border-left: 10px solid #fafafa; */
453
  display: inline-block;
454
          position: relative;
455
          top: calc(-0.1 * 1em);
456
          vertical-align: middle;
457
          margin-right: 10px;
458
          /* border-left: 8px solid #e5e5e5; */
459
          margin-top: 8px;
460

    
461
}
462

    
463

    
464
/*
465
li span {
466
  display: inline-flex;
467
}
468

    
469
.item span {
470
  width: 100px;
471
  margin-left: 1em;
472
  white-space: nowrap;
473
}
474

    
475
.item span div {
476
  overflow: hidden;
477
  text-overflow: ellipsis;
478
}*/
479

    
480
.custom-offcanvas-bar{
481
  background: grey !important;
482
  width:100% !important;
483

    
484
}
485
.custom-offcanvas-bar .filtersModal{
486
  color:grey !important;
487

    
488
}
489
.list-horizontal{
490
  display: flex;
491
  }
492
.list-horizontal span{
493
  margin-right:5px;
494
  padding-left: 0px !important;
495

    
496
}
497
.list-horizontal-line span {
498
  margin-right: 5px;
499
  border-right: 1px solid #f1f1f1;
500
  padding-right: 5px;
501

    
502
}
503

    
504
.list-horizontal-line > span:last-child {
505
  border-right:none;
506
}
507
body {
508
  font-family: Raleway, Arial, sans-serif !important;
509
}
510
html {
511
  color: #444 !important;
512
}
513

    
514
h2, h4{
515
    text-transform: none !important;
516
}
517
.linkdropdown{
518
  min-width:250px;
519
}
520
.uk-button-action{
521
   background-color: #D6352B;
522
   color: #fff
523
}
524
/* h2, .uk-h2{
525
  font-size:28px !important;
526
} */
527
.app-box {
528
  border: #e5e5e5 solid 1px;
529
}
530

    
531
.uk-subnav-line li:hover .home-icon  svg  #home{
532
   fill: #05007A !important;
533

    
534
}
535
 svg  #home{
536
   fill: white !important;
537

    
538
}
539
.tm-toolbar .uk-subnav-line li a:hover, .tm-toolbar .uk-subnav-line li:hover a{
540
  display: block;
541
  color: #d4d4d4 !important;
542
}
543

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

    
546
.helper-grid>*{
547
    padding-left: 25px !important;
548
}
549
.cite-this-button{
550
  font-size: 14px;
551
  padding: 3px;
552
}
553
.link-to-button{
554
  font-size: 12px;
555
  padding: 3px;
556
}
557
.dropBasket{
558
  border-top: 1px solid #ccc;
559
  border-bottom: 1px solid #ccc;
560
}
561
.basket-title {
562

    
563
    padding-top: 20px;
564
    padding-bottom: 20px;
565
    cursor: pointer;
566

    
567
}
568
.basket-title::after {
569
    background-image: none !important;
570
}
571
.basket-badge {
572
  position: relative;
573
  right: 16px;
574
  top: -16px;
575
  text-align: center;
576
  border-radius: 90%;
577
    border-radius: 90%;
578

    
579
}
580

    
581

    
582

    
583
dd{
584
    margin-top: 10px;
585
    border-bottom: 1px solid #e8e8e8;
586
    padding-bottom: 5px;
587
}
588

    
589
dd:last-child {
590
    border-bottom: none;
591
}
592
.advancedSearchFormBackground {
593
    background-repeat: no-repeat !important;
594
    background-size: 100% 320px;
595
    height: auto !important;
596
}
597
.advancedSearchForm {
598
    /*box-shadow: 0 1px 10px #444444;*/
599
    background-color: white;
600
    border: 1px solid #ccc;
601
}
602
.advancedSearchForm .uk-icon-button {
603

    
604
    fill: #296EE9 !important;
605

    
606
}
607

    
608
.search-results li {
609

    
610
    margin-bottom: 30px !important;
611
    padding-top: 15px !important;
612

    
613
}
614

    
615
.cursor-not-allowed {
616
  cursor: not-allowed;
617
}
618

    
619
.uk-badge, .badge, a.badge {
620
    border-radius: 2px;
621
}
622
.loading-gif, .loading-gif:before, .loading-gif:after {
623
  background: url("./loading.gif") no-repeat;
624
  height: 65px;
625
  margin-left: auto;
626
  margin-right: auto;
627
  width: 65px;
628

    
629
}
630

    
631
/* h2, .uk-h2 {
632
    font-size: 28px !important;
633
} */
634
body{
635
  line-height: 1.4;
636
  Font-size:14px;
637
  Color: #333;
638
}
639

    
640
#footer\#8 .el-link {
641

    
642
    color: #fff;
643
    font-weigth: 300;
644

    
645
}
646
.custom-article-title {
647
  font-size: 32px;
648
  Margin-bottom: 10px;
649
  font-family: 'Open Sans', sans-serif;
650
  color: #1F257B !important;
651
}
652

    
653
.custom-tab-content .uk-pagination>*>* {
654
   min-width: 20px;
655
   line-height: 1.4;
656
   font-size: 14px;
657

    
658
}
659
.box-content{
660
   border: 1px dashed #666666;
661
   margin-top: 4px;
662
   background: #EFEFEF;
663
}
664

    
665
.citation-accordion .uk-accordion-title {
666
  font-family: Raleway;
667
}
668
.uk-notification.uk-notification-top-center  {
669
    top: 45% !important;
670
}
671
.no-selected-message{
672
  background :white;
673
}
674

    
675
.textOverflowEllipsis {
676
overflow: hidden;
677
text-overflow: ellipsis;
678
white-space: nowrap;
679
}
680

    
681
.custom-accordion .uk-accordion-title{
682
    text-align: left;
683
    /* background: #f8f8fe; */
684
    padding: 4px;
685
    /* color: #3055ba !important; */
686
    font-size: 14px;
687
    text-transform: initial !important;
688
    font-weight: inherit !important;
689
    /*border-top: gray solid 1px;*/
690
    border-bottom: var(--portal-main-color) solid 1px;
691

    
692

    
693
}
694

    
695
.custom-accordion  .uk-accordion-title::after {
696
    float: none;;
697
    padding: 12px;
698
}
699

    
700
.custom-accordion{
701
  /*border: gray solid 1px;*/
702
  border-top: 0px;
703
}
704

    
705
.custom-accordion .uk-accordion-content{
706
    margin: 0px;
707
    border: #eee 1px solid;
708
    border-top: none;
709
    padding: 12px;
710
}
711
.darkBackground{
712
    background-color:rgb(0,0,0,0.5);
713
    z-index:0;
714
    color:white !important;
715
    font-family: Roboto !important;
716
}
717

    
718
.whiteText{
719
    color:white !important;
720
    font-family: Roboto !important;
721
}
722
.shadowBox{
723
 box-shadow: 0 1px 3px #444444;
724
 /*box-shadow: 0 6px 10px rgba(0,0,0,0.15);*/
725
 }
726
.icon-button-small{
727
  width:22px !important;
728
  height:22px !important;
729
  color: #666 !important;
730
  background: #f7f7fa !important;
731
}
732
.icon-button-small:focus, .icon-button-small:hover {
733

    
734
    border-color: #666 !important;
735
}
736
.searchFilterTitle{
737

    
738
    /* text-decoration-color: var(--portal-main-color);
739
    text-decoration: underline; */
740
  border-bottom: 1px solid var(--portal-main-color) !important;
741
  padding: 5px 0px;
742
}
743

    
744
.sideInfoTitle{
745

    
746
  font-weight: 500;
747
 border-bottom: 1px solid var(--portal-main-color);
748
  /* background-color: var(--portal-main-color); */
749
  /* color:var(--portal-main-contrast) !important; */
750
 padding-top: 5px;
751
 padding-left: 3px;
752

    
753
}
754
/*.linkButtonsBox{
755
  background: white !important;
756
box-shadow: 0 -3px 10px 0 rgba(0,0,0,.0785);
757
}*/
758

    
759
.uk-navbar-container {
760
    padding-top: 0px !important;
761
    padding-bottom: 0px !important;
762
}
763

    
764
.uk-input{
765
  background-color: rgba(255, 255, 255, 1.0) !important;
766
}
767
.uk-accordion > :nth-child(n+2) {
768
    border-top: 0px solid #ededed !important;
769
    margin-top: 0px !important;
770
}
771

    
772

    
773
  .uk-pagination > .uk-active > * {
774
     background-color: var(--portal-main-color) !important;
775
     color: var(--portal-main-contrast) !important;
776
     border-color:var(--portal-main-color) !important;
777
     border-bottom-color: var(--portal-main-color) !important;
778
   }
779
.portal-color{
780
  color: var(--portal-main-color) !important;
781
}
782
.portal-background-color{
783
  background-color: var(--portal-main-color) !important;
784
  color:var(--portal-main-contrast) !important;
785
}
786
.portal-button {
787

    
788
  background-color: var(--portal-main-color) !important;
789
  color:var(--portal-main-contrast) !important;
790
    border: 2px solid var(--portal-main-color) !important;
791
    background-image:  none !important;
792

    
793
}
794
.portal-link {
795
  color:var(--portal-main-color)  !important;
796
  text-decoration: underline !important;
797
  font-weight: bold;
798
}
799
.portal-box{
800
  background-color: var(--portal-main-color) !important;
801
  color:var(--portal-main-contrast) !important;
802
}
803

    
804
.uk-pagination .uk-icon{
805
  color: var(--portal-main-color) !important;
806
}
807

    
808
 .search-results > li:nth-child(1) {
809

    
810
    border-top: 0px solid !important;
811
}
812

    
813
.widget-box {
814
  background: white;
815
}
816

    
817
.developlink{
818
  text-transform: none !important;
819
  color: #fff !important;
820
  background: var(--develop-portal-color) !important;
821
  font-weight: 600;
822
  border: 2px solid var(--develop-portal-color) !important;
823
  background-image:none !important;
824
}
825
.providelink{
826
  text-transform: none !important;
827
  color: #fff !important;
828
  background: var(--provide-portal-color) !important;
829
  font-weight: 600;
830
  border: 2px solid var(--provide-portal-color) !important;
831
  background-image:none !important;
832
}
833
.connectlink{
834
  background-color: var(--connect-portal-color) !important;
835
  font-weight: 600;
836
  color: #fff !important;
837
  border: 2px solid var(--connect-portal-color) !important;
838
  background-image:none !important;
839
}
840
.monitorlink{
841
  background-color: var(--monitor-portal-color) !important;
842
  font-weight: 600;
843
  color: #fff !important;
844
  border: 2px solid var(--monitor-portal-color) !important;
845
  background-image:none !important;
846
}
847
.explorelink{
848
  background-color: var(--explore-portal-color) !important;
849
  font-weight: 600;
850
  color: #fff !important;
851
  border: 2px solid var(--explore-portal-color) !important;
852
  background-image:none !important;
853
}
854
showTitle h2{
855
  text-transform: unset !important;
856
}
857

    
858
/* toCheck: */
859
/* embargo end date */
860
.highlight, mark {
861
    background: rgba(34,32,128,.5);
862
    color: #222080;
863
}
864
/* advanced autocomplete */
865
.custom-autocomplete .uk-dropdown {
866
    background: white;
867
    /* color: rgba(255,255,255,.7); */
868
}
869
.explore-heading-bullet::before {
870
    border-left-color: var(--explore-portal-color) !important;
871
}
872
.provide-heading-bullet::before {
873
    border-left-color: var(--provide-portal-color) !important;
874
}
875
.connect-heading-bullet::before {
876
    border-left-color: var(--connect-portal-color) !important;
877
}
878
.develop-heading-bullet::before {
879
    border-left-color: var(--develop-portal-color) !important;
880
}
881
.monitor-heading-bullet::before {
882
    border-left-color: var(--monitor-portal-color) !important;
883
}
884

    
885

    
886
.explore .uk-h4 {
887
  color: var(--explore-portal-color);
888
  font-weight: bold;
889
}
890

    
891
.explore .el-content {
892
  font-size: 18px;
893
}
894

    
895
.explore a {
896
  background-color: var(--explore-portal-color);
897
  color: #fff;
898
  font-weight: bold;
899
}
900

    
901
.explore a:hover {
902
  background-color: var(--explore-portal-lower-tone);
903
  border-color: var(--explore-portal-lower-tone);
904
}
905
.provide .uk-h4 {
906
  color: var(--provide-portal-color);
907
  font-weight: bold;
908
}
909

    
910
.provide .el-content {
911
  font-size: 18px;
912
}
913

    
914
.provide a {
915
  background-color: var(--provide-portal-color);
916
  color: #fff;
917
  font-weight: bold;
918
}
919

    
920
.provide a:hover {
921
  background-color: var(--provide-portal-lower-tone);
922
  border-color: var(--provide-portal-lower-tone);
923
}
924

    
925
.monitor .uk-h4 {
926
  color: var(--monitor-portal-color);
927
  font-weight: bold;
928
}
929

    
930
.monitor .el-content {
931
  font-size: 18px;
932
}
933

    
934
.monitor a {
935
  background-color: var(--monitor-portal-color);
936
  color: #fff;
937
  font-weight: bold;
938
}
939

    
940
.monitor a:hover {
941
  background-color: var(--monitor-portal-lower-tone);
942
  border-color: var(--monitor-portal-lower-tone);
943
}
944

    
945
.connect .uk-h4 {
946
  color: var(--connect-portal-color);
947
  font-weight: bold;
948
}
949

    
950
.connect .el-content {
951
  font-size: 18px;
952
}
953

    
954
.connect a {
955
  background-color: var(--connect-portal-color);
956
  color: #fff;
957
  font-weight: bold;
958
}
959

    
960
.connect a:hover {
961
  background-color: var(--connect-portal-lower-tone);
962
  border-color: var(--connect-portal-lower-tone);
963

    
964
}
965

    
966
.develop .uk-h4 {
967
  color: var(--develop-portal-color);
968
  font-weight: bold;
969
}
970

    
971
.develop .el-content {
972
  font-size: 18px;
973
}
974

    
975
.develop a {
976
  background-color: var(--develop-portal-color);
977
  color: #fff;
978
  font-weight: bold;
979
}
980

    
981
.develop a:hover {
982
  background-color: var(--develop-portal-lower-tone) !important;
983
  border-color: var(--develop-portal-lower-tone);
984
}
985

    
986
.portal-hr{
987
  border-bottom: 1px solid var(--portal-main-color) !important;
988
  padding: 5px 0px;
989
}
990

    
991
.tm-toolbar .uk-subnav-line li:hover, .tm-toolbar .uk-subnav li:hover {
992
    background:  var(--portal-main-color) !important;
993
}
994

    
995
.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 {
996
  background:  var(--portal-main-color) !important;
997
  color:white !important;
998
}
(22-22/44)