More actions
Created page with "→{{pp-protected|small=yes}}: .percentage-bar { position: relative; border: 1px solid #aaa; background-color: #fff; color:inherit; width: 100px; max-width: 100%; height: 1.5em; } .percentage-bar-fill { position: absolute; background-color: #dbdbdb; color:inherit; height: 1.5em; width: 50%; } .percentage-bar-text { position: absolute; width: 100%; height: 1.5em; text-align: center; color: #000; }" |
No edit summary |
||
| (5 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
.percentage-bar { | .percentage-bar { | ||
position: relative; | position: relative; | ||
border: 1px solid | border: 1px solid var(--color-surface-3); | ||
background-color: | background-color: var(--color-surface-1); | ||
color: var(--color-base); | |||
width: 100px; | width: 100px; | ||
max-width: 100%; | max-width: 100%; | ||
| Line 13: | Line 13: | ||
position: absolute; | position: absolute; | ||
background-color: #dbdbdb; | background-color: #dbdbdb; | ||
color: var(--color-base); | |||
height: 1.5em; | height: 1.5em; | ||
width: 50%; | width: 50%; | ||
| Line 23: | Line 23: | ||
height: 1.5em; | height: 1.5em; | ||
text-align: center; | text-align: center; | ||
color: | color: var(--color-base); | ||
} | } | ||
Latest revision as of 19:28, 10 June 2026
/* {{pp-protected|small=yes}} */
.percentage-bar {
position: relative;
border: 1px solid var(--color-surface-3);
background-color: var(--color-surface-1);
color: var(--color-base);
width: 100px;
max-width: 100%;
height: 1.5em;
}
.percentage-bar-fill {
position: absolute;
background-color: #dbdbdb;
color: var(--color-base);
height: 1.5em;
width: 50%;
}
.percentage-bar-text {
position: absolute;
width: 100%;
height: 1.5em;
text-align: center;
color: var(--color-base);
}