Skip to Content

Changes for page Public Web Site

Last modified by Agnease on 2026/07/03 16:14
From version 28.19
edited by Agnease
on 2026/07/03 13:03
Change comment: There is no comment for this version
To version 28.18
edited by Agnease
on 2026/07/03 13:03
Change comment: There is no comment for this version

Summary

Details

XWiki.StyleSheetExtension[0]
code
... ... @@ -247,104 +247,34 @@
247 247   margin-top: 22px;
248 248  }
249 249  
250 -/* ========== Contrast Band ========== */
250 +/* ========== Trust Strip ========== */
251 251  
252 -.contrast-band {
253 - position: relative;
254 - overflow: hidden;
255 - padding: 54px 0;
256 - background:
257 - radial-gradient(circle at 18% 18%, fade(@brand, 22%) 0%, transparent 28%),
258 - radial-gradient(circle at 86% 12%, fade(@brand, 16%) 0%, transparent 30%),
259 - linear-gradient(135deg, @text 0%, @text-soft 100%);
260 - color: #fff;
252 +.trust-strip {
253 + padding: 18px 0;
254 + border-top: 1px solid @line;
261 261  
262 - &::before {
263 - content: "";
264 - position: absolute;
265 - inset: 0;
266 - background:
267 - linear-gradient(90deg, fade(#fff, 4%) 1px, transparent 1px),
268 - linear-gradient(180deg, fade(#fff, 4%) 1px, transparent 1px);
269 - background-size: 52px 52px;
270 - opacity: .38;
271 - pointer-events: none;
272 - }
273 -
274 - .container {
275 - position: relative;
276 - z-index: 1;
277 - }
278 -
279 - .contrast-panel {
280 - max-width: 1040px;
256 + ul {
257 + max-width: 960px;
281 281   margin: 0 auto;
282 - text-align: center;
259 + padding: 0;
260 + list-style: none;
261 + display: flex;
262 + justify-content: center;
263 + gap: 22px;
264 + flex-wrap: wrap;
265 + color: @muted;
266 + font-size: 13px;
283 283   }
284 284  
285 - h2 {
286 - max-width: 860px;
287 - margin: 0 auto 12px;
288 - color: #fff;
289 - }
290 -
291 - .section-intro {
292 - max-width: 840px;
293 - margin: 0 auto 26px;
294 - color: #D9E3EE;
295 - }
296 -}
297 -
298 -.contrast-tags {
299 - max-width: 940px;
300 - margin: 0 auto;
301 - display: flex;
302 - flex-wrap: wrap;
303 - justify-content: center;
304 - gap: 10px;
305 -
306 - span {
307 - display: inline-flex;
269 + li {
270 + display: flex;
308 308   align-items: center;
309 - padding: 8px 13px;
310 - border: 1px solid fade(#fff, 18%);
311 - border-radius: 999px;
312 - background: fade(#fff, 8%);
313 - color: #F8FAFC;
314 - font-size: 13px;
315 - font-weight: 700;
316 - line-height: 1.2;
317 -
318 - &::before {
319 - content: "";
320 - width: 7px;
321 - height: 7px;
322 - margin-right: 8px;
323 - border-radius: 50%;
324 - background: @brand;
325 - box-shadow: 0 0 0 4px fade(@brand, 18%);
326 - }
272 + gap: 7px;
327 327   }
328 -}
329 329  
330 -.contrast-support {
331 - max-width: 860px;
332 - margin: 30px auto 0;
333 - color: #D9E3EE;
334 - text-align: center;
335 - font-size: 15px;
336 - line-height: 1.7;
337 -}
338 -
339 -@media (max-width: 640px) {
340 - .contrast-band {
341 - padding: 40px 0;
275 + i {
276 + color: @brand;
342 342   }
343 -
344 - .contrast-tags span {
345 - font-size: 12px;
346 - padding: 8px 11px;
347 - }
348 348  }
349 349  
350 350  /* ========== Reusable Grids ========== */