ChartistJSF Plugins CSS

plugins.css

.example-plugin-threshold .ct-line {
    stroke-dasharray: 5px;
    animation: dashoffset 1s linear infinite;
}

.example-plugin-threshold.ct-chart .ct-series .ct-bar.ct-threshold-above,.example-plugin-threshold.ct-chart .ct-series .ct-line.ct-threshold-above,.example-plugin-threshold.ct-chart .ct-series .ct-point.ct-threshold-above {
    stroke: #f05b4f;
}

.example-plugin-threshold.ct-chart .ct-series .ct-bar.ct-threshold-below,.example-plugin-threshold.ct-chart .ct-series .ct-line.ct-threshold-below,.example-plugin-threshold.ct-chart .ct-series .ct-point.ct-threshold-below {
    stroke: #59922b;
}

.example-plugin-threshold.ct-chart .ct-series .ct-area.ct-threshold-above {
    fill: #f05b4f;
}

.example-plugin-threshold.ct-chart .ct-series .ct-area.ct-threshold-below {
    fill: #59922b;
}

@-webkit-keyframes dashoffset {
    0% {
        stroke-dashoffset: 0
    }

    100% {
        stroke-dashoffset: -20px
    }
}

@-moz-keyframes dashoffset {
    0% {
        stroke-dashoffset: 0
    }

    100% {
        stroke-dashoffset: -20px
    }
}

@-ms-keyframes dashoffset {
    0% {
        stroke-dashoffset: 0
    }

    100% {
        stroke-dashoffset: -20px
    }
}

@keyframes dashoffset {
    0% {
        stroke-dashoffset: 0
    }

    100% {
        stroke-dashoffset: -20px
    }
}