Skip to Content

Changes for page Tidy-Lab Cloud Platform

Last modified by Humphrey AI on 2026/03/22 10:27
From version 34.1
edited by Humphrey AI
on 2026/03/19 16:19
Change comment: There is no comment for this version
To version 28.1
edited by Humphrey AI
on 2026/03/19 15:55
Change comment: There is no comment for this version

Summary

Details

XWiki.StyleSheetExtension[0]
code
... ... @@ -3,23 +3,6 @@
3 3   Targets exact XWiki 18.1 Flamingo DOM element IDs.
4 4   ========================================================================== */
5 5  
6 - /* --- Design Tokens (from concept-b) --- */
7 - :root {
8 - --hero-purple: #2D2B55;
9 - --indigo: #4F46E5;
10 - --indigo-light: #EEF2FF;
11 - --indigo-dark: #1e1b4b;
12 - --purple: #7C3AED;
13 - --green: #10B981;
14 - --green-light: #ECFDF5;
15 - --text-dark: #111827;
16 - --text-body: #4B5563;
17 - --text-muted: #9CA3AF;
18 - --border: #E5E7EB;
19 - --bg-light: #f8f9fc;
20 - --bg-section: #f0f1f8;
21 - }
22 -
23 23   /* ==========================================================================
24 24   Phase 1: HERO VISIBLE — hide chrome, full-bleed layout
25 25   ========================================================================== */
... ... @@ -112,7 +112,7 @@
112 112   /* --- Top half: dark purple --- */
113 113   .tl-hero-top {
114 114   flex: 1;
115 - background-color: var(--hero-purple);
98 + background-color: #2D2B55;
116 116   display: flex;
117 117   flex-direction: column;
118 118   justify-content: flex-end;
... ... @@ -122,29 +122,6 @@
122 122   overflow: visible;
123 123   }
124 124  
125 - /* Subtle radial glow behind title */
126 - .tl-hero-top::before {
127 - content: '';
128 - position: absolute;
129 - bottom: -60px;
130 - left: 50%;
131 - transform: translateX(-50%);
132 - width: 700px;
133 - height: 350px;
134 - background: radial-gradient(ellipse, rgba(79,70,229,0.2) 0%, transparent 70%);
135 - pointer-events: none;
136 - }
137 -
138 - /* Faint dot pattern for texture */
139 - .tl-hero-top::after {
140 - content: '';
141 - position: absolute;
142 - inset: 0;
143 - background-image: radial-gradient(rgba(255,255,255,0.03) 1px, transparent 1px);
144 - background-size: 24px 24px;
145 - pointer-events: none;
146 - }
147 -
148 148   /* --- Bottom half: white --- */
149 149   .tl-hero-bottom {
150 150   flex: 1;
... ... @@ -174,8 +174,6 @@
174 174   .tl-hero-center {
175 175   text-align: center;
176 176   padding: 0 20px;
177 - position: relative;
178 - z-index: 1;
179 179   }
180 180  
181 181   .tl-hero-title {
... ... @@ -245,51 +245,6 @@
245 245   }
246 246  
247 247   /* ==========================================================================
248 - Scroll-Reveal Animations (from concept-b)
249 - ========================================================================== */
250 - @keyframes tl-fadeIn {
251 - from { opacity: 0; }
252 - to { opacity: 1; }
253 - }
254 -
255 - @keyframes tl-fadeUp {
256 - from { opacity: 0; transform: translateY(24px); }
257 - to { opacity: 1; transform: translateY(0); }
258 - }
259 -
260 - .tl-reveal {
261 - opacity: 0;
262 - transform: translateY(28px);
263 - transition: opacity 0.7s ease-out, transform 0.7s ease-out;
264 - }
265 -
266 - .tl-reveal.tl-visible {
267 - opacity: 1;
268 - transform: translateY(0);
269 - }
270 -
271 - /* Hero elements fade in on load */
272 - .tl-hero-title {
273 - opacity: 0;
274 - animation: tl-fadeIn 0.6s ease-out 0.1s forwards;
275 - }
276 -
277 - .tl-hero-tagline {
278 - opacity: 0;
279 - animation: tl-fadeIn 0.5s ease-out 0.3s forwards;
280 - }
281 -
282 - .tl-partner-btn-wrap {
283 - opacity: 0;
284 - animation: tl-fadeUp 0.5s ease-out 0.5s forwards;
285 - }
286 -
287 - .tl-hero-scroll {
288 - opacity: 0;
289 - animation: tl-fadeIn 0.4s ease-out 0.7s forwards, tl-bounce 2s ease 1.1s infinite;
290 - }
291 -
292 - /* ==========================================================================
293 293   Responsive
294 294   ========================================================================== */
295 295   @media (max-width: 992px) {
... ... @@ -299,7 +299,6 @@
299 299   .tl-hero-logo-bar { top: 20px; left: 20px; }
300 300   .tl-hero-top { padding-bottom: 24px; }
301 301   .tl-hero-bottom { padding-top: 16px; }
302 - .tl-hero-top::before { width: 500px; height: 250px; }
303 303   }
304 304  
305 305   @media (max-width: 576px) {
... ... @@ -310,7 +310,6 @@
310 310   .tl-hero-scroll { bottom: 15px; }
311 311   .tl-hero-top { padding-bottom: 20px; }
312 312   .tl-hero-bottom { padding-top: 12px; }
313 - .tl-hero-top::before { width: 300px; height: 150px; }
314 314   }
315 315  
316 316   /* --- Print: skip hero --- */
... ... @@ -324,45 +324,3 @@
324 324   }
325 325   }
326 326  
327 - /* ==========================================================================
328 - Partner Access Button
329 - ========================================================================== */
330 - .tl-partner-btn-wrap {
331 - margin-top: 15vh;
332 - text-align: center;
333 - }
334 -
335 - .tl-partner-btn {
336 - display: inline-block;
337 - padding: 12px 40px;
338 - background-color: var(--hero-purple);
339 - color: #FFFFFF !important;
340 - font-family: "Calibri", "Segoe UI", sans-serif;
341 - font-size: 15px;
342 - font-weight: 400;
343 - letter-spacing: 3px;
344 - text-transform: uppercase;
345 - text-decoration: none !important;
346 - border: 2px solid var(--hero-purple);
347 - border-radius: 0;
348 - transition: all 0.3s ease;
349 - cursor: pointer;
350 - }
351 -
352 - .tl-partner-btn:hover {
353 - background-color: transparent;
354 - color: var(--hero-purple) !important;
355 - border-color: var(--hero-purple);
356 - text-decoration: none !important;
357 - }
358 -
359 - @media (max-width: 576px) {
360 - .tl-partner-btn {
361 - padding: 10px 28px;
362 - font-size: 13px;
363 - letter-spacing: 2px;
364 - }
365 - .tl-partner-btn-wrap {
366 - margin-top: 50px;
367 - }
368 - }