Project

General

Profile

1 53354 argiro.kok
:root {
2 53457 argiro.kok
    --portal-main-color: #D95F2D;
3 53354 argiro.kok
    --portal-main-contrast: white;
4 56751 argiro.kok
    --portal-dark-color: #a0462c;
5 53457 argiro.kok
    --openaire-main-color: #313179;
6 50359 argiro.kok
7 53457 argiro.kok
    --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 50359 argiro.kok
13 53457 argiro.kok
    --explore-portal-lower-tone: #a0462c;
14
    --provide-portal-lower-tone: #3A8FA3;
15 53745 argiro.kok
    --monitor-portal-lower-tone: #7c9144;
16
    --connect-portal-lower-tone: #b48536;
17 53457 argiro.kok
    --develop-portal-lower-tone: #9f4e7e;
18 50359 argiro.kok
}
19 53354 argiro.kok
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 50359 argiro.kok
.custom-explore-toolbar   ul.uk-subnav.uk-subnav-line{
28 53354 argiro.kok
  background-color: var(--portal-main-color) !important;
29
}
30 50359 argiro.kok
  .custom-explore-toolbar .inner {
31 53354 argiro.kok
       background-color: var(--portal-main-color) !important;
32 50359 argiro.kok
  }
33
34
  .custom-explore-toolbar{
35 53354 argiro.kok
    border-top-color:var(--portal-main-color) !important;
36
  } */
37 50359 argiro.kok
.mainPageSearchForm{
38 57308 konstantin
  /*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 50359 argiro.kok
}
41 52164 argiro.kok
.firstPageNumbers{
42 53354 argiro.kok
  /* font-weight: 600 !important; */
43
  /* color: var(--portal-main-color) !important; */
44 50359 argiro.kok
}
45
46
47 53354 argiro.kok
48 53457 argiro.kok
.explore-numbers  {
49
 }
50
51 52164 argiro.kok
.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 52429 argiro.kok
.box-links .uk-card-header:hover {
61
  text-decoration: underline;
62
  text-decoration-color: currentcolor;
63
  text-decoration-color: #90929D;
64
}
65 53457 argiro.kok
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 57501 konstantin
  font-size: 40px;
125
  font-weight: bold;
126 53457 argiro.kok
}
127 57017 argiro.kok
128 57501 konstantin
.numbers-background {
129 57534 konstantin
    background: transparent url('explore-assets/numbers_background_pattern.svg') 0% 0% repeat-x padding-box;
130
    background-position: center bottom;
131 57501 konstantin
}
132
133
.numbers-background .emphasis {
134
    font-size: 40px;
135
    font-weight: bold;
136
}
137
138 57017 argiro.kok
.iframeContainer{
139
    overflow: hidden;
140
}
141
142
.iframeContainer iframe {
143
    width: 100%;
144
    height: 100%;
145
    border: 0;
146
    overflow: hidden;
147
}
148 57295 k.triantaf
149 57339 konstantin
.home-logo img{
150 57308 konstantin
    -webkit-filter: grayscale(1); /* Safari 6.0 - 9.0 */
151
    filter: grayscale(1);
152
    transition-duration:0.3s;
153
}
154 57339 konstantin
155
.home-logo:hover img{
156 57308 konstantin
    -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
157
    filter: grayscale(0);
158
    transition-duration:0.3s;
159
}
160
161 57295 k.triantaf
.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 57512 konstantin
  background-color: #FAFAFA;
169 58364 k.triantaf
  height: 170px;
170 57295 k.triantaf
}
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 57407 konstantin
.trello-image {
181
    margin-top: -3px;
182
}
183
184 57295 k.triantaf
.trello-button {
185
  border: #0079BF 1px solid;
186
  text-transform: none !important;
187
  font-size: 16px;
188 57407 konstantin
  padding: 0 16px;
189 57295 k.triantaf
}
190
191 57407 konstantin
.trello-button-white {
192
    background-color: white;
193
    color: #0079BF;
194 57295 k.triantaf
}
195 57308 konstantin
196 57407 konstantin
.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 57501 konstantin
    border-left: 1px solid rgba(0, 0, 0, .2);
217 57407 konstantin
}
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
}
236
237 58147 konstantin
.offcanvas-white {
238
    background: white !important;
239
    color: inherit !important;
240
}
241
242
.offcanvas-white .uk-close, offcanvas-white .uk-close:hover,
243
.offcanvas-white a:not([class*="portal-link"]) {
244
    color: inherit !important;
245
}
246
247
.offcanvas-white a:not([class*="portal-link"]):hover {
248
    color: #222080 !important;;
249
}
250
251
.offcanvas-white h5 {
252
    font-size: 18px !important;;
253
    line-height: 1.4 !important;;
254
    color: #1a1a1a !important;;
255
    font-family: 'Open Sans', sans-serif !important;;
256
}
257
258
.offcanvas-white .uk-text-muted {
259
    color: #bfbfbf !important;
260
}
261
262
.offcanvas-white .uk-input {
263
    border-bottom: 1px solid #ededed !important;
264
    background: #fff !important;
265
    color: #666 !important;
266
}
267
268
.offcanvas-white .uk-input::placeholder {
269
    color: #bfbfbf !important;
270
}
271
272
.offcanvas-white .uk-select:not([multiple]):not([size]) {
273
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") !important;
274
    background-repeat: no-repeat !important;
275
    background-position: 100% 50% !important;
276
    border-bottom: 1px solid !important;;
277
    border-color: #ededed !important;
278
    color: #666 !important;
279
}
280
281
.offcanvas-white .uk-input:focus, .offcanvas-white .uk-select:not([multiple]):not([size]):focus {
282
    background-color: #fff !important;
283
    color: #666 !important;
284
    border-color: #222080 !important;
285
}
286
287
.offcanvas-white .uk-radio:checked, .offcanvas-white input[type="radio"]:not([class*="uk-"]):checked {
288
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E") !important;;
289
}
290
291
.offcanvas-white input[type="radio"]:not([class*="uk-"]):checked {
292
    background-color: #222080 !important;;
293
    border-color: transparent !important;;
294
}
295
296
.offcanvas-white .uk-radio, .offcanvas-white input[type="radio"]:not([class*="uk-"]) {
297
    border: 1px solid #d4d4d4 !important;;
298
}
299
300
.offcanvas-white .uk-button-default {
301
    background-color: #fff !important;
302
    color: #222080 !important;
303
    border: 1px solid #222080 !important;
304
}
305
306
.offcanvas-white .uk-button-default:hover {
307
    background-color: #222080 !important;
308
    color: #fff !important;
309
    border-color: #222080 !important;
310
}