Difference between revisions of "User:BakiDance/timeless.css"

From Drawn to Life Wiki
Line 41: Line 41:
 
         }
 
         }
 
         #smooth-loader {
 
         #smooth-loader {
             position:absolute;
+
             position:fixed;
             z-index: 100;
+
             z-index: 1000;
 
             top:0;
 
             top:0;
 
             left:0;
 
             left:0;
 
             width:100%;
 
             width:100%;
 
             height:100%;
 
             height:100%;
             background-color:#000;
+
             background-color: #39289B;
 
         }
 
         }

Revision as of 02:31, 23 June 2022

        #smooth-loader-inner,
        #smooth-loader-inner:after {
            border-radius: 50%;
            width: 10em;
            height: 10em;
        }
        #smooth-loader-inner {            
            margin: 60px auto;
            font-size: 10px;
            position: relative;
            text-indent: -9999em;
            border-top: 1.1em solid rgba(255, 255, 255, 0.2);
            border-right: 1.1em solid rgba(255, 255, 255, 0.2);
            border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
            border-left: 1.1em solid #ffffff;
            -webkit-transform: translateZ(0);
            -ms-transform: translateZ(0);
            transform: translateZ(0);
            -webkit-animation: load8 1.1s infinite linear;
            animation: load8 1.1s infinite linear;
        }
        @-webkit-keyframes load8 {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }
        @keyframes load8 {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }
        #smooth-loader {
            position:fixed;
            z-index: 1000;
            top:0;
            left:0;
            width:100%;
            height:100%;
            background-color: #39289B;
        }