Skip to Content

Changes for page Public Web Site

Last modified by Agnease on 2026/05/30 16:24
From version 6.35
edited by Agnease
on 2026/05/12 13:12
Change comment: There is no comment for this version
To version 6.42
edited by Agnease
on 2026/05/12 13:25
Change comment: There is no comment for this version

Summary

Details

XWiki.StyleSheetExtension[1]
cache
... ... @@ -1,0 +1,1 @@
1 +long
code
... ... @@ -1,0 +1,136 @@
1 +/* ========== Agnease Public Top Menu ========== */
2 +
3 +@brand: #00937D;
4 +@brand-strong: #007B6A;
5 +@text: #2D3A34;
6 +@muted: #5B6B64;
7 +@line: #E4ECE9;
8 +@brand-bg: #F4FCFA;
9 +
10 +.agnease-services-menu {
11 + .dropdown-toggle {
12 + font-weight: inherit;
13 + font-size: inherit;
14 + }
15 +
16 + &.open > .dropdown-toggle,
17 + .dropdown-toggle:hover,
18 + .dropdown-toggle:focus {
19 + color: @brand;
20 + background: transparent;
21 + }
22 +
23 + .caret {
24 + margin-left: 4px;
25 + }
26 +}
27 +
28 +.agnease-services-dropdown {
29 + min-width: 360px;
30 + padding: 10px;
31 + border: 1px solid @line;
32 + border-radius: 12px;
33 + box-shadow: 0 12px 36px rgba(0, 0, 0, .10);
34 +
35 + > li > a {
36 + display: flex;
37 + align-items: flex-start;
38 + gap: 12px;
39 + padding: 10px 12px;
40 + border-radius: 10px;
41 + color: @text;
42 + white-space: normal;
43 +
44 + &:hover,
45 + &:focus {
46 + color: @brand-strong;
47 + background: @brand-bg;
48 + text-decoration: none;
49 +
50 + .menu-icon {
51 + color: @brand-strong;
52 + background: fade(@brand, 14%);
53 + border-color: fade(@brand, 28%);
54 + }
55 +
56 + strong {
57 + color: @brand-strong;
58 + }
59 +
60 + small {
61 + color: @muted;
62 + }
63 + }
64 + }
65 +
66 + .divider {
67 + margin: 8px 0;
68 + background-color: @line;
69 + }
70 +
71 + .menu-icon {
72 + width: 34px;
73 + height: 34px;
74 + border-radius: 50%;
75 + background: fade(@brand, 8%);
76 + border: 1px solid fade(@brand, 18%);
77 + color: @brand;
78 + display: flex;
79 + align-items: center;
80 + justify-content: center;
81 + flex-shrink: 0;
82 + transition: color .15s ease, background .15s ease, border-color .15s ease;
83 + }
84 +
85 + .menu-text {
86 + display: flex;
87 + flex-direction: column;
88 + line-height: 1.25;
89 +
90 + strong {
91 + color: @text;
92 + font-size: 14px;
93 + font-weight: 600;
94 + }
95 +
96 + small {
97 + color: @muted;
98 + font-size: 12px;
99 + margin-top: 2px;
100 + font-weight: 400;
101 + }
102 + }
103 +}
104 +
105 +@media (max-width: 767px) {
106 + .agnease-services-dropdown {
107 + min-width: 0;
108 + width: 100%;
109 + padding: 6px;
110 + border-radius: 0;
111 + box-shadow: none;
112 +
113 + > li > a {
114 + padding: 10px;
115 + }
116 + }
117 +}
118 +/* Keep the top-level Services menu visually clean when hovered/open/focused */
119 +.navbar-nav > li.agnease-services-menu > a {
120 + background: transparent;
121 + background-color: transparent;
122 + color: inherit;
123 + box-shadow: none;
124 +}
125 +
126 +.navbar-nav > li.agnease-services-menu > a:hover,
127 +.navbar-nav > li.agnease-services-menu > a:focus,
128 +.navbar-nav > li.agnease-services-menu.open > a,
129 +.navbar-nav > li.agnease-services-menu.open > a:hover,
130 +.navbar-nav > li.agnease-services-menu.open > a:focus {
131 + background: transparent;
132 + background-color: transparent;
133 + color: @brand;
134 + box-shadow: none;
135 +}
136 +}
name
... ... @@ -1,0 +1,1 @@
1 +Menu
use
... ... @@ -1,0 +1,1 @@
1 +onDemand