1
|
:root {
|
2
|
--portal-main-color: #8DCA26;
|
3
|
--portal-main-contrast: white;
|
4
|
--portal-dark-color: #7c9144;
|
5
|
}
|
6
|
|
7
|
.stakeholderPage {
|
8
|
--primary-color: var(--theme-secondary-color);
|
9
|
--secondary-color: var(--theme-primary-color);
|
10
|
}
|
11
|
/*Stakeholder Specific*/
|
12
|
.publicationsSearchForm{
|
13
|
background-image: none;
|
14
|
}
|
15
|
.stakeholderPage #page_content > div, .stakeholderPage #page_content .uk-navbar-container{
|
16
|
background-color: #F9FBFC !important;
|
17
|
box-shadow: none;
|
18
|
}
|
19
|
/*.stakeholderPage #header_main, .stakeholderPage .uk-sticky.uk-navbar-container {*/
|
20
|
/* background: #F9FBFC !important;*/
|
21
|
/*}*/
|
22
|
.stakeholderPage #page_content_inner {
|
23
|
background-image: url(/assets/monitor-shapes-bg.svg);
|
24
|
background-size: cover;
|
25
|
background-repeat: no-repeat;
|
26
|
background-position: top;
|
27
|
background-attachment: fixed;
|
28
|
|
29
|
}
|
30
|
/*General*/
|
31
|
.stakeholderPage {
|
32
|
background: #F9FBFC !important;
|
33
|
}
|
34
|
|
35
|
#style_switcher .uk-offcanvas-bar {
|
36
|
box-sizing: border-box;
|
37
|
padding: 16px;
|
38
|
}
|
39
|
#style_switcher_toggle {
|
40
|
top: 320px !important;
|
41
|
position: fixed;
|
42
|
height: 36px;
|
43
|
/*background: #fff;*/
|
44
|
background-color: rgb(255, 255, 255);
|
45
|
border-radius: 4px 0 0 4px;
|
46
|
cursor: pointer;
|
47
|
padding: 0 8px;
|
48
|
box-shadow: -2px 2px 5px rgba(0,0,0,.26);
|
49
|
box-sizing: border-box;
|
50
|
/*z-index: 981;*/
|
51
|
}
|
52
|
#filters_switcher_toggle {
|
53
|
top: 320px !important;
|
54
|
position: fixed;
|
55
|
height: 36px;
|
56
|
background-color: var(--secondary-color);
|
57
|
border-radius: 4px 0 0 4px;
|
58
|
cursor: pointer;
|
59
|
padding: 0 2px;
|
60
|
box-shadow: -2px 2px 5px rgba(0,0,0,.26);
|
61
|
box-sizing: border-box;
|
62
|
/*z-index: 981;*/
|
63
|
right: 0;
|
64
|
}
|
65
|
|
66
|
/*Sidebar*/
|
67
|
/*Style*/
|
68
|
/*#sidebar_main .menu_section > ul li.current_section > a {*/
|
69
|
/* font-size: var(--sidebar-font-size);*/
|
70
|
/* color: rgba(0,0,0,.7);*/
|
71
|
/*}*/
|
72
|
/*Sidebar Header logo */
|
73
|
#sidebar_main .sidebar_main_header .portalLogo{
|
74
|
background: url("/assets/logo-large-monitor.png") no-repeat;
|
75
|
background-size: contain ;
|
76
|
margin-left: 35px;
|
77
|
margin-top: 5px;
|
78
|
height:50px;
|
79
|
}
|
80
|
|
81
|
.sidebar_mini #sidebar_main .sidebar_main_header .portalLogo{
|
82
|
background: url("/assets/logo-small-monitor.png") no-repeat !important;
|
83
|
background-size: 50px 50px !important;
|
84
|
}
|
85
|
/*Sidebar Rotation*/
|
86
|
|
87
|
.stakeholderPage #sidebar_main .menu_section > ul > li.current_section {
|
88
|
width: 150px;
|
89
|
height: 100%;
|
90
|
transition: 0.70s;
|
91
|
-webkit-transition: 0.70s;
|
92
|
-moz-transition: 0.70s;
|
93
|
-ms-transition: 0.70s;
|
94
|
-o-transition: 0.70s;
|
95
|
-webkit-transform: rotate(-90deg);
|
96
|
-moz-transform: rotate(-90deg);
|
97
|
-o-transform: rotate(-90deg);
|
98
|
-ms-transform: rotate(-90deg);
|
99
|
transform: rotate(-90deg);
|
100
|
margin: 63px auto 63px auto;
|
101
|
}
|
102
|
.stakeholderPage #sidebar_main .menu_section > ul > li {
|
103
|
transition: 0.70s;
|
104
|
-webkit-transition: 0.70s;
|
105
|
-moz-transition: 0.70s;
|
106
|
-ms-transition: 0.70s;
|
107
|
-o-transition: 0.70s;
|
108
|
/*display: block;*/
|
109
|
/*text-align: center;*/
|
110
|
/*margin-right: auto;*/
|
111
|
/*margin-left: auto;*/
|
112
|
}
|
113
|
.sidebar_mini #sidebar_main .menu_section > ul > li.current_section{
|
114
|
-webkit-transform: rotate(0deg);
|
115
|
-moz-transform: rotate(0deg);
|
116
|
-o-transform: rotate(0deg);
|
117
|
-ms-transform: rotate(0deg);
|
118
|
transform: rotate(0deg);
|
119
|
width: inherit;
|
120
|
height: inherit;
|
121
|
|
122
|
margin: 0px 0px;
|
123
|
}
|
124
|
|
125
|
|
126
|
.stakeholderPage #sidebar_main #sidebar_content, .stakeholderPage #sidebar_switcher_toggle {
|
127
|
border-color: var(--monitor-portal-color);
|
128
|
}
|
129
|
|
130
|
|
131
|
|
132
|
/*tabs
|
133
|
|
134
|
*/
|
135
|
|
136
|
.customTabs.uk-tab > li > a, .customTabs.uk-tab > li.uk-active > a,.customTabs.uk-tab > li > a:focus, .customTabs.uk-tab > li > a:hover {
|
137
|
border: 0 transparent !important;
|
138
|
}
|
139
|
.customTabs.uk-tab > li.uk-active > a,.customTabs.uk-tab > li > a:focus, .customTabs.uk-tab > li > a:hover {
|
140
|
color: var(--secondary-color) !important
|
141
|
}
|
142
|
.customTabs >li a{
|
143
|
font-size: 14px;
|
144
|
text-transform: capitalize;
|
145
|
}
|
146
|
.subCategoriesTabs >li a{
|
147
|
font-size: 13px;
|
148
|
text-transform: capitalize;
|
149
|
}
|
150
|
.customTabs > li.uk-active a, .subCategoriesTabs > li.uk-active a{
|
151
|
font-weight:bold;
|
152
|
}
|
153
|
.uk-subnav-pill.subCategoriesTabs > li > a{
|
154
|
border: 1px solid #1a1a1a;
|
155
|
color: #1a1a1a;
|
156
|
border-radius: 40px;
|
157
|
background-color: transparent;
|
158
|
opacity: 0.5 ;
|
159
|
padding: 5px 10px;
|
160
|
}
|
161
|
|
162
|
|
163
|
.uk-subnav-pill.subCategoriesTabs > li.uk-active > a{
|
164
|
color: white;
|
165
|
border: 1px solid var(--secondary-color);
|
166
|
background-color: var(--secondary-color);
|
167
|
opacity: 1 ;
|
168
|
}
|
169
|
|
170
|
.uk-tab.customTabs::before {
|
171
|
border-bottom: none !important;
|
172
|
}
|
173
|
|
174
|
/*dashboard tabs*/
|
175
|
|
176
|
.customTabs.uk-tab.admin > li.uk-active > a .title {
|
177
|
color: var(--primary-color) !important;
|
178
|
border-bottom: 3.5px solid var(--portal-main-color);
|
179
|
}
|
180
|
.customTabs.uk-tab.admin > li > a:hover .uk-icon, .uk-nav-default > li > a:hover .uk-icon{
|
181
|
color: #646464 !important;
|
182
|
}
|
183
|
.customTabs.uk-tab.admin > li:not(.uk-active) > a.title:focus, .customTabs.uk-tab.admin > li:not(.uk-active) > a:hover,
|
184
|
uk-nav-default > li:not(.uk-active) > a.title:focus, .uk-nav-default > li:not(.uk-active) > a:hover{
|
185
|
color: var(--secondary-color) !important
|
186
|
}
|
187
|
.uk-subnav-pill.subCategoriesTabs.admin > li.uk-active > a{
|
188
|
border: 1px solid var(--primary-color);
|
189
|
background-color: var(--primary-color);
|
190
|
}
|
191
|
/* Section Tools*/
|
192
|
|
193
|
.dashboard .section {
|
194
|
padding-top: 10px;
|
195
|
padding-bottom: 10px;
|
196
|
padding-right: 10px;
|
197
|
border: rgba(0, 0, 0, 0) solid 1px;
|
198
|
position: relative;
|
199
|
}
|
200
|
|
201
|
.dashboard .section .tools {
|
202
|
position: absolute;
|
203
|
top: 0;
|
204
|
left: 50%;
|
205
|
transform: translate(-50%, -100%);
|
206
|
display: none;
|
207
|
}
|
208
|
|
209
|
.dashboard .section:not(.list-view) {
|
210
|
border: white solid 1px;
|
211
|
}
|
212
|
|
213
|
.dashboard .section:not(.list-view):hover {
|
214
|
border: var(--secondary-color) solid 1px;
|
215
|
}
|
216
|
|
217
|
.dashboard .section:not(.list-view):hover .tools {
|
218
|
display: block;
|
219
|
width: 50px;
|
220
|
background: var(--secondary-color) ;
|
221
|
color: white;
|
222
|
-webkit-clip-path: polygon(15% 0%, 100% 0, 100% 100%, 0% 100%);
|
223
|
clip-path: polygon(20% 0%, 80% 0, 100% 100%, 0% 100%);
|
224
|
}
|
225
|
|
226
|
.dashboard .section:not(.list-view):hover .tools a{
|
227
|
color: white;
|
228
|
}
|
229
|
|
230
|
.dashboard .section:hover .tools .actions a:last-child {
|
231
|
margin-left: 3px
|
232
|
;
|
233
|
}
|
234
|
|
235
|
|
236
|
|
237
|
/* New section*/
|
238
|
.dashboard .new-section {
|
239
|
padding-top: 10px;
|
240
|
padding-bottom: 10px;
|
241
|
padding-right: 10px;
|
242
|
border: #cecece dashed 2px;
|
243
|
background-color: white;
|
244
|
min-height: 100px;
|
245
|
position: relative;
|
246
|
}
|
247
|
|
248
|
.dashboard .new-section .tools {
|
249
|
position: absolute;
|
250
|
top: 50%;
|
251
|
left: 50%;
|
252
|
transform: translate(-50%, -50%);
|
253
|
}
|
254
|
|
255
|
.dashboard .new-section .tools .md-btn {
|
256
|
background-color: var(--secondary-color);
|
257
|
position: relative;
|
258
|
min-width: 40px;
|
259
|
min-height: 40px;
|
260
|
border-radius: 50%;
|
261
|
}
|
262
|
|
263
|
.dashboard .new-section .tools .md-btn .material-icons {
|
264
|
position: absolute;
|
265
|
top: 50%;
|
266
|
left: 50%;
|
267
|
transform: translate(-50%, -50%);
|
268
|
margin: 0;
|
269
|
}
|
270
|
/*Search */
|
271
|
#searchFormPanel{
|
272
|
margin-top: 30px;
|
273
|
height: 250px;
|
274
|
}
|
275
|
|
276
|
li.selectedVisibility::before a, li.selectedVisibility a::before, li.selectedVisibility::after a, li.selectedVisibility a, .selectedVisibility{
|
277
|
background-color:var(--secondary-color);
|
278
|
background:blue;
|
279
|
opacity: 0.5;
|
280
|
}
|
281
|
li.selectedVisibility{
|
282
|
position: relative;
|
283
|
}
|
284
|
|
285
|
li.selectedVisibility::before {
|
286
|
content: "";
|
287
|
width: 100%;
|
288
|
height: 100%;
|
289
|
position: absolute;
|
290
|
left: 0;
|
291
|
background-color: var(--secondary-color);
|
292
|
opacity: 0.3;
|
293
|
}
|
294
|
|
295
|
.uk-modal .large-modal {
|
296
|
width: 800px;
|
297
|
}
|
298
|
|
299
|
.visibilityMenuIcon{
|
300
|
border-right: 1px solid var(--secondary-color);
|
301
|
border-bottom: 1px solid var(--secondary-color);
|
302
|
padding: 0px 2px 3px 0px;
|
303
|
|
304
|
}
|