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
  position: relative;
95
  background-color: white;
96
}
97

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

    
103
.private-view-label {
104
  color: black !important;
105
}
106

    
107

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

    
112
.generalSearchForm,
113
.publicationsSearchForm,
114
.projectsSearchForm, .projectsTableSearchForm,
115
.organizationsSearchForm,
116
.datasetsSearchForm,
117
.softwareSearchForm,
118
.orpsSearchForm,
119
.datasourcesSearchForm, .compatibleDatasourcesSearchForm, .compatibleDatasourcesTableSearchForm, .datasourcesTableSearchForm,
120
.journalsSearchForm, .journalsTableSearchForm,
121
.entityRegistriesSearchForm, .entityRegistriesTableSearchForm {
122
    background: url('search-background.svg')   #F7FCFF no-repeat center bottom   ;
123
    background-size: cover !important;
124
    height: inherit;
125

    
126
}
127

    
128
.communityToolBar {
129
  background-color: #dedede;
130
  z-index: 10;
131
}
132

    
133
/*.my-tooltip {
134
  opacity: 0;
135
}*/
136

    
137
.communityToolBarSection {
138
  z-index: 10;
139
}
140

    
141
.iframeContainer {
142
  /*position:relative;*/
143
  overflow: hidden;
144
  /*padding-top:56.25%;*/
145
  /*padding-bottom:35%;*/
146

    
147
}
148

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

    
158
div:not(.connect_App) bottom .uk-totop {
159
  background-color: transparent !important;
160
}
161

    
162
.communityPanelBackground .curator-photo {
163
  border: rgba(255, 255, 255, 0.5) 8px solid;
164
}
165

    
166
.communityRecentResults .search-results > li:nth-child(2) {
167
  border-top: none !important;
168
}
169

    
170
.communityRecentResults .search-results > li:last-child {
171
  border-bottom: none !important;
172

    
173
}
174

    
175
.communityPanelBackground .uk-breadcrumb .active {
176
  color: white;
177
}
178

    
179
.uk-breadcrumb .active {
180
  font-weight: bold;
181
}
182

    
183
.communityPanelBackground .uk-label:not(.ignoreCommunityPanelBackground) {
184
  border-radius: 20px;
185
  padding: 10px 20px;
186
}
187

    
188

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

    
193

    
194
/*CONNECT REDESIGN*/
195

    
196
#subscribeAndInviteBtn {
197
/*#subscribeBtn, #inviteBtn {*/
198
    float: left;
199
    position: fixed;
200
    right: 0;
201
    z-index: 100;
202
    display: block;
203
    top: calc(30% - 47px);
204
}
205

    
206
#subscribeAndInviteBtn button {
207
    width: 125px;
208
    height: 35px;
209
    border-right: none;
210
    /*border-top-right-radius: 0;*/
211
    /*border-bottom-right-radius: 0;*/
212
    border-radius: 4px 0px 0px 4px;
213
    box-shadow: 0px 2px 6px #00000038;
214
}
215

    
216
.subscribed-button {
217
    background-color: #8AD15E !important;
218
    color: white !important;
219
}
220

    
221
.subscribed-button:hover {
222
    background-color: #71b04a !important;
223
}
224

    
225
.uk-tooltip.community-page-tooltip {
226
    background-color: white;
227
    display: block;
228
    border-radius: 4px;
229
    padding: 15px 15px 0;
230
    border: 1px solid #DEDEDE;
231
    color: #6c6c6c;
232
    z-index: 10000;
233
}
234

    
235
.user-circle-background {
236
    background-color: var(--portal-main-color);
237
    border-radius: 50%;
238
    height: 10px;
239
    width: 10px;
240
    display: inline-flex;
241
    padding: 2px;
242
    fill: white;
243
}
244

    
245
a:hover .user-circle-background {
246
    background-color: var(--portal-dark-color);
247
}
248

    
249
.communityApp .custom-main-content {
250
    background-color: #F7FCFF;
251
    /*background-color: lightpink;*/
252
    color: #000000 !important;
253
    font-size: 14px !important;
254
    min-height: 60vh;
255
}
256

    
257
.generalSearchForm .subtitle{
258
    color: #000000 !important;
259
    opacity: 0.6;
260
}
261

    
262
.generalSearchForm .title{
263
    color: #000000 !important;
264
    font-size: 28px;
265
    font-weight: 400;
266
    font-family: 'Open Sans', sans-serif !important;
267
}
268

    
269
/*END OF CONNECT REDESIGN*/
270

    
271
.communityApp .uk-logo{
272
    padding-left: 20px;
273

    
274
}
275

    
276
.connectApp {
277
  background-color: #FAFAFA !important;
278
}
279

    
280
.connectApp .uk-text-large {
281
  font-size: 18px;
282
}
283

    
284
.connectApp , .connectApp h1, .connectApp h2, .connectApp h3,
285
.connectApp h4, .connectApp h5, .connectApp h6, .connectApp .uk-card, .connectApp .color{
286
  color: #292747;
287
}
288

    
289
.connectApp .portal-button {
290
  color: black !important;
291
  font-weight: 700;
292
}
293

    
294
.connectApp .uk-grid-divider>:not(.uk-first-column)::before {
295
  border-left: 1px solid #DEDEDE;
296
}
(5-5/18)