Waiting box

This commit is contained in:
sparkyx 2023-02-12 10:27:29 +01:00
parent d68209e015
commit 445b4c69c0

View file

@ -265,13 +265,10 @@ table.document th{
@keyframes error_h2 {
from {
background-color: hsl(0, 100%, 50%);
color: hsl(0, 100%, 81%);
background-color: hsl(358,60%,44%);
}
to {
background-color: hsl(0, 100%, 81%);
color: hsl(0, 100%, 50%);
transform: rotate3d(1,1,1,45deg);
background-color: hsl(361,100%,44%);
}
}
.error {
@ -2306,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;
}
@ -3308,19 +3305,19 @@ li.li-active {
}
@keyframes turn-color{
0% { transform : rotate(0deg);opacity:0.1;transform:scale( 0.3);background-color:navy}
50% { transform : rotate(90deg);opacity:0.9; background-color:navy }
100% { transform : rotate(180deg);opacity:0.1;transform:scale( 1.3)}
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}
50% { transform : rotate(90deg);opacity:0.9; background-color:orange }
100% { transform : rotate(180deg);opacity:0.1;transform:scale( 1.3)}
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;}
50% { transform : rotate(90deg);opacity:0.9; background-color:lightgreen; }
100% { transform : rotate(180deg);opacity:0.1;transform:scale( 1.2)}
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;}
}
@ -3371,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;
@ -3382,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;
}
}