Wikipedia

Module:Progression rainbow/styles.css: Difference between revisions

Browse history interactively
← Previous edit
Content deleted Content added
put max-width on rainbow
Tag: Reverted
Protected
 
(8 intermediate revisions by 3 users not shown)
Line 1:
/* {{pp-template}} */
.progression-rainbow {
border: 1px solid grey;
height: 10px4px;
widthpadding: 100%1px;
borderlist-spacingstyle: 1pxnone;
display: blockflex;▼
border-collapse: separate;
margin-left: 0;
}
 
.progression-rainbow tr tdli {
height: 4px100%;
}
 
.progression-rainbow tr .remaining {
background: #E2E2E2;
}
 
/* hide the text provided for blind people
https://webaim.org/techniques/css/invisiblecontent/
don't have access to clip. too new? open to abuse?
*/
.progression-rainbow span {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
 
@media all and (max-width: 800px) {
.progression-rainbow {
max-width: 50%;
}
.progression-rainbow tr td {
▲ display: block;
}
}
Retrieved from "https://en.wikipedia.org/wiki/Module:Progression_rainbow/styles.css"