tommaso/liceo-ariosto
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
tommaso
2025-06-17 11:53:18 +02:00
commit 9f0f7ba12b
8804 changed files with 1369176 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

224
media/system/css/joomla-core-loader.css Normal file
View File

@ -0,0 +1,224 @@
:host {
position: fixed;
top: 0;
left: 0;
z-index: 10000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
overflow: hidden;
opacity: 0.8;
}
.box {
position: relative;
width: 345px;
height: 345px;
margin: 0 auto;
}
.box p {
float: right;
margin: 95px 0 0;
font: normal 1.25em/1em sans-serif;
color: #999;
}
.box > span {
-webkit-animation: jspinner 2s infinite ease-in-out;
animation: jspinner 2s infinite ease-in-out;
}
.box .red {
-webkit-animation-delay: -1.5s;
animation-delay: -1.5s;
}
.box .blue {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.box .green {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.yellow {
position: absolute;
top: 0;
left: 0;
width: 90px;
height: 90px;
content: "";
background: #f9a541;
border-radius: 90px;
}
.yellow::before, .yellow::after {
position: absolute;
top: 0;
left: 0;
-webkit-box-sizing: content-box;
box-sizing: content-box;
width: 50px;
content: "";
background: transparent;
border: 50px solid #f9a541;
}
.yellow::before {
height: 35px;
margin: 60px 0 0 -30px;
border-width: 50px 50px 0;
border-radius: 75px 75px 0 0;
}
.yellow::after {
height: 105px;
margin: 140px 0 0 -30px;
border-width: 0 0 0 50px;
}
.red {
position: absolute;
top: 0;
left: 0;
width: 90px;
height: 90px;
content: "";
background: #f44321;
border-radius: 90px;
}
.red::before, .red::after {
position: absolute;
top: 0;
left: 0;
-webkit-box-sizing: content-box;
box-sizing: content-box;
width: 50px;
content: "";
background: transparent;
border: 50px solid #f44321;
}
.red::before {
height: 35px;
margin: 60px 0 0 -30px;
border-width: 50px 50px 0;
border-radius: 75px 75px 0 0;
}
.red::after {
height: 105px;
margin: 140px 0 0 -30px;
border-width: 0 0 0 50px;
}
.blue {
position: absolute;
top: 0;
left: 0;
width: 90px;
height: 90px;
content: "";
background: #5091cd;
border-radius: 90px;
}
.blue::before, .blue::after {
position: absolute;
top: 0;
left: 0;
-webkit-box-sizing: content-box;
box-sizing: content-box;
width: 50px;
content: "";
background: transparent;
border: 50px solid #5091cd;
}
.blue::before {
height: 35px;
margin: 60px 0 0 -30px;
border-width: 50px 50px 0;
border-radius: 75px 75px 0 0;
}
.blue::after {
height: 105px;
margin: 140px 0 0 -30px;
border-width: 0 0 0 50px;
}
.green {
position: absolute;
top: 0;
left: 0;
width: 90px;
height: 90px;
content: "";
background: #7ac143;
border-radius: 90px;
}
.green::before, .green::after {
position: absolute;
top: 0;
left: 0;
-webkit-box-sizing: content-box;
box-sizing: content-box;
width: 50px;
content: "";
background: transparent;
border: 50px solid #7ac143;
}
.green::before {
height: 35px;
margin: 60px 0 0 -30px;
border-width: 50px 50px 0;
border-radius: 75px 75px 0 0;
}
.green::after {
height: 105px;
margin: 140px 0 0 -30px;
border-width: 0 0 0 50px;
}
.yellow {
margin: 0 0 0 255px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.red {
margin: 255px 0 0 255px;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.blue {
margin: 255px 0 0;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.green {
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
}
@-webkit-keyframes jspinner {
0%, 40%, 100% {
opacity: 0.3;
}
20% {
opacity: 1;
}
}
@keyframes jspinner {
0%, 40%, 100% {
opacity: 0.3;
}
20% {
opacity: 1;
}
}
@media (prefers-reduced-motion: reduce) {
.box > span {
-webkit-animation: none;
animation: none;
}
}