Skip to Content

Changes for page Public Web Site

Last modified by Agnease on 2026/05/30 16:24
From version 13.2
edited by Agnease
on 2026/05/23 18:53
Change comment: There is no comment for this version
To version 13.10
edited by Agnease
on 2026/05/26 09:43
Change comment: There is no comment for this version

Summary

Details

XWiki.StyleSheetExtension[0]
code
... ... @@ -369,6 +369,13 @@
369 369   flex-direction: column;
370 370   min-height: 100%;
371 371  
372 + .card-heading {
373 + display: flex;
374 + align-items: center;
375 + gap: 14px;
376 + margin-bottom: 14px;
377 + }
378 +
372 372   .pathway-icon {
373 373   width: 52px;
374 374   height: 52px;
... ... @@ -378,12 +378,12 @@
378 378   justify-content: center;
379 379   color: @brand;
380 380   background: fade(@brand, 10%);
381 - margin-bottom: 18px;
382 382   font-size: 19px;
389 + flex-shrink: 0;
383 383   }
384 384  
385 385   h3 {
386 - margin: 0 0 10px;
393 + margin: 0;
387 387   color: @text;
388 388   font-size: 22px;
389 389   line-height: 1.25;
... ... @@ -583,31 +583,6 @@
583 583   }
584 584  }
585 585  
586 -.resource-content {
587 - order: 1;
588 -}
589 -
590 -.resource-sidebar {
591 - order: 2;
592 -}
593 -
594 -@media (max-width: 767px) {
595 - .resource-layout {
596 - display: flex;
597 - flex-direction: column;
598 - }
599 -
600 - .resource-sidebar {
601 - order: 0;
602 - position: static;
603 - width: 100%;
604 - }
605 -
606 - .resource-content {
607 - order: 1;
608 - }
609 -}
610 -
611 611  /* ========== Homepage Resource Strip ========== */
612 612  
613 613  .homepage-resource-strip {
... ... @@ -837,15 +837,18 @@
837 837  }
838 838  
839 839  .resource-layout {
840 - display: grid;
841 - grid-template-columns: minmax(0, 760px) 280px;
842 - gap: 42px;
822 + display: block;
843 843   max-width: 1080px;
844 844   margin: 0 auto;
845 845   padding-top: 28px;
846 - align-items: start;
847 847  }
848 848  
828 +.resource-layout::after {
829 + content: "";
830 + display: block;
831 + clear: both;
832 +}
833 +
849 849  .resource-content {
850 850   color: @text;
851 851   font-size: 16px;
... ... @@ -915,6 +915,10 @@
915 915  }
916 916  
917 917  .resource-sidebar {
903 + float: right;
904 + width: 280px;
905 + margin-left: 42px;
906 + margin-bottom: 28px;
918 918   position: sticky;
919 919   top: 96px;
920 920   border: 1px solid @line;
... ... @@ -959,13 +959,22 @@
959 959   }
960 960  }
961 961  
951 +.resource-note,
952 +.resource-checklist,
953 +.resource-cta {
954 + display: flow-root;
955 +}
956 +
962 962  @media (max-width: 900px) {
963 963   .resource-layout {
964 - grid-template-columns: 1fr;
965 965   padding-top: 22px;
966 966   }
967 967  
968 968   .resource-sidebar {
963 + float: none;
964 + width: 100%;
965 + margin-left: 0;
966 + margin-bottom: 24px;
969 969   position: static;
970 970   }
971 971  }