Changes for page Public Web Site
Last modified by Agnease on 2026/05/30 16:24
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Objects (2 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -146,7 +146,7 @@ 146 146 </div> 147 147 </section> 148 148 149 - <section class="resource-strip homepage-resource-strip" aria-labelledby="resources-title">149 + <section class="resource-strip" aria-labelledby="resources-title"> 150 150 <div class="container"> 151 151 <h2 id="resources-title">Useful XWiki resources</h2> 152 152 <p class="section-intro">
- XWiki.StyleSheetExtension[0]
-
- code
-
... ... @@ -329,6 +329,12 @@ 329 329 border: 1px solid @line; 330 330 border-radius: @radius; 331 331 box-shadow: @shadow-sm; 332 + transition: transform .18s ease, box-shadow .18s ease; 333 + 334 + &:hover { 335 + transform: translateY(-2px); 336 + box-shadow: @shadow; 337 + } 332 332 } 333 333 334 334 /* ========== Small Widgets ========== */ ... ... @@ -618,77 +618,6 @@ 618 618 } 619 619 } 620 620 621 -/* ========== Homepage Resource Strip ========== */ 622 - 623 -.homepage-resource-strip { 624 - background: 625 - radial-gradient(42rem 16rem at 50% 0%, @brand-bg 0%, transparent 70%); 626 - 627 - .resource-grid { 628 - max-width: 1040px; 629 - margin: 26px auto 0; 630 - display: grid; 631 - grid-template-columns: repeat(2, minmax(0, 1fr)); 632 - grid-gap: 22px; 633 - align-items: stretch; 634 - } 635 - 636 - .resource-card { 637 - display: flex; 638 - flex-direction: column; 639 - min-width: 0; 640 - min-height: 100%; 641 - padding: 26px; 642 - } 643 - 644 - .resource-card h4 { 645 - margin: 0 0 10px; 646 - color: @text; 647 - font-size: 21px; 648 - line-height: 1.25; 649 - font-weight: 700; 650 - } 651 - 652 - .resource-card p { 653 - margin: 0 0 18px; 654 - color: @muted; 655 - font-size: 15px; 656 - line-height: 1.6; 657 - } 658 - 659 - .resource-card a { 660 - margin-top: auto; 661 - color: @brand; 662 - font-weight: 700; 663 - text-decoration: underline; 664 - 665 - &:hover, 666 - &:focus { 667 - color: @brand-strong; 668 - } 669 - } 670 -} 671 - 672 -@media (max-width: 980px) { 673 - .homepage-resource-strip { 674 - .resource-grid { 675 - grid-template-columns: 1fr; 676 - } 677 - } 678 -} 679 - 680 -@media (max-width: 640px) { 681 - .homepage-resource-strip { 682 - .resource-card { 683 - padding: 22px; 684 - } 685 - 686 - .resource-card h4 { 687 - font-size: 19px; 688 - } 689 - } 690 -} 691 - 692 692 /* ========== CTA ========== */ 693 693 694 694 .cta-section {
- XWiki.StyleSheetExtension[1]
-
- code
-
... ... @@ -1,8 +1,16 @@ 1 1 /* ========== Agnease Public Top Menu ========== */ 2 2 3 -/* Desktop alignment */ 4 -#menuview .navbar-nav { 5 - float: right !important; 3 +/* Keep the public menu aligned to the right on desktop */ 4 +@media (min-width: 768px) { 5 + .navbar-nav { 6 + float: right; 7 + margin-left: auto; 8 + } 9 + 10 + .site-nav { 11 + margin-left: auto; 12 + justify-content: flex-end; 13 + } 6 6 } 7 7 8 8 /* Top-level menu items */ ... ... @@ -16,7 +16,10 @@ 16 16 font-weight: 600; 17 17 padding-left: 16px; 18 18 padding-right: 16px; 19 - text-decoration: none; 27 + background: transparent !important; 28 + background-color: transparent !important; 29 + background-image: none !important; 30 + box-shadow: none !important; 20 20 } 21 21 22 22 > a:hover, ... ... @@ -23,10 +23,20 @@ 23 23 > a:focus, 24 24 > a:active, 25 25 &.open > a, 26 - &.active > a { 37 + &.open > a:hover, 38 + &.open > a:focus, 39 + &.open > a:active, 40 + &.active > a, 41 + &.active > a:hover, 42 + &.active > a:focus, 43 + &.active > a:active { 27 27 color: @brand-strong; 28 - text-decoration: none; 45 + background: transparent !important; 46 + background-color: transparent !important; 47 + background-image: none !important; 48 + box-shadow: none !important; 29 29 outline: none; 50 + text-decoration: none; 30 30 } 31 31 32 32 .caret { ... ... @@ -45,6 +45,46 @@ 45 45 } 46 46 } 47 47 69 +/* Strong Bootstrap/XWiki overrides for top-level menu backgrounds */ 70 + 71 +.navbar-nav > li, 72 +.navbar-nav > li:hover, 73 +.navbar-nav > li:focus, 74 +.navbar-nav > li:active, 75 +.navbar-nav > li.open, 76 +.navbar-nav > li.open:hover, 77 +.navbar-nav > li.open:focus, 78 +.navbar-nav > li.open:active, 79 +.navbar-nav > li.active, 80 +.navbar-nav > li.active:hover, 81 +.navbar-nav > li.active:focus, 82 +.navbar-nav > li.active:active { 83 + background: transparent !important; 84 + background-color: transparent !important; 85 + background-image: none !important; 86 +} 87 + 88 +.navbar-nav > li > a, 89 +.navbar-nav > li > a:hover, 90 +.navbar-nav > li > a:focus, 91 +.navbar-nav > li > a:active, 92 +.navbar-nav > li.open > a, 93 +.navbar-nav > li.open > a:hover, 94 +.navbar-nav > li.open > a:focus, 95 +.navbar-nav > li.open > a:active, 96 +.navbar-nav > li.active > a, 97 +.navbar-nav > li.active > a:hover, 98 +.navbar-nav > li.active > a:focus, 99 +.navbar-nav > li.active > a:active, 100 +.nav .open > a, 101 +.nav .open > a:hover, 102 +.nav .open > a:focus { 103 + background: transparent !important; 104 + background-color: transparent !important; 105 + background-image: none !important; 106 + box-shadow: none !important; 107 +} 108 + 48 48 /* Dropdown panel */ 49 49 50 50 .agnease-dropdown { ... ... @@ -61,11 +61,14 @@ 61 61 gap: 12px; 62 62 padding: 11px 14px; 63 63 color: @brand; 125 + background: transparent !important; 126 + background-color: transparent !important; 127 + background-image: none !important; 64 64 white-space: nowrap; 65 65 font-size: 16px; 66 66 font-weight: 600; 67 67 line-height: 1.3; 68 - text-decoration: none;132 + box-shadow: none !important; 69 69 70 70 i { 71 71 width: 20px; ... ... @@ -79,8 +79,12 @@ 79 79 &:focus, 80 80 &:active { 81 81 color: @brand-strong; 146 + background: transparent !important; 147 + background-color: transparent !important; 148 + background-image: none !important; 82 82 text-decoration: none; 83 83 outline: none; 151 + box-shadow: none !important; 84 84 85 85 i { 86 86 color: @brand-strong; ... ... @@ -88,8 +88,16 @@ 88 88 } 89 89 } 90 90 91 - > .active > a { 159 + > .active > a, 160 + > .active > a:hover, 161 + > .active > a:focus, 162 + > .active > a:active { 92 92 color: @brand-strong; 164 + background: transparent !important; 165 + background-color: transparent !important; 166 + background-image: none !important; 167 + text-decoration: none; 168 + box-shadow: none !important; 93 93 94 94 i { 95 95 color: @brand-strong; ... ... @@ -102,13 +102,32 @@ 102 102 } 103 103 } 104 104 181 +/* Strong Bootstrap/XWiki overrides for submenu gray hover backgrounds */ 182 + 183 +.dropdown-menu > li > a, 184 +.dropdown-menu > li > a:hover, 185 +.dropdown-menu > li > a:focus, 186 +.dropdown-menu > li > a:active, 187 +.dropdown-menu > .active > a, 188 +.dropdown-menu > .active > a:hover, 189 +.dropdown-menu > .active > a:focus, 190 +.dropdown-menu > .active > a:active, 191 +.agnease-dropdown > li > a, 192 +.agnease-dropdown > li > a:hover, 193 +.agnease-dropdown > li > a:focus, 194 +.agnease-dropdown > li > a:active { 195 + background: transparent !important; 196 + background-color: transparent !important; 197 + background-image: none !important; 198 + box-shadow: none !important; 199 +} 200 + 105 105 /* Mobile */ 106 106 107 107 @media (max-width: 767px) { 108 - .site-nav { 204 + .navbar-nav { 205 + float: none; 109 109 margin-left: 0; 110 - justify-content: center; 111 - flex-wrap: wrap; 112 112 } 113 113 114 114 .agnease-menu-item, ... ... @@ -134,15 +134,25 @@ 134 134 padding: 8px 10px; 135 135 white-space: normal; 136 136 font-size: 15px; 232 + color: @brand; 233 + background: transparent !important; 137 137 138 138 i { 139 139 width: 18px; 140 140 flex-basis: 18px; 141 141 } 239 + 240 + &:hover, 241 + &:focus, 242 + &:active { 243 + color: @brand-strong; 244 + background: transparent !important; 245 + } 142 142 } 143 143 144 144 .divider { 145 145 margin: 5px 0; 250 + background-color: fade(@brand, 16%); 146 146 } 147 147 } 148 148 }