Template:Progress/Styles.css: Difference between revisions
Jump to navigation
Jump to search
TriforceTony (talk | contribs) (Created page with ".zw-progress__outline { width:100%; max-width:20em; margin-left:auto; background: #d2d2d2; border: 3px solid #d2d2d2; border-radius: 85px; } .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, #2e77...") |
TriforceTony (talk | contribs) No edit summary |
||
Line 1: | Line 1: | ||
.zw-progress__container { | |||
width: 100%; | |||
max-width: 20em; | |||
margin-left: auto; | |||
} | |||
.zw-progress__outline { | .zw-progress__outline { | ||
background: #d2d2d2; | background: #d2d2d2; | ||
border: 3px solid #d2d2d2; | border: 3px solid #d2d2d2; | ||
border-radius: 85px; | border-radius: 85px; | ||
} | |||
.zw-progress_summary { | |||
text-align: center; | |||
} | } | ||
.zw-progress__background { | .zw-progress__background { | ||
width: 100%; | width: 100%; | ||
background:#1a5833; | background: #1a5833; | ||
color:#d2d2d2; | color: #d2d2d2; | ||
border: 0 solid #f42069; | border: 0 solid #f42069; | ||
border-radius: 85px; | border-radius: 85px; | ||
Line 17: | Line 24: | ||
.zw-progress__bar { | .zw-progress__bar { | ||
background:#297355; | background: #297355; | ||
border: 0px solid #297355; | border: 0px solid #297355; | ||
overflow: hidden; | overflow: hidden; |
Revision as of 13:50, 25 April 2024
.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);
}