Difference between revisions of "Template:ProgressBarBlock/main.css"
From A Wiki in the Desert
(Created page with ".bar { background-color: white; width: 100%; height: 20px; } .bar-block { background-color: green; display: inline-block; width: 4%; height: 20px; } .bar-block:...") |
|||
| Line 4: | Line 4: | ||
height: 20px; | height: 20px; | ||
} | } | ||
| − | |||
.bar-block { | .bar-block { | ||
| − | |||
display: inline-block; | display: inline-block; | ||
width: 4%; | width: 4%; | ||
| Line 17: | Line 15: | ||
border-radius: 0 5px 5px 0; | border-radius: 0 5px 5px 0; | ||
} | } | ||
| − | .bar-block | + | .bar-block-full { |
| − | background-color: | + | background-color: green; |
} | } | ||
| − | .bar-block | + | .bar-block-empty { |
| − | background-color: | + | background-color: white; |
} | } | ||
Revision as of 16:26, 3 June 2021
.bar {
background-color: white;
width: 100%;
height: 20px;
}
.bar-block {
display: inline-block;
width: 4%;
height: 20px;
}
.bar-block:first-child {
border-radius: 5px 0 0 5px;
}
.bar-block:last-child {
border-radius: 0 5px 5px 0;
}
.bar-block-full {
background-color: green;
}
.bar-block-empty {
background-color: white;
}