Changes for page Public Web Site
Last modified by Alex Cotiuga on 2026/07/29 05:00
From version 31.10
edited by Alex Cotiuga
on 2026/07/29 04:45
on 2026/07/29 04:45
Change comment:
There is no comment for this version
To version 30.7
edited by Alex Cotiuga
on 2026/07/13 06:32
on 2026/07/13 06:32
Change comment:
There is no comment for this version
Summary
-
Objects (1 modified, 0 added, 0 removed)
Details
- XWiki.StyleSheetExtension[0]
-
- code
-
... ... @@ -761,7 +761,6 @@ 761 761 } 762 762 763 763 .resource-card { 764 - background-color: #fff; 765 765 padding: 20px; 766 766 767 767 h4 { ... ... @@ -895,23 +895,20 @@ 895 895 pointer-events: none; 896 896 } 897 897 898 - > h2, 899 - > p, 900 - > form, 901 - > .hero-actions, 902 - > .cta-actions, 903 - > .reviewNotifications { 897 + h2, 898 + p, 899 + .btn { 904 904 position: relative; 905 905 z-index: 1; 906 906 } 907 907 908 - >h2 {904 + h2 { 909 909 max-width: 760px; 910 910 margin: 0 auto 16px; 911 911 color: #fff; 912 912 } 913 913 914 - >p {910 + p { 915 915 max-width: 760px; 916 916 margin: 0 auto 28px; 917 917 color: #DBE4EF; ... ... @@ -959,20 +959,6 @@ 959 959 } 960 960 } 961 961 962 -/* ========== XWiki notifications inside public CTA panels ========== */ 963 - 964 -#mainContentArea { 965 - .cta-panel { 966 - .reviewNotifications { 967 - position: relative; 968 - z-index: 1; 969 - max-width: 920px; 970 - margin: 22px auto 0; 971 - text-align: left; 972 - } 973 - } 974 -} 975 - 976 976 @media (max-width: 760px) { 977 977 section[id] { 978 978 scroll-margin-top: 132px; ... ... @@ -1145,7 +1145,7 @@ 1145 1145 1146 1146 .resource-note { 1147 1147 border-left: 4px solid @brand; 1148 - background: #fff;1130 + background: @brand-bg; 1149 1149 padding: 16px 18px; 1150 1150 margin: 22px 0; 1151 1151 border-radius: 0 @radius @radius 0; ... ... @@ -1472,6 +1472,17 @@ 1472 1472 } 1473 1473 } 1474 1474 1457 +.product-card-contact { 1458 + color: @brand; 1459 + font-weight: 700; 1460 + text-decoration: underline; 1461 + 1462 + &:hover, 1463 + &:focus { 1464 + color: @brand-strong; 1465 + } 1466 +} 1467 + 1475 1475 @media (max-width: 640px) { 1476 1476 .product-card { 1477 1477 grid-template-columns: 1fr; ... ... @@ -2014,179 +2014,3 @@ 2014 2014 } 2015 2015 } 2016 2016 2017 -/* ========== Temporary marketing campaign banner ========== */ 2018 - 2019 -.public-campaign-banner { 2020 - position: relative; 2021 - margin-top: 30px; 2022 - z-index: 20; 2023 - border: 0; 2024 - background: 2025 - radial-gradient(circle at 88% 0%, fade(@brand, 30%) 0%, transparent 32%), 2026 - linear-gradient(110deg, @text 0%, @text-soft 55%, @brand-strong 100%); 2027 - color: #fff; 2028 - border-radius: 14px; 2029 - box-shadow: 0 10px 26px rgba(7, 24, 45, .12); 2030 -} 2031 - 2032 -.public-campaign-inner { 2033 - min-height: 88px; 2034 - padding-top: 14px; 2035 - padding-bottom: 14px; 2036 - display: flex; 2037 - align-items: center; 2038 - justify-content: space-between; 2039 - gap: 30px; 2040 -} 2041 - 2042 -.public-campaign-copy { 2043 - min-width: 0; 2044 - display: flex; 2045 - align-items: center; 2046 - gap: 18px; 2047 -} 2048 - 2049 -.public-campaign-label { 2050 - flex-shrink: 0; 2051 - display: inline-flex; 2052 - align-items: center; 2053 - gap: 7px; 2054 - padding: 6px 10px; 2055 - border: 1px solid fade(#fff, 28%); 2056 - border-radius: 999px; 2057 - background: fade(#fff, 10%); 2058 - color: #fff; 2059 - font-size: 12px; 2060 - line-height: 1.2; 2061 - font-weight: 800; 2062 - text-transform: uppercase; 2063 - letter-spacing: .04em; 2064 - 2065 - i { 2066 - color: #fff; 2067 - } 2068 -} 2069 - 2070 -.public-campaign-message { 2071 - min-width: 0; 2072 - 2073 - strong { 2074 - display: block; 2075 - margin-bottom: 4px; 2076 - color: #fff; 2077 - font-size: 17px; 2078 - line-height: 1.3; 2079 - } 2080 - 2081 - span { 2082 - display: block; 2083 - max-width: 700px; 2084 - color: #DBE4EF; 2085 - font-size: 14px; 2086 - line-height: 1.45; 2087 - } 2088 -} 2089 - 2090 -.public-campaign-actions { 2091 - flex-shrink: 0; 2092 - display: flex; 2093 - align-items: center; 2094 - gap: 18px; 2095 -} 2096 - 2097 -.public-campaign-primary { 2098 - white-space: nowrap; 2099 - border-color: #fff; 2100 - background: #fff; 2101 - color: @text; 2102 - font-weight: 700; 2103 - box-shadow: 0 10px 24px rgba(0, 0, 0, .16); 2104 - 2105 - &:hover, 2106 - &:focus { 2107 - border-color: #fff; 2108 - background: #fff; 2109 - color: @brand-strong; 2110 - text-decoration: none; 2111 - } 2112 -} 2113 - 2114 -.public-campaign-link { 2115 - white-space: nowrap; 2116 - color: #fff; 2117 - font-size: 14px; 2118 - font-weight: 700; 2119 - text-decoration: underline; 2120 - text-underline-offset: 3px; 2121 - 2122 - i { 2123 - margin-left: 5px; 2124 - } 2125 - 2126 - &:hover, 2127 - &:focus { 2128 - color: #fff; 2129 - text-decoration-thickness: 2px; 2130 - } 2131 -} 2132 - 2133 -@media (max-width: 980px) { 2134 - .public-campaign-inner { 2135 - align-items: flex-start; 2136 - gap: 18px; 2137 - } 2138 - 2139 - .public-campaign-copy { 2140 - align-items: flex-start; 2141 - } 2142 - 2143 - .public-campaign-actions { 2144 - flex-direction: column; 2145 - align-items: flex-end; 2146 - gap: 10px; 2147 - } 2148 -} 2149 - 2150 -@media (max-width: 760px) { 2151 - .public-campaign-inner { 2152 - display: block; 2153 - padding-top: 18px; 2154 - padding-bottom: 18px; 2155 - text-align: center; 2156 - } 2157 - 2158 - .public-campaign-copy { 2159 - display: block; 2160 - } 2161 - 2162 - .public-campaign-label { 2163 - margin-bottom: 12px; 2164 - } 2165 - 2166 - .public-campaign-message { 2167 - strong { 2168 - font-size: 16px; 2169 - } 2170 - 2171 - span { 2172 - margin: 0 auto; 2173 - } 2174 - } 2175 - 2176 - .public-campaign-actions { 2177 - margin-top: 16px; 2178 - display: flex; 2179 - flex-direction: column; 2180 - align-items: stretch; 2181 - gap: 11px; 2182 - } 2183 - 2184 - .public-campaign-primary { 2185 - width: 100%; 2186 - white-space: normal; 2187 - } 2188 - 2189 - .public-campaign-link { 2190 - white-space: normal; 2191 - } 2192 -}