Skip to Content

Changes for page Public Web Site

Last modified by Alex Cotiuga on 2026/07/29 05:00
From version 31.11
edited by Alex Cotiuga
on 2026/07/29 04:46
Change comment: There is no comment for this version
To version 31.14
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  }
... ... @@ -2051,36 +2051,35 @@
2051 2051   display: inline-flex;
2052 2052   align-items: center;
2053 2053   gap: 7px;
2054 - padding: 6px 10px;
2055 - border: 1px solid fade(#fff, 28%);
2092 + padding: 7px 11px;
2093 + border: 1px solid fade(#fff, 32%);
2056 2056   border-radius: 999px;
2057 - background: fade(#fff, 10%);
2095 + background: fade(#fff, 12%);
2058 2058   color: #fff;
2059 2059   font-size: 12px;
2060 2060   line-height: 1.2;
2061 2061   font-weight: 800;
2062 2062   text-transform: uppercase;
2063 - letter-spacing: .04em;
2064 -
2065 - i {
2066 - color: #fff;
2067 - }
2101 + letter-spacing: .05em;
2068 2068  }
2069 2069  
2070 2070  .public-campaign-message {
2071 2071   min-width: 0;
2106 + flex: 1;
2072 2072  
2073 2073   strong {
2074 2074   display: block;
2075 - margin-bottom: 4px;
2110 + margin-bottom: 5px;
2076 2076   color: #fff;
2077 - font-size: 17px;
2078 - line-height: 1.3;
2112 + font-size: 18px;
2113 + line-height: 1.25;
2114 + font-weight: 800;
2115 + letter-spacing: -.01em;
2079 2079   }
2080 2080  
2081 2081   span {
2082 2082   display: block;
2083 - max-width: 700px;
2120 + max-width: 660px;
2084 2084   color: #DBE4EF;
2085 2085   font-size: 14px;
2086 2086   line-height: 1.45;
... ... @@ -2096,19 +2096,13 @@
2096 2096  
2097 2097  .public-campaign-primary {
2098 2098   white-space: nowrap;
2136 + padding: 9px 16px;
2099 2099   border-color: #fff;
2138 + border-radius: 7px;
2100 2100   background: #fff;
2101 2101   color: @text;
2102 - font-weight: 700;
2103 - box-shadow: 0 10px 24px rgba(0, 0, 0, .16);
2104 -
2105 - &:hover,
2106 - &:focus {
2107 - border-color: #fff;
2108 - background: #fff;
2109 - color: @brand-strong;
2110 - text-decoration: none;
2111 - }
2141 + font-weight: 800;
2142 + box-shadow: 0 8px 20px rgba(0, 0, 0, .16);
2112 2112  }
2113 2113  
2114 2114  .public-campaign-link {
... ... @@ -2116,17 +2116,22 @@
2116 2116   color: #fff;
2117 2117   font-size: 14px;
2118 2118   font-weight: 700;
2119 - text-decoration: underline;
2120 - text-underline-offset: 3px;
2150 + text-decoration: none;
2121 2121  
2122 2122   i {
2123 - margin-left: 5px;
2153 + margin-left: 6px;
2154 + transition: transform .18s ease;
2124 2124   }
2125 2125  
2126 2126   &:hover,
2127 2127   &:focus {
2128 2128   color: #fff;
2129 - text-decoration-thickness: 2px;
2160 + text-decoration: underline;
2161 + text-underline-offset: 3px;
2162 +
2163 + i {
2164 + transform: translateX(3px);
2165 + }
2130 2130   }
2131 2131  }
2132 2132