Skip to Content

Changes for page Public Web Site

Last modified by Agnease on 2026/05/30 16:24
From version 12.6
edited by Agnease
on 2026/05/22 10:37
Change comment: There is no comment for this version
To version 12.15
edited by Agnease
on 2026/05/22 10:54
Change comment: There is no comment for this version

Summary

Details

XWiki.StyleSheetExtension[1]
code
... ... @@ -1,42 +1,8 @@
1 1  /* ========== Agnease Public Top Menu ========== */
2 -
3 -/* Desktop alignment */
4 -/* Desktop alignment */
5 -
6 -@media (min-width: 768px) {
7 - #menuview {
8 - width: 100%;
9 - }
10 -
11 - #menuview .navbar-collapse {
12 - width: 100%;
13 - padding-left: 0;
14 - padding-right: 0;
15 - }
16 -
17 - #menuview .navbar-nav {
18 - float: none;
19 - display: flex;
20 - justify-content: flex-end;
21 - align-items: center;
22 - width: 100%;
23 - margin: 0;
24 - }
25 -
26 - #menuview .navbar-nav > li {
27 - float: none;
28 - }
29 -
30 - #mainmenu,
31 - #menuview {
32 - flex: 1 1 auto;
33 - }
34 -}
35 -
36 36  /* Top-level menu items */
37 37  
38 -.agnease-menu-item,
39 -.agnease-menu-link {
4 +#menuview .agnease-menu-item,
5 +#menuview .agnease-menu-link {
40 40   > a,
41 41   > .dropdown-toggle {
42 42   color: @brand;
... ... @@ -45,6 +45,7 @@
45 45   padding-left: 16px;
46 46   padding-right: 16px;
47 47   text-decoration: none;
14 + background: transparent;
48 48   }
49 49  
50 50   > a:hover,
... ... @@ -55,6 +55,7 @@
55 55   color: @brand-strong;
56 56   text-decoration: none;
57 57   outline: none;
25 + background: transparent;
58 58   }
59 59  
60 60   .caret {
... ... @@ -75,7 +75,7 @@
75 75  
76 76  /* Dropdown panel */
77 77  
78 -.agnease-dropdown {
46 +#menuview .agnease-dropdown {
79 79   min-width: 310px;
80 80   padding: 10px 8px;
81 81   border: 1px solid fade(@brand, 18%);
... ... @@ -94,6 +94,7 @@
94 94   font-weight: 600;
95 95   line-height: 1.3;
96 96   text-decoration: none;
65 + background: transparent;
97 97  
98 98   i {
99 99   width: 20px;
... ... @@ -109,6 +109,7 @@
109 109   color: @brand-strong;
110 110   text-decoration: none;
111 111   outline: none;
81 + background: transparent;
112 112  
113 113   i {
114 114   color: @brand-strong;
... ... @@ -118,6 +118,7 @@
118 118  
119 119   > .active > a {
120 120   color: @brand-strong;
91 + background: transparent;
121 121  
122 122   i {
123 123   color: @brand-strong;
... ... @@ -133,23 +133,34 @@
133 133  /* Mobile */
134 134  
135 135  @media (max-width: 767px) {
136 - .site-nav {
107 + #menuview {
137 137   margin-left: 0;
138 - justify-content: center;
139 - flex-wrap: wrap;
109 + width: 100%;
140 140   }
141 141  
142 - .agnease-menu-item,
143 - .agnease-menu-link {
112 + #menuview .navbar-nav {
113 + float: none;
114 + margin: 0;
115 + width: 100%;
116 + text-align: center;
117 + }
118 +
119 + #menuview .navbar-nav > li {
120 + float: none;
121 + display: inline-block;
122 + }
123 +
124 + #menuview .agnease-menu-item,
125 + #menuview .agnease-menu-link {
144 144   > a,
145 145   > .dropdown-toggle {
146 146   font-size: 16px;
147 - padding-top: 9px;
148 - padding-bottom: 9px;
129 + padding: 10px 10px;
130 + text-align: center;
149 149   }
150 150   }
151 151  
152 - .agnease-dropdown {
134 + #menuview .agnease-dropdown {
153 153   min-width: 0;
154 154   width: 100%;
155 155   padding: 4px 8px 8px 18px;
... ... @@ -157,6 +157,7 @@
157 157   border-radius: 0;
158 158   box-shadow: none;
159 159   background: transparent;
142 + text-align: left;
160 160  
161 161   > li > a {
162 162   padding: 8px 10px;