x
x
x
x
Only portrait mode is currently supported - please rotate your device.
...
Custom section | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
HTML |
---|
<!-- LOADING SPINNER --> <div id="cover"><div class="loader"></div></div> <script> AJS.$("#full-height-container").css("overflow", "hidden"); AJS.$(window).on('load', function() { AJS.$("#full-height-container").css("overflow", "unset"); $("#cover").hide(); }); </script> <style> #main-content > p { display: none; } #cover { position: fixed; height: calc(100% - 100px); width: 100%; top:61px; left: 0; background: var(--secondary-color); z-index:9999; display: flex; justify-content: center; align-items: center; padding-bottom: 100px; } .loader { border: 5px solid #f3f3f3; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; border-top: 5px solid #555; border-radius: 50%; width: 50px; height: 50px; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } </style> |
...
OneValley