Skip to Content
0 Votes

Changes for page Home

Last modified by Alex Cotiugă on 2026/01/13 13:12
From version 4.33
edited by Alex Cotiugă
on 2025/11/12 13:57
Change comment: There is no comment for this version
To version 4.32
edited by Alex Cotiugă
on 2025/11/12 13:47
Change comment: There is no comment for this version

Summary

Details

XWiki.StyleSheetExtension[0]
Code
... ... @@ -1,48 +1,92 @@
1 -/* Page: XWiki.AgneaseTheme (SSX) */
2 -#contentcontainer.agnease {
3 - --brand:#00937D; --brand-strong:#007B6A;
4 - --text:#2D3A34; --muted:#5B6B64;
5 - --panel:#F7F9F8; --line:#E4ECE9;
6 - --radius:14px; --radius-sm:10px;
1 +/* ===== Agnease Landing (scoped) ===== */
2 +.agnease-landing {
3 + --brand:#00937D;
4 + --brand-strong:#007B6A;
5 + --text:#2D3A34;
6 + --muted:#5B6B64;
7 + --bg:#FFFFFF;
8 + --panel:#F7F9F8;
9 + --line:#E4ECE9;
10 + --radius:14px;
11 + --radius-sm:10px;
7 7   --shadow:0 10px 30px rgba(0,0,0,.08);
8 - color:var(--text); font:16px/1.6 Inter, Segoe UI, Roboto, system-ui, -apple-system, Arial, sans-serif;
13 + color:var(--text);
14 + font:16px/1.6 Inter, Segoe UI, Roboto, system-ui, -apple-system, Arial, sans-serif;
9 9  }
10 10  
11 -/* Headings & links */
12 -#contentcontainer.agnease h1{font-size:clamp(1.8rem,2.5vw + .8rem,3rem);line-height:1.15;margin:.2rem 0 .5rem}
13 -#contentcontainer.agnease h2{font-size:clamp(1.4rem,1.4vw + .8rem,2rem);line-height:1.2;margin:.2rem 0 .4rem}
14 -#contentcontainer.agnease h3{font-size:1.1rem;margin:.2rem 0 .3rem}
15 -#contentcontainer.agnease .lead{color:var(--muted);max-width:72ch;margin:.35rem 0 .7rem}
16 -#contentcontainer.agnease a{color:var(--brand)}
17 -#contentcontainer.agnease a:hover{color:var(--brand-strong);text-decoration:underline}
17 +.agnease-landing a{color:var(--brand);text-decoration:none}
18 +.agnease-landing a:hover{color:var(--brand-strong);text-decoration:underline}
19 +.agnease-landing h1{font-size:clamp(1.8rem,2.5vw + .8rem,3rem);line-height:1.15;margin:.2rem 0 .5rem}
20 +.agnease-landing h2{font-size:clamp(1.4rem,1.4vw + .8rem,2rem);line-height:1.2;margin:.2rem 0 .4rem}
21 +.agnease-landing h3{font-size:1.1rem;margin:.2rem 0 .25rem}
22 +.agnease-landing .lead{color:var(--muted);max-width:72ch;margin:.35rem 0 .7rem}
18 18  
19 -/* Sections & grid */
20 -#contentcontainer.agnease section{padding:64px 0;border-top:1px solid var(--line)}
21 -#contentcontainer.agnease section:first-child{border-top:none}
22 -#contentcontainer.agnease .container{max-width:1140px;margin:auto;padding:0 20px}
23 -#contentcontainer.agnease .grid{display:grid;gap:18px}
24 -#contentcontainer.agnease .grid-2{grid-template-columns:1fr}
25 -#contentcontainer.agnease .grid-3{grid-template-columns:1fr}
24 +.agnease-landing section{padding:64px 0;border-top:1px solid var(--line)}
25 +.agnease-landing section:first-child{border-top:none}
26 +
27 +.agnease-landing .container{max-width:1140px;margin:auto;padding:0 20px}
28 +.agnease-landing .grid{display:grid;gap:18px}
29 +.agnease-landing .grid-2{grid-template-columns:1fr}
30 +.agnease-landing .grid-3{grid-template-columns:1fr}
26 26  @media (min-width:840px){
27 - #contentcontainer.agnease .grid-2{grid-template-columns:1.1fr .9fr}
28 - #contentcontainer.agnease .grid-3{grid-template-columns:repeat(3,1fr)}
32 + .agnease-landing .grid-2{grid-template-columns:1.1fr .9fr}
33 + .agnease-landing .grid-3{grid-template-columns:repeat(3,1fr)}
29 29  }
30 30  
31 -/* Components (chips, cards, steps, CTA band) */
32 -#contentcontainer.agnease .chip{display:inline-block;background:var(--panel);border:1px solid var(--line);padding:.35rem .65rem;border-radius:999px;font-size:.82rem;color:var(--text)}
33 -#contentcontainer.agnease .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);transition:transform .18s ease, box-shadow .18s ease}
34 -#contentcontainer.agnease .card:hover{transform:translateY(-2px)}
35 -#contentcontainer.agnease .card p{color:var(--muted);margin:0}
36 -#contentcontainer.agnease .card ul{margin:.6rem 0 0;padding-left:1.1rem;color:var(--muted)}
37 -#contentcontainer.agnease .steps{display:grid;gap:16px;grid-template-columns:1fr}
38 -@media (min-width:840px){ #contentcontainer.agnease .steps{grid-template-columns:repeat(3,1fr)} }
39 -#contentcontainer.agnease .step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
40 -#contentcontainer.agnease .cta-band{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
41 -
42 42  /* Buttons */
43 -#contentcontainer.agnease .btn{display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 1.1rem;border-radius:12px;border:2px solid transparent;font-weight:650;letter-spacing:.2px;cursor:pointer;box-shadow:var(--shadow)}
44 -#contentcontainer.agnease .btn-primary{background:var(--brand);color:#fff}
45 -#contentcontainer.agnease .btn-primary:hover{background:var(--brand-strong)}
46 -#contentcontainer.agnease .btn-ghost{background:#fff;color:var(--brand);border-color:var(--brand)}
47 -#contentcontainer.agnease .btn-ghost:hover{color:var(--brand-strong);border-color:var(--brand-strong)}
37 +.agnease-landing .btn{
38 + display:inline-flex;align-items:center;gap:.55rem;
39 + padding:.85rem 1.1rem;border-radius:12px;border:2px solid transparent;
40 + font-weight:650;letter-spacing:.2px;cursor:pointer;box-shadow:var(--shadow)
41 +}
42 +.agnease-landing .btn-primary{background:var(--brand);color:#fff}
43 +.agnease-landing .btn-primary:hover{background:var(--brand-strong)}
44 +.agnease-landing .btn-ghost{background:#fff;color:var(--brand);border-color:var(--brand)}
45 +.agnease-landing .btn-ghost:hover{color:var(--brand-strong);border-color:var(--brand-strong)}
48 48  
47 +/* Hero */
48 +.agnease-landing .hero{
49 + background:
50 + radial-gradient(60rem 24rem at 10% -10%, #E7FFF8 0%, transparent 60%),
51 + radial-gradient(60rem 24rem at 90% -20%, #E8F6F3 0%, transparent 60%);
52 +}
53 +.agnease-landing .hero .badges{display:flex;flex-wrap:wrap;gap:.5rem}
54 +.agnease-landing .chip{
55 + display:inline-block;background:var(--panel);border:1px solid var(--line);
56 + padding:.35rem .65rem;border-radius:999px;font-size:.82rem;color:var(--text)
57 +}
58 +.agnease-landing .hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
59 +
60 +/* Trust bar */
61 +.agnease-landing .trust{
62 + background:#fff;
63 +}
64 +.agnease-landing .trust-list{
65 + display:grid;gap:14px;grid-template-columns:repeat(2,1fr)
66 +}
67 +@media (min-width:720px){ .agnease-landing .trust-list{grid-template-columns:repeat(5,1fr)} }
68 +.agnease-landing .trust-item{
69 + background:var(--panel);border:1px solid var(--line);border-radius:12px;
70 + padding:.7rem;text-align:center;color:var(--muted)
71 +}
72 +
73 +/* Services cards */
74 +.agnease-landing .card{
75 + background:#fff;border:1px solid var(--line);border-radius:var(--radius);
76 + padding:18px;box-shadow:var(--shadow);transition:transform .18s ease, box-shadow .18s ease
77 +}
78 +.agnease-landing .card:hover{transform:translateY(-2px)}
79 +.agnease-landing .card p{color:var(--muted);margin:0}
80 +.agnease-landing .card ul{margin:.6rem 0 0;padding-left:1.1rem;color:var(--muted)}
81 +
82 +/* Process steps */
83 +.agnease-landing .steps{display:grid;gap:16px;grid-template-columns:1fr}
84 +@media (min-width:840px){ .agnease-landing .steps{grid-template-columns:repeat(3,1fr)} }
85 +.agnease-landing .step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
86 +
87 +/* CTA band */
88 +.agnease-landing .cta-band{
89 + background:#fff;border:1px solid var(--line);border-radius:var(--radius);
90 + padding:20px;box-shadow:var(--shadow);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px
91 +}
92 +