Difference between revisions of "Template:LoveLive Characters Avatar/style.css"
(Blanked the page) (Tag: Blanking) |
(Tag: Undo) |
||
| Line 1: | Line 1: | ||
| − | + | .ll-icon { | |
| + | list-style-image: none; | ||
| + | list-style-type: none; | ||
| + | margin-left: 0 !important; | ||
| + | padding-left: 0; | ||
| + | } | ||
| + | .ll-icon > li { | ||
| + | width: calc(4em + 6ch); | ||
| + | text-align: center; | ||
| + | display: inline-block; | ||
| + | padding-top: 5px; | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | .ll-icon-error { | ||
| + | color: red; | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | .ll-icon-error > div { | ||
| + | display: none; | ||
| + | } | ||
| + | .ll-icon .image-box { | ||
| + | display: inline-block !important; | ||
| + | width: 80px; | ||
| + | height: 80px; | ||
| + | border: 2px solid #eee; | ||
| + | border-radius: 50%; | ||
| + | position: relative; | ||
| + | overflow: hidden; | ||
| + | z-index: 1; | ||
| + | } | ||
| + | .ll-icon .image-box > span { | ||
| + | position: absolute; | ||
| + | left: 0; | ||
| + | top: 0; | ||
| + | } | ||
| + | .ll-icon .image-box img { | ||
| + | max-width: unset !important; | ||
| + | } | ||
| + | .ll-icon .hover-change-after + span { | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | bottom: 0; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | z-index: 1; | ||
| + | } | ||
Revision as of 15:05, 14 April 2022
.ll-icon {
list-style-image: none;
list-style-type: none;
margin-left: 0 !important;
padding-left: 0;
}
.ll-icon > li {
width: calc(4em + 6ch);
text-align: center;
display: inline-block;
padding-top: 5px;
vertical-align: top;
}
.ll-icon-error {
color: red;
font-weight: bold;
}
.ll-icon-error > div {
display: none;
}
.ll-icon .image-box {
display: inline-block !important;
width: 80px;
height: 80px;
border: 2px solid #eee;
border-radius: 50%;
position: relative;
overflow: hidden;
z-index: 1;
}
.ll-icon .image-box > span {
position: absolute;
left: 0;
top: 0;
}
.ll-icon .image-box img {
max-width: unset !important;
}
.ll-icon .hover-change-after + span {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
