Skip to Content

Changes for page Public Web Site

Last modified by Agnease on 2026/05/30 16:24
From version 10.27
edited by Agnease
on 2026/05/19 07:13
Change comment: There is no comment for this version
To version 10.28
edited by Agnease
on 2026/05/19 07:18
Change comment: There is no comment for this version

Summary

Details

XWiki.StyleSheetExtension[1]
code
... ... @@ -4,6 +4,7 @@
4 4  @media (min-width: 768px) {
5 5   .navbar-nav {
6 6   float: right;
7 + margin-left: auto;
7 7   }
8 8  
9 9   .site-nav {
... ... @@ -14,11 +14,13 @@
14 14  
15 15  /* Top-level menu items */
16 16  
17 -.agnease-menu-item {
18 - .dropdown-toggle {
18 +.agnease-menu-item,
19 +.agnease-menu-link {
20 + > a,
21 + > .dropdown-toggle {
19 19   color: @brand;
20 - font-weight: 600;
21 21   font-size: 17px;
24 + font-weight: 600;
22 22   padding-left: 16px;
23 23   padding-right: 16px;
24 24   background: transparent !important;
... ... @@ -27,17 +27,17 @@
27 27   box-shadow: none !important;
28 28   }
29 29  
30 - .caret {
31 - margin-left: 5px;
32 - border-top-color: @brand;
33 - border-bottom-color: @brand;
34 - }
35 -
36 - &.open > .dropdown-toggle,
37 - &.active > .dropdown-toggle,
38 - .dropdown-toggle:hover,
39 - .dropdown-toggle:focus,
40 - .dropdown-toggle:active {
33 + > a:hover,
34 + > a:focus,
35 + > a:active,
36 + &.open > 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 {
41 41   color: @brand-strong;
42 42   background: transparent !important;
43 43   background-color: transparent !important;
... ... @@ -44,20 +44,44 @@
44 44   background-image: none !important;
45 45   box-shadow: none !important;
46 46   outline: none;
50 + text-decoration: none;
47 47   }
48 48  
49 - &.open > .dropdown-toggle .caret,
50 - &.active > .dropdown-toggle .caret,
51 - .dropdown-toggle:hover .caret,
52 - .dropdown-toggle:focus .caret,
53 - .dropdown-toggle:active .caret {
53 + .caret {
54 + margin-left: 5px;
55 + border-top-color: @brand;
56 + border-bottom-color: @brand;
57 + }
58 +
59 + > a:hover .caret,
60 + > a:focus .caret,
61 + > a:active .caret,
62 + &.open > a .caret,
63 + &.active > a .caret {
54 54   border-top-color: @brand-strong;
55 55   border-bottom-color: @brand-strong;
56 56   }
57 57  }
58 58  
59 -/* Remove Bootstrap/XWiki gray backgrounds from top-level nav states */
69 +/* Strong Bootstrap/XWiki overrides for top-level menu backgrounds */
60 60  
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 +
61 61  .navbar-nav > li > a,
62 62  .navbar-nav > li > a:hover,
63 63  .navbar-nav > li > a:focus,
... ... @@ -79,21 +79,8 @@
79 79   box-shadow: none !important;
80 80  }
81 81  
82 -/* Contact item should visually match the dropdown top-level entries */
83 -.navbar-nav > li > a {
84 - color: @brand;
85 - font-size: 17px;
86 - font-weight: 600;
87 -}
109 +/* Dropdown panel */
88 88  
89 -.navbar-nav > li > a:hover,
90 -.navbar-nav > li > a:focus,
91 -.navbar-nav > li > a:active {
92 - color: @brand-strong;
93 -}
94 -
95 -/* Dropdown panels */
96 -
97 97  .agnease-dropdown {
98 98   min-width: 310px;
99 99   padding: 10px 8px;
... ... @@ -107,7 +107,6 @@
107 107   align-items: center;
108 108   gap: 12px;
109 109   padding: 11px 14px;
110 - border-radius: 0;
111 111   color: @brand;
112 112   background: transparent !important;
113 113   background-color: transparent !important;
... ... @@ -165,13 +165,8 @@
165 165   }
166 166  }
167 167  
168 -.agnease-products-dropdown,
169 -.agnease-resources-dropdown {
170 - min-width: 290px;
171 -}
181 +/* Strong Bootstrap/XWiki overrides for submenu gray hover backgrounds */
172 172  
173 -/* Remove Bootstrap/XWiki gray backgrounds from dropdown entries globally */
174 -
175 175  .dropdown-menu > li > a,
176 176  .dropdown-menu > li > a:hover,
177 177  .dropdown-menu > li > a:focus,
... ... @@ -179,7 +179,11 @@
179 179  .dropdown-menu > .active > a,
180 180  .dropdown-menu > .active > a:hover,
181 181  .dropdown-menu > .active > a:focus,
182 -.dropdown-menu > .active > a:active {
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 {
183 183   background: transparent !important;
184 184   background-color: transparent !important;
185 185   background-image: none !important;
... ... @@ -186,18 +186,22 @@
186 186   box-shadow: none !important;
187 187  }
188 188  
189 -/* ========== Mobile Menu ========== */
201 +/* Mobile */
190 190  
191 191  @media (max-width: 767px) {
192 192   .navbar-nav {
193 193   float: none;
206 + margin-left: 0;
194 194   }
195 195  
196 - .navbar-nav > li > a,
197 - .agnease-menu-item .dropdown-toggle {
198 - font-size: 16px;
199 - padding-top: 9px;
200 - padding-bottom: 9px;
209 + .agnease-menu-item,
210 + .agnease-menu-link {
211 + > a,
212 + > .dropdown-toggle {
213 + font-size: 16px;
214 + padding-top: 9px;
215 + padding-bottom: 9px;
216 + }
201 201   }
202 202  
203 203   .agnease-dropdown {