Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* ajax loader, gallery */
- .ajax-loader {
- .loading-overlay {
- opacity: 0;
- visibility: hidden;
- position: absolute;
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
- @include transition(all, 0.3s, ease);
- }
- .loader-wrap {
- position: absolute;
- left: 50%;
- top: -45px;
- margin-left: -7px;
- z-index: 10;
- opacity: 0;
- visibility: hidden;
- @include transition(all, 0.3s ,ease);
- }
- .loader-2,
- .loader-2:before,
- .loader-2:after {
- border-radius: 50%;
- width: 1.2em;
- height: 1.2em;
- -webkit-animation-fill-mode: both;
- animation-fill-mode: both;
- -webkit-animation: load7 1s infinite ease-in-out;
- animation: load7 1s infinite ease-in-out;
- }
- .loader-2 {
- color: #e3edf6;
- font-size: 10px;
- margin: 0 auto;
- position: relative;
- text-indent: -9999em;
- -webkit-transform: translateZ(0);
- -ms-transform: translateZ(0);
- transform: translateZ(0);
- -webkit-animation-delay: -0.16s;
- animation-delay: -0.16s;
- }
- .loader-2:before,
- .loader-2:after {
- content: '';
- position: absolute;
- top: 0;
- }
- .loader-2:before {
- left: -1.7em;
- -webkit-animation-delay: -0.32s;
- animation-delay: -0.32s;
- }
- .loader-2:after {
- left: 1.7em;
- }
- @-webkit-keyframes load7 {
- 0%,
- 80%,
- 100% {
- box-shadow: 0 2.5em 0 -1.3em;
- }
- 40% {
- box-shadow: 0 2.5em 0 0;
- }
- }
- @keyframes load7 {
- 0%,
- 80%,
- 100% {
- box-shadow: 0 2.5em 0 -1.3em;
- }
- 40% {
- box-shadow: 0 2.5em 0 0;
- }
- }
- }
- .ajax-loader.loading {
- .loader-wrap {
- opacity: 1;
- visibility: visible;
- }
- .loading-overlay {
- opacity: 1;
- visibility: visible;
- z-index: 11;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement