|
1
|
:root {
|
|
2
|
--portal-main-color: #EBB13E;
|
|
3
|
/* --portal-main-contrast: #2E2E2E; */
|
|
4
|
--portal-main-contrast: white;
|
|
5
|
--portal-dark-color: #4687E6;
|
|
6
|
|
|
7
|
--openaire-main-color: #313179;
|
|
8
|
|
|
9
|
--explore-portal-color: #D95F2D;
|
|
10
|
--provide-portal-color: #37C7E9;
|
|
11
|
--monitor-portal-color: #9ABB55;
|
|
12
|
--connect-portal-color: #EBB13E;
|
|
13
|
--develop-portal-color: #DA65AB;
|
|
14
|
|
|
15
|
--explore-portal-lower-tone: #a0462c;
|
|
16
|
--provide-portal-lower-tone: #3A8FA3;
|
|
17
|
--monitor-portal-lower-tone: #7c9144;
|
|
18
|
--connect-portal-lower-tone: #b48536;
|
|
19
|
--develop-portal-lower-tone: #9f4e7e;
|
|
20
|
|
|
21
|
--community_main_color: #4C9CD5;
|
|
22
|
--community_main_color_rgb: 76,156,213;
|
|
23
|
--community_secondary_color:#24857F;
|
|
24
|
--community_main_dark_color:#2276B9;
|
|
25
|
|
|
26
|
}
|
|
27
|
|
|
28
|
|
|
29
|
|
|
30
|
.tm-toolbar .uk-subnav-line .custom-connect-li {
|
|
31
|
background:var(--portal-main-color) !important;
|
|
32
|
}
|
|
33
|
|
|
34
|
/* .uk-button-default:hover,.uk-button-default:focus,.btn:hover,.btn:focus {
|
|
35
|
background-color:#fff !important;
|
|
36
|
color:#5b5b5b !important;
|
|
37
|
box-shadow:0 6px 50px rgba(0,0,0,0.05)
|
|
38
|
} */
|
|
39
|
|
|
40
|
|
|
41
|
.mainPageSearchForm {
|
|
42
|
background-image: url("./home/banner.jpg") !important;
|
|
43
|
background-color: rgb(255, 255, 255);
|
|
44
|
box-sizing: border-box;
|
|
45
|
min-height: calc(100vh - 412.767px);
|
|
46
|
}
|
|
47
|
|
|
48
|
.home-banner {
|
|
49
|
background-image: url("./home/banner.jpg") !important;
|
|
50
|
background-color: rgb(255, 255, 255);
|
|
51
|
}
|
|
52
|
|
|
53
|
.contact-banner {
|
|
54
|
background-color: #CFDEF1;
|
|
55
|
}
|
|
56
|
|
|
57
|
.contact-background {
|
|
58
|
background-image: url("./contact/background.png") !important;
|
|
59
|
background-color: rgb(255, 255, 255);
|
|
60
|
}
|
|
61
|
|
|
62
|
.about-background {
|
|
63
|
background-image: url("./about/background.png") !important;
|
|
64
|
background-color: rgb(255, 255, 255);
|
|
65
|
}
|
|
66
|
|
|
67
|
.cloud-background {
|
|
68
|
background-image: url("./cloud/background.png") !important;
|
|
69
|
background-color: rgb(255, 255, 255);
|
|
70
|
}
|
|
71
|
|
|
72
|
.cloud-abstract {
|
|
73
|
background-image: url("./cloud/abstract.png") !important;
|
|
74
|
background-color: rgb(255, 255, 255);
|
|
75
|
}
|
|
76
|
|
|
77
|
.banner-background {
|
|
78
|
background-image: url("banner/background.png") !important;
|
|
79
|
background-color: rgb(255, 255, 255);
|
|
80
|
}
|
|
81
|
|
|
82
|
.home-background {
|
|
83
|
background-image: url("home/background.png") !important;
|
|
84
|
background-color: rgb(255, 255, 255);
|
|
85
|
}
|
|
86
|
|
|
87
|
.communitiesImageBox{
|
|
88
|
width:107px; height:57px;
|
|
89
|
}
|
|
90
|
|
|
91
|
.connectInfoCard {
|
|
92
|
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.24);
|
|
93
|
}
|
|
94
|
|
|
95
|
.connectCheckIcon {
|
|
96
|
background: rgba(0, 0, 0, 0.60);
|
|
97
|
color: white;
|
|
98
|
}
|
|
99
|
|
|
100
|
.communityCard {
|
|
101
|
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
|
|
102
|
}
|
|
103
|
|
|
104
|
.rc-label{
|
|
105
|
color:black !important;
|
|
106
|
background-color: #FFC700 !important;
|
|
107
|
}
|
|
108
|
|
|
109
|
.private-view-label{
|
|
110
|
color:black !important;
|
|
111
|
}
|
|
112
|
|
|
113
|
|
|
114
|
.searchForm, .communitiesSearchForm{
|
|
115
|
|
|
116
|
background-image: url('./banner/background.png') !important;
|
|
117
|
|
|
118
|
}
|
|
119
|
.generalSearchForm,
|
|
120
|
.publicationsSearchForm,
|
|
121
|
.projectsSearchForm, .projectsTableSearchForm,
|
|
122
|
.organizationsSearchForm,
|
|
123
|
.datasetsSearchForm,
|
|
124
|
.softwareSearchForm,
|
|
125
|
.orpsSearchForm,
|
|
126
|
.datasourcesSearchForm, .compatibleDatasourcesSearchForm, .compatibleDatasourcesTableSearchForm, .datasourcesTableSearchForm,
|
|
127
|
.journalsSearchForm, .journalsTableSearchForm,
|
|
128
|
.entityRegistriesSearchForm, .entityRegistriesTableSearchForm {
|
|
129
|
|
|
130
|
background: url('') !important;
|
|
131
|
|
|
132
|
}
|
|
133
|
|
|
134
|
.communityToolBar{
|
|
135
|
background-color:#dedede;
|
|
136
|
z-index: 10;
|
|
137
|
}
|
|
138
|
|
|
139
|
/*.my-tooltip {
|
|
140
|
opacity: 0;
|
|
141
|
}*/
|
|
142
|
|
|
143
|
.communityToolBarSection{
|
|
144
|
z-index: 10;
|
|
145
|
}
|
|
146
|
|
|
147
|
.iframeContainer{
|
|
148
|
/*position:relative;*/
|
|
149
|
overflow:hidden;
|
|
150
|
/*padding-top:56.25%;*/
|
|
151
|
/*padding-bottom:35%;*/
|
|
152
|
|
|
153
|
}
|
|
154
|
|
|
155
|
.iframeContainer iframe{
|
|
156
|
/*position: absolute;*/
|
|
157
|
/*top:0;*/
|
|
158
|
/*left:0;*/
|
|
159
|
width:100%;
|
|
160
|
height:100%;
|
|
161
|
border:0;
|
|
162
|
}
|
|
163
|
|
|
164
|
|
|
165
|
/* Community Page
|
|
166
|
community_main_color
|
|
167
|
community_secondary_color
|
|
168
|
community_main_dark_color
|
|
169
|
|
|
170
|
*/
|
|
171
|
|
|
172
|
.communityPanelBackground,.communityPanelBackground .uk-section-primary {
|
|
173
|
background-image: linear-gradient(to right, var(--community_main_color) , var(--community_secondary_color));
|
|
174
|
color:white;
|
|
175
|
}
|
|
176
|
div:not(.connect_App) bottom .uk-totop{
|
|
177
|
background-color: transparent !important;
|
|
178
|
}
|
|
179
|
/*div:not(.connectApp).uk-section-primary{
|
|
180
|
background-image: linear-gradient(to right, var(--community_main_color) , var(--community_secondary_color)) !important;
|
|
181
|
color:white !important;
|
|
182
|
}*/
|
|
183
|
|
|
184
|
.communityPanelBackground .uk-h5:not(.ignoreCommunityPanelBackground), .communityPanelBackground .uk-link:not(.ignoreCommunityPanelBackground), .communityPanelBackground a:not(.uk-button):not(.ignoreCommunityPanelBackground){
|
|
185
|
color:white;
|
|
186
|
}
|
|
187
|
|
|
188
|
.communityPanelBackground .uk-card:not(.ignoreCommunityPanelBackground), .communityPanelBackground .uk-label:not(.ignoreCommunityPanelBackground){
|
|
189
|
background-color:rgba(255,255,255,0.5);
|
|
190
|
border-color:rgba(255,255,255,0.5);
|
|
191
|
}
|
|
192
|
.communityPanelBackground .uk-link:not(.ignoreCommunityPanelBackground):not(.license):not(.newsletter),
|
|
193
|
.communityPanelBackground a:not(.uk-button):not(.ignoreCommunityPanelBackground):not(.uk-icon):not(.license):not(.newsletter)
|
|
194
|
{
|
|
195
|
/*text-decoration: underline;*/
|
|
196
|
border-bottom: 1px solid white;
|
|
197
|
}
|
|
198
|
|
|
199
|
.communityPanelBackground .uk-label:not(.ignoreCommunityPanelBackground){
|
|
200
|
border-radius: 20px;
|
|
201
|
padding: 12px 22px;
|
|
202
|
}
|
|
203
|
.communityPanelBackground .lowOpacityColor:not(.ignoreCommunityPanelBackground){
|
|
204
|
color:rgba(255,255,255,0.5);
|
|
205
|
}
|
|
206
|
.communityPanelBackground .curator-photo{
|
|
207
|
border:rgba(255, 255, 255, 0.5) 10px solid
|
|
208
|
}
|
|
209
|
|
|
210
|
.customTabs .customTabsTitle li {
|
|
211
|
/*rgba(red(var(--community_main_color)), green(var(--community_main_color)), blue(var(--community_main_color)));*/
|
|
212
|
background-color:rgba(var(--community_main_color_rgb), 0.6);
|
|
213
|
color: white;
|
|
214
|
border-top: var(--community_main_dark_color) 1px solid;
|
|
215
|
border-left: var(--community_main_dark_color) 1px solid;
|
|
216
|
}
|
|
217
|
.customTabs .customTabsTitle li:last-child {
|
|
218
|
|
|
219
|
border-bottom: var(--community_main_dark_color) 1px solid;
|
|
220
|
}
|
|
221
|
.customTabs .customTabsTitle li a, .customTabs .customTabsTitle li a:hover{
|
|
222
|
color: white !important;
|
|
223
|
margin: 6px;
|
|
224
|
border: none;
|
|
225
|
}
|
|
226
|
.customTabs .customTabsTitle li.uk-active {
|
|
227
|
background-color: var(--community_main_color);
|
|
228
|
opacity: 1;
|
|
229
|
}
|
|
230
|
.customTabs ul.customTabsContent {
|
|
231
|
border:var(--community_main_dark_color) 1px solid;
|
|
232
|
}
|
|
233
|
|
|
234
|
.communityRecentResults .search-results > li:nth-child(2){
|
|
235
|
border-top: none !important;
|
|
236
|
} .communityRecentResults .search-results > li:last-child {
|
|
237
|
border-bottom: none !important;
|
|
238
|
}
|
|
239
|
|
|
240
|
.font-41 {
|
|
241
|
font-size: 41px;
|
|
242
|
}
|
|
243
|
|
|
244
|
.line-height-normal {
|
|
245
|
line-height: normal;
|
|
246
|
}
|
|
247
|
|
|
248
|
/* NOT USED
|
|
249
|
.sketch-line {
|
|
250
|
height:80%;
|
|
251
|
}
|
|
252
|
|
|
253
|
.img-sketch {
|
|
254
|
height:20%;
|
|
255
|
}
|
|
256
|
*/
|
