Difference between revisions of "Template:ProgressBarBlock/main.css"
From A Wiki in the Desert
(10 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
.bar { | .bar { | ||
− | + | width: 50%; | |
− | width: | + | display: flex !important; |
− | |||
} | } | ||
.bar-block { | .bar-block { | ||
− | + | background-color: white; | |
− | + | border:1px; | |
+ | border-style: solid; | ||
+ | border-color: black; | ||
+ | display: inline-block !important; | ||
height: 20px; | height: 20px; | ||
+ | flex: 1; | ||
} | } | ||
.bar-block:first-child { | .bar-block:first-child { | ||
Line 14: | Line 17: | ||
.bar-block:last-child { | .bar-block:last-child { | ||
border-radius: 0 5px 5px 0; | border-radius: 0 5px 5px 0; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } |
Latest revision as of 20:27, 4 June 2021
.bar {
width: 50%;
display: flex !important;
}
.bar-block {
background-color: white;
border:1px;
border-style: solid;
border-color: black;
display: inline-block !important;
height: 20px;
flex: 1;
}
.bar-block:first-child {
border-radius: 5px 0 0 5px;
}
.bar-block:last-child {
border-radius: 0 5px 5px 0;
}