PHP Classes

File: install/css/wait.css

Recommend this page to a friend!
  Classes of Minh Tien   Noblesse CMS   install/css/wait.css   Download  
File: install/css/wait.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Noblesse CMS
Content management system with custom plugins
Author: By
Last change:
Date: 9 years ago
Size: 2,575 bytes
 

Contents

Class file image Download
.wrapper{ width:54px; height:25px; position:absolute; top:40%; left:50%; margin-left:-27px; margin-top:-10px; z-index: 9999; display: none; } #preloader_1{ position:relative; } #preloader_1 span{ display:block; bottom:0px; width: 9px; height: 5px; background:#9b59b6; position:absolute; -webkit-animation: preloader_1 1.5s infinite ease-in-out; -moz-animation: preloader_1 1.5s infinite ease-in-out; -ms-animation: preloader_1 1.5s infinite ease-in-out; -o-animation: preloader_1 1.5s infinite ease-in-out; animation: preloader_1 1.5s infinite ease-in-out; } #preloader_1 span:nth-child(2){ left:11px; -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -ms-animation-delay: .2s; -o-animation-delay: .2s; animation-delay: .2s; } #preloader_1 span:nth-child(3){ left:22px; -webkit-animation-delay: .4s; -moz-animation-delay: .4s; -ms-animation-delay: .4s; -o-animation-delay: .4s; animation-delay: .4s; } #preloader_1 span:nth-child(4){ left:33px; -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -ms-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; } #preloader_1 span:nth-child(5){ left:44px; -webkit-animation-delay: .8s; -moz-animation-delay: .8s; -ms-animation-delay: .8s; -o-animation-delay: .8s; animation-delay: .8s; } @-webkit-keyframes preloader_1 { 0% {height:5px;-webkit-transform:translateY(0px);background:#9b59b6;} 25% {height:30px;-webkit-transform:translateY(15px);background:#3498db;} 50% {height:5px;-webkit-transform:translateY(0px);background:#9b59b6;} 100% {height:5px;-webkit-transform:translateY(0px);background:#9b59b6;} } @-moz-keyframes preloader_1 { 0% {height:5px;-moz-transform:translateY(0px);background:#9b59b6;} 25% {height:30px;-moz-transform:translateY(15px);background:#3498db;} 50% {height:5px;-moz-transform:translateY(0px);background:#9b59b6;} 100% {height:5px;-moz-transform:translateY(0px);background:#9b59b6;} } @-ms-keyframes preloader_1 { 0% {height:5px;-ms-transform:translateY(0px);background:#9b59b6;} 25% {height:30px;-ms-transform:translateY(15px);background:#3498db;} 50% {height:5px;-ms-transform:translateY(0px);background:#9b59b6;} 100% {height:5px;-ms-transform:translateY(0px);background:#9b59b6;} } @keyframes preloader_1 { 0% {height:5px;transform:translateY(0px);background:#9b59b6;} 25% {height:30px;transform:translateY(15px);background:#3498db;} 50% {height:5px;transform:translateY(0px);background:#9b59b6;} 100% {height:5px;transform:translateY(0px);background:#9b59b6;} }