Gecko [ gandhischool.edu.np ]

Name	Size	Permission
autosuggest	[ DIR ]	drwxrwxr-x
error	[ DIR ]	drwxrwxr-x
form	[ DIR ]	drwxrwxr-x
image_uploader	[ DIR ]	drwxrwxr-x
navbar	[ DIR ]	drwxrwxr-x
pagination	[ DIR ]	drwxrwxr-x
Alert.tsx	2.75 KB	-rw-rw-r--
DynamicInput.tsx	5.14 KB	-rw-rw-r--
Image.tsx	479 B	-rw-rw-r--
Message.tsx	470 B	-rw-rw-r--
NoData.tsx	303 B	-rw-rw-r--
Warning.tsx	1.74 KB	-rw-rw-r--
index.tsx	2.05 KB	-rw-rw-r--
style.css	2.69 KB	-rw-rw-r--
ui.css	2.69 KB	-rw-rw-r--

Code Editor : ui.css

.fond {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  background: #ddddddbd;
}

.contener_general {
  -webkit-animation: animball_two 1s infinite;
  -moz-animation: animball_two 1s infinite;
  -ms-animation: animball_two 1s infinite;
  animation: animball_two 1s infinite;
  width: 44px;
  height: 44px;
}
.contener_mixte {
  width: 44px;
  height: 44px;
  position: absolute;
}
.ballcolor {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.ball_1,
.ball_2,
.ball_3,
.ball_4 {
  position: absolute;
  -webkit-animation: animball_one 1s infinite ease;
  -moz-animation: animball_one 1s infinite ease;
  -ms-animation: animball_one 1s infinite ease;
  animation: animball_one 1s infinite ease;
}
.ball_1 {
  background-color: #cb2025;
  top: 0;
  left: 0;
}
.ball_2 {
  background-color: #f8b334;
  top: 0;
  left: 24px;
}
.ball_3 {
  background-color: #0077b5;
  top: 24px;
  left: 0;
}
.ball_4 {
  background-color: #97bf0d;
  top: 24px;
  left: 24px;
}

@-webkit-keyframes animball_one {
  0% {
    position: absolute;
  }
  50% {
    top: 12px;
    left: 12px;
    position: absolute;
    opacity: 0.5;
  }
  100% {
    position: absolute;
  }
}
@-moz-keyframes animball_one {
  0% {
    position: absolute;
  }
  50% {
    top: 12px;
    left: 12px;
    position: absolute;
    opacity: 0.5;
  }
  100% {
    position: absolute;
  }
}
@-ms-keyframes animball_one {
  0% {
    position: absolute;
  }
  50% {
    top: 12px;
    left: 12px;
    position: absolute;
    opacity: 0.5;
  }
  100% {
    position: absolute;
  }
}
@keyframes animball_one {
  0% {
    position: absolute;
  }
  50% {
    top: 12px;
    left: 12px;
    position: absolute;
    opacity: 0.5;
  }
  100% {
    position: absolute;
  }
}

@-webkit-keyframes animball_two {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
  }
  50% {
    -webkit-transform: rotate(360deg) scale(1.3);
  }
  100% {
    -webkit-transform: rotate(720deg) scale(1);
  }
}
@-moz-keyframes animball_two {
  0% {
    -moz-transform: rotate(0deg) scale(1);
  }
  50% {
    -moz-transform: rotate(360deg) scale(1.3);
  }
  100% {
    -moz-transform: rotate(720deg) scale(1);
  }
}
@-ms-keyframes animball_two {
  0% {
    -ms-transform: rotate(0deg) scale(1);
  }
  50% {
    -ms-transform: rotate(360deg) scale(1.3);
  }
  100% {
    -ms-transform: rotate(720deg) scale(1);
  }
}
@keyframes animball_two {
  0% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(360deg) scale(1.3);
  }
  100% {
    transform: rotate(720deg) scale(1);
  }
}

.loading-title {
  color: #999999;
  font-weight: 300;
  font-size: 30px;
  font-family: 'Roboto';
  padding-top: 20px;
}

${this.title}

Code Editor : ui.css