Project

General

Profile

1
:root {
2
  --portal-main-color: #FECA1D;
3
  /* --portal-main-contrast: #2E2E2E;  */
4
  --portal-main-contrast: white;
5
  /*--portal-dark-color: #b48536;*/
6
  --portal-dark-color: #FFC400;
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: #FECA1D;
13
  /*--connect-portal-color: #EBB13E;*/
14
  --develop-portal-color: #DA65AB;
15

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

    
22
  --community_main_color: #4C9CD5;
23
  --community_main_color_rgb: 76, 156, 213;
24
  --community_secondary_color: #24857F;
25
  --community_main_dark_color: #2276B9;
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("connect-assets/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("connect-assets/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("connect-assets/contact/background.png") !important;
59
  background-color: rgb(255, 255, 255);
60
}
61

    
62
.cloud-background {
63
  background-image: url("connect-assets/cloud/background.png") !important;
64
  background-color: rgb(255, 255, 255);
65
}
66

    
67
.cloud-abstract {
68
  background-image: url("connect-assets/cloud/abstract.png") !important;
69
  background-color: rgb(255, 255, 255);
70
}
71

    
72
.banner-background {
73
  background: linear-gradient(145deg, rgba(255, 255, 255, 1) 0%, rgba(160, 193, 242, 1) 100%);
74
}
75

    
76
.home-background {
77
  background-image: url("connect-assets/home/background.png") !important;
78
  background-color: rgb(255, 255, 255);
79
}
80

    
81
.connectInfoCard {
82
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.24);
83
}
84

    
85
.connectCheckIcon {
86
  background: rgba(0, 0, 0, 0.60);
87
  color: white;
88
}
89

    
90
.communityCard {
91
  box-shadow: 0 1px 3px #00000029;
92
  border-radius: 2px;
93
  padding: 20px;
94
}
95

    
96
.rc-label {
97
  color: black !important;
98
  background-color: #FFC700 !important;
99
}
100

    
101
.private-view-label {
102
  color: black !important;
103
}
104

    
105

    
106
.searchForm, .communitiesSearchForm {
107
  background: transparent linear-gradient(0deg, #FAFAFA 0%, #E2EEFA 100%);
108
}
109

    
110
.generalSearchForm,
111
.publicationsSearchForm,
112
.projectsSearchForm, .projectsTableSearchForm,
113
.organizationsSearchForm,
114
.datasetsSearchForm,
115
.softwareSearchForm,
116
.orpsSearchForm,
117
.datasourcesSearchForm, .compatibleDatasourcesSearchForm, .compatibleDatasourcesTableSearchForm, .datasourcesTableSearchForm,
118
.journalsSearchForm, .journalsTableSearchForm,
119
.entityRegistriesSearchForm, .entityRegistriesTableSearchForm {
120

    
121
  background: url('') !important;
122

    
123
}
124

    
125
.communityToolBar {
126
  background-color: #dedede;
127
  z-index: 10;
128
}
129

    
130
/*.my-tooltip {
131
  opacity: 0;
132
}*/
133

    
134
.communityToolBarSection {
135
  z-index: 10;
136
}
137

    
138
.iframeContainer {
139
  /*position:relative;*/
140
  overflow: hidden;
141
  /*padding-top:56.25%;*/
142
  /*padding-bottom:35%;*/
143

    
144
}
145

    
146
.iframeContainer iframe {
147
  /*position: absolute;*/
148
  /*top:0;*/
149
  /*left:0;*/
150
  width: 100%;
151
  height: 100%;
152
  border: 0;
153
}
154

    
155
div:not(.connect_App) bottom .uk-totop {
156
  background-color: transparent !important;
157
}
158

    
159
.communityPanelBackground .curator-photo {
160
  border: rgba(255, 255, 255, 0.5) 8px solid;
161
}
162

    
163
.communityRecentResults .search-results > li:nth-child(2) {
164
  border-top: none !important;
165
}
166

    
167
.communityRecentResults .search-results > li:last-child {
168
  border-bottom: none !important;
169

    
170
}
171

    
172
.communityPanelBackground .uk-breadcrumb .active {
173
  color: white;
174
}
175

    
176
.uk-breadcrumb .active {
177
  font-weight: bold;
178
}
179

    
180
.communityPanelBackground .uk-label:not(.ignoreCommunityPanelBackground) {
181
  border-radius: 20px;
182
  padding: 10px 20px;
183
}
184

    
185

    
186
.communityPanelBackground .uk-grid-divider > :not(.uk-first-column)::before {
187
  border-left: 1px solid rgba(255, 255, 255, .2);
188
}
189

    
190

    
191
/*
192
Impact Factor -  ATHENA CODE */
193
#popularity-A {
194
  color: red;
195
  content: 'Test';
196
}
197

    
198
#popularity-B {
199
  color: #eabd35;
200
  content: 'Test';
201
}
202

    
203
#popularity-C {
204
  color: grey;
205
  content: 'Test';
206
}
207

    
208
#influence-A {
209
  color: red;
210
  content: 'Test';
211
}
212

    
213
#influence-B {
214
  color: #eabd35;
215
  content: 'Test';
216
}
217

    
218
#influence-C {
219
  color: grey;
220
  content: 'Test';
221
}
222

    
223
.fa-university::before {
224

    
225
  content: "\f19c";
226

    
227
}
228

    
229
.fa-fire::before {
230

    
231
  content: "\f06d";
232

    
233
}
234
/* ATHENA CODE */
235

    
236

    
237
/*CONNECT REDESIGN*/
238

    
239
#subscribeBtn, #inviteBtn {
240
    float: left;
241
    position: fixed;
242
    right: 0;
243
    z-index: 100;
244
    display: block;
245
    width: 110px;
246
}
247

    
248
#subscribeBtn {
249
    top: calc(35% - 47px);
250
}
251

    
252
#inviteBtn {
253
    top: calc(40% - 47px);
254
}
255

    
256
#subscribeBtn > * > button, #inviteBtn > * > button {
257
    border-right: none;
258
    border-top-right-radius: 0;
259
    border-bottom-right-radius: 0;
260
    box-shadow: 0px 2px 6px #00000038;
261
    /*background-color: var(--portal-main-color);*/
262
}
263

    
264
/*#subscribeBtn > * > button:hover, #inviteBtn > * > button:hover {*/
265
/*    background-color: white;*/
266
/*}*/
267

    
268
.subscribed-button {
269
    background-color: #8AD15E !important;
270
    color: white !important;
271
}
272

    
273
.subscribed-button:hover {
274
    background-color: #71b04a !important;
275
}
276

    
277
.uk-tooltip.community-page-tooltip {
278
    background-color: white;
279
    display: block;
280
    border-radius: 4px;
281
    padding: 15px 15px 0;
282
    border: 1px solid #DEDEDE;
283
    color: #6c6c6c;
284
    z-index: 10000;
285
}
286

    
287
/*END OF CONNECT REDESIGN*/
288

    
289
.communityApp .uk-logo{
290
    padding-left: 20px;
291

    
292
}
293

    
294
.connectApp {
295
  background-color: #FAFAFA !important;
296
}
297

    
298
.connectApp .color {
299
  color: #292747 !important;
300
}
301

    
302
.connectApp .dashboard {
303
  background: url("connect-assets/home/dashboard.png") no-repeat bottom;
304
  min-height: 320px;
305
}
306

    
307
.connectApp .portal-button {
308
  color: black !important;
309
  font-weight: 700;
310
}
311

    
312
.connectApp .uk-grid-divider>:not(.uk-first-column)::before {
313
  border-left: 1px solid #DEDEDE;
314
}
(5-5/17)