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

From Drawn to Life Wiki
Line 1: Line 1:
#smooth-loader{
+
        #smooth-loader-inner,
  position: fixed;
+
        #smooth-loader-inner:after {
  left: 0px;
+
            border-radius: 50%;
  top: 0px;
+
            width: 10em;
  width: 100%;
+
            height: 10em;
  height: 100%;
+
        }
  z-index: 9999;
+
        #smooth-loader-inner {          
  background: url('//upload.wikimedia.org/wikipedia/commons/thumb/e/e5/Phi_fenomeni.gif/50px-Phi_fenomeni.gif')  
+
            margin: 60px auto;
              50% 50% no-repeat rgb(249,249,249);
+
            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:absolute;;
 +
            top:0;
 +
            left:0;
 +
            width:100%;
 +
            height:100%;
 +
            background-color:#000;
 +
        }

Revision as of 02:10, 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:absolute;;
            top:0;
            left:0;
            width:100%;
            height:100%;
            background-color:#000;
        }