@silexlabs/silex-dashboard 1.0.36 → 1.0.38
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.gitmodules +3 -0
- package/.silex-client.js +4 -4
- package/.silex.js +8 -8
- package/_data/api-translations.json +8 -2
- package/_includes/api-websites.js.html +24 -1
- package/_includes/connectors.html +145 -166
- package/_includes/websites.html +155 -171
- package/_silex/old/meta.json +1 -0
- package/_site/css/connectors.css +1 -1
- package/_site/css/websites.css +1 -1
- package/_site/en/connectors/index.html +145 -166
- package/_site/en/index.html +179 -172
- package/_site/fr/connectors/index.html +145 -166
- package/_site/fr/index.html +179 -172
- package/package.json +2 -2
- package/pages/connectors.css.liquid +1 -1
- package/pages/en/index.md +2 -0
- package/pages/fr/index.md +2 -0
- package/pages/websites.css.liquid +1 -1
- package/_silex/default/meta.json +0 -1
- /package/_silex/{default → old}/assets/alex-hoyau.jpg +0 -0
- /package/_silex/{default → old}/assets/alex-small.jpg +0 -0
- /package/_silex/{default → old}/assets/bg-purpel-silex.webp +0 -0
- /package/_silex/{default → old}/assets/bg-silex-purpel.webp +0 -0
- /package/_silex/{default → old}/assets/empty-projects-sos.gif +0 -0
- /package/_silex/{default → old}/assets/empty-projects.gif +0 -0
- /package/_silex/{default → old}/assets/gitlab.svg +0 -0
- /package/_silex/{default → old}/assets/logo-silex.svg +0 -0
- /package/_silex/{default → old}/assets/picto-silex.png +0 -0
- /package/_silex/{default → old}/assets/picto-silex@3x.png +0 -0
- /package/_silex/{default → old}/assets/silex-icon-2018@200px.png +0 -0
- /package/_silex/{default → old}/website.json +0 -0
package/_includes/websites.html
CHANGED
|
@@ -1,174 +1,154 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
<!-- font google -->
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="">
|
|
3
|
+
<head>
|
|
4
|
+
<link rel="stylesheet" href="/css/websites.css" />
|
|
5
|
+
<!-- font google -->
|
|
7
6
|
<link rel="preconnect" href="https://fonts.gstatic.com" />
|
|
8
7
|
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;700&display=swap" rel="stylesheet">
|
|
9
|
-
|
|
10
8
|
{% render "alternate.liquid" languages: languages lang: lang page: page %}
|
|
11
|
-
|
|
12
9
|
<style>
|
|
13
|
-
.before-js > * {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
}
|
|
18
|
-
.after-js > * {
|
|
19
|
-
visibility: visible;
|
|
20
|
-
opacity: 1;
|
|
21
|
-
}
|
|
22
|
-
.before-js:before {
|
|
23
|
-
content: 'Loading';
|
|
24
|
-
position: absolute;
|
|
25
|
-
top: 49%;
|
|
26
|
-
left: 49%;
|
|
27
|
-
}
|
|
28
|
-
.after-js:before {
|
|
29
|
-
content: none;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
body { color:#2B1B63;}
|
|
33
|
-
/*BTNS*/
|
|
34
|
-
.button, .pointer { cursor: pointer!important}
|
|
35
|
-
.button{min-width:110px;}
|
|
36
|
-
/*BTNS*/
|
|
37
|
-
a {
|
|
38
|
-
text-decoration: none;
|
|
39
|
-
color:#8873FE;}
|
|
40
|
-
a:hover { text-decoration: underline; }
|
|
41
|
-
.uppercase {text-transform: uppercase;}
|
|
42
|
-
|
|
43
|
-
/*footer position*/
|
|
44
|
-
.main-min-height {min-height: calc(100vh - 560px);}
|
|
45
|
-
/*footer position*/
|
|
46
|
-
|
|
47
|
-
/*label*/
|
|
48
|
-
::placeholder {color: #8873FE;}
|
|
49
|
-
input:focus {
|
|
50
|
-
border: 2px solid ##9977FE;
|
|
51
|
-
background-color:#ffffff;}
|
|
52
|
-
:focus { outline: none;}
|
|
53
|
-
/*label*/
|
|
54
|
-
.skeleton-anim:after {
|
|
55
|
-
width: 100%;
|
|
56
|
-
height: 100%;
|
|
57
|
-
position: absolute;
|
|
58
|
-
top: 0;
|
|
59
|
-
left: 0;
|
|
60
|
-
content: "";
|
|
61
|
-
background:
|
|
62
|
-
linear-gradient(0.25turn, transparent, rgba(255,255,255,.75), transparent),
|
|
63
|
-
linear-gradient(transparent, transparent),
|
|
64
|
-
radial-gradient(38px circle at 19px 19px, transparent 50%, transparent 51%),
|
|
65
|
-
linear-gradient(transparent, transparent);
|
|
66
|
-
background-repeat: no-repeat;
|
|
67
|
-
background-size: 315px 250px, 315px 180px, 100px 100px, 225px 30px;
|
|
68
|
-
background-position: -315px 0, 0 0, 0px 190px, 50px 195px;
|
|
69
|
-
animation: loading 1.5s infinite;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
@keyframes loading {
|
|
73
|
-
to {
|
|
74
|
-
background-position: 200% 0, 0 0, 0 190px, 50px 195px;
|
|
10
|
+
.before-js > * {
|
|
11
|
+
visibility: hidden;
|
|
12
|
+
opacity: 0;
|
|
13
|
+
transition: opacity .5s ease;
|
|
75
14
|
}
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
}
|
|
115
|
-
/*
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
.
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
15
|
+
.after-js > * {
|
|
16
|
+
visibility: visible;
|
|
17
|
+
opacity: 1;
|
|
18
|
+
}
|
|
19
|
+
.before-js:before {
|
|
20
|
+
content: 'Loading';
|
|
21
|
+
position: absolute;
|
|
22
|
+
top: 49%;
|
|
23
|
+
left: 49%;
|
|
24
|
+
}
|
|
25
|
+
.after-js:before {
|
|
26
|
+
content: none;
|
|
27
|
+
}
|
|
28
|
+
/*BTNS*/
|
|
29
|
+
.button, .pointer {
|
|
30
|
+
cursor: pointer!important}
|
|
31
|
+
.button{
|
|
32
|
+
min-width:110px;
|
|
33
|
+
}
|
|
34
|
+
/*BTNS*/
|
|
35
|
+
a {
|
|
36
|
+
text-decoration: none;
|
|
37
|
+
color:#8873FE;
|
|
38
|
+
}
|
|
39
|
+
a:hover {
|
|
40
|
+
text-decoration: underline;
|
|
41
|
+
}
|
|
42
|
+
.uppercase {
|
|
43
|
+
text-transform: uppercase;
|
|
44
|
+
}
|
|
45
|
+
.underline:hover{
|
|
46
|
+
text-decoration: underline;
|
|
47
|
+
text-decoration-thickness: from-font;
|
|
48
|
+
text-underline-position: under;
|
|
49
|
+
}
|
|
50
|
+
/*footer position*/
|
|
51
|
+
.main-min-height {
|
|
52
|
+
min-height: calc(100vh - 560px);
|
|
53
|
+
}
|
|
54
|
+
/*footer position*/
|
|
55
|
+
/*label*/
|
|
56
|
+
::placeholder {
|
|
57
|
+
color: #8873FE;
|
|
58
|
+
}
|
|
59
|
+
input:focus {
|
|
60
|
+
border: 2px solid ##9977FE;
|
|
61
|
+
background-color:#ffffff;
|
|
62
|
+
}
|
|
63
|
+
:focus {
|
|
64
|
+
outline: none;
|
|
65
|
+
}
|
|
66
|
+
/*label*/
|
|
67
|
+
.skeleton-anim:after {
|
|
68
|
+
width: 100%;
|
|
69
|
+
height: 100%;
|
|
70
|
+
position: absolute;
|
|
71
|
+
top: 0;
|
|
72
|
+
left: 0;
|
|
73
|
+
content: "";
|
|
74
|
+
background:
|
|
75
|
+
linear-gradient(0.25turn, transparent, rgba(255,255,255,.75), transparent),
|
|
76
|
+
linear-gradient(transparent, transparent),
|
|
77
|
+
radial-gradient(38px circle at 19px 19px, transparent 50%, transparent 51%),
|
|
78
|
+
linear-gradient(transparent, transparent);
|
|
79
|
+
background-repeat: no-repeat;
|
|
80
|
+
background-size: 315px 250px, 315px 180px, 100px 100px, 225px 30px;
|
|
81
|
+
background-position: -315px 0, 0 0, 0px 190px, 50px 195px;
|
|
82
|
+
animation: loading 1.5s infinite;
|
|
83
|
+
}
|
|
84
|
+
@keyframes loading {
|
|
85
|
+
to {
|
|
86
|
+
background-position: 200% 0, 0 0, 0 190px, 50px 195px;
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
/*FX ANIMATIONS*/
|
|
90
|
+
/*scale-round-inside_pour-BTN*/
|
|
91
|
+
.fx-scale-round {
|
|
92
|
+
position:relative;
|
|
93
|
+
z-index: 10;
|
|
94
|
+
overflow: hidden;
|
|
95
|
+
}
|
|
96
|
+
.fx-scale-round::after {
|
|
97
|
+
content: "";
|
|
98
|
+
background: #ffffff;
|
|
99
|
+
position: absolute;
|
|
100
|
+
z-index: -1;
|
|
101
|
+
border-radius: 50%;
|
|
102
|
+
left: -50%;
|
|
103
|
+
right: -50%;
|
|
104
|
+
top: -100%;
|
|
105
|
+
bottom: -100%;
|
|
106
|
+
transform: scale(0, 0);
|
|
107
|
+
transform-origin: center bottom;
|
|
108
|
+
transition: all 0.3s ease-out;
|
|
109
|
+
}
|
|
110
|
+
.fx-scale-round:hover {
|
|
111
|
+
transform-origin: center bottom;
|
|
112
|
+
transform: scale(1.1);
|
|
113
|
+
transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
|
|
114
|
+
}
|
|
115
|
+
.fx-scale-round:hover::after {
|
|
116
|
+
transform: scale(1, 1);
|
|
117
|
+
transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
|
|
118
|
+
}
|
|
119
|
+
/*scale-round-inside_pour-BTN*/
|
|
120
|
+
/*scale*/
|
|
121
|
+
.fx-scale:hover {
|
|
122
|
+
transform-origin: center bottom;
|
|
123
|
+
transform: scale(1.1);
|
|
124
|
+
transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
|
|
125
|
+
}
|
|
126
|
+
/*flash*/
|
|
127
|
+
.fx-flash:hover {
|
|
128
|
+
animation: flash-in .5s ;
|
|
129
|
+
}
|
|
130
|
+
/*flash-in animation*/
|
|
131
|
+
@keyframes flash-in{
|
|
132
|
+
0% {
|
|
133
|
+
opacity:0;
|
|
134
|
+
}
|
|
135
|
+
100% {
|
|
136
|
+
opacity:1;
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
/*flash-in animation*/
|
|
140
|
+
/*FX ANIMATIONS*/
|
|
161
141
|
</style>
|
|
162
|
-
|
|
142
|
+
{% render "api-websites.js.html" frontmatter: frontmatter page: page site: site api-translations: api-translations lang: lang %}
|
|
163
143
|
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
<meta property="og:title" content=""/>
|
|
168
|
-
<meta property="og:description" content=""/>
|
|
169
|
-
<meta property="og:image" content=""/>
|
|
170
|
-
|
|
171
|
-
|
|
144
|
+
<title>{{ title }}</title>
|
|
145
|
+
<link rel="icon" href="/assets/favicon-32x32.png" />
|
|
146
|
+
<meta name="description" property="description" content=""/>
|
|
147
|
+
<meta name="og:title" property="og:title" content=""/>
|
|
148
|
+
<meta name="og:description" property="og:description" content=""/>
|
|
149
|
+
<meta name="og:image" property="og:image" content=""/>
|
|
150
|
+
</head>
|
|
151
|
+
<body
|
|
172
152
|
id="ik0i"
|
|
173
153
|
class="body loading app before-js"
|
|
174
154
|
|
|
@@ -280,7 +260,7 @@ input:focus {
|
|
|
280
260
|
v-if="!empty"
|
|
281
261
|
|
|
282
262
|
><BUTTON
|
|
283
|
-
|
|
263
|
+
id="ic92g"
|
|
284
264
|
class="button button--primary rounded top-space-40 fx-scale-round "
|
|
285
265
|
@click="showCreationForm = !showCreationForm" v-if="!showCreationForm"
|
|
286
266
|
|
|
@@ -356,7 +336,7 @@ input:focus {
|
|
|
356
336
|
|
|
357
337
|
><H3
|
|
358
338
|
id="i69a7"
|
|
359
|
-
class="right-space-40 color-2B1B63-80 uppercase pointer "
|
|
339
|
+
class="right-space-40 color-2B1B63-80 uppercase pointer fx-flash full-width button-bar__title underline "
|
|
360
340
|
v-text="website.name || website.id" @click="openEditor(website.websiteId, '{{lang}}')"
|
|
361
341
|
|
|
362
342
|
>My first website</H3><P
|
|
@@ -376,16 +356,21 @@ input:focus {
|
|
|
376
356
|
|
|
377
357
|
><BUTTON
|
|
378
358
|
id="ifyf6p"
|
|
379
|
-
class="right-space-20 bold button-bar__item--link pointer fx-underline fx-
|
|
359
|
+
class="right-space-20 bold button-bar__item--link pointer fx-scale underline fx-flash "
|
|
380
360
|
@click="openEditor(website.websiteId, '{{lang}}')"
|
|
381
361
|
|
|
382
362
|
>{{ list-edit }}</BUTTON><BUTTON
|
|
383
363
|
id="ihf6ew"
|
|
384
|
-
class="right-space-20 button-bar__item--link pointer fx-underline fx-
|
|
364
|
+
class="right-space-20 button-bar__item--link pointer fx-scale underline fx-flash "
|
|
385
365
|
@click="renameWebsite(website.websiteId, '{{lang}}')"
|
|
386
366
|
|
|
387
367
|
>{{ list-rename }}</BUTTON><BUTTON
|
|
388
|
-
id="iol4h"
|
|
368
|
+
id="iol4h" title="{{ list-duplicate }}"
|
|
369
|
+
class="button-bar__item--link pointer fx-flash fx-scale button-bar__item--icon "
|
|
370
|
+
@click="duplicateWebsite(website.websiteId, '{{lang}}')"
|
|
371
|
+
|
|
372
|
+
>{{ list-duplicate-icon }}</BUTTON><BUTTON
|
|
373
|
+
|
|
389
374
|
class="button-bar__item--link pointer fx-flash fx-scale "
|
|
390
375
|
@click="deleteWebsite(website.websiteId)" title="{{ list-delete }}"
|
|
391
376
|
|
|
@@ -560,5 +545,4 @@ input:focus {
|
|
|
560
545
|
|
|
561
546
|
|
|
562
547
|
>{{ item.label }}</A>{% endfor %}</div></FOOTER></body>
|
|
563
|
-
|
|
564
|
-
|
|
548
|
+
</html>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"name":"old"}
|
package/_site/css/connectors.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
* { box-sizing: border-box; } body {margin: 0;}.nav__item{margin:0px 10px 0px 10px;font-size:0.8rem;padding:24px 0px 24px 0px;color:#4a4a4a;}.body{font-family:"Ubuntu", sans-serif;background-color:#f0f0f0;}.menu-bar{display:flex;align-items:center;justify-content:space-between;background-color:#ffffff;height:94px;padding:0px 100px 0px 100px;width:100%;}.nav{width:100%;margin:0px 20px 0px 20px;}.subtitle-16{font-size:1rem;margin:0px 0px 20px 0px;}.subtitle-16.color--light{color:#636363;font-weight:700;}.button{font-size:0.8rem;padding:10px 20px 10px 20px;display:inline-block;border:2px solid #8873fe;transition:all 0.18s ease-out;font-weight:700;line-height:1.2rem;}.button.button--primary{background-color:#8873fe;color:white;}.button-bar{margin:20px 0px 20px 0px;display:flex;padding:30px 30px 30px 30px;align-items:center;justify-content:space-between;border-radius:4px 4px 4px 4px;background-color:#ffffff;}.button-bar.button-bar--full-width{justify-content:space-between;align-items:center;}.button-bar_item.button-bar__item--secondary{font-size:0.8rem;}.button.button--secondary{font-weight:400;color:#8873fe;border:2px solid #8873fe;}.nav__item.active{color:black;}.box{border-radius:4px 4px 4px 4px;background-color:#ffffff;}.box.flex-between{align-items:center;}.h-space{margin:0px 10px 0px 0px;}.button--tertiary{background-color:transparent;font-weight:400;}.lang__item{margin:0px 5px 0px 5px;}.nav__logo{height:50px;}.button:hover{color:#8873fe;border:2px solid #8873fe;}.button.button--secondary:hover{background-color:white;border:2px solid rgba(136,115,254,0.5);}#imgx81{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;}#in62y2{width:100%;display:flex;justify-content:center;}.big-button{border-radius:5px 5px 5px 5px;font-size:15px;margin:10px 10px 10px 10px;padding:15px 30px 15px 30px;font-weight:700;background-color:#ffffff;}#i9msnk{padding:10px;display:inline;}#i6akll{padding:10px;display:inline;}#ixzhcr{padding:10px;position:absolute;display:none;}.title-40{margin:0 0 10px 0;font-size:2.5rem;font-weight:700;}#in5jeq{display:flex;}#ij139z{position:absolute;}.bg-silex-purpel{background-repeat:repeat-y;background-position:center top;background-attachment:scroll;background-size:contain;background-image:url(
|
|
1
|
+
* { box-sizing: border-box; } body {margin: 0;}.nav__item{margin:0px 10px 0px 10px;font-size:0.8rem;padding:24px 0px 24px 0px;color:#4a4a4a;}.body{font-family:"Ubuntu", sans-serif;background-color:#f0f0f0;color:#2b1b63;}.menu-bar{display:flex;align-items:center;justify-content:space-between;background-color:#ffffff;height:94px;padding:0px 100px 0px 100px;width:100%;}.nav{width:100%;margin:0px 20px 0px 20px;}.subtitle-16{font-size:1rem;margin:0px 0px 20px 0px;}.subtitle-16.color--light{color:#636363;font-weight:700;}.button{font-size:0.8rem;padding:10px 20px 10px 20px;display:inline-block;border:2px solid #8873fe;transition:all 0.18s ease-out;font-weight:700;line-height:1.2rem;}.button.button--primary{background-color:#8873fe;color:white;}.button-bar{margin:20px 0px 20px 0px;display:flex;padding:30px 30px 30px 30px;align-items:center;justify-content:space-between;border-radius:4px 4px 4px 4px;background-color:#ffffff;}.button-bar.button-bar--full-width{justify-content:space-between;align-items:center;}.button-bar_item.button-bar__item--secondary{font-size:0.8rem;}.button.button--secondary{font-weight:400;color:#8873fe;border:2px solid #8873fe;}.nav__item.active{color:black;}.box{border-radius:4px 4px 4px 4px;background-color:#ffffff;}.box.flex-between{align-items:center;}.h-space{margin:0px 10px 0px 0px;}.button--tertiary{background-color:transparent;font-weight:400;}.lang__item{margin:0px 5px 0px 5px;}.nav__logo{height:50px;}.button:hover{color:#8873fe;border:2px solid #8873fe;}.button.button--secondary:hover{background-color:white;border:2px solid rgba(136,115,254,0.5);}#imgx81{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;}#in62y2{width:100%;display:flex;justify-content:center;}.big-button{border-radius:5px 5px 5px 5px;font-size:15px;margin:10px 10px 10px 10px;padding:15px 30px 15px 30px;font-weight:700;background-color:#ffffff;}#i9msnk{padding:10px;display:inline;}#i6akll{padding:10px;display:inline;}#ixzhcr{padding:10px;position:absolute;display:none;}.title-40{margin:0 0 10px 0;font-size:2.5rem;font-weight:700;}#in5jeq{display:flex;}#ij139z{position:absolute;}.bg-silex-purpel{background-repeat:repeat-y;background-position:center top;background-attachment:scroll;background-size:contain;background-image:url(../assets/bg-purpel-silex.webp);}.text-centered{text-align:center;}.text-white{color:#ffffff;}.box.box_transp{background-color:rgba(255,255,255,0.5);}.padding-100-30{padding:100px 30px 80px 30px;}.top-space-20{margin:20px 0 0 0;}.button.button--tertiary{border:2px solid transparent;background-color:rgba(221,221,221,0.5);}.box_login{max-width:880px;width:100%;}.button-bar__item--link.text-white{color:#ffffff;}.button.big-button{border:2px solid transparent;}.button.button--tertiary:hover{border:2px solid #8873fe;color:#8873fe;background-color:white;}.button-bar__item__icon{float:left;height:40px;width:40px;margin:5px 5px 5px 5px;}.button-bar__item--secondary{font-size:0.8rem;}
|
package/_site/css/websites.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
* { box-sizing: border-box; } body {margin: 0;}.nav__item{margin:0px 10px 0px 10px;font-size:0.8rem;padding:24px 0px 24px 0px;color:#4a4a4a;}.body{font-family:"Ubuntu", sans-serif;background-color:#f0f0f0;}.menu-bar{display:flex;align-items:center;justify-content:space-between;background-color:#ffffff;height:94px;padding:0px 100px 0px 100px;width:100%;}.padding-normal{padding:0px 24px 0px 24px;}#i9jq{display:flex;}.nav{width:100%;margin:0px 20px 0px 20px;}.subtitle-16{font-size:1rem;margin:0px 0px 20px 0px;}.subtitle-16.color--light{color:#636363;font-weight:700;}.button{font-size:0.8rem;padding:10px 20px 10px 20px;display:inline-block;border:2px solid #8873fe;transition:all 0.18s ease-out;font-weight:700;line-height:1.2rem;}.button.button--primary{background-color:#8873fe;color:white;}.button-bar{margin:20px 0px 20px 0px;display:flex;padding:30px 30px 30px 30px;align-items:center;justify-content:space-between;border-radius:4px 4px 4px 4px;background-color:#ffffff;}#ibsgw{position:relative;top:3px;}.button-bar.button-bar--full-width{justify-content:space-between;align-items:center;}.button-bar_item.button-bar__item--secondary{font-size:0.8rem;}.button.button--secondary{font-weight:400;color:#8873fe;border:2px solid #8873fe;}.rounded{border-radius:4px 4px 4px 4px;}.footer{display:flex;margin:50px 0px
|
|
1
|
+
* { box-sizing: border-box; } body {margin: 0;}.nav__item{margin:0px 10px 0px 10px;font-size:0.8rem;padding:24px 0px 24px 0px;color:#4a4a4a;}.body{font-family:"Ubuntu", sans-serif;background-color:#f0f0f0;color:#2b1b63;}.menu-bar{display:flex;align-items:center;justify-content:space-between;background-color:#ffffff;height:94px;padding:0px 100px 0px 100px;width:100%;}.padding-normal{padding:0px 24px 0px 24px;}#i9jq{display:flex;}.nav{width:100%;margin:0px 20px 0px 20px;}.subtitle-16{font-size:1rem;margin:0px 0px 20px 0px;}.subtitle-16.color--light{color:#636363;font-weight:700;}.button{font-size:0.8rem;padding:10px 20px 10px 20px;display:inline-block;border:2px solid #8873fe;transition:all 0.18s ease-out;font-weight:700;line-height:1.2rem;}.button.button--primary{background-color:#8873fe;color:white;}.button-bar{margin:20px 0px 20px 0px;display:flex;padding:30px 30px 30px 30px;align-items:center;justify-content:space-between;border-radius:4px 4px 4px 4px;background-color:#ffffff;}#ibsgw{position:relative;top:3px;}.button-bar.button-bar--full-width{justify-content:space-between;align-items:center;}.button-bar_item.button-bar__item--secondary{font-size:0.8rem;}.button.button--secondary{font-weight:400;color:#8873fe;border:2px solid #8873fe;}.rounded{border-radius:4px 4px 4px 4px;}.footer{display:flex;margin:50px 0px 0px 0px;background-color:#ffffff;align-items:center;justify-content:space-evenly;padding:30px 30px 60px 30px;}.skeleton-text.skeleton{background-color:#dddddd;color:transparent;opacity:0.31;border-radius:5px 5px 5px 5px;}.skeleton.skeleton-button{color:transparent;opacity:0.31;background-color:#dddddd;border-radius:5px 5px 5px 5px;width:140px;}.skeleton-anim{position:relative;}.nav__item.active{color:black;}.margin-20{margin:20px 0px 20px 0px;}#i0ro3{display:none;}.loading__item.loaded-true{display:none;}.flex-no-shrink{flex-shrink:0;}.form{padding:10px 0px 10px 0px;border-radius:5px 5px 5px 5px;}#i1nmbc{flex-shrink:0;}.input{padding:10px 10px 10px 10px;background-color:transparent;border:2px solid #8873fe;margin:10px 0px 10px 0px;border-radius:4px 4px 4px 4px;}.full-width{width:100%;}.v-space{margin:10px 0px 10px 0px;}.box{border-radius:4px 4px 4px 4px;background-color:#ffffff;}.box__header{margin:0px 0px 0px 0px;padding:10px 0px 10px 0px;font-weight:700;font-size:1.625rem;color:rgba(43,27,99,0.5);}.box.flex-between{align-items:center;}.flex-between{display:flex;align-items:center;justify-content:space-between;}.h-space{margin:0px 10px 0px 0px;}.button--tertiary{background-color:transparent;font-weight:400;}.icon-font{font-size:1.5rem;line-height:1px;margin:0px 2px 0px 2px;}.lang__item{margin:0px 5px 0px 5px;}.top-space-40{margin:40px 0 0 0;}.nav__logo{height:50px;}.user-icon__image{width:100%;height:100%;}.user__wrapper{border:1px solid white;display:flex;flex-direction:column;justify-content:center;align-items:center;}.right-space-20{margin:0px 20px 0px 0px;}#iksw4d{padding:10px;}.button:hover{color:#8873fe;border:2px solid #8873fe;}.button.button--secondary:hover{background-color:white;border:2px solid rgba(136,115,254,0.5);}.user-icon__wrapper{border:1px solid #f0f0f0;background-color:#f0f0f0;border-radius:50% 50% 50% 50%;width:40px;height:40px;padding:5px 5px 5px 5px;}.title-40{margin:0 0 10px 0;font-size:2.5rem;font-weight:700;}.bg-silex-purpel{background-repeat:repeat-y;background-position:center top;background-attachment:scroll;background-size:contain;background-image:url(../assets/bg-purpel-silex.webp);}.section-top{max-width:1200px;padding:40px 30px 40px 30px;height:226px;display:flex;flex-direction:column;justify-content:center;margin:0px auto 0px auto;}.text-centered{text-align:center;}.box-message{background-color:rgba(43,27,99,0.3);border-radius:4px 4px 4px 4px;padding:20px 30px 20px 30px;margin:10px 0px 10px 0px;}.text-white{color:#ffffff;}.bold{font-weight:800;}.button-bar__item--link{background-color:transparent;border:0px solid black;font-size:0.8rem;color:#8873fe;}.padding-30{padding:30px 30px 30px 30px;}.right-space-40{margin:0 40px 0 0;}.title-26{font-size:1.625rem;margin:10px 0px 10px 0px;}.empty-image{min-height:500px;background-image:url(../assets/empty-projects-sos.gif);background-repeat:no-repeat;background-position:center center;background-attachment:scroll;background-size:contain;}.padding-50-30{padding:50px 30px 50px 30px;}.box.box_transp{background-color:rgba(255,255,255,0.5);}.button.button--tertiary{border:2px solid transparent;background-color:rgba(221,221,221,0.5);}.button-bar__item--link.text-white{color:#ffffff;}.button.big-button{border:2px solid transparent;}.color-2B1B63-80{color:rgba(43,27,99,0.8);}.button.button--tertiary:hover{border:2px solid #8873fe;color:#8873fe;background-color:white;}.box-message-text{margin:0px 0 0 0;font-weight:300;}.website-max-width{max-width:1200px;}.margin-80{margin:80px auto 80px auto;}.button-bar__item--secondary{font-size:0.8rem;}.skeleton{line-height:1.1rem;}#isucae{min-height:100px;}.footer__column{display:flex;flex-direction:column;}#iahjww{padding:10px;}#ie28kq{min-height:100px;}.footer__item{padding:10px 10px 10px 10px;}#igsxoc{position:relative;top:3px;}.box--centered{display:flex;flex-direction:column;align-items:center;}.button-bar__title:hover{color:#8873fe;}.button-bar__item--icon{margin:0px 0 0 0;padding:5px 5px 5px 5px;}
|