Skip to Content

Changes for page Public Web Site

Last modified by Alex Cotiuga on 2026/07/29 05:00
From version 31.12
edited by Alex Cotiuga
on 2026/07/29 04:51
Change comment: There is no comment for this version
To version 31.13
edited by Alex Cotiuga
on 2026/07/29 05:00
Change comment: There is no comment for this version

Summary

Details

XWiki.StyleSheetExtension[0]
code
... ... @@ -117,19 +117,51 @@
117 117  .site-nav {
118 118   display: flex;
119 119   align-items: center;
120 - gap: 22px;
120 + gap: 8px;
121 121   font-size: 15px;
122 122  
123 123   a {
124 + display: inline-flex;
125 + align-items: center;
126 + gap: 5px;
127 + padding: 8px 11px;
128 + border-radius: 9px;
124 124   color: @text;
130 + background: transparent;
125 125   text-decoration: none;
126 126   font-weight: 600;
133 + line-height: 1.2;
134 + transition:
135 + color .18s ease,
136 + background .18s ease,
137 + box-shadow .18s ease,
138 + transform .18s ease;
127 127  
128 128   &:hover,
129 129   &:focus {
130 - color: @brand;
142 + color: #fff;
143 + background:
144 + linear-gradient(
145 + 110deg,
146 + @text 0%,
147 + @text-soft 55%,
148 + @brand-strong 100%
149 + );
150 + box-shadow: 0 8px 18px rgba(7, 24, 45, .14);
131 131   text-decoration: none;
152 + transform: translateY(-1px);
132 132   }
154 +
155 + &:focus-visible {
156 + outline: 2px solid fade(@brand, 45%);
157 + outline-offset: 2px;
158 + }
159 +
160 + i,
161 + .fa,
162 + .caret {
163 + color: inherit;
164 + }
133 133   }
134 134  
135 135   .nav-cta {
... ... @@ -136,14 +136,20 @@
136 136   color: #fff;
137 137   background: @brand;
138 138   border: 1px solid @brand;
139 - border-radius: 6px;
171 + border-radius: 9px;
140 140   padding: 8px 14px;
141 141  
142 142   &:hover,
143 143   &:focus {
144 144   color: #fff;
145 - background: @brand-strong;
146 - border-color: @brand-strong;
177 + border-color: transparent;
178 + background:
179 + linear-gradient(
180 + 110deg,
181 + @text 0%,
182 + @text-soft 55%,
183 + @brand-strong 100%
184 + );
147 147   }
148 148   }
149 149  }
... ... @@ -2095,19 +2095,13 @@
2095 2095  
2096 2096  .public-campaign-primary {
2097 2097   white-space: nowrap;
2136 + padding: 9px 16px;
2098 2098   border-color: #fff;
2138 + border-radius: 7px;
2099 2099   background: #fff;
2100 2100   color: @text;
2101 - font-weight: 700;
2102 - box-shadow: 0 10px 24px rgba(0, 0, 0, .16);
2103 -
2104 - &:hover,
2105 - &:focus {
2106 - border-color: #fff;
2107 - background: #fff;
2108 - color: @brand-strong;
2109 - text-decoration: none;
2110 - }
2141 + font-weight: 800;
2142 + box-shadow: 0 8px 20px rgba(0, 0, 0, .16);
2111 2111  }
2112 2112  
2113 2113  .public-campaign-link {
... ... @@ -2115,17 +2115,22 @@
2115 2115   color: #fff;
2116 2116   font-size: 14px;
2117 2117   font-weight: 700;
2118 - text-decoration: underline;
2119 - text-underline-offset: 3px;
2150 + text-decoration: none;
2120 2120  
2121 2121   i {
2122 - margin-left: 5px;
2153 + margin-left: 6px;
2154 + transition: transform .18s ease;
2123 2123   }
2124 2124  
2125 2125   &:hover,
2126 2126   &:focus {
2127 2127   color: #fff;
2128 - text-decoration-thickness: 2px;
2160 + text-decoration: underline;
2161 + text-underline-offset: 3px;
2162 +
2163 + i {
2164 + transform: translateX(3px);
2165 + }
2129 2129   }
2130 2130  }
2131 2131