Template:Progress/Styles.css
Jump to navigation
Jump to search
.zw-progress__container {
width: 100%;
max-width: 20em;
margin-left: auto;
}
.zw-progress__outline {
background: #d2d2d2;
border: 3px solid #d2d2d2;
border-radius: 85px;
}
.zw-progress__summary {
text-align: center;
}
.zw-progress__background {
width: 100%;
background: #1a5833;
color: #d2d2d2;
border: 0 solid #f42069;
border-radius: 85px;
}
.zw-progress__bar {
background: #297355;
border: 0px solid #297355;
overflow: hidden;
opacity: 1.0;
}
.zw-progress__bar-basic {
/* background-image: -moz-linear-gradient(to right, #297355, #2e7752); */
/* background-image: -o-linear-gradient(to right, #297355, #2e7752); */
/* background-image: -webkit-linear-gradient(to right, #297355, #2e7752); */
background-image: linear-gradient(to right, #297355, #2e7752);
}
.zw-progress__bar-twenty-six {
/* background-image: -moz-linear-gradient(to right, #297355, #2e7752, #377d51); */
/* background-image: -o-linear-gradient(to right, #297355, #2e7752, #377d51); */
/* background-image: -webkit-linear-gradient(to right, #297355, #2e7752, #377d51); */
background-image: linear-gradient(to right, #297355, #2e7752, #377d51);
}
.zw-progress__bar-fifty-one {
/* background-image: -moz-linear-gradient(to right, #297355, #2e7752, #377d51, #408153); */
/* background-image: -o-linear-gradient(to right, #297355, #2e7752, #377d51, #408153); */
/* background-image: -webkit-linear-gradient(to right, #297355, #2e7752, #377d51, #408153); */
background-image: linear-gradient(to right, #297355, #2e7752, #377d51, #408153);
}
.zw-progress__bar-seventy-six {
/* background-image: -moz-linear-gradient(to right, #297355, #2e7752, #377d51, #408153, #57885e); */
/* background-image: -o-linear-gradient(to right, #297355, #2e7752, #377d51, #408153, #57885e); */
/* background-image: -webkit-linear-gradient(to right, #297355, #2e7752, #377d51, #408153, #57885e); */
background-image: linear-gradient(to right, #297355, #2e7752, #377d51, #408153, #57885e);
}