paramecio/jsutils
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fixes in popup

Browse source
This commit is contained in:
Antonio de la Rosa 2021-03-21 22:58:39 +01:00
parent db37319c90
commit 3423a8f57c
2 changed files with 71 additions and 83 deletions
Download patch file Download diff file Expand all files Collapse all files

53
css/popup.css
View file

@ -1,7 +1,7 @@
#layer_popup {
z-index:50000;
background-color:rgba(0,0,0,0.4);
/*background-color:rgba(0,0,0,0.4);*/
/*opacity:0.5;*/
position:absolute;
width:100%;
@ -42,7 +42,54 @@
-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;
opacity:1;
-webkit-box-shadow: 0px 0px 160px 0px rgba(80,80,80,1);
/*-webkit-box-shadow: 0px 0px 160px 0px rgba(80,80,80,1);
-moz-box-shadow: 0px 0px 160px 0px rgba(80,80,80,1);
box-shadow: 0px 0px 160px 0px rgba(80,80,80,1);
box-shadow: 0px 0px 160px 0px rgba(80,80,80,1);*/
box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.33);
-webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.33);
-moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.33);
}
/* Css for animation loading */
/* Use this html tag */
/* Get from https://loading.io/css/ */
/*<div class="lds-facebook"><div></div><div></div><div></div></div>*/
.lds-facebook {
display: inline-block;
position: absolute;
left:50%;
top:50%;
width: 80px;
height: 80px;
}
.lds-facebook div {
display: inline-block;
position: absolute;
left: 8px;
width: 16px;
background: #000;
animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
left: 8px;
animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
left: 32px;
animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
left: 56px;
animation-delay: 0;
}
@keyframes lds-facebook {
0% {
top: 8px;
height: 64px;
}
50%, 100% {
top: 24px;
height: 32px;
}
}