admingit/altocompta
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Waiting box look

Browse source
This commit is contained in:
sparkyx 2023-02-12 10:38:40 +01:00
commit 6b4c60593d
1 changed files with 35 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

48
html/css/style-classic7.css
View file

@ -265,10 +265,10 @@ table.document th{
@keyframes error_h2 {
from {
background-color: hsl(358,60%,44%);
background-color: hsl(358,60%,44%);
}
to {
background-color: hsl(359,100%,44%);
background-color: hsl(361,100%,44%);
}
}
.error {
@ -2303,7 +2303,7 @@ width: 85%;
color: black;
font-weight:700;
font-size:110%;
border: 1px edge blue;
border: 1px solid blue;
border-bottom: groove 2px white;
color:#665757;
}
@ -3283,7 +3283,7 @@ li.li-active {
width: 1.5rem;
height: 1.5rem;
display: inline-block;
animation: turn-color 2.5s linear 0s infinite forwards;
animation: turn-color 3.5s linear 0s infinite forwards;
position: relative;
left: 0px;
top: 10px;
@ -3291,13 +3291,35 @@ li.li-active {
box-shadow: #a7a7b3 1px 1px 40px;
border-radius: 5px;
}
@keyframes turn-color{
0% { transform : rotate(0deg);opacity:0.1;transform:scale( 0.3);background-color:navy}
50% { transform : rotate(90deg);opacity:0.9;; }
100% { transform : rotate(180deg);opacity:0.1;transform:scale( 1.3)}
.loading_msg:nth-child(2) {
background:orangered;
animation: turn-color2 3.5s linear 0s infinite forwards;
}
.loading_msg:nth-child(3) {
background:red;
animation: turn-color3 3.5s linear 0s infinite forwards;
}
.loading_msg:nth-child(4) {
background:orangered;
animation: turn-color2 3.5s linear 0s infinite forwards;
}
@keyframes turn-color{
0% { transform : rotate(0deg);opacity:0.1;transform:scale( 0.3);background-color:red;margin-left:0px;}
50% { transform : rotate(90deg);opacity:0.9; background-color:orangered;margin-left:2px; }
100% { transform : rotate(180deg);opacity:0.1;transform:scale( 1.5);margin-left:30px;}
}
@keyframes turn-color2{
0% { transform : rotate(0deg);opacity:0.1;transform:scale( 0.3);background-color:orangered;margin-left:0px;}
50% { transform : rotate(90deg);opacity:0.9; background-color:orange;margin-left:2px; }
100% { transform : rotate(180deg);opacity:0.1;transform:scale( 0.9);margin-left:30px;}
}
@keyframes turn-color3{
0% { transform : rotate(0deg);opacity:0.1;transform:scale( 0.3);background-color:darkgreen;margin-left:0px;}
50% { transform : rotate(90deg);opacity:0.9; background-color:lightgreen;margin-left:2px; }
100% { transform : rotate(180deg);opacity:0.1;transform:scale( 0.9);margin-left:30px;}
}
/**
* style in TEXTAREA wysiwyg must be encapsuled in div with the class nicEdit-main
@ -3346,7 +3368,7 @@ li.li-active {
padding: 0px;
font-style: normal;
margin-bottom: .5rem;
font-size: 1.5 rem !important;
font-size: 1.5rem !important;
background-color: transparent;
color: navy;
text-decoration: underline dashed;
@ -3357,9 +3379,9 @@ li.li-active {
padding: 0px;
font-style: normal;
margin-bottom: .5rem;
font-size: 1.1 rem !important;
font-size: 1.1rem !important;
background-color: transparent;
color: navy;
text-decoration: underline wavy;
margin-left:4rem;
}
}