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
.banner-background {
35
  background: linear-gradient(145deg, rgba(255, 255, 255, 1) 0%, rgba(160, 193, 242, 1) 100%);
36
}
37

    
38
.connectInfoCard {
39
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.24);
40
}
41

    
42
.connectCheckIcon {
43
  background: rgba(0, 0, 0, 0.60);
44
  color: white;
45
}
46

    
47
.searchForm, .communitiesSearchForm {
48
  background: transparent linear-gradient(0deg, #FAFAFA 0%, #E2EEFA 100%);
49
}
50

    
51
.generalSearchForm,
52
.publicationsSearchForm,
53
.projectsSearchForm, .projectsTableSearchForm,
54
.organizationsSearchForm,
55
.datasetsSearchForm,
56
.softwareSearchForm,
57
.orpsSearchForm,
58
.datasourcesSearchForm, .compatibleDatasourcesSearchForm, .compatibleDatasourcesTableSearchForm, .datasourcesTableSearchForm,
59
.journalsSearchForm, .journalsTableSearchForm,
60
.entityRegistriesSearchForm, .entityRegistriesTableSearchForm {
61
    background: url('search-background.svg')   #F7FCFF no-repeat center bottom   ;
62
    background-size: cover !important;
63
    height: inherit;
64

    
65
}
66

    
67
.communityToolBar {
68
  background-color: #dedede;
69
  z-index: 10;
70
}
71

    
72
/*.my-tooltip {
73
  opacity: 0;
74
}*/
75

    
76
.communityToolBarSection {
77
  z-index: 10;
78
}
79

    
80
div:not(.connect_App) bottom .uk-totop {
81
  background-color: transparent !important;
82
}
83

    
84
.communityPanelBackground .curator-photo {
85
  border: rgba(255, 255, 255, 0.5) 8px solid;
86
}
87

    
88
.communityRecentResults .search-results > li:nth-child(2) {
89
  border-top: none !important;
90
}
91

    
92
.communityRecentResults .search-results > li:last-child {
93
  border-bottom: none !important;
94

    
95
}
96

    
97
.communityPanelBackground .uk-breadcrumb .active {
98
  color: white;
99
}
100

    
101
.uk-breadcrumb .active {
102
  font-weight: bold;
103
}
104

    
105
.communityPanelBackground .uk-label:not(.ignoreCommunityPanelBackground) {
106
  border-radius: 20px;
107
  padding: 10px 20px;
108
}
109

    
110

    
111
.communityPanelBackground .uk-grid-divider > :not(.uk-first-column)::before {
112
  border-left: 1px solid rgba(255, 255, 255, .2);
113
}
114

    
115

    
116
/*CONNECT REDESIGN*/
117

    
118
#subscribeAndInviteBtn {
119
/*#subscribeBtn, #inviteBtn {*/
120
    float: left;
121
    position: fixed;
122
    right: 0;
123
    z-index: 100;
124
    display: block;
125
    top: calc(30% - 47px);
126
}
127

    
128
#subscribeAndInviteBtn button {
129
    width: 125px;
130
    height: 35px;
131
    border-right: none;
132
    /*border-top-right-radius: 0;*/
133
    /*border-bottom-right-radius: 0;*/
134
    border-radius: 4px 0px 0px 4px;
135
    box-shadow: 0px 2px 6px #00000038;
136
}
137

    
138
.subscribed-button {
139
    background-color: #8AD15E !important;
140
    color: white !important;
141
}
142

    
143
.subscribed-button:hover {
144
    background-color: #71b04a !important;
145
}
146

    
147
.uk-tooltip.community-page-tooltip {
148
    background-color: white;
149
    display: block;
150
    border-radius: 4px;
151
    padding: 15px 15px 0;
152
    border: 1px solid #DEDEDE;
153
    color: #6c6c6c;
154
    z-index: 10000;
155
}
156

    
157
.user-circle-background {
158
    background-color: var(--portal-main-color);
159
    border-radius: 50%;
160
    height: 10px;
161
    width: 10px;
162
    display: inline-flex;
163
    padding: 2px;
164
    fill: white;
165
}
166

    
167
a:hover .user-circle-background {
168
    background-color: var(--portal-dark-color);
169
}
170

    
171
.communityApp .custom-main-content {
172
    background-color: #F7FCFF;
173
    /*background-color: lightpink;*/
174
    color: #000000 !important;
175
    font-size: 14px !important;
176
    min-height: 60vh;
177
}
178

    
179
.generalSearchForm .subtitle{
180
    color: #000000 !important;
181
    opacity: 0.6;
182
}
183

    
184
.generalSearchForm .title{
185
    color: #000000 !important;
186
    font-size: 28px;
187
    font-weight: 400;
188
    font-family: 'Open Sans', sans-serif !important;
189
}
190

    
191
.publicationAnalytics.uk-icon-button:hover, .publicationAnalytics.uk-icon-button.active {
192
    background: #FFE6E6;
193
}
194
.publicationAnalytics.uk-icon-button {
195
    border-color: #F17AA9 !important;
196
}
197

    
198
.datasetAnalytics.uk-icon-button:hover, .datasetAnalytics.uk-icon-button.active {
199
    background: #E2DAF0;
200
}
201
.datasetAnalytics.uk-icon-button {
202
    border-color: #A98BD4 !important;
203
}
204

    
205
.softwareAnalytics.uk-icon-button:hover, .softwareAnalytics.uk-icon-button.active {
206
    background: #D4ECD6;
207
}
208
.softwareAnalytics.uk-icon-button {
209
    border-color: #639C66 !important;
210
}
211

    
212
.otherAnalytics.uk-icon-button:hover, .otherAnalytics.uk-icon-button.active {
213
    background: #C5E0E9;
214
}
215
.otherAnalytics.uk-icon-button {
216
    border-color: #708AA5 !important;
217
}
218
/*END OF CONNECT REDESIGN*/
219

    
220
.communityApp .uk-logo{
221
    padding-left: 20px;
222

    
223
}
224

    
225
.connectApp {
226
  background-color: #FAFAFA !important;
227
}
228

    
229
.connectApp .login text {
230
  stroke: black;
231
  fill: black;
232
}
233

    
234
.connectApp .uk-text-large {
235
  font-size: 18px;
236
}
237

    
238
.connectApp , .connectApp h1, .connectApp h2, .connectApp h3,
239
.connectApp h4, .connectApp h5, .connectApp h6, .connectApp .uk-card, .connectApp .color{
240
  color: #292747;
241
}
242

    
243
.connectApp .portal-button {
244
  color: black !important;
245
  font-weight: 700;
246
}
247

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