Skip to Content

Changes for page Public Web Site

Last modified by Agnease on 2026/05/30 16:24
From version 6.52
edited by Agnease
on 2026/05/12 14:07
Change comment: There is no comment for this version
To version 6.38
edited by Agnease
on 2026/05/12 13:17
Change comment: There is no comment for this version

Summary

Details

XWiki.StyleSheetExtension[1]
code
... ... @@ -7,47 +7,19 @@
7 7  @line: #E4ECE9;
8 8  @brand-bg: #F4FCFA;
9 9  
10 -/* Top-level public menu links: Services + Contact */
11 -.navbar-nav > li > a,
12 -.navbar-nav > li.agnease-services-menu > a {
13 - color: @brand;
14 - font-size: inherit;
15 - font-weight: 400;
16 - background: transparent;
17 - background-color: transparent;
18 - box-shadow: none;
19 - text-decoration: none;
20 -}
21 -
22 -.navbar-nav > li > a:hover,
23 -.navbar-nav > li > a:focus,
24 -.navbar-nav > li.open > a,
25 -.navbar-nav > li.open > a:hover,
26 -.navbar-nav > li.open > a:focus,
27 -.navbar-nav > li.agnease-services-menu > a:hover,
28 -.navbar-nav > li.agnease-services-menu > a:focus,
29 -.navbar-nav > li.agnease-services-menu.open > a,
30 -.navbar-nav > li.agnease-services-menu.open > a:hover,
31 -.navbar-nav > li.agnease-services-menu.open > a:focus {
32 - color: @brand-strong;
33 - background: transparent;
34 - background-color: transparent;
35 - box-shadow: none;
36 - text-decoration: none;
37 -}
38 -
39 39  .agnease-services-menu {
40 40   .dropdown-toggle {
41 - font-weight: 400;
42 - font-size: inherit;
12 + font-weight: 600;
43 43   }
44 44  
45 - .caret {
46 - margin-left: 4px;
15 + &.open > .dropdown-toggle,
16 + .dropdown-toggle:hover,
17 + .dropdown-toggle:focus {
18 + color: @brand;
19 + background: transparent;
47 47   }
48 48  }
49 49  
50 -/* Dropdown panel */
51 51  .agnease-services-dropdown {
52 52   min-width: 360px;
53 53   padding: 10px;
... ... @@ -54,7 +54,6 @@
54 54   border: 1px solid @line;
55 55   border-radius: 12px;
56 56   box-shadow: 0 12px 36px rgba(0, 0, 0, .10);
57 - background: #fff;
58 58  
59 59   > li > a {
60 60   display: flex;
... ... @@ -62,30 +62,23 @@
62 62   gap: 12px;
63 63   padding: 10px 12px;
64 64   border-radius: 10px;
36 + color: @text;
65 65   white-space: normal;
66 - text-decoration: none;
67 - background: transparent;
68 - color: @brand;
69 69  
70 70   &:hover,
71 71   &:focus {
72 - color: @brand-strong;
41 + color: @text;
73 73   background: @brand-bg;
74 74   text-decoration: none;
75 75  
76 76   .menu-icon {
77 - color: @brand-strong;
78 - background: fade(@brand, 12%);
79 - border-color: fade(@brand, 24%);
46 + color: #fff;
47 + background: @brand;
80 80   }
81 81  
82 - .menu-text strong {
50 + strong {
83 83   color: @brand-strong;
84 84   }
85 -
86 - .menu-text small {
87 - color: @muted;
88 - }
89 89   }
90 90   }
91 91  
... ... @@ -98,14 +98,13 @@
98 98   width: 34px;
99 99   height: 34px;
100 100   border-radius: 50%;
101 - background: fade(@brand, 8%);
102 - border: 1px solid fade(@brand, 18%);
65 + background: fade(@brand, 10%);
103 103   color: @brand;
104 104   display: flex;
105 105   align-items: center;
106 106   justify-content: center;
107 107   flex-shrink: 0;
108 - transition: color .15s ease, background .15s ease, border-color .15s ease;
71 + transition: color .15s ease, background .15s ease;
109 109   }
110 110  
111 111   .menu-text {
... ... @@ -114,9 +114,9 @@
114 114   line-height: 1.25;
115 115  
116 116   strong {
117 - color: @brand;
118 - font-size: inherit;
119 - font-weight: 400;
80 + color: @text;
81 + font-size: 14px;
82 + font-weight: 700;
120 120   }
121 121  
122 122   small {
... ... @@ -123,82 +123,20 @@
123 123   color: @muted;
124 124   font-size: 12px;
125 125   margin-top: 2px;
126 - font-weight: 400;
127 127   }
128 128   }
129 129  }
130 130  
131 -/* Mobile dropdown: compact vertical list */
132 132  @media (max-width: 767px) {
133 - .navbar-nav > li.agnease-services-menu {
134 - position: static;
135 - }
136 -
137 137   .agnease-services-dropdown {
138 - left: 50% !important;
139 - right: auto !important;
140 - transform: translateX(-50%);
141 - width: calc(100vw - 40px);
142 - max-width: 380px;
143 143   min-width: 0;
144 - max-height: calc(100vh - 190px);
145 - overflow-y: auto;
96 + width: 100%;
97 + padding: 6px;
98 + border-radius: 0;
99 + box-shadow: none;
146 146  
147 - padding: 8px;
148 - margin-top: 6px;
149 - border-radius: 12px;
150 - border: 1px solid @line;
151 - box-shadow: 0 12px 32px rgba(0, 0, 0, .12);
152 - background: #fff;
153 -
154 154   > li > a {
155 - display: flex;
156 - align-items: center;
157 - gap: 10px;
158 - min-height: 0;
159 - padding: 9px 10px;
160 - border-radius: 9px;
161 - text-align: left;
162 - white-space: normal;
102 + padding: 10px;
163 163   }
164 -
165 - .divider {
166 - margin: 6px 0;
167 - }
168 -
169 - .menu-icon {
170 - width: 28px;
171 - height: 28px;
172 - font-size: 13px;
173 - flex: 0 0 28px;
174 - }
175 -
176 - .menu-text {
177 - display: block;
178 - line-height: 1.25;
179 - }
180 -
181 - .menu-text strong {
182 - display: block;
183 - font-size: 14px;
184 - font-weight: 400;
185 - color: @brand;
186 - }
187 -
188 - .menu-text small {
189 - display: none;
190 - }
191 -
192 - > li > a:hover .menu-text strong,
193 - > li > a:focus .menu-text strong {
194 - color: @brand-strong;
195 - }
196 -
197 - > li > a:hover .menu-icon,
198 - > li > a:focus .menu-icon {
199 - color: @brand-strong;
200 - background: fade(@brand, 12%);
201 - border-color: fade(@brand, 24%);
202 - }
203 203   }
204 204  }
contentType
... ... @@ -1,1 +1,0 @@
1 -LESS