File Manager

X7ROOT File Manager

Current Path: /home/notabjze/narcev.com/media/system/css

home / notabjze / narcev.com / media / system / css /

ðŸ“ ..
ðŸ“„ calendar-jos.css(3.86 KB)
ðŸ“„ calendar-jos.min.css(1.89 KB)
ðŸ“„ calendar-jos.min.css.gz(594 B)
ðŸ“„ debug.css(3.35 KB)
ðŸ“„ debug.min.css(2.57 KB)
ðŸ“„ debug.min.css.gz(758 B)
ðŸ“ fields
ðŸ“„ frontediting.css(527 B)
ðŸ“„ frontediting.min.css(214 B)
ðŸ“„ frontediting.min.css.gz(150 B)
ðŸ“„ joomla-core-loader.css(3.56 KB)
ðŸ“„ joomla-core-loader.min.css(2.71 KB)
ðŸ“„ joomla-core-loader.min.css.gz(710 B)
ðŸ“„ joomla-fontawesome.css(88.79 KB)
ðŸ“„ joomla-fontawesome.min.css(70.67 KB)
ðŸ“„ joomla-fontawesome.min.css.gz(14.89 KB)
ðŸ“„ joomla-toolbar-button.css(105 B)
ðŸ“„ joomla-toolbar-button.min.css(97 B)
ðŸ“„ joomla-toolbar-button.min.css.gz(83 B)
ðŸ“„ mootree.css(492 B)
ðŸ“„ mootree.min.css(260 B)
ðŸ“„ mootree.min.css.gz(202 B)
ðŸ“„ mootree_rtl.css(195 B)
ðŸ“„ mootree_rtl.min.css(25 B)
ðŸ“„ mootree_rtl.min.css.gz(45 B)
ðŸ“„ sortablelist.css(2.9 KB)
ðŸ“„ sortablelist.min.css(1.7 KB)
ðŸ“„ sortablelist.min.css.gz(624 B)

Editing: 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;
  }
}

X7ROOT File Manager

Editing: joomla-core-loader.css

Upload File

Create Folder