x
x
x
x
Only portrait mode is currently supported - please rotate your device.
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;
}
.general-sidebar-content .general-image-wrapper{
width: 200px!important;
height: 200px!important;
}
.general-sidebar-content .general-image-wrapper img{
object-fit: contain;
}
#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> |
HTML |
<style> button{ color: white!important; } .custom-card-container .image-container img{ width: 200px!important; height: 200px!important; border-radius: 0px; } .custom-card-container .card-text-container .card-title{ text-align: left; } .custom-card-container .card-text-container{ width: 100%; } </style> |
...
OneValley