User:Bongolium500/common.css: Difference between revisions
From Jenny Everywhere Wiki
Bongolium500 (talk | contribs) (Created page with ".blur-image .thumbimage { filter: blur(20px); }") |
Bongolium500 (talk | contribs) No edit summary |
||
Line 1: | Line 1: | ||
.blur-image .thumbimage { | .blur-image .thumbimage { | ||
filter: blur(20px); | filter: blur(20px); | ||
} | |||
.blur-image .thumbinner { | |||
display: grid; | |||
} | |||
.blur-image a { | |||
grid-column: 1; | |||
grid-row: 1; | |||
} | |||
.blur-image .imagecover { | |||
background-color: #000000A0; | |||
grid-column: 1; | |||
grid-row: 1; | |||
margin: auto; | |||
} | |||
.blur-image .imagecover:after { | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
color: white; | |||
background-color: black; | |||
text-align: center; | |||
content: "Click to view"; | |||
} | } |
Revision as of 18:58, 18 July 2024
.blur-image .thumbimage {
filter: blur(20px);
}
.blur-image .thumbinner {
display: grid;
}
.blur-image a {
grid-column: 1;
grid-row: 1;
}
.blur-image .imagecover {
background-color: #000000A0;
grid-column: 1;
grid-row: 1;
margin: auto;
}
.blur-image .imagecover:after {
position: absolute;
top: 0;
left: 0;
color: white;
background-color: black;
text-align: center;
content: "Click to view";
}