Join the PidgiNet Discord! https://discord.gg/Eg9QahqpXf
Difference between revisions of "User:Immewnity/fluent.css"
on PidgiWiki, the video game media repository
| Line 1: | Line 1: | ||
li.gallerybox div.thumb { | li.gallerybox div.thumb { | ||
transition: background-color 0.5s; | transition: background-color 0.5s; | ||
| − | background-image: | + | background-image: |
| − | background- | + | linear-gradient(45deg, #F8F9FA 25%, transparent 25%), |
| + | linear-gradient(135deg, #F8F9FA 25%, transparent 25%), | ||
| + | linear-gradient(45deg, transparent 75%, #F8F9FA 75%), | ||
| + | linear-gradient(135deg, transparent 75%, #F8F9FA 75%); | ||
| + | background-size:20px 20px; /* Must be a square */ | ||
| + | background-position:0 0, 10px 0, 10px -10px, 0px 10px; /* Must be half of one side of the square */ | ||
} | } | ||
li.gallerybox div.thumb:hover { | li.gallerybox div.thumb:hover { | ||
background-color: #EBEDEF; | background-color: #EBEDEF; | ||
} | } | ||
Revision as of 01:22, 14 October 2022
li.gallerybox div.thumb {
transition: background-color 0.5s;
background-image:
linear-gradient(45deg, #F8F9FA 25%, transparent 25%),
linear-gradient(135deg, #F8F9FA 25%, transparent 25%),
linear-gradient(45deg, transparent 75%, #F8F9FA 75%),
linear-gradient(135deg, transparent 75%, #F8F9FA 75%);
background-size:20px 20px; /* Must be a square */
background-position:0 0, 10px 0, 10px -10px, 0px 10px; /* Must be half of one side of the square */
}
li.gallerybox div.thumb:hover {
background-color: #EBEDEF;
}
