Changes for page Public Web Site
Last modified by Agnease on 2026/05/30 16:24
Summary
-
Objects (2 modified, 0 added, 0 removed)
Details
- XWiki.StyleSheetExtension[0]
-
- code
-
... ... @@ -599,32 +599,6 @@ 599 599 } 600 600 } 601 601 602 -.resource-content { 603 - order: 1; 604 -} 605 - 606 -.resource-sidebar { 607 - order: 2; 608 -} 609 - 610 -@media (max-width: 767px) { 611 - .resource-layout { 612 - display: flex; 613 - flex-direction: column; 614 - } 615 - 616 - .resource-sidebar { 617 - order: 0; 618 - position: static; 619 - width: 100%; 620 - margin-bottom: 24px; 621 - } 622 - 623 - .resource-content { 624 - order: 1; 625 - } 626 -} 627 - 628 628 /* ========== CTA ========== */ 629 629 630 630 .cta-section { ... ... @@ -766,6 +766,7 @@ 766 766 radial-gradient(50rem 18rem at 50% 0%, #E8F6F3 0%, transparent 60%); 767 767 768 768 h1 { 743 + max-width: 820px; 769 769 margin: 0 auto 14px; 770 770 text-align: center; 771 771 line-height: 1.18; ... ... @@ -1174,141 +1174,3 @@ 1174 1174 padding: 20px; 1175 1175 } 1176 1176 } 1177 -/* ========== Resources Index ========== */ 1178 - 1179 -.resources-index-page { 1180 - padding: 56px 0 72px; 1181 - background: @brand-bg; 1182 -} 1183 - 1184 -.resources-intro { 1185 - max-width: 820px; 1186 - margin: 0 auto 32px; 1187 - text-align: center; 1188 -} 1189 - 1190 -.resources-intro p { 1191 - color: @muted; 1192 - font-size: 17px; 1193 - line-height: 1.7; 1194 - margin: 0; 1195 -} 1196 - 1197 -.resources-grid { 1198 - display: grid; 1199 - grid-template-columns: repeat(2, minmax(0, 1fr)); 1200 - gap: 24px; 1201 - margin-bottom: 36px; 1202 -} 1203 - 1204 -.resource-card { 1205 - display: flex; 1206 - gap: 18px; 1207 - background: #fff; 1208 - border: 1px solid @line; 1209 - border-radius: @radius; 1210 - box-shadow: @shadow-sm; 1211 - padding: 24px; 1212 -} 1213 - 1214 -.resource-card-icon { 1215 - flex: 0 0 46px; 1216 - width: 46px; 1217 - height: 46px; 1218 - border-radius: 14px; 1219 - background: @brand-soft; 1220 - color: @brand-strong; 1221 - display: flex; 1222 - align-items: center; 1223 - justify-content: center; 1224 - font-size: 20px; 1225 -} 1226 - 1227 -.resource-card-label { 1228 - color: @brand-strong; 1229 - font-size: 13px; 1230 - font-weight: 700; 1231 - text-transform: uppercase; 1232 - letter-spacing: .04em; 1233 - margin-bottom: 8px; 1234 -} 1235 - 1236 -.resource-card h2 { 1237 - font-size: 22px; 1238 - line-height: 1.25; 1239 - margin: 0 0 12px; 1240 -} 1241 - 1242 -.resource-card h2 a { 1243 - color: @text; 1244 - text-decoration: none; 1245 -} 1246 - 1247 -.resource-card h2 a:hover { 1248 - color: @brand-strong; 1249 - text-decoration: none; 1250 -} 1251 - 1252 -.resource-card p { 1253 - color: @muted; 1254 - font-size: 15px; 1255 - line-height: 1.65; 1256 - margin: 0 0 16px; 1257 -} 1258 - 1259 -.resource-card-link { 1260 - color: @brand-strong; 1261 - font-weight: 700; 1262 - text-decoration: none; 1263 -} 1264 - 1265 -.resource-card-link:hover { 1266 - color: @brand; 1267 - text-decoration: none; 1268 -} 1269 - 1270 -.resources-next { 1271 - max-width: 820px; 1272 - margin: 0 auto 32px; 1273 - text-align: center; 1274 -} 1275 - 1276 -.resources-next h2 { 1277 - font-size: 26px; 1278 - margin: 0 0 10px; 1279 -} 1280 - 1281 -.resources-next p { 1282 - color: @muted; 1283 - font-size: 16px; 1284 - line-height: 1.7; 1285 - margin: 0; 1286 -} 1287 - 1288 -@media (max-width: 767px) { 1289 - .resources-index-page { 1290 - padding: 36px 0 52px; 1291 - } 1292 - 1293 - .resources-intro { 1294 - text-align: left; 1295 - margin-bottom: 24px; 1296 - } 1297 - 1298 - .resources-grid { 1299 - grid-template-columns: 1fr; 1300 - gap: 18px; 1301 - } 1302 - 1303 - .resource-card { 1304 - padding: 20px; 1305 - } 1306 - 1307 - .resource-card h2 { 1308 - font-size: 20px; 1309 - } 1310 - 1311 - .resources-next { 1312 - text-align: left; 1313 - } 1314 -}
- XWiki.StyleSheetExtension[1]
-
- code
-
... ... @@ -1,10 +1,16 @@ 1 1 /* ========== Agnease Public Top Menu ========== */ 2 2 3 -/* Top-level dropdown menu items */ 3 +@brand: #00937D; 4 +@brand-strong: #007B6A; 5 +@text: #2D3A34; 6 +@muted: #5B6B64; 7 +@line: #E4ECE9; 8 +@brand-bg: #F4FCFA; 4 4 10 +/* Top-level menu items */ 11 + 5 5 .agnease-services-menu, 6 -.agnease-products-menu, 7 -.agnease-resources-menu { 13 +.agnease-products-menu { 8 8 .dropdown-toggle { 9 9 font-weight: inherit; 10 10 font-size: inherit; ... ... @@ -24,26 +24,20 @@ 24 24 } 25 25 } 26 26 27 -/* Keep public top-level dropdownitemsvisually clean when hovered/open/focused */33 +/* Keep Agnease public top-level menu visually clean when hovered/open/focused */ 28 28 29 29 .navbar-nav > li.agnease-services-menu > a, 30 30 .navbar-nav > li.agnease-products-menu > a, 31 -.navbar-nav > li.agnease-resources-menu > a, 32 32 .navbar-nav > li.agnease-services-menu > a:hover, 33 33 .navbar-nav > li.agnease-products-menu > a:hover, 34 -.navbar-nav > li.agnease-resources-menu > a:hover, 35 35 .navbar-nav > li.agnease-services-menu > a:focus, 36 36 .navbar-nav > li.agnease-products-menu > a:focus, 37 -.navbar-nav > li.agnease-resources-menu > a:focus, 38 38 .navbar-nav > li.agnease-services-menu.open > a, 39 39 .navbar-nav > li.agnease-products-menu.open > a, 40 -.navbar-nav > li.agnease-resources-menu.open > a, 41 41 .navbar-nav > li.agnease-services-menu.open > a:hover, 42 42 .navbar-nav > li.agnease-products-menu.open > a:hover, 43 -.navbar-nav > li.agnease-resources-menu.open > a:hover, 44 44 .navbar-nav > li.agnease-services-menu.open > a:focus, 45 -.navbar-nav > li.agnease-products-menu.open > a:focus, 46 -.navbar-nav > li.agnease-resources-menu.open > a:focus { 46 +.navbar-nav > li.agnease-products-menu.open > a:focus { 47 47 background: transparent; 48 48 background-color: transparent; 49 49 color: @brand-strong; ... ... @@ -53,8 +53,7 @@ 53 53 /* Dropdown panels */ 54 54 55 55 .agnease-services-dropdown, 56 -.agnease-products-dropdown, 57 -.agnease-resources-dropdown { 56 +.agnease-products-dropdown { 58 58 min-width: 360px; 59 59 padding: 10px; 60 60 border: 1px solid @line; ... ... @@ -131,22 +131,17 @@ 131 131 } 132 132 } 133 133 134 -/* Slightly narrowerdropdowns wherethe content is shorter*/133 +/* Products dropdown can be slightly narrower for now */ 135 135 136 136 .agnease-products-dropdown { 137 137 min-width: 340px; 138 138 } 139 139 140 -.agnease-resources-dropdown { 141 - min-width: 380px; 142 -} 143 - 144 144 /* Mobile */ 145 145 146 146 @media (max-width: 767px) { 147 147 .agnease-services-dropdown, 148 - .agnease-products-dropdown, 149 - .agnease-resources-dropdown { 143 + .agnease-products-dropdown { 150 150 min-width: 0; 151 151 width: 100%; 152 152 padding: 6px;