MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
(Created page with "→CSS placed here will be applied to all skins: #toc { float: right };") |
No edit summary Tag: Reverted |
||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
#toc { float: right }; | #toc { float: right }; | ||
.rating { | |||
display: flex; | |||
flex-direction: row-reverse; | |||
justify-content: center; | |||
} | |||
.rating > input{ | |||
display:none; | |||
} | |||
.rating > label { | |||
position: relative; | |||
width: 1.1em; | |||
font-size: 15vw; | |||
color: #FFD700; | |||
cursor: pointer; | |||
} | |||
.rating > label::before{ | |||
content: “\2605”; | |||
position: absolute; | |||
opacity: 0; | |||
} | |||
.rating > label:hover:before, | |||
.rating > label:hover ~ label:before { | |||
opacity: 1 !important; | |||
} | |||
.rating > input:checked ~ label:before{ | |||
opacity:1; | |||
} | |||
.rating:hover > input:checked ~ label:before{ | |||
opacity: 0.4; | |||
} |
Revision as of 14:36, 15 November 2023
/* CSS placed here will be applied to all skins */ #toc { float: right }; .rating { display: flex; flex-direction: row-reverse; justify-content: center; } .rating > input{ display:none; } .rating > label { position: relative; width: 1.1em; font-size: 15vw; color: #FFD700; cursor: pointer; } .rating > label::before{ content: “\2605”; position: absolute; opacity: 0; } .rating > label:hover:before, .rating > label:hover ~ label:before { opacity: 1 !important; } .rating > input:checked ~ label:before{ opacity:1; } .rating:hover > input:checked ~ label:before{ opacity: 0.4; }