Skip to Content

Changes for page Public Web Site

Last modified by Agnease on 2026/07/03 16:14
From version 28.46
edited by Agnease
on 2026/07/03 15:09
Change comment: There is no comment for this version
To version 28.48
edited by Agnease
on 2026/07/03 15:11
Change comment: There is no comment for this version

Summary

Details

XWiki.StyleSheetExtension[0]
code
... ... @@ -249,25 +249,19 @@
249 249  
250 250  /* ========== Contrast Band ========== */
251 251  
252 -.contrast-band {
252 +/* Full‑bleed wrapper */
253 +.contrast-band-wrapper {
253 253   position: relative;
254 - z-index: 0;
255 - overflow: visible; /* allow pseudo-element to escape */
256 - padding: 54px 0;
257 - border-top: 0;
258 - color: #fff;
259 -
260 - /* Remove gradient from here */
261 - background: none;
255 + overflow: visible;
262 262  }
263 263  
264 264  /* Full‑bleed gradient background */
265 -.contrast-band::before {
259 +.contrast-band-wrapper::before {
266 266   content: "";
267 267   position: absolute;
268 268   top: 0;
269 269   left: 50%;
270 - width: 100vw; /* full viewport width */
264 + width: 100vw;
271 271   height: 100%;
272 272   transform: translateX(-50%);
273 273   z-index: -1;
... ... @@ -278,7 +278,17 @@
278 278   linear-gradient(135deg, @text 0%, @text-soft 100%);
279 279  }
280 280  
281 -/* Grid overlay stays exactly as you had it */
275 +/* Inner band (no gradient here anymore) */
276 +.contrast-band {
277 + position: relative;
278 + z-index: 0;
279 + padding: 54px 0;
280 + border-top: 0;
281 + color: #fff;
282 + background: none;
283 +}
284 +
285 +/* Grid overlay */
282 282  .contrast-band::after {
283 283   content: "";
284 284   position: absolute;
... ... @@ -292,83 +292,12 @@
292 292   z-index: 0;
293 293  }
294 294  
299 +/* Content stays above everything */
295 295  .contrast-band .container {
296 296   position: relative;
297 297   z-index: 1;
298 298  }
299 299  
300 -/* Everything below stays unchanged */
301 -.contrast-panel {
302 - max-width: 1040px;
303 - margin: 0 auto;
304 - text-align: center;
305 -}
306 -
307 -.contrast-band h2 {
308 - max-width: 860px;
309 - margin: 0 auto 12px;
310 - color: #fff;
311 -}
312 -
313 -.contrast-band .section-intro {
314 - max-width: 840px;
315 - margin: 0 auto 26px;
316 - color: #D9E3EE;
317 -}
318 -
319 -.contrast-tags {
320 - max-width: 940px;
321 - margin: 0 auto;
322 - display: flex;
323 - flex-wrap: wrap;
324 - justify-content: center;
325 - gap: 10px;
326 -}
327 -
328 -.contrast-tags span {
329 - display: inline-flex;
330 - align-items: center;
331 - padding: 8px 13px;
332 - border: 1px solid fade(#fff, 18%);
333 - border-radius: 999px;
334 - background: fade(#fff, 8%);
335 - color: #F8FAFC;
336 - font-size: 13px;
337 - font-weight: 700;
338 - line-height: 1.2;
339 -}
340 -
341 -.contrast-tags span::before {
342 - content: "";
343 - width: 7px;
344 - height: 7px;
345 - margin-right: 8px;
346 - border-radius: 50%;
347 - background: @brand;
348 - box-shadow: 0 0 0 4px fade(@brand, 18%);
349 -}
350 -
351 -.contrast-support {
352 - max-width: 860px;
353 - margin: 30px auto 0;
354 - color: #D9E3EE;
355 - text-align: center;
356 - font-size: 15px;
357 - line-height: 1.7;
358 -}
359 -
360 -@media (max-width: 640px) {
361 - .contrast-band {
362 - padding: 40px 0;
363 - }
364 -
365 - .contrast-tags span {
366 - font-size: 12px;
367 - padding: 8px 11px;
368 - }
369 -}
370 -
371 -
372 372  /* ========== Reusable Grids ========== */
373 373  
374 374  .card-grid,