diff --git a/zundler/assets/init.css b/zundler/assets/init.css index 991157c..65e54f1 100644 --- a/zundler/assets/init.css +++ b/zundler/assets/init.css @@ -9,6 +9,19 @@ overflow:hidden; z-index:-1; } + +#loading-indicator { + content: " "; + z-index: 10; + display: block; + position: absolute; + height: 100%; + top: 0; + left: 0; + right: 0; + background: rgba(255, 255, 255, 0.0); +} + .lds-ripple { display: block; position: relative; @@ -16,7 +29,11 @@ height: 80px; margin: auto; z-index:1; + -webkit-transform: translateY(50%); + -ms-transform: translateY(50%); + transform: translateY(50%); } + .lds-ripple div { position: absolute; border: 4px solid #aaa; @@ -24,9 +41,11 @@ border-radius: 50%; animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; } + .lds-ripple div:nth-child(2) { animation-delay: -0.5s; } + @keyframes lds-ripple { 0% { top: 36px;