Project

General

Profile

1
:root {
2
    --portal-main-color: #D95F2D;
3
    --portal-main-contrast: white;
4
    --portal-dark-color: #a0462c;
5
    --openaire-main-color: #313179;
6

    
7
    --explore-portal-color: #D95F2D;
8
    --provide-portal-color: #37C7E9;
9
    --monitor-portal-color: #9ABB55;
10
    --connect-portal-color: #EBB13E;
11
    --develop-portal-color: #DA65AB;
12

    
13
    --explore-portal-lower-tone: #a0462c;
14
    --provide-portal-lower-tone: #3A8FA3;
15
    --monitor-portal-lower-tone: #7c9144;
16
    --connect-portal-lower-tone: #b48536;
17
    --develop-portal-lower-tone: #9f4e7e;
18
}
19

    
20

    
21
.tm-toolbar .uk-subnav-line .custom-explore-li {
22
   background:var(--portal-main-color) !important;
23
}
24
/* .custom-explore-toolbar   ul.uk-subnav.uk-subnav-line{
25
  background-color: var(--portal-main-color) !important;
26
  }
27
.custom-explore-toolbar   ul.uk-subnav.uk-subnav-line{
28
  background-color: var(--portal-main-color) !important;
29
}
30
  .custom-explore-toolbar .inner {
31
       background-color: var(--portal-main-color) !important;
32
  }
33

    
34
  .custom-explore-toolbar{
35
    border-top-color:var(--portal-main-color) !important;
36
  } */
37
.mainPageSearchForm{
38
  /*background-image: !*linear-gradient(rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5)),*! url('home.jpg');*/
39
    background: transparent linear-gradient(180deg, #FAFAFA 0%, #FFFFFF 100%);
40
}
41
.firstPageNumbers{
42
  /* font-weight: 600 !important; */
43
  /* color: var(--portal-main-color) !important; */
44
}
45

    
46

    
47

    
48
.explore-numbers  {
49
 }
50

    
51
.mainPageBottomInfo{
52
  background: linear-gradient( rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5)), url('home.jpg');
53
  background-attachment: scroll, scroll;
54
  background-size: auto auto, auto auto;
55
  background-size: cover;
56
  background-attachment: fixed;
57
  box-sizing: border-box;
58
  min-height: calc(100vh - 412.767px);
59
}
60
.box-links .uk-card-header:hover {
61
  text-decoration: underline;
62
  text-decoration-color: currentcolor;
63
  text-decoration-color: #90929D;
64
}
65

    
66
.searchForm, .generalSearchForm,
67
.publicationsSearchForm,
68
.projectsSearchForm, .projectsTableSearchForm,
69
.organizationsSearchForm,
70
.datasetsSearchForm,
71
.softwareSearchForm,
72
.orpsSearchForm,
73
.datasourcesSearchForm,  .compatibleDatasourcesSearchForm, .compatibleDatasourcesTableSearchForm, .datasourcesTableSearchForm,
74
 .journalsSearchForm, .journalsTableSearchForm,
75
.entityRegistriesSearchForm, .entityRegistriesTableSearchForm {
76

    
77
    background: url('./Εxplore-sub.jpg') right !important;
78

    
79
}
80

    
81
.ask-explore.uk-grid-divider > :not(.uk-first-column)::before {
82
  border-left: 1px solid var(--portal-main-color) ;
83
}
84

    
85
.questions .tm-child-list-divider > ul > li:nth-child(n+2), .questions .uk-list-divider > li:nth-child(n+2) {
86
  border-top: 1px solid #c5c5c5;
87
}
88

    
89
.questions {
90
  font-size: 15px;
91
  font-weight: bold;
92
  color: #4687E6;
93
}
94

    
95
.uk-card-explore {
96
  background-color: var(--portal-main-color);
97
  color: #fff !important;
98
}
99

    
100
.uk-card-explore .uk-h3 {
101
  color: #fff !important;
102
}
103

    
104
.uk-card-explore .uk-h6 a {
105
  color: #fff !important;
106
  text-decoration: underline;
107
}
108

    
109
.uk-card-explore .uk-h5 {
110
  color: #fff !important;
111
  text-transform: uppercase;
112
  font-size: 15px;
113
  font-weight: bolder;
114
}
115

    
116
.emphasis {
117
  color: #000;
118
  font-size: 17px;
119
  font-weight: bold;
120
}
121

    
122
.portal-color.emphasis {
123
  color: #37C7E9;
124
  font-size: 40px;
125
  font-weight: bold;
126
}
127

    
128
.numbers-background {
129
    background: transparent url('explore-assets/numbers_background_pattern.svg') 0% 0% repeat-x padding-box;
130
    background-position: center bottom;
131
}
132

    
133
.numbers-background .emphasis {
134
    font-size: 40px;
135
    font-weight: bold;
136
}
137

    
138
.iframeContainer{
139
    overflow: hidden;
140
}
141

    
142
.iframeContainer iframe {
143
    width: 100%;
144
    height: 100%;
145
    border: 0;
146
    overflow: hidden;
147
}
148

    
149
.home-logo img{
150
    -webkit-filter: grayscale(1); /* Safari 6.0 - 9.0 */
151
    filter: grayscale(1);
152
    transition-duration:0.3s;
153
}
154

    
155
.home-logo:hover img{
156
    -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
157
    filter: grayscale(0);
158
    transition-duration:0.3s;
159
}
160

    
161
.graph-background {
162
  background: var(--portal-main-color) 0 0 no-repeat padding-box;
163
  color: white;
164
}
165

    
166
.graph-background-bottom {
167
  background-image: url("curved-bottom.svg");
168
  background-color: #FAFAFA;
169
  height: 170px;
170
}
171

    
172
.custom-explore-toggle {
173
  color: white;
174
}
175

    
176
.custom-explore-toggle:hover {
177
  color: rgba(255, 255, 255, 0.71);
178
}
179

    
180
.trello-image {
181
    margin-top: -3px;
182
}
183

    
184
.trello-button {
185
  border: #0079BF 1px solid;
186
  text-transform: none !important;
187
  font-size: 16px;
188
  padding: 0 16px;
189
}
190

    
191
.trello-button-white {
192
    background-color: white;
193
    color: #0079BF;
194
}
195

    
196
.trello-button-blue {
197
    background-color: #0076BA;
198
    color: white;
199
}
200

    
201
.trello-button-white:hover {
202
    background-color: #E9EEF5;
203
    color: #0079BF;
204
}
205

    
206
.trello-button-blue:hover {
207
    background-color: #0084B1;
208
    color: white;
209
}
210

    
211
.explorePanelBackground {
212
    background: transparent linear-gradient(133deg, #F5F5F5 0%, #D8D8D8 100%) 0% 0% no-repeat padding-box;
213
}
214

    
215
.explorePanelBackground .uk-grid-divider > :not(.uk-first-column)::before {
216
    border-left: 1px solid rgba(0, 0, 0, .2);
217
}
218

    
219
.explorePanelBackground .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
220
    color: #bfbfbf;
221
}
222

    
223
.exploreBorder {
224
    border-color: #d8d8d8;
225
    border-style: solid;
226
    border-width: 2px;
227
    border-radius: 6px;
228
}
229

    
230
.exploreZenodoButton {
231
    background: transparent linear-gradient(90deg, #01367D 0%, #009AE1 100%) 0% 0% no-repeat padding-box;
232
    box-shadow: 0px 4px 10px #00000029;
233
    border: none;
234
    color: white;
235
}
(5-5/17)