Skip to Content

Changes for page Public Web Site

Last modified by Agnease on 2026/05/30 16:24
From version 10.29
edited by Agnease
on 2026/05/19 07:24
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
... ... @@ -1,16 +1,16 @@
1 1  /* ========== Agnease Public Top Menu ========== */
2 2  
3 -/* Desktop alignment */
3 +/* Keep the public menu aligned to the right on desktop */
4 4  @media (min-width: 768px) {
5 + .navbar-nav {
6 + float: right;
7 + margin-left: auto;
8 + }
9 +
5 5   .site-nav {
6 6   margin-left: auto;
7 7   justify-content: flex-end;
8 8   }
9 -
10 - .site-nav .agnease-menu-item,
11 - .site-nav .agnease-menu-link {
12 - display: inline-block;
13 - }
14 14  }
15 15  
16 16  /* Top-level menu items */
... ... @@ -24,7 +24,10 @@
24 24   font-weight: 600;
25 25   padding-left: 16px;
26 26   padding-right: 16px;
27 - text-decoration: none;
27 + background: transparent !important;
28 + background-color: transparent !important;
29 + background-image: none !important;
30 + box-shadow: none !important;
28 28   }
29 29  
30 30   > a:hover,
... ... @@ -31,10 +31,20 @@
31 31   > a:focus,
32 32   > a:active,
33 33   &.open > a,
34 - &.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 {
35 35   color: @brand-strong;
36 - text-decoration: none;
45 + background: transparent !important;
46 + background-color: transparent !important;
47 + background-image: none !important;
48 + box-shadow: none !important;
37 37   outline: none;
50 + text-decoration: none;
38 38   }
39 39  
40 40   .caret {
... ... @@ -53,6 +53,46 @@
53 53   }
54 54  }
55 55  
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 +
56 56  /* Dropdown panel */
57 57  
58 58  .agnease-dropdown {
... ... @@ -69,11 +69,14 @@
69 69   gap: 12px;
70 70   padding: 11px 14px;
71 71   color: @brand;
125 + background: transparent !important;
126 + background-color: transparent !important;
127 + background-image: none !important;
72 72   white-space: nowrap;
73 73   font-size: 16px;
74 74   font-weight: 600;
75 75   line-height: 1.3;
76 - text-decoration: none;
132 + box-shadow: none !important;
77 77  
78 78   i {
79 79   width: 20px;
... ... @@ -87,8 +87,12 @@
87 87   &:focus,
88 88   &:active {
89 89   color: @brand-strong;
146 + background: transparent !important;
147 + background-color: transparent !important;
148 + background-image: none !important;
90 90   text-decoration: none;
91 91   outline: none;
151 + box-shadow: none !important;
92 92  
93 93   i {
94 94   color: @brand-strong;
... ... @@ -96,8 +96,16 @@
96 96   }
97 97   }
98 98  
99 - > .active > a {
159 + > .active > a,
160 + > .active > a:hover,
161 + > .active > a:focus,
162 + > .active > a:active {
100 100   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;
101 101  
102 102   i {
103 103   color: @brand-strong;
... ... @@ -110,13 +110,32 @@
110 110   }
111 111  }
112 112  
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 +
113 113  /* Mobile */
114 114  
115 115  @media (max-width: 767px) {
116 - .site-nav {
204 + .navbar-nav {
205 + float: none;
117 117   margin-left: 0;
118 - justify-content: center;
119 - flex-wrap: wrap;
120 120   }
121 121  
122 122   .agnease-menu-item,
... ... @@ -142,15 +142,25 @@
142 142   padding: 8px 10px;
143 143   white-space: normal;
144 144   font-size: 15px;
232 + color: @brand;
233 + background: transparent !important;
145 145  
146 146   i {
147 147   width: 18px;
148 148   flex-basis: 18px;
149 149   }
239 +
240 + &:hover,
241 + &:focus,
242 + &:active {
243 + color: @brand-strong;
244 + background: transparent !important;
245 + }
150 150   }
151 151  
152 152   .divider {
153 153   margin: 5px 0;
250 + background-color: fade(@brand, 16%);
154 154   }
155 155   }
156 156  }