@silexlabs/silex-dashboard 1.0.20 → 1.0.22

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.
@@ -15,16 +15,22 @@
15
15
 
16
16
  <style>
17
17
  body { color:#2B1B63;}
18
- .button, .pointer { cursor: pointer;}
18
+ .button, .pointer { cursor: pointer!important}
19
+ .button{min-width:110px;}
19
20
  a {
20
21
  text-decoration: none;
21
22
  color:#8873FE;}
22
23
  a:hover { text-decoration: underline; }
23
24
  .uppercase {text-transform: uppercase;}
25
+
26
+ /*footer position*/
27
+ .main-min-height {min-height: calc(100vh - 560px);}
28
+ /*footer position*/
29
+
24
30
  /*label*/
25
31
  ::placeholder {color: #8873FE;}
26
32
  input:focus {
27
- border: 2px solid #9977FE;
33
+ border: 2px solid ##9977FE;
28
34
  background-color:#ffffff;}
29
35
  :focus { outline: none;}
30
36
  /*label*/
@@ -52,6 +58,57 @@ input:focus {
52
58
  }
53
59
  }
54
60
 
61
+ /*FX ANIMATIONS*/
62
+ .fx-scale:hover {
63
+ transform-origin: center bottom;
64
+ transform: scale(1.1);
65
+ transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
66
+ }
67
+ /*flash*/
68
+ .fx-underline:hover, .fx-flash:hover {
69
+ animation: flash-in .5s ;
70
+ }
71
+ /* Underline animation */
72
+ .fx-underline {
73
+ position: relative;
74
+ }
75
+ /* Fade in */
76
+ .fx-underline::after {
77
+ content: '';
78
+ position: absolute;
79
+ bottom: -3px;
80
+ left: 0;
81
+ width: 100%;
82
+ height: 0.1em;
83
+ background-color: #8873fe;
84
+ opacity: 0;
85
+ transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 1.8);
86
+ }
87
+
88
+ .fx-underline:hover::after,
89
+ .fx-underline:focus::after {
90
+ opacity: 1;
91
+ transform: translate3d(0, 2.2em, 0);
92
+ }
93
+
94
+ /* Scale from center */
95
+ .fx-underline:after {
96
+ transform: scale(0);
97
+ transform-origin: center;
98
+ }
99
+
100
+ .fx-underline:hover::after,
101
+ .fx-underline:focus::after{
102
+ transform: scale(1);
103
+ }
104
+ /* Underline animation */
105
+ /*flash-in animation*/
106
+ @keyframes flash-in{
107
+ 0% {opacity:0;}
108
+ 100% {opacity:1;}
109
+ }
110
+ /*flash-in animation*/
111
+ /*FX ANIMATIONS*/
55
112
  </style>
56
113
  <script src="/node_modules/vue/dist/vue.global.js"></script>
57
114
  <script src="/js/main.js"></script>
@@ -230,7 +287,7 @@ window.addEventListener('load', function() {
230
287
 
231
288
  ><HEADER
232
289
  id="igrg" src="undefined"
233
- class="header padding-normal "
290
+ class="menu-bar "
234
291
 
235
292
 
236
293
  ><A
@@ -239,7 +296,7 @@ window.addEventListener('load', function() {
239
296
 
240
297
 
241
298
  ><img
242
- src="/api/website/assets/picto-silex@3x.png?websiteId=default&connectorId=fs-storage" href="" id="iel80b-2"
299
+ src="/assets/picto-silex@3x.png" href="" id="iel80b-2"
243
300
  class="nav__logo "
244
301
 
245
302
 
@@ -264,11 +321,16 @@ window.addEventListener('load', function() {
264
321
  target="_blank"
265
322
 
266
323
  >A propos</A><A
324
+ id="iels" href="https://community.silex.me/" src="undefined"
325
+ class="nav__item uppercase "
326
+ target="_blank"
327
+
328
+ >Communauté</A><A
267
329
  id="iels" href="https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=fr-FR&source=silex-dashboard" src="undefined"
268
330
  class="nav__item uppercase "
269
331
  target="_blank"
270
332
 
271
- >Info</A></NAV><div
333
+ >News</A></NAV><div
272
334
  id="i2red7" src="undefined"
273
335
  class="lang h-space "
274
336
 
@@ -340,7 +402,7 @@ window.addEventListener('load', function() {
340
402
 
341
403
  >Créez votre premier projet, clickez sur le boutont "Créer un site"</P></div></HEADER><MAIN
342
404
  id="iz63r" src="undefined"
343
- class="padding-normal section main-min-height "
405
+ class="padding-normal main-min-height website-max-width margin-80 "
344
406
 
345
407
 
346
408
  ><SECTION
@@ -355,7 +417,7 @@ window.addEventListener('load', function() {
355
417
 
356
418
  ><BUTTON
357
419
  id="i2x0l" src="undefined"
358
- class="button button--primary rounded top-space-40 "
420
+ class="button button--primary rounded top-space-40 fx-scale fx-scale-round "
359
421
  @click="showCreationForm = !showCreationForm" v-if="!showCreationForm"
360
422
 
361
423
  ><span
@@ -410,12 +472,12 @@ window.addEventListener('load', function() {
410
472
 
411
473
  ><button
412
474
  type="submit" id="i021na" src="undefined"
413
- class="button rounded button--primary right-space-20 "
475
+ class="button rounded button--primary right-space-20 fx-scale "
414
476
 
415
477
 
416
478
  >Créer</button><button
417
479
  type="reset" src="undefined"
418
- class="button rounded button--secondary "
480
+ class="button rounded button--secondary fx-scale "
419
481
  @click="showCreationForm = !showCreationForm"
420
482
 
421
483
  >Annuler</button></div></form></div><div
@@ -425,112 +487,112 @@ window.addEventListener('load', function() {
425
487
 
426
488
  ><SECTION
427
489
  id="idgvg" src="undefined"
428
- class="button-bar button-bar--full-width bg-white rounded loaded__item "
490
+ class="button-bar loaded__item "
429
491
  v-if="!loading" v-for="(website, index) in websites" :key="index"
430
492
 
431
493
  ><H3
432
494
  id="i69a7" src="undefined"
433
- class="button-bar_item button-bar__item--main right-space-40 color-2B1B63-80 uppercase "
495
+ class="right-space-40 color-2B1B63-80 uppercase "
434
496
  v-text="website.name || website.id"
435
497
 
436
498
  >My first website</H3><P
437
499
  id="i65hn" src="undefined"
438
- class="button-bar_item button-bar__item--secondary flex-no-shrink right-space-40 "
500
+ class="button-bar__item--secondary flex-no-shrink right-space-40 "
439
501
  v-text="'Mis à jour le ' + new Date(website.updatedAt).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })"
440
502
 
441
503
  >Updated 1h ago by lexoyo</P><P
442
504
  id="i64qa" src="undefined"
443
- class="button-bar_item button-bar__item--secondary flex-no-shrink right-space-40 "
505
+ class="button-bar__item--secondary flex-no-shrink right-space-40 "
444
506
  v-text="'Créé le ' + new Date(website.createdAt).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })"
445
507
 
446
508
  >Created 2023-02-16 by lexoyo</P><div
447
509
  id="i3b4tr" src="undefined"
448
- class="button-bar_item flex-no-shrink "
510
+ class="flex-no-shrink "
449
511
 
450
512
 
451
513
  ><BUTTON
452
514
  id="ifyf6p" href="" src="undefined"
453
- class="right-space-20 bold button-bar__item--link pointer "
515
+ class="right-space-20 bold button-bar__item--link pointer fx-underline fx-scale "
454
516
  @click="openEditor(website.websiteId, 'fr')"
455
517
 
456
518
  >Editer</BUTTON><BUTTON
457
519
  href="" id="ihf6ew" src="undefined"
458
- class="right-space-20 button-bar__item--link pointer "
520
+ class="right-space-20 button-bar__item--link pointer fx-underline fx-scale "
459
521
  @click="renameWebsite(website.websiteId, 'fr')"
460
522
 
461
523
  >Renommer</BUTTON><BUTTON
462
524
  id="iol4h" src="undefined"
463
- class="button-bar__item--link pointer "
525
+ class="button-bar__item--link pointer fx-flash fx-scale "
464
526
  @click="deleteWebsite(website.websiteId)" title="Supprimer"
465
527
 
466
528
  >X</BUTTON></div></SECTION><SECTION
467
529
  id="i1fjn" src="undefined"
468
- class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper "
530
+ class="button-bar loading__item skeleton-anim skeleton-wrapper "
469
531
  v-if="loading"
470
532
 
471
533
  ><H3
472
534
  id="iwu6a" src="undefined"
473
- class="button-bar_item button-bar__item--main skeleton-text skeleton right-space-40 "
535
+ class="skeleton-text skeleton right-space-40 "
474
536
 
475
537
 
476
538
  >My first websiteMy first websiteMy first websiteMy first</H3><P
477
539
  id="i26fn" src="undefined"
478
- class="button-bar_item button-bar__item--secondary skeleton-text skeleton right-space-40 "
540
+ class="button-bar__item--secondary skeleton-text skeleton right-space-40 "
479
541
 
480
542
 
481
543
  >Updated 1h ago by lexoyo</P><P
482
544
  id="iywbk" src="undefined"
483
- class="button-bar_item button-bar__item--secondary skeleton-text skeleton right-space-40 "
545
+ class="button-bar__item--secondary skeleton-text skeleton right-space-40 "
484
546
 
485
547
 
486
548
  >Created 2023-02-16 by lexoyo</P><div
487
549
  id="ixz6c" src="undefined"
488
- class="button-bar_item skeleton skeleton-button "
550
+ class="skeleton skeleton-button "
489
551
 
490
552
 
491
553
  >Edit</div></SECTION><SECTION
492
554
  id="iwxxo5" src="undefined"
493
- class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper "
555
+ class="button-bar loading__item skeleton-anim skeleton-wrapper "
494
556
  v-if="loading"
495
557
 
496
558
  ><H3
497
- src="undefined"
498
- class="button-bar_item button-bar__item--main skeleton-text skeleton "
559
+ id="inmp3" src="undefined"
560
+ class="skeleton-text skeleton right-space-40 "
499
561
 
500
562
 
501
563
  >My first websiteMy first websiteMy first websiteMy first</H3><P
502
- src="undefined"
503
- class="button-bar_item button-bar__item--secondary skeleton-text skeleton "
564
+ id="icjz8" src="undefined"
565
+ class="button-bar__item--secondary skeleton-text skeleton right-space-40 "
504
566
 
505
567
 
506
568
  >Updated 1h ago by lexoyo</P><P
507
- src="undefined"
508
- class="button-bar_item button-bar__item--secondary skeleton-text skeleton "
569
+ id="illbe" src="undefined"
570
+ class="button-bar__item--secondary skeleton-text skeleton right-space-40 "
509
571
 
510
572
 
511
573
  >Created 2023-02-16 by lexoyo</P><div
512
574
  id="i9fx3l" src="undefined"
513
- class="button-bar_item skeleton skeleton-button "
575
+ class="skeleton skeleton-button "
514
576
 
515
577
 
516
578
  >Edit</div></SECTION><SECTION
517
579
  id="isld3r" src="undefined"
518
- class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper "
580
+ class="button-bar loading__item skeleton-anim skeleton-wrapper "
519
581
  v-if="loading"
520
582
 
521
583
  ><H3
522
584
  src="undefined"
523
- class="button-bar_item button-bar__item--main skeleton-text skeleton "
585
+ class="button-bar_item button-bar__item--main skeleton-text skeleton right-space-40 "
524
586
 
525
587
 
526
588
  >My first websiteMy first websiteMy first websiteMy first</H3><P
527
589
  src="undefined"
528
- class="button-bar_item button-bar__item--secondary skeleton-text skeleton "
590
+ class="button-bar_item button-bar__item--secondary skeleton-text skeleton right-space-40 "
529
591
 
530
592
 
531
593
  >Updated 1h ago by lexoyo</P><P
532
594
  src="undefined"
533
- class="button-bar_item button-bar__item--secondary skeleton-text skeleton "
595
+ class="button-bar_item button-bar__item--secondary skeleton-text skeleton right-space-40 "
534
596
 
535
597
 
536
598
  >Created 2023-02-16 by lexoyo</P><div
@@ -565,27 +627,27 @@ window.addEventListener('load', function() {
565
627
 
566
628
  >Prêt.e à démarrer une nouvelle aventure?</H3></div></div><div
567
629
  id="i7ej6j" src="undefined"
568
- class="horizontal box-message text-white "
630
+ class="flex-between box-message text-white "
569
631
  v-if="error"
570
632
 
571
633
  ><H3
572
634
  id="iv0eyi" src="undefined"
573
- class="full-width v-space h-space "
635
+ class="box-message-text "
574
636
  v-text="error"
575
637
 
576
638
  >Insert your text here</H3><div
577
639
  id="i4656n" src="undefined"
578
- class="rounded pointer button-bar__item--link text-white "
640
+ class="pointer button-bar__item--link text-white "
579
641
  @click="error = null"
580
642
 
581
643
  >Fermer</div></div><div
582
644
  id="ilteie" src="undefined"
583
- class="horizontal box-message text-white "
645
+ class="flex-between box-message text-white "
584
646
  v-if="message"
585
647
 
586
648
  ><H3
587
649
  id="i2d31v" src="undefined"
588
- class="full-width v-space h-space "
650
+ class="box-message-text "
589
651
  v-text="message"
590
652
 
591
653
  >Insert your text here</H3><div
@@ -595,12 +657,12 @@ window.addEventListener('load', function() {
595
657
 
596
658
  >Fermer</div></div></MAIN><FOOTER
597
659
  id="ilzpl" src="undefined"
598
- class="header footer "
660
+ class="footer "
599
661
 
600
662
 
601
663
  ><div
602
664
  id="i238z" src="undefined"
603
- class="section "
665
+ class="website-max-width "
604
666
 
605
667
 
606
668
  ></div></FOOTER></body>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@silexlabs/silex-dashboard",
3
- "version": "1.0.20",
3
+ "version": "1.0.22",
4
4
  "description": "Dashboard for Silex v3",
5
5
  "main": ".silex.js",
6
6
  "scripts": {
@@ -24,7 +24,7 @@
24
24
  "homepage": "https://github.com/silexlabs/silex-dashboard#readme",
25
25
  "devDependencies": {
26
26
  "@11ty/eleventy": "^2.0.1",
27
- "@silexlabs/silex": "^3.0.0-alpha.58"
27
+ "@silexlabs/silex": "^3.0.0-alpha.61"
28
28
  },
29
29
  "dependencies": {
30
30
  "locale": "^0.1.0",
@@ -1,4 +1,4 @@
1
1
  ---
2
2
  permalink: /css/connectors.css
3
3
  ---
4
- * { 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;}.header{display:flex;align-items:center;justify-content:space-between;background-color:#ffffff;}.padding-normal{padding:0px 24px 0px 24px;}.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;}.button.button--primary{background-color:#8873fe;color:white;}.button-bar{margin:20px 0px 20px 0px;display:flex;padding:20px 30px 20px 30px;}.button-bar.button-bar--full-width{justify-content:space-between;align-items:center;}.button-bar_item.button-bar__item--secondary{font-size:0.8rem;color:#2b1b63;}.button.button--secondary{font-weight:400;color:#8873fe;border:2px solid #8873fe;}.nav__item.active{color:black;}.full-width{width:100%;}.box{border-radius:4px 4px 4px 4px;background-color:#ffffff;}.box.horizontal{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;background-color:white;border:2px solid #8873fe;}.button.button--secondary:hover{background-color:white;}#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:800px;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;}
4
+ * { 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(/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/pages/en/en.json CHANGED
@@ -14,6 +14,11 @@
14
14
  "url": "https://www.silex.me/",
15
15
  "target": "_blank"
16
16
  },
17
+ {
18
+ "label": "Community",
19
+ "url": "https://community.silex.me/",
20
+ "target": "_blank"
21
+ },
17
22
  {
18
23
  "label": "News",
19
24
  "url": "https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=en-US&source=silex-dashboard",
package/pages/fr/fr.json CHANGED
@@ -15,7 +15,12 @@
15
15
  "target": "_blank"
16
16
  },
17
17
  {
18
- "label": "Info",
18
+ "label": "Communauté",
19
+ "url": "https://community.silex.me/",
20
+ "target": "_blank"
21
+ },
22
+ {
23
+ "label": "News",
19
24
  "url": "https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=fr-FR&source=silex-dashboard",
20
25
  "target": "_blank"
21
26
  }
@@ -1,4 +1,4 @@
1
1
  ---
2
2
  permalink: /css/websites.css
3
3
  ---
4
- * { 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;}.header{display:flex;align-items:center;justify-content:space-between;background-color:#ffffff;}.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;}.section{max-width:1200px;margin:80px auto 80px auto;}.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;}.button.button--primary{background-color:#8873fe;color:white;}.button-bar{margin:20px 0px 20px 0px;display:flex;padding:20px 30px 20px 30px;}#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;color:#2b1b63;}.button.button--secondary{font-weight:400;color:#8873fe;border:2px solid #8873fe;}.bg-white{background-color:#ffffff;}.rounded{border-radius:4px 4px 4px 4px;}#i238z{padding:10px;}.footer{display:block;padding:20px 0px 20px 0px;margin:200px 0px 0px 0px;}.skeleton-text.skeleton{background-color:#dddddd;color:transparent;opacity:0.31;border-radius:5px 5px 5px 5px;}.skeleton.skeleton-button{color:transparent;opacity:0.16;}.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;}#i69a7{width:100%;}.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.horizontal{align-items:center;}.horizontal{display:flex;align-items:center;}.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;background-color:white;border:2px solid #8873fe;}.button.button--secondary:hover{background-color:white;}.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;margin:0px auto 0px auto;padding:40px 24px 40px 24px;}.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;}.main-min-height{min-height:40vh;}
4
+ * { 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 50px 0px;background-color:#ffffff;align-items:center;justify-content:center;padding:30px 30px 30px 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;}#i69a7{width:100%;}.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;}