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
-
... ... @@ -1229,45 +1229,77 @@ 1229 1229 } 1230 1230 } 1231 1231 1232 -.resource-cta { 1232 +.resource-inline-cta { 1233 + position: relative; 1233 1233 display: flex; 1234 - flex-direction: column; 1235 1235 align-items: center; 1236 - text-align: center; 1237 - 1238 - max-width: 820px; 1239 - margin: 42px auto 0; 1240 - padding: 28px 30px; 1236 + justify-content: space-between; 1237 + gap: 22px; 1238 + margin: 32px 0; 1239 + padding: 22px 24px 22px 30px; 1241 1241 border: 1px solid fade(@brand, 20%); 1242 1242 border-radius: @radius; 1243 - background: @brand-bg; 1242 + background: #fff; 1243 + box-shadow: @shadow-sm; 1244 + overflow: hidden; 1244 1244 1245 - h3 { 1246 - margin-top: 0; 1247 - margin-bottom: 10px; 1248 - } 1249 1249 1247 + 1250 1250 p { 1251 - max-width:680px;1252 - margin-left:auto;1253 - margin -right:auto;1249 + position: relative; 1250 + z-index: 1; 1251 + margin: 0; 1254 1254 color: @muted; 1253 + font-size: 15px; 1254 + line-height: 1.6; 1255 1255 } 1256 1256 1257 + strong { 1258 + display: block; 1259 + margin-bottom: 4px; 1260 + color: @text; 1261 + font-size: 17px; 1262 + line-height: 1.35; 1263 + } 1264 + 1257 1257 .btn { 1258 - margin-top: 8px; 1266 + position: relative; 1267 + z-index: 1; 1268 + flex-shrink: 0; 1269 + white-space: nowrap; 1259 1259 } 1271 + 1272 + .btn-secondary { 1273 + border-color: @text; 1274 + background: @text; 1275 + color: #fff; 1276 + 1277 + &:hover, 1278 + &:focus { 1279 + border-color: @brand-strong; 1280 + background: @brand-strong; 1281 + color: #fff; 1282 + text-decoration: none; 1283 + } 1284 + } 1260 1260 } 1261 1261 1262 1262 .resource-note, 1263 1263 .resource-checklist, 1264 -.resource-cta { 1265 1265 display: flow-root; 1266 1266 } 1267 1267 1268 1268 @media (max-width: 767px) { 1269 - .resource-cta { 1270 - padding: 24px 20px; 1293 + .resource-inline-cta { 1294 + grid-template-columns: 1fr; 1295 + gap: 16px; 1296 + padding: 22px 20px 22px 24px; 1297 + text-align: left; 1298 + 1299 + .btn { 1300 + width: 100%; 1301 + justify-self: stretch; 1302 + } 1271 1271 } 1272 1272 } 1273 1273 ... ... @@ -1774,12 +1774,8 @@ 1774 1774 /* Keep large panels readable, but remove their inner gradients. 1775 1775 .industry-trust-section .industry-trust-panel, 1776 1776 .cta-panel, 1777 -.resource-inline-cta, 1778 1778 .resource-note, 1779 -.resource-cta { 1780 - background: #fff !important; 1781 - background-image: none !important; 1782 -} */ 1810 +*/ 1783 1783 1784 1784 /* ========== Main Page Hero / SaaS Layout ========== */ 1785 1785