Changes for page Public Web Site
Last modified by Agnease on 2026/07/07 14:40
Summary
-
Objects (1 modified, 0 added, 0 removed)
Details
- XWiki.StyleSheetExtension[0]
-
- code
-
... ... @@ -1231,12 +1231,12 @@ 1231 1231 1232 1232 .resource-inline-cta { 1233 1233 position: relative; 1234 - display: flex; 1234 + display: grid; 1235 + grid-template-columns: minmax(0, 1fr) auto; 1235 1235 align-items: center; 1236 - justify-content: space-between; 1237 1237 gap: 22px; 1238 1238 margin: 32px 0; 1239 - padding: 22px 24px 22px 30px;1239 + padding: 22px 24px 22px 28px; 1240 1240 border: 1px solid fade(@brand, 20%); 1241 1241 border-radius: @radius; 1242 1242 background: #fff; ... ... @@ -1243,17 +1243,47 @@ 1243 1243 box-shadow: @shadow-sm; 1244 1244 overflow: hidden; 1245 1245 1246 - &:before { 1246 + &::before { 1247 1247 content: ""; 1248 1248 position: absolute; 1249 - top: 0; 1250 - bottom: 0; 1251 - left: 0; 1249 + inset: 0 auto 0 0; 1252 1252 width: 5px; 1253 1253 background: linear-gradient(180deg, @brand 0%, @brand-strong 100%); 1254 1254 } 1255 1255 1254 + p { 1255 + margin: 0; 1256 + color: @muted; 1257 + font-size: 15px; 1258 + line-height: 1.6; 1259 + } 1256 1256 1261 + strong { 1262 + display: block; 1263 + margin-bottom: 4px; 1264 + color: @text; 1265 + font-size: 17px; 1266 + line-height: 1.35; 1267 + } 1268 + 1269 + .btn { 1270 + white-space: nowrap; 1271 + align-self: center; 1272 + } 1273 + 1274 + .btn-secondary { 1275 + border-color: @text; 1276 + background: @text; 1277 + color: #fff; 1278 + 1279 + &:hover, 1280 + &:focus { 1281 + border-color: @brand-strong; 1282 + background: @brand-strong; 1283 + color: #fff; 1284 + text-decoration: none; 1285 + } 1286 + } 1257 1257 } 1258 1258 1259 1259 .resource-note, ... ... @@ -1261,19 +1261,7 @@ 1261 1261 display: flow-root; 1262 1262 } 1263 1263 1264 -@media (max-width: 767px) { 1265 - .resource-inline-cta { 1266 - grid-template-columns: 1fr; 1267 - gap: 16px; 1268 - padding: 22px 20px 22px 24px; 1269 - text-align: left; 1270 1270 1271 - .btn { 1272 - width: 100%; 1273 - justify-self: stretch; 1274 - } 1275 - } 1276 -} 1277 1277 1278 1278 @media (max-width: 900px) { 1279 1279 .resource-layout { ... ... @@ -1778,8 +1778,12 @@ 1778 1778 /* Keep large panels readable, but remove their inner gradients. 1779 1779 .industry-trust-section .industry-trust-panel, 1780 1780 .cta-panel, 1799 +.resource-inline-cta, 1781 1781 .resource-note, 1782 -*/ 1801 +.resource-cta { 1802 + background: #fff !important; 1803 + background-image: none !important; 1804 +} */ 1783 1783 1784 1784 /* ========== Main Page Hero / SaaS Layout ========== */ 1785 1785