Skip to Content

Changes for page Public Web Site

Last modified by Agnease on 2026/07/03 16:14
From version 28.14
edited by Agnease
on 2026/07/03 12:42
Change comment: There is no comment for this version
To version 28.10
edited by Agnease
on 2026/07/03 12:00
Change comment: There is no comment for this version

Summary

Details

XWiki.StyleSheetExtension[0]
code
... ... @@ -1811,96 +1811,33 @@
1811 1811   }
1812 1812  }
1813 1813  
1814 -/* ========== Accessibility / Contrast Improvements ========== */
1815 -
1816 -/* Make the global background softer and less distracting. */
1817 -body {
1818 - background:
1819 - radial-gradient(circle at 12% 8%, rgba(0, 147, 125, 0.035) 0, transparent 26%),
1820 - radial-gradient(circle at 90% 28%, rgba(7, 24, 45, 0.025) 0, transparent 30%),
1821 - linear-gradient(180deg, #fff 0, @brand-bg 42%, #fff 100%) !important;
1822 - background-attachment: scroll;
1814 +#mainContentArea .resource-content .resources-grid .resource-card {
1815 + display: grid;
1816 + grid-template-columns: 44px minmax(0, 1fr);
1817 + column-gap: 14px;
1818 + align-items: center;
1823 1823  }
1824 1824  
1825 -/* Keep the article area readable while preserving the page background around it. */
1826 -#mainContentArea .resource-layout {
1827 - padding: 28px;
1828 - border: 1px solid fade(@line, 85%);
1829 - border-radius: @radius;
1830 - background: rgba(255, 255, 255, .88);
1831 - box-shadow: @shadow-sm;
1821 +#mainContentArea .resource-content .resources-grid .resource-card .service-icon {
1822 + grid-column: 1;
1823 + grid-row: 1;
1824 + margin: 0;
1832 1832  }
1833 1833  
1834 -/* Ensure all reusable cards have a real surface, not transparent over the gradient. */
1835 -#mainContentArea .widget,
1836 -#mainContentArea .pathway-card,
1837 -#mainContentArea .service-card,
1838 -#mainContentArea .resource-card,
1839 -#mainContentArea .services .service,
1840 -#mainContentArea .product-card,
1841 -#mainContentArea .product-feature,
1842 -#mainContentArea .product-summary-card,
1843 -#mainContentArea .product-info-card {
1844 - background: #fff;
1827 +#mainContentArea .resource-content .resources-grid .resource-card .service-body {
1828 + display: contents;
1845 1845  }
1846 1846  
1847 -/* Make notes more readable and visually stronger. */
1848 -#mainContentArea .resource-note {
1849 - border: 1px solid fade(@brand, 18%);
1850 - border-left: 4px solid @brand;
1851 - background: #fff;
1852 - box-shadow: 0 10px 28px rgba(15, 23, 42, .045);
1831 +#mainContentArea .resource-content .resources-grid .resource-card .service-body h4 {
1832 + grid-column: 2;
1833 + grid-row: 1;
1834 + align-self: center;
1835 + margin: 0;
1853 1853  }
1854 1854  
1855 -/* Keep the sidebar clearly separated from the background. */
1856 -#mainContentArea .resource-sidebar {
1857 - background: #fff;
1838 +#mainContentArea .resource-content .resources-grid .resource-card .service-body p {
1839 + grid-column: 1 / -1;
1840 + grid-row: 2;
1841 + margin: 14px 0 0;
1858 1858  }
1859 1859  
1860 -/* Make CTA panels stand out more clearly. */
1861 -#mainContentArea .cta-panel,
1862 -#mainContentArea .resource-cta,
1863 -#mainContentArea .resource-inline-cta {
1864 - background: #fff;
1865 -}
1866 -
1867 -/* Improve table readability on long resource pages. */
1868 -#mainContentArea .resource-content table {
1869 - background: #fff;
1870 -}
1871 -
1872 -#mainContentArea .resource-content table th {
1873 - color: @text;
1874 - background: #F8FAFC;
1875 -}
1876 -
1877 -#mainContentArea .resource-content table td {
1878 - color: @text-soft;
1879 -}
1880 -
1881 -/* Slightly improve paragraph/list contrast in long articles. */
1882 -#mainContentArea .resource-content p,
1883 -#mainContentArea .resource-content li {
1884 - color: @text-soft;
1885 -}
1886 -
1887 -#mainContentArea .resource-content .resource-note p,
1888 -#mainContentArea .resource-content .resource-checklist li,
1889 -#mainContentArea .resource-content .process-list li {
1890 - color: @muted;
1891 -}
1892 -
1893 -@media (max-width: 900px) {
1894 - #mainContentArea .resource-layout {
1895 - padding: 22px;
1896 - }
1897 -}
1898 -
1899 -@media (max-width: 640px) {
1900 - #mainContentArea .resource-layout {
1901 - padding: 18px;
1902 - border-radius: 14px;
1903 - }
1904 -}
1905 -
1906 -