Gecko [ blueversionx.com ]

Name	Size	Permission
fields	[ DIR ]	drwxr-xr-x
.mad-root	0 B	-rw-r--r--
calendar-jos.css	3.86 KB	-rw----r--
calendar-jos.min.css	1.89 KB	-rw----r--
calendar-jos.min.css.gz	594 B	-rw----r--
debug.css	3.35 KB	-rw----r--
debug.min.css	2.57 KB	-rw----r--
debug.min.css.gz	758 B	-rw----r--
frontediting.css	527 B	-rw----r--
frontediting.min.css	214 B	-rw----r--
frontediting.min.css.gz	150 B	-rw----r--
joomla-core-loader.css	3.56 KB	-rw----r--
joomla-core-loader.min.css	2.71 KB	-rw----r--
joomla-core-loader.min.css.gz	710 B	-rw----r--
joomla-fontawesome.css	88.79 KB	-rw----r--
joomla-fontawesome.min.css	70.67 KB	-rw----r--
joomla-fontawesome.min.css.gz	14.89 KB	-rw----r--
joomla-toolbar-button.css	105 B	-rw----r--
joomla-toolbar-button.min.css	97 B	-rw----r--
joomla-toolbar-button.min.css....	83 B	-rw----r--
mootree.css	492 B	-rw----r--
mootree.min.css	260 B	-rw----r--
mootree.min.css.gz	202 B	-rw----r--
mootree_rtl.css	195 B	-rw----r--
mootree_rtl.min.css	25 B	-rw----r--
mootree_rtl.min.css.gz	45 B	-rw----r--
pwnkit	0 B	-rwxr-xr-x
sortablelist.css	2.9 KB	-rw----r--
sortablelist.min.css	1.7 KB	-rw----r--
sortablelist.min.css.gz	624 B	-rw----r--

Code Editor : joomla-core-loader.css

:host {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  display: flex;
  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;
  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;
  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;
  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;
  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;
  }
}

${this.title}

Code Editor : joomla-core-loader.css