260eea0f by Jeff Balicki

mobile menu

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 7b99a648
...@@ -16344,6 +16344,8 @@ body { ...@@ -16344,6 +16344,8 @@ body {
16344 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right { 16344 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right {
16345 flex: 1; 16345 flex: 1;
16346 justify-content: flex-end; 16346 justify-content: flex-end;
16347 z-index: 9999999999;
16348 position: relative;
16347 } 16349 }
16348 16350
16349 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block { 16351 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
...@@ -16362,52 +16364,6 @@ body { ...@@ -16362,52 +16364,6 @@ body {
16362 flex-shrink: 0; 16364 flex-shrink: 0;
16363 } 16365 }
16364 16366
16365 @media only screen and (max-width: 62.5rem) {
16366 #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
16367 background: #fff;
16368 padding: 0rem 0rem 0rem 0rem;
16369 display: none;
16370 position: absolute;
16371 width: 100%;
16372 z-index: 9999999;
16373 }
16374 #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
16375 display: block;
16376 }
16377 #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
16378 position: fixed;
16379 display: block;
16380 width: 18.75rem;
16381 max-width: 90%;
16382 height: 100vh;
16383 max-height: 100vh;
16384 top: 0;
16385 box-sizing: border-box;
16386 transition: left 200ms ease-in-out, right 200ms ease-in-out;
16387 overflow: auto;
16388 z-index: 9999999999;
16389 overscroll-behavior: contain;
16390 }
16391 #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
16392 left: -18.75rem;
16393 }
16394 #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
16395 left: 0;
16396 box-shadow: inset 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.1607843137);
16397 }
16398 #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:after {
16399 position: fixed;
16400 width: 100%;
16401 height: 6249.9375rem;
16402 content: "";
16403 top: 0;
16404 left: 0;
16405 opacity: 0.5;
16406 background: black;
16407 cursor: pointer;
16408 z-index: 9999999998;
16409 }
16410 }
16411 html.mega-menu-primary-off-canvas-open { 16367 html.mega-menu-primary-off-canvas-open {
16412 overflow: hidden; 16368 overflow: hidden;
16413 height: auto; 16369 height: auto;
...@@ -16625,12 +16581,10 @@ html.mega-menu-primary-off-canvas-open #wpadminbar { ...@@ -16625,12 +16581,10 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
16625 min-height: 100vh; 16581 min-height: 100vh;
16626 background-color: #F0F0F0; 16582 background-color: #F0F0F0;
16627 position: relative; 16583 position: relative;
16628 overflow: hidden !important;
16629 } 16584 }
16630 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu { 16585 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {
16631 margin-top: 0rem; 16586 margin-top: 0rem;
16632 } 16587 }
16633 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link:after,
16634 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link:after { 16588 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link:after {
16635 content: ""; 16589 content: "";
16636 width: 1.25rem; 16590 width: 1.25rem;
...@@ -16640,50 +16594,13 @@ html.mega-menu-primary-off-canvas-open #wpadminbar { ...@@ -16640,50 +16594,13 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
16640 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1369" data-name="Path 1369" d="M7.515,3.553c.52.526,1.03,1.048,1.546,1.564q1.857,1.856,3.718,3.708a.834.834,0,0,0,1.232,0c.236-.242.477-.479.716-.718a.817.817,0,0,0,0-1.222L11.379,3.538Q9.758,1.915,8.138.29A.9.9,0,0,0,7.532,0a.864.864,0,0,0-.667.288Q5.614,1.544,4.363,2.8L.956,6.207c-.232.232-.465.463-.7.7A.812.812,0,0,0,.269,8.1l.71.71a.833.833,0,0,0,1.25,0l3.016-3L7.429,3.634Z" transform="translate(9.095) rotate(90)" fill="%23fff"/></svg>'); 16594 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1369" data-name="Path 1369" d="M7.515,3.553c.52.526,1.03,1.048,1.546,1.564q1.857,1.856,3.718,3.708a.834.834,0,0,0,1.232,0c.236-.242.477-.479.716-.718a.817.817,0,0,0,0-1.222L11.379,3.538Q9.758,1.915,8.138.29A.9.9,0,0,0,7.532,0a.864.864,0,0,0-.667.288Q5.614,1.544,4.363,2.8L.956,6.207c-.232.232-.465.463-.7.7A.812.812,0,0,0,.269,8.1l.71.71a.833.833,0,0,0,1.25,0l3.016-3L7.429,3.634Z" transform="translate(9.095) rotate(90)" fill="%23fff"/></svg>');
16641 display: inline-block; 16595 display: inline-block;
16642 position: absolute; 16596 position: absolute;
16643 top: 0.75rem; 16597 top: 1.1rem;
16644 right: 0rem; 16598 right: 10px;
16645 } 16599 transform: rotate(90deg);
16646 .back-one-level {
16647 background-color: #EE0000;
16648 position: fixed;
16649 left: 0rem;
16650 top: 8.125rem;
16651 width: 2.5rem;
16652 height: 2.5625rem;
16653 border: 0rem solid #EE0000;
16654 border-radius: 0rem 50% 50% 0rem;
16655 opacity: 0 !important;
16656 transition: 0.5s !important;
16657 }
16658 .back-one-level span {
16659 color: #fff;
16660 text-indent: -624.9375rem;
16661 display: block;
16662 }
16663 .back-one-level:before {
16664 content: "";
16665 width: 0.6875rem;
16666 height: 1.125rem;
16667 background-repeat: no-repeat;
16668 background-size: contain;
16669 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1291" data-name="Path 1291" d="M7.515,5.543c.52-.526,1.03-1.048,1.546-1.564Q10.918,2.123,12.779.272a.834.834,0,0,1,1.232,0c.236.242.477.479.716.718a.817.817,0,0,1,0,1.222L11.379,5.557Q9.758,7.18,8.138,8.8a.9.9,0,0,1-.606.289.864.864,0,0,1-.667-.288Q5.614,7.551,4.363,6.3L.956,2.889c-.232-.232-.465-.463-.7-.7A.812.812,0,0,1,.269.993l.71-.71a.833.833,0,0,1,1.25,0l3.016,3L7.429,5.462Z" transform="translate(9.095 0) rotate(90)" fill="%23fff"/></svg>');
16670 display: inline-block;
16671 position: absolute;
16672 top: 0.625rem;
16673 left: 0.8125rem;
16674 }
16675 .back-one-level:active,
16676 .back-one-level:hover {
16677 background-color: #669999;
16678 }
16679 .is-bt-active {
16680 opacity: 1 !important;
16681 }
16682 .mega-indicator {
16683 display: none !important;
16684 } 16600 }
16685 .mega-description-group:after { 16601 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link:after {
16686 display: none !important; 16602 transform: rotate(-90deg);
16603 top: 6px;
16687 } 16604 }
16688 .mega-sub-menu .mega-menu-item-has-children > .mega-menu-link > .mega-description-group > .mega-menu-title { 16605 .mega-sub-menu .mega-menu-item-has-children > .mega-menu-link > .mega-description-group > .mega-menu-title {
16689 position: relative; 16606 position: relative;
...@@ -16765,9 +16682,6 @@ html.mega-menu-primary-off-canvas-open #wpadminbar { ...@@ -16765,9 +16682,6 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
16765 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:active:only-child { 16682 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:active:only-child {
16766 background-color: #669999; 16683 background-color: #669999;
16767 } 16684 }
16768 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu {
16769 display: none !important;
16770 }
16771 .sub-mobile-menu .mega-sub-menu { 16685 .sub-mobile-menu .mega-sub-menu {
16772 position: absolute !important; 16686 position: absolute !important;
16773 top: 0 !important; 16687 top: 0 !important;
...@@ -16855,8 +16769,8 @@ html.mega-menu-primary-off-canvas-open #wpadminbar { ...@@ -16855,8 +16769,8 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
16855 font-size: 2.125rem; 16769 font-size: 2.125rem;
16856 font-weight: bold; 16770 font-weight: bold;
16857 color: #fff; 16771 color: #fff;
16858 margin: 0 0 0 0.625rem; 16772 margin: 0 0 0 0.525rem;
16859 line-height: 1.5625rem; 16773 line-height: 1.2625rem;
16860 } 16774 }
16861 16775
16862 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-3:after { 16776 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-3:after {
...@@ -16910,6 +16824,12 @@ html.mega-menu-primary-off-canvas-open #wpadminbar { ...@@ -16910,6 +16824,12 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
16910 text-decoration: none; 16824 text-decoration: none;
16911 width: calc(100% - 127px); 16825 width: calc(100% - 127px);
16912 } 16826 }
16827 @media only screen and (max-width: 48.875rem) {
16828 .site-title {
16829 width: calc(85% - 127px);
16830 }
16831 }
16832
16913 .branding { 16833 .branding {
16914 display: flex; 16834 display: flex;
16915 margin-bottom: 0rem; 16835 margin-bottom: 0rem;
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
...@@ -115,7 +115,7 @@ function megamenu_override_default_theme($value) { ...@@ -115,7 +115,7 @@ function megamenu_override_default_theme($value) {
115 wp_enqueue_script( 'megamenu', get_stylesheet_directory_uri().'/js/maxmegamenu.js', array(), $the_theme->get( 'Version' ), true ); 115 wp_enqueue_script( 'megamenu', get_stylesheet_directory_uri().'/js/maxmegamenu.js', array(), $the_theme->get( 'Version' ), true );
116 116
117 } 117 }
118 add_action( 'wp_enqueue_scripts', 'fixUlisting', 100 ); 118 //add_action( 'wp_enqueue_scripts', 'fixUlisting', 100 );
119 119
120 120
121 // add_filter( 'get_custom_logo_image_attributes', function( 121 // add_filter( 'get_custom_logo_image_attributes', function(
......
...@@ -26386,6 +26386,9 @@ ...@@ -26386,6 +26386,9 @@
26386 26386
26387 // }); 26387 // });
26388 26388
26389 $(document).on("click", ".mega-toggle-on", function (e) {
26390 if ($(this).hasClass('mega-toggle-on')) ;
26391 });
26389 trim_text(); 26392 trim_text();
26390 $('#relevant-resources').dataTable({ 26393 $('#relevant-resources').dataTable({
26391 info: false, 26394 info: false,
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
...@@ -48,6 +48,16 @@ jQuery(document).ready(function($) { ...@@ -48,6 +48,16 @@ jQuery(document).ready(function($) {
48 48
49 49
50 50
51
52 $(document).on("click", ".mega-toggle-on", function(e){
53 if($(this).hasClass('mega-toggle-on')){
54 //$(this).removeClass('mega-toggle-on');
55 }
56 });
57
58
59
60
51 trim_text(); 61 trim_text();
52 $('#relevant-resources').dataTable( { 62 $('#relevant-resources').dataTable( {
53 info: false, 63 info: false,
......
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
14 text-decoration: none; 14 text-decoration: none;
15 width: calc(100% - 127px); 15 width: calc(100% - 127px);
16 @media only screen and (max-width: 48.875rem) { 16 @media only screen and (max-width: 48.875rem) {
17 //width: calc(60% - 127px); 17 width: calc(85% - 127px);
18 } 18 }
19 19
20 } 20 }
......
...@@ -1276,6 +1276,8 @@ ...@@ -1276,6 +1276,8 @@
1276 -ms-flex-pack: end; 1276 -ms-flex-pack: end;
1277 -webkit-justify-content: flex-end; 1277 -webkit-justify-content: flex-end;
1278 justify-content: flex-end; 1278 justify-content: flex-end;
1279 z-index: 9999999999;
1280 position: relative;
1279 } 1281 }
1280 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block { 1282 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
1281 margin-right: 0.375rem; 1283 margin-right: 0.375rem;
...@@ -1297,53 +1299,6 @@ ...@@ -1297,53 +1299,6 @@
1297 -webkit-flex-shrink: 0; 1299 -webkit-flex-shrink: 0;
1298 flex-shrink: 0; 1300 flex-shrink: 0;
1299 } 1301 }
1300 @media only screen and (max-width: 62.5rem) {
1301 #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
1302 background: #fff;
1303 padding: 0rem 0rem 0rem 0rem;
1304 display: none;
1305 position: absolute;
1306 width: 100%;
1307 z-index: 9999999;
1308 }
1309 #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
1310 display: block;
1311 }
1312 #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
1313 position: fixed;
1314 display: block;
1315 width: 18.75rem;
1316 max-width: 90%;
1317 height: 100vh;
1318 max-height: 100vh;
1319 top: 0;
1320 box-sizing: border-box;
1321 transition: left 200ms ease-in-out, right 200ms ease-in-out;
1322 overflow: auto;
1323 z-index: 9999999999;
1324 overscroll-behavior: contain;
1325 }
1326 #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
1327 left: -18.75rem;
1328 }
1329 #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
1330 left: 0;
1331 box-shadow: inset 0 0.1875rem 0.375rem rgba(0,0,0,.1607843137);
1332
1333 }
1334 #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:after {
1335 position: fixed;
1336 width: 100%;
1337 height: 6249.9375rem;
1338 content: "";
1339 top: 0;
1340 left: 0;
1341 opacity: 0.5;
1342 background: black;
1343 cursor: pointer;
1344 z-index: 9999999998;
1345 }
1346 }
1347 html.mega-menu-primary-off-canvas-open { 1302 html.mega-menu-primary-off-canvas-open {
1348 overflow: hidden; 1303 overflow: hidden;
1349 height: auto; 1304 height: auto;
......
...@@ -165,14 +165,14 @@ ...@@ -165,14 +165,14 @@
165 min-height: 100vh; 165 min-height: 100vh;
166 background-color: #F0F0F0; 166 background-color: #F0F0F0;
167 position: relative; 167 position: relative;
168 overflow: hidden !important; 168 //overflow: hidden !important;
169 169
170 } 170 }
171 171
172 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu{ 172 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu{
173 margin-top: 0rem; 173 margin-top: 0rem;
174 } 174 }
175 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link:after , 175
176 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link:after { 176 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link:after {
177 content:""; 177 content:"";
178 width: 1.25rem; 178 width: 1.25rem;
...@@ -182,64 +182,18 @@ ...@@ -182,64 +182,18 @@
182 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1369" data-name="Path 1369" d="M7.515,3.553c.52.526,1.03,1.048,1.546,1.564q1.857,1.856,3.718,3.708a.834.834,0,0,0,1.232,0c.236-.242.477-.479.716-.718a.817.817,0,0,0,0-1.222L11.379,3.538Q9.758,1.915,8.138.29A.9.9,0,0,0,7.532,0a.864.864,0,0,0-.667.288Q5.614,1.544,4.363,2.8L.956,6.207c-.232.232-.465.463-.7.7A.812.812,0,0,0,.269,8.1l.71.71a.833.833,0,0,0,1.25,0l3.016-3L7.429,3.634Z" transform="translate(9.095) rotate(90)" fill="%23fff"/></svg>'); 182 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1369" data-name="Path 1369" d="M7.515,3.553c.52.526,1.03,1.048,1.546,1.564q1.857,1.856,3.718,3.708a.834.834,0,0,0,1.232,0c.236-.242.477-.479.716-.718a.817.817,0,0,0,0-1.222L11.379,3.538Q9.758,1.915,8.138.29A.9.9,0,0,0,7.532,0a.864.864,0,0,0-.667.288Q5.614,1.544,4.363,2.8L.956,6.207c-.232.232-.465.463-.7.7A.812.812,0,0,0,.269,8.1l.71.71a.833.833,0,0,0,1.25,0l3.016-3L7.429,3.634Z" transform="translate(9.095) rotate(90)" fill="%23fff"/></svg>');
183 display: inline-block; 183 display: inline-block;
184 position: absolute; 184 position: absolute;
185 top: 0.75rem; 185 top: 1.1rem;
186 right: 0rem; 186 right: 10px;
187 transform: rotate(90deg);
187 188
188 } 189 }
189 190 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link:after{
190 .back-one-level{ 191 transform: rotate(-90deg);
191 background-color: #EE0000; 192 top: 6px;
192 position: fixed;
193 left: 0rem;
194 top: 8.125rem;
195 width: 2.5rem;
196 height: 2.5625rem;
197 border: 0rem solid #EE0000;
198 border-radius: 0rem 50% 50% 0rem;
199 //display: none;
200 opacity: 0 !important;
201 transition: 0.5s !important;
202
203
204 span{
205 color: #fff;
206 text-indent: -624.9375rem;
207 display: block;
208 }
209 &:before{
210 content:"";
211 width: 0.6875rem;
212 height: 1.125rem;
213 background-repeat: no-repeat;
214 background-size: contain;
215 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1291" data-name="Path 1291" d="M7.515,5.543c.52-.526,1.03-1.048,1.546-1.564Q10.918,2.123,12.779.272a.834.834,0,0,1,1.232,0c.236.242.477.479.716.718a.817.817,0,0,1,0,1.222L11.379,5.557Q9.758,7.18,8.138,8.8a.9.9,0,0,1-.606.289.864.864,0,0,1-.667-.288Q5.614,7.551,4.363,6.3L.956,2.889c-.232-.232-.465-.463-.7-.7A.812.812,0,0,1,.269.993l.71-.71a.833.833,0,0,1,1.25,0l3.016,3L7.429,5.462Z" transform="translate(9.095 0) rotate(90)" fill="%23fff"/></svg>');
216 display: inline-block;
217 position: absolute;
218 top: 0.625rem;
219 left: 0.8125rem;
220 } 193 }
221 194
222 }
223 .back-one-level:active,
224 .back-one-level:hover {
225 background-color: #669999;
226 }
227 .is-bt-active{
228 opacity: 1 !important;
229 }
230 .is-visible{
231 .back-one-level{
232 //display: block !important;
233 195
234 }
235 }
236 .mega-indicator{
237 display: none !important;
238 196
239 }
240 .mega-description-group:after{
241 display: none !important;
242 }
243 .mega-sub-menu{ 197 .mega-sub-menu{
244 198
245 199
...@@ -336,7 +290,7 @@ ...@@ -336,7 +290,7 @@
336 290
337 } 291 }
338 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu{ 292 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu{
339 display: none !important; 293 //display: none !important;
340 } 294 }
341 295
342 .sub-mobile-menu .mega-sub-menu{ 296 .sub-mobile-menu .mega-sub-menu{
...@@ -432,8 +386,8 @@ ...@@ -432,8 +386,8 @@
432 font-size: 2.125rem; 386 font-size: 2.125rem;
433 font-weight: bold; 387 font-weight: bold;
434 color: #fff; 388 color: #fff;
435 margin: 0 0 0 0.625rem; 389 margin: 0 0 0 0.525rem;
436 line-height: 1.5625rem; 390 line-height: 1.2625rem;
437 } 391 }
438 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-3:after { 392 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-3:after {
439 content: "\f333"; 393 content: "\f333";
......