Changes for page Public Web Site
Last modified by Alex Cotiuga on 2026/07/29 05:00
From version 31.13
edited by Alex Cotiuga
on 2026/07/29 05:00
on 2026/07/29 05:00
Change comment:
There is no comment for this version
To version 31.12
edited by Alex Cotiuga
on 2026/07/29 04:51
on 2026/07/29 04:51
Change comment:
There is no comment for this version
Summary
-
Objects (1 modified, 0 added, 0 removed)
Details
- XWiki.StyleSheetExtension[0]
-
- code
-
... ... @@ -117,51 +117,19 @@ 117 117 .site-nav { 118 118 display: flex; 119 119 align-items: center; 120 - gap: 8px;120 + gap: 22px; 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; 129 129 color: @text; 130 - background: transparent; 131 131 text-decoration: none; 132 132 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; 139 139 140 140 &:hover, 141 141 &:focus { 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); 130 + color: @brand; 151 151 text-decoration: none; 152 - transform: translateY(-1px); 153 153 } 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 - } 165 165 } 166 166 167 167 .nav-cta { ... ... @@ -168,20 +168,14 @@ 168 168 color: #fff; 169 169 background: @brand; 170 170 border: 1px solid @brand; 171 - border-radius: 9px;139 + border-radius: 6px; 172 172 padding: 8px 14px; 173 173 174 174 &:hover, 175 175 &:focus { 176 176 color: #fff; 177 - border-color: transparent; 178 - background: 179 - linear-gradient( 180 - 110deg, 181 - @text 0%, 182 - @text-soft 55%, 183 - @brand-strong 100% 184 - ); 145 + background: @brand-strong; 146 + border-color: @brand-strong; 185 185 } 186 186 } 187 187 } ... ... @@ -2133,13 +2133,19 @@ 2133 2133 2134 2134 .public-campaign-primary { 2135 2135 white-space: nowrap; 2136 - padding: 9px 16px; 2137 2137 border-color: #fff; 2138 - border-radius: 7px; 2139 2139 background: #fff; 2140 2140 color: @text; 2141 - font-weight: 800; 2142 - box-shadow: 0 8px 20px rgba(0, 0, 0, .16); 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 + } 2143 2143 } 2144 2144 2145 2145 .public-campaign-link { ... ... @@ -2147,22 +2147,17 @@ 2147 2147 color: #fff; 2148 2148 font-size: 14px; 2149 2149 font-weight: 700; 2150 - text-decoration: none; 2118 + text-decoration: underline; 2119 + text-underline-offset: 3px; 2151 2151 2152 2152 i { 2153 - margin-left: 6px; 2154 - transition: transform .18s ease; 2122 + margin-left: 5px; 2155 2155 } 2156 2156 2157 2157 &:hover, 2158 2158 &:focus { 2159 2159 color: #fff; 2160 - text-decoration: underline; 2161 - text-underline-offset: 3px; 2162 - 2163 - i { 2164 - transform: translateX(3px); 2165 - } 2128 + text-decoration-thickness: 2px; 2166 2166 } 2167 2167 } 2168 2168