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
    --background-light-color: #F7FCFF;
27
}
28

    
29

    
30
.tm-toolbar .uk-subnav-line .custom-connect-li, .connect-background {
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
.communityToolBar {
52
  background-color: #dedede;
53
  z-index: 10;
54
}
55

    
56
/*.my-tooltip {
57
  opacity: 0;
58
}*/
59

    
60
.communityToolBarSection {
61
  z-index: 10;
62
}
63

    
64
div:not(.connect_App) bottom .uk-totop {
65
  background-color: transparent !important;
66
}
67

    
68
.communityPanelBackground .curator-photo {
69
  border: rgba(255, 255, 255, 0.5) 8px solid;
70
}
71

    
72
.communityRecentResults .search-results > li:nth-child(2) {
73
  border-top: none !important;
74
}
75

    
76
.communityRecentResults .search-results > li:last-child {
77
  border-bottom: none !important;
78

    
79
}
80

    
81
.communityPanelBackground .uk-breadcrumb .active {
82
  color: white;
83
}
84

    
85
.uk-breadcrumb .active {
86
  font-weight: bold;
87
}
88

    
89
.communityPanelBackground .uk-label:not(.ignoreCommunityPanelBackground) {
90
  border-radius: 20px;
91
  padding: 10px 20px;
92
}
93

    
94

    
95
.communityPanelBackground .uk-grid-divider > :not(.uk-first-column)::before {
96
  border-left: 1px solid rgba(255, 255, 255, .2);
97
}
98

    
99

    
100
/*CONNECT REDESIGN*/
101

    
102
#subscribeAndInviteBtn {
103
/*#subscribeBtn, #inviteBtn {*/
104
    float: left;
105
    position: fixed;
106
    right: 0;
107
    z-index: 100;
108
    display: block;
109
    top: calc(30% - 47px);
110
}
111

    
112
#subscribeAndInviteBtn button {
113
    width: 125px;
114
    height: 35px;
115
    border-right: none;
116
    /*border-top-right-radius: 0;*/
117
    /*border-bottom-right-radius: 0;*/
118
    border-radius: 4px 0px 0px 4px;
119
    box-shadow: 0px 2px 6px #00000038;
120
    border-width: 0px;
121
}
122

    
123
.subscribed-button {
124
    background-color: #8AD15E !important;
125
    color: white !important;
126
}
127

    
128
.subscribed-button:hover {
129
    background-color: #71b04a !important;
130
}
131

    
132
.uk-tooltip.community-page-tooltip {
133
    background-color: white;
134
    display: block;
135
    border-radius: 4px;
136
    padding: 15px 15px 0;
137
    border: 1px solid #DEDEDE;
138
    color: #6c6c6c;
139
    z-index: 10000;
140
}
141

    
142
.user-circle-background {
143
    background-color: var(--portal-main-color);
144
    border-radius: 50%;
145
    height: 10px;
146
    width: 10px;
147
    display: inline-flex;
148
    padding: 2px;
149
    fill: white;
150
}
151

    
152
a:hover .user-circle-background {
153
    background-color: var(--portal-dark-color);
154
}
155

    
156
.communityApp .custom-main-content {
157
    background-color: var(--background-light-color);
158
    /*background-color: lightpink;*/
159
    color: #000000 !important;
160
    font-size: 14px !important;
161
    min-height: 60vh;
162
}
163

    
164
.coloredBackground, .coloredBackground:focus, .coloredBackground:hover {
165
    background-color: transparent;
166
}
167

    
168
.generalSearchForm .subtitle{
169
    color: #000000 !important;
170
    opacity: 0.6;
171
}
172

    
173
.generalSearchForm .title{
174
    color: #000000 !important;
175
    font-size: 28px;
176
    font-weight: 400;
177
    font-family: 'Open Sans', sans-serif !important;
178
}
179

    
180
.publicationAnalytics.uk-icon-button:hover, .publicationAnalytics.uk-icon-button.active {
181
    background: #FFE6E6;
182
}
183
.publicationAnalytics.uk-icon-button {
184
    border-color: #F17AA9 !important;
185
}
186

    
187
.datasetAnalytics.uk-icon-button:hover, .datasetAnalytics.uk-icon-button.active {
188
    background: #E2DAF0;
189
}
190
.datasetAnalytics.uk-icon-button {
191
    border-color: #A98BD4 !important;
192
}
193

    
194
.softwareAnalytics.uk-icon-button:hover, .softwareAnalytics.uk-icon-button.active {
195
    background: #D4ECD6;
196
}
197
.softwareAnalytics.uk-icon-button {
198
    border-color: #639C66 !important;
199
}
200

    
201
.otherAnalytics.uk-icon-button:hover, .otherAnalytics.uk-icon-button.active {
202
    background: #C5E0E9;
203
}
204
.otherAnalytics.uk-icon-button {
205
    border-color: #708AA5 !important;
206
}
207
/*END OF CONNECT REDESIGN*/
208

    
209
.communityApp .uk-logo{
210
    padding-left: 20px;
211

    
212
}
213

    
214
.connectApp {
215
  background-color: #FAFAFA !important;
216
}
217

    
218
.connectApp .login text {
219
  stroke: black;
220
  fill: black;
221
}
222

    
223
.connectApp {
224
  font-size: 16px;
225
}
226

    
227
.connectApp .text-small {
228
    font-size: 14px;
229
}
230

    
231
.connectApp, .connectApp h1, .connectApp h2, .connectApp h3,
232
.connectApp h4, .connectApp h5, .connectApp h6, .connectApp .uk-card, .connectApp .color {
233
  color: #1A1A1A;
234
}
235

    
236
.connectApp .portal-button {
237
  color: #1A1A1A !important;
238
  font-weight: 700;
239
}
240

    
241
.connectApp .uk-pagination > * > *, .connectApp .uk-pagination > * > *:hover {
242
    color: #1a1a1a !important;
243
}
244

    
245
.connectApp .uk-grid-divider>:not(.uk-first-column)::before {
246
  border-left: 1px solid #DEDEDE;
247
}
248

    
249
.contactUsBackground {
250
    background: transparent linear-gradient(0deg, #FFFFFF 0%, #DCEDF5 0%, #FAFAFA 100%);
251
}
(5-5/16)