Skip to Content

Changes for page Public Web Site

Last modified by Agnease on 2026/05/30 16:24
From version 10.7
edited by Agnease
on 2026/05/19 05:57
Change comment: There is no comment for this version
To version 8.24
edited by Agnease
on 2026/05/19 03:47
Change comment: There is no comment for this version

Summary

Details

XWiki.StyleSheetExtension[1]
code
... ... @@ -8,8 +8,6 @@
8 8  
9 9   .caret {
10 10   margin-left: 4px;
11 - border-top-color: @brand;
12 - border-bottom-color: @brand;
13 13   }
14 14  
15 15   &.open > .dropdown-toggle,
... ... @@ -20,45 +20,26 @@
20 20   background-color: transparent;
21 21   box-shadow: none;
22 22   }
23 -
24 - &.open > .dropdown-toggle .caret,
25 - .dropdown-toggle:hover .caret,
26 - .dropdown-toggle:focus .caret {
27 - border-top-color: @brand-strong;
28 - border-bottom-color: @brand-strong;
29 - }
30 30  }
31 31  
32 -/* Keep Agnease public top-level menu visually clean when hovered/open/focused */
33 -.navbar-default .navbar-nav > li.agnease-menu-item.open > a,
23 +.navbar-nav > li.agnease-menu-item > a,
24 +.navbar-nav > li.agnease-menu-item > a:hover,
25 +.navbar-nav > li.agnease-menu-item > a:focus,
26 +.navbar-nav > li.agnease-menu-item.open > a,
34 34  .navbar-nav > li.agnease-menu-item.open > a:hover,
35 -.navbar-nav > li.agnease-services-menu > a,
36 -.navbar-nav > li.agnease-products-menu > a,
37 -.navbar-nav > li.agnease-services-menu > a:hover,
38 -.navbar-nav > li.agnease-products-menu > a:hover,
39 -.navbar-nav > li.agnease-services-menu > a:focus,
40 -.navbar-nav > li.agnease-products-menu > a:focus,
41 -.navbar-nav > li.agnease-services-menu.open > a,
42 -.navbar-nav > li.agnease-products-menu.open > a,
43 -.navbar-nav > li.agnease-services-menu.open > a:hover,
44 -.navbar-nav > li.agnease-products-menu.open > a:hover,
45 -.navbar-nav > li.agnease-services-menu.open > a:focus,
46 -.navbar-nav > li.agnease-products-menu.open > a:focus {
28 +.navbar-nav > li.agnease-menu-item.open > a:focus {
47 47   background: transparent;
48 - background-color: #fff;
30 + background-color: transparent;
49 49   color: @brand-strong;
50 50   box-shadow: none;
51 51  }
52 52  
53 -/* Dropdown panels */
54 -
55 55  .agnease-dropdown {
56 56   min-width: 270px;
57 57   padding: 8px;
58 - border: 1px solid fade(@brand, 18%);
38 + border: 1px solid @line;
59 59   border-radius: 12px;
60 - background: #fff;
61 - box-shadow: 0 12px 32px fade(@brand-strong, 12%);
40 + box-shadow: 0 12px 32px rgba(0, 0, 0, .10);
62 62  
63 63   > li > a {
64 64   display: flex;
... ... @@ -66,11 +66,10 @@
66 66   gap: 10px;
67 67   padding: 9px 11px;
68 68   border-radius: 9px;
69 - color: @brand;
70 - background: transparent;
48 + color: @text;
71 71   white-space: nowrap;
72 72   font-size: 14px;
73 - font-weight: 700;
51 + font-weight: 600;
74 74   line-height: 1.25;
75 75  
76 76   i {
... ... @@ -82,12 +82,10 @@
82 82   }
83 83  
84 84   &:hover,
85 - &:focus,
86 - &:active {
63 + &:focus {
87 87   color: @brand-strong;
88 - background: fade(@brand, 8%);
65 + background: @brand-bg;
89 89   text-decoration: none;
90 - outline: none;
91 91  
92 92   i {
93 93   color: @brand-strong;
... ... @@ -95,33 +95,18 @@
95 95   }
96 96   }
97 97  
98 - > .active > a,
99 - > .active > a:hover,
100 - > .active > a:focus {
101 - color: @brand-strong;
102 - background: fade(@brand, 10%);
103 - text-decoration: none;
104 -
105 - i {
106 - color: @brand-strong;
107 - }
108 - }
109 -
110 110   .divider {
111 111   margin: 7px 0;
112 - background-color: fade(@brand, 16%);
76 + background-color: @line;
113 113   }
114 114  }
115 115  
116 -.agnease-products-dropdown,
117 -.agnease-resources-dropdown {
80 +.agnease-products-dropdown {
118 118   min-width: 260px;
119 119  }
120 120  
121 -/* Remove gray Bootstrap dropdown item states */
122 -.dropdown-menu > li > a:hover,
123 -.dropdown-menu > li > a:focus {
124 - background-image: none;
84 +.agnease-resources-dropdown {
85 + min-width: 260px;
125 125  }
126 126  
127 127  /* ========== Mobile Menu ========== */
... ... @@ -140,7 +140,7 @@
140 140   border: 0;
141 141   border-radius: 0;
142 142   box-shadow: none;
143 - background: #fff;
104 + background: transparent;
144 144  
145 145   > li > a {
146 146   padding: 8px 10px;
... ... @@ -147,24 +147,15 @@
147 147   white-space: normal;
148 148   font-size: 14px;
149 149   border-radius: 8px;
150 - color: @brand;
151 151  
152 152   i {
153 153   width: 16px;
154 154   flex-basis: 16px;
155 155   }
156 -
157 - &:hover,
158 - &:focus,
159 - &:active {
160 - color: @brand-strong;
161 - background: fade(@brand, 8%);
162 - }
163 163   }
164 164  
165 165   .divider {
166 166   margin: 5px 0;
167 - background-color: fade(@brand, 16%);
168 168   }
169 169   }
170 170  }