Gecko [ admjudic.com.br ]

Name	Size	Permission
images	[ DIR ]	drwxr-xr-x
lightbox	[ DIR ]	drwxr-xr-x
nivolightbox-themes	[ DIR ]	drwxr-xr-x
ytplayer	[ DIR ]	drwxr-xr-x
ace-responsive-menu.css	8.19 KB	-rwxr-xr-x
ajax-loader.gif	4.08 KB	-rwxr-xr-x
animate.css	58.41 KB	-rwxr-xr-x
animated-overlay.gif	1003 B	-rwxr-xr-x
blank.gif	1003 B	-rwxr-xr-x
bootstrap-select.min.css	9.57 KB	-rwxr-xr-x
bootstrap.min.css	151.58 KB	-rwxr-xr-x
ccn-flaticon.css	22.2 KB	-rwxr-xr-x
ccn-visualize.css	17.83 KB	-rwxr-xr-x
cocoon-dashboard.css	272 B	-rwxr-xr-x
cocoon-mdl-reset.css	1.45 KB	-rwxr-xr-x
cocoon-mdl.css	126.12 KB	-rwxr-xr-x
cocoon.css	438.78 KB	-rwxr-xr-x
cocoon.editor.theme.css	11.37 KB	-rwxr-xr-x
cocoon.footer.9.css	1.29 KB	-rwxr-xr-x
cocoon.header.1.css	342 B	-rwxr-xr-x
cocoon.header.10.css	6.29 KB	-rwxr-xr-x
cocoon.header.11.css	827 B	-rwxr-xr-x
cocoon.header.12.css	1.44 KB	-rwxr-xr-x
cocoon.header.13.css	5.7 KB	-rwxr-xr-x
cocoon.header.14.css	7.44 KB	-rwxr-xr-x
cocoon.header.2.css	4.42 KB	-rwxr-xr-x
cocoon.header.3.css	10.6 KB	-rwxr-xr-x
cocoon.header.4.css	7.82 KB	-rwxr-xr-x
cocoon.header.5.css	6.92 KB	-rwxr-xr-x
cocoon.header.6.css	5.05 KB	-rwxr-xr-x
cocoon.header.7.css	3.8 KB	-rwxr-xr-x
cocoon.header.8.css	9.33 KB	-rwxr-xr-x
cocoon.header.9.css	593 B	-rwxr-xr-x
cocoon.header.context.dash.css	1.15 KB	-rwxr-xr-x
cocoon.header.context.focus.cs...	1.15 KB	-rwxr-xr-x
cocoon.mdl.310.css	968 B	-rwxr-xr-x
cocoon.mdl.311.css	1.3 KB	-rwxr-xr-x
cocoon.mdl.37.css	407 B	-rwxr-xr-x
cocoon.mdl.38.css	646 B	-rwxr-xr-x
cocoon.mdl.39.css	593 B	-rwxr-xr-x
cocoon.mdl.reset.310.css	1.2 KB	-rwxr-xr-x
cocoon.mdl.reset.311.css	1.2 KB	-rwxr-xr-x
cocoon.mdl.reset.37.css	45 B	-rwxr-xr-x
cocoon.mdl.reset.38.css	0 B	-rwxr-xr-x
cocoon.mdl.reset.39.css	600 B	-rwxr-xr-x
custom.css	282 B	-rwxr-xr-x
dashbord_navitaion.css	1.82 KB	-rwxr-xr-x
fancybox_overlay.png	1003 B	-rwxr-xr-x
fileuploader.css	10.31 KB	-rwxr-xr-x
flaticon.css	5.56 KB	-rwxr-xr-x
font-awesome-animation.min.css	18 KB	-rwxr-xr-x
font-awesome.min.css	30.36 KB	-rwxr-xr-x
isotope.css	915 B	-rwxr-xr-x
jquery-ui.min.css	28.59 KB	-rwxr-xr-x
jquery.fancybox.min.css	12.5 KB	-rwxr-xr-x
line-awesome.min.css	88.08 KB	-rwxr-xr-x
magnific-popup.css	15.59 KB	-rwxr-xr-x
megadropdown.css	10.78 KB	-rwxr-xr-x
menu.css	18.01 KB	-rwxr-xr-x
nouislider.min.css	4.19 KB	-rwxr-xr-x
owl.css	4.18 KB	-rwxr-xr-x
progressbar.css	4.12 KB	-rwxr-xr-x
responsive.css	76.65 KB	-rwxr-xr-x
simplebar.min.css	9.79 KB	-rwxr-xr-x
slider.css	10.29 KB	-rwxr-xr-x
spectrum.css	14.57 KB	-rwxr-xr-x
style.css	0 B	-rwxr-xr-x
timecounter.css	16.12 KB	-rwxr-xr-x
ytbg.css	985 B	-rwxr-xr-x

Code Editor : progressbar.css

