Skip to Content

Changes for page Public Web Site

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

Summary

Details

XWiki.StyleSheetExtension[1]
code
... ... @@ -4,7 +4,6 @@
4 4  @media (min-width: 768px) {
5 5   .navbar-nav {
6 6   float: right;
7 - margin-left: auto;
8 8   }
9 9  
10 10   .site-nav {
... ... @@ -15,13 +15,11 @@
15 15  
16 16  /* Top-level menu items */
17 17  
18 -.agnease-menu-item,
19 -.agnease-menu-link {
20 - > a,
21 - > .dropdown-toggle {
17 +.agnease-menu-item {
18 + .dropdown-toggle {
22 22   color: @brand;
23 - font-size: 17px;
24 24   font-weight: 600;
21 + font-size: 17px;
25 25   padding-left: 16px;
26 26   padding-right: 16px;
27 27   background: transparent !important;
... ... @@ -30,17 +30,17 @@
30 30   box-shadow: none !important;
31 31   }
32 32  
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 {
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 {
44 44   color: @brand-strong;
45 45   background: transparent !important;
46 46   background-color: transparent !important;
... ... @@ -47,44 +47,20 @@
47 47   background-image: none !important;
48 48   box-shadow: none !important;
49 49   outline: none;
50 - text-decoration: none;
51 51   }
52 52  
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 {
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 {
64 64   border-top-color: @brand-strong;
65 65   border-bottom-color: @brand-strong;
66 66   }
67 67  }
68 68  
69 -/* Strong Bootstrap/XWiki overrides for top-level menu backgrounds */
59 +/* Remove Bootstrap/XWiki gray backgrounds from top-level nav states */
70 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 88  .navbar-nav > li > a,
89 89  .navbar-nav > li > a:hover,
90 90  .navbar-nav > li > a:focus,
... ... @@ -106,8 +106,21 @@
106 106   box-shadow: none !important;
107 107  }
108 108  
109 -/* Dropdown panel */
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 +}
110 110  
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 +
111 111  .agnease-dropdown {
112 112   min-width: 310px;
113 113   padding: 10px 8px;
... ... @@ -121,6 +121,7 @@
121 121   align-items: center;
122 122   gap: 12px;
123 123   padding: 11px 14px;
110 + border-radius: 0;
124 124   color: @brand;
125 125   background: transparent !important;
126 126   background-color: transparent !important;
... ... @@ -178,8 +178,13 @@
178 178   }
179 179  }
180 180  
181 -/* Strong Bootstrap/XWiki overrides for submenu gray hover backgrounds */
168 +.agnease-products-dropdown,
169 +.agnease-resources-dropdown {
170 + min-width: 290px;
171 +}
182 182  
173 +/* Remove Bootstrap/XWiki gray backgrounds from dropdown entries globally */
174 +
183 183  .dropdown-menu > li > a,
184 184  .dropdown-menu > li > a:hover,
185 185  .dropdown-menu > li > a:focus,
... ... @@ -187,11 +187,7 @@
187 187  .dropdown-menu > .active > a,
188 188  .dropdown-menu > .active > a:hover,
189 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 {
182 +.dropdown-menu > .active > a:active {
195 195   background: transparent !important;
196 196   background-color: transparent !important;
197 197   background-image: none !important;
... ... @@ -198,22 +198,18 @@
198 198   box-shadow: none !important;
199 199  }
200 200  
201 -/* Mobile */
189 +/* ========== Mobile Menu ========== */
202 202  
203 203  @media (max-width: 767px) {
204 204   .navbar-nav {
205 205   float: none;
206 - margin-left: 0;
207 207   }
208 208  
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 - }
196 + .navbar-nav > li > a,
197 + .agnease-menu-item .dropdown-toggle {
198 + font-size: 16px;
199 + padding-top: 9px;
200 + padding-bottom: 9px;
217 217   }
218 218  
219 219   .agnease-dropdown {