Skip to Content

Changes for page Public Web Site

Last modified by Agnease on 2026/05/30 16:24
From version 12.5
edited by Agnease
on 2026/05/22 10:36
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,37 +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 -
31 31  /* Top-level menu items */
32 32  
33 -.agnease-menu-item,
34 -.agnease-menu-link {
4 +#menuview .agnease-menu-item,
5 +#menuview .agnease-menu-link {
35 35   > a,
36 36   > .dropdown-toggle {
37 37   color: @brand;
... ... @@ -40,6 +40,7 @@
40 40   padding-left: 16px;
41 41   padding-right: 16px;
42 42   text-decoration: none;
14 + background: transparent;
43 43   }
44 44  
45 45   > a:hover,
... ... @@ -50,6 +50,7 @@
50 50   color: @brand-strong;
51 51   text-decoration: none;
52 52   outline: none;
25 + background: transparent;
53 53   }
54 54  
55 55   .caret {
... ... @@ -70,7 +70,7 @@
70 70  
71 71  /* Dropdown panel */
72 72  
73 -.agnease-dropdown {
46 +#menuview .agnease-dropdown {
74 74   min-width: 310px;
75 75   padding: 10px 8px;
76 76   border: 1px solid fade(@brand, 18%);
... ... @@ -89,6 +89,7 @@
89 89   font-weight: 600;
90 90   line-height: 1.3;
91 91   text-decoration: none;
65 + background: transparent;
92 92  
93 93   i {
94 94   width: 20px;
... ... @@ -104,6 +104,7 @@
104 104   color: @brand-strong;
105 105   text-decoration: none;
106 106   outline: none;
81 + background: transparent;
107 107  
108 108   i {
109 109   color: @brand-strong;
... ... @@ -113,6 +113,7 @@
113 113  
114 114   > .active > a {
115 115   color: @brand-strong;
91 + background: transparent;
116 116  
117 117   i {
118 118   color: @brand-strong;
... ... @@ -128,23 +128,34 @@
128 128  /* Mobile */
129 129  
130 130  @media (max-width: 767px) {
131 - .site-nav {
107 + #menuview {
132 132   margin-left: 0;
133 - justify-content: center;
134 - flex-wrap: wrap;
109 + width: 100%;
135 135   }
136 136  
137 - .agnease-menu-item,
138 - .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 {
139 139   > a,
140 140   > .dropdown-toggle {
141 141   font-size: 16px;
142 - padding-top: 9px;
143 - padding-bottom: 9px;
129 + padding: 10px 10px;
130 + text-align: center;
144 144   }
145 145   }
146 146  
147 - .agnease-dropdown {
134 + #menuview .agnease-dropdown {
148 148   min-width: 0;
149 149   width: 100%;
150 150   padding: 4px 8px 8px 18px;
... ... @@ -152,6 +152,7 @@
152 152   border-radius: 0;
153 153   box-shadow: none;
154 154   background: transparent;
142 + text-align: left;
155 155  
156 156   > li > a {
157 157   padding: 8px 10px;