.sonny_progressbar {
  margin-bottom: 20px;
}
.sonny_progressbar p.title {
  margin-bottom: 15px;
}
.sonny_progressbar .bar-container {
  position: relative;
  height: 6px !important;
}
.sonny_progressbar .bar-container.shadow {
  -moz-box-shadow: 0px 5px 7px -3px rgba(0,0,0,.5);
  -webkit-box-shadow: 0px 5px 7px -3px rgba(0,0,0,.5);
  box-shadow: 0px 5px 7px -3px rgba(0,0,0,.5);
}
.sonny_progressbar .backgroundBar {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
.sonny_progressbar .bar {
  border-radius: 3px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.sonny_progressbar .targetBar {
  background-color: transparent !important;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  -webkit-animation: Animation 2s infinite ease-in-out;
  -moz-animation: Animation 2s infinite ease-in-out;
  animation: Animation 2s infinite ease-in-out;
}
.sonny_progressbar .targetBar.loader {
  -webkit-animation: AnimationB 4s infinite ease-in-out;
  -moz-animation: AnimationB 4s infinite ease-in-out;
  animation: AnimationB 4s infinite ease-in-out;
  background-image: url('[[cocoon:edumy]]/style/animated-overlay.gif');
}
.sonny_progressbar .bar-container.border .bar, .sonny_progressbar .bar-container.border .targetBar, .sonny_progressbar .bar-container.border .backgroundBar {
  border-bottom: 3px solid rgba(0,0,0,.2);
}
.sonny_progressbar .progress-percent {
  font-size: 16px;
  position: absolute;
  right: 15px;
}
@keyframes Animation {
  0%   { opacity:.4; }
  50%   { opacity:1; }
  100% { opacity:.4; }
}
@-moz-keyframes Animation{
  0%   { opacity:.4; }
  50%   { opacity:1; }
  100% { opacity:.4; }
}
@-webkit-keyframes Animation{
  0%   { opacity:.4; }
  50%   { opacity:1; }
  100% { opacity:.4; }
}
@keyframes AnimationB {
  0%   { opacity:.01; }
  50%   { opacity:.1; }
  100% { opacity:.01; }
}
@-moz-keyframes AnimationB {
  0%   { opacity:.01; }
  50%   { opacity:.1; }
  100% { opacity:.01; }
}
@-webkit-keyframes AnimationB {
  0%   { opacity:.01; }
  50%   { opacity:.1; }
  100% { opacity:.01; }
}
/* DashBoard Chart */
/**
 * Inspiration for this project found at:
 * https://markus.oberlehner.net/blog/pure-css-animated-svg-circle-chart
 * 1. The `reverse` animation direction plays the animation backwards
 *    which makes it start at the stroke offset 100 which means displaying
 *    no stroke at all and animating it to the value defined in the SVG
 *    via the inline `stroke-dashoffset` attribute.
 * 2. Rotate by -90 degree to make the starting point of the
 *    stroke the top of the circle.
 * 3. Using CSS transforms on SVG elements is not supported by Internet Explorer
 *    and Edge, use the transform attribute directly on the SVG element as a
 * .  workaround.
 */

.circle-chart {
  margin-bottom: 35px;
  height: 150px;
  width: 150px;
}
.circle-chart__circle {
  stroke: #00acc1;
  stroke-width: 2;
  stroke-linecap: square;
  fill: none;
  animation: circle-chart-fill 2s reverse; /* 1 */
  transform: rotate(20deg); /* 2, 3 */
  transform-origin: center; /* 4 */
}
/**
 * 1. Rotate by -90 degree to make the starting point of the
 *    stroke the top of the circle.
 * 2. Scaling mirrors the circle to make the stroke move right
 *    to mark a positive chart value.
 * 3. Using CSS transforms on SVG elements is not supported by Internet Explorer
 *    and Edge, use the transform attribute directly on the SVG element as a
 * .  workaround.
 */
.circle-chart__circle--negative {
  transform: rotate(-90deg) scale(1,-1); /* 1, 2, 3 */
}
.circle-chart__background {
  stroke: #0e4cfb;
  stroke-width: 2;
  fill: none;
}
.circle-chart__info {
  animation: circle-chart-appear 2s forwards;
  opacity: 0;
  transform: translateY(0.3em);
}
.circle-chart__percent {
  alignment-baseline: central;
  text-anchor: middle;
  font-size: 8px;
  display: none;
}
.circle-chart__subline {
  alignment-baseline: central;
  text-anchor: middle;
  font-size: 5px;
}
.success-stroke {
  stroke: #e94f85;
}
.warning-stroke {
  stroke: #ffbb33;
}
.danger-stroke {
  stroke: #ff4444;
}
@keyframes circle-chart-fill {
  to { stroke-dasharray: 0 100; }
}
@keyframes circle-chart-appear {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

${this.title}

Code Editor : progressbar.css