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.18
edited by Agnease
on 2026/05/22 14:36
Change comment: There is no comment for this version

Summary

Details

XWiki.StyleSheetExtension[0]
code
... ... @@ -842,6 +842,7 @@
842 842   gap: 42px;
843 843   max-width: 1080px;
844 844   margin: 0 auto;
845 + padding-top: 28px;
845 845   align-items: start;
846 846  }
847 847  
... ... @@ -961,6 +961,7 @@
961 961  @media (max-width: 900px) {
962 962   .resource-layout {
963 963   grid-template-columns: 1fr;
965 + padding-top: 22px;
964 964   }
965 965  
966 966   .resource-sidebar {
... ... @@ -1125,6 +1125,13 @@
1125 1125   box-shadow: @shadow-sm;
1126 1126   padding: 22px;
1127 1127  
1130 + .feature-heading {
1131 + display: flex;
1132 + align-items: center;
1133 + gap: 14px;
1134 + margin-bottom: 14px;
1135 + }
1136 +
1128 1128   .feature-icon {
1129 1129   width: 46px;
1130 1130   height: 46px;
... ... @@ -1134,12 +1134,12 @@
1134 1134   display: flex;
1135 1135   align-items: center;
1136 1136   justify-content: center;
1137 - margin-bottom: 14px;
1138 1138   font-size: 18px;
1147 + flex-shrink: 0;
1139 1139   }
1140 1140  
1141 1141   h3 {
1142 - margin: 0 0 8px;
1151 + margin: 0;
1143 1143   color: @text;
1144 1144   font-size: 18px;
1145 1145   line-height: 1.25;
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,33 @@
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 {
139 - > a,
140 - > .dropdown-toggle {
141 - font-size: 16px;
142 - padding-top: 9px;
143 - padding-bottom: 9px;
144 - }
112 + #menuview .navbar-nav {
113 + float: none;
114 + margin: 0;
115 + width: 100%;
116 + text-align: center;
145 145   }
146 146  
147 - .agnease-dropdown {
119 + #menuview .navbar-nav > li {
120 + float: none;
121 + display: inline-block;
122 + }
123 +
124 + #menuview .navbar-nav > li.agnease-menu-item > a,
125 + #menuview .navbar-nav > li.agnease-menu-link > a,
126 + #menuview .navbar-nav > li.agnease-menu-item > .dropdown-toggle,
127 + #menuview .navbar-nav > li.agnease-menu-link > .dropdown-toggle {
128 + font-size: 16px;
129 + padding: 10px 10px;
130 + text-align: center;
131 + }
132 +
133 + #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;
141 + text-align: left;
155 155  
156 156   > li > a {
157 157   padding: 8px 10px;