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 { ... ... @@ -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
-
... ... @@ -53,7 +53,6 @@ 53 53 /* Dropdown panels */ 54 54 55 55 .agnease-services-dropdown, 56 -.agnease-resources-dropdown, 57 57 .agnease-products-dropdown { 58 58 min-width: 360px; 59 59 padding: 10px; ... ... @@ -141,7 +141,6 @@ 141 141 142 142 @media (max-width: 767px) { 143 143 .agnease-services-dropdown, 144 - .agnease-resources-dropdown, 145 145 .agnease-products-dropdown { 146 146 min-width: 0; 147 147 width: 100%; ... ... @@ -156,128 +156,3 @@ 156 156 } 157 157 } 158 158 } 159 - 160 -/* ========== Compact Public Menu on Mobile ========== */ 161 - 162 -@media (max-width: 767px) { 163 - /* Prevent any menu element from creating horizontal scroll */ 164 - html, 165 - body { 166 - overflow-x: hidden; 167 - } 168 - 169 - .agnease-services-dropdown, 170 - .agnease-products-dropdown, 171 - .agnease-resources-dropdown { 172 - width: 100% !important; 173 - min-width: 0 !important; 174 - max-width: 100% !important; 175 - left: auto !important; 176 - right: auto !important; 177 - } 178 - 179 - .navbar, 180 - .navbar-collapse, 181 - .navbar-nav, 182 - .navbar-nav > li, 183 - .navbar-nav .dropdown-menu { 184 - max-width: 100%; 185 - } 186 - 187 - /* Make the main menu vertical inside the burger menu */ 188 - .navbar-nav { 189 - float: none !important; 190 - width: 100%; 191 - margin: 0; 192 - } 193 - 194 - .navbar-nav > li { 195 - float: none !important; 196 - display: block; 197 - width: 100%; 198 - } 199 - 200 - .navbar-nav > li > a { 201 - display: block; 202 - width: 100%; 203 - padding: 11px 16px; 204 - font-size: 14px; 205 - font-weight: 600; 206 - line-height: 1.3; 207 - white-space: normal; 208 - } 209 - 210 - .navbar-nav > li > a .caret { 211 - float: right; 212 - margin-top: 7px; 213 - } 214 - 215 - /* Dropdowns become compact nested sections */ 216 - .navbar-nav .dropdown-menu { 217 - position: static !important; 218 - float: none !important; 219 - width: 100% !important; 220 - min-width: 0 !important; 221 - max-width: 100% !important; 222 - margin: 0; 223 - padding: 4px 0 8px; 224 - border: 0; 225 - border-radius: 0; 226 - box-shadow: none; 227 - background: @brand-bg; 228 - } 229 - 230 - .navbar-nav .dropdown-menu > li { 231 - width: 100%; 232 - } 233 - 234 - .navbar-nav .dropdown-menu > li > a { 235 - display: block; 236 - width: 100%; 237 - padding: 8px 16px 8px 28px; 238 - white-space: normal; 239 - overflow-wrap: anywhere; 240 - color: @text; 241 - } 242 - 243 - .navbar-nav .dropdown-menu > li > a:hover, 244 - .navbar-nav .dropdown-menu > li > a:focus { 245 - background: @brand-soft; 246 - color: @brand-strong; 247 - } 248 - 249 - /* Compact the rich dropdown layout on mobile */ 250 - .navbar-nav .dropdown-menu .menu-icon { 251 - display: none; 252 - } 253 - 254 - .navbar-nav .dropdown-menu .menu-text { 255 - display: block; 256 - min-width: 0; 257 - } 258 - 259 - .navbar-nav .dropdown-menu .menu-text strong { 260 - display: block; 261 - font-size: 13px; 262 - line-height: 1.25; 263 - font-weight: 600; 264 - color: @text; 265 - } 266 - 267 - /* Hide descriptions on mobile to avoid a very tall / wide menu */ 268 - .navbar-nav .dropdown-menu .menu-text small { 269 - display: none; 270 - } 271 - 272 - .navbar-nav .dropdown-menu .divider { 273 - margin: 4px 16px; 274 - background-color: @line; 275 - } 276 - 277 - .navbar-nav .open > a, 278 - .navbar-nav .open > a:hover, 279 - .navbar-nav .open > a:focus { 280 - background: @brand-bg; 281 - color: @brand-strong; 282 - } 283 -}