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: 0s;
+
     transition: 0.1s;
 
}
 
}
 
li.gallerybox div.thumb:hover {
 
li.gallerybox div.thumb:hover {
 
     background-color: #EBEDEF;
 
     background-color: #EBEDEF;
 
     background-image:
 
     background-image:
       linear-gradient(45deg, #ccc 25%, transparent 25%),  
+
       linear-gradient(45deg, #F8F9FA 25%, transparent 25%),  
       linear-gradient(135deg, #ccc 25%, transparent 25%),
+
       linear-gradient(135deg, #F8F9FA 25%, transparent 25%),
       linear-gradient(45deg, transparent 75%, #ccc 75%),
+
       linear-gradient(45deg, transparent 75%, #F8F9FA 75%),
       linear-gradient(135deg, transparent 75%, #ccc 75%);
+
       linear-gradient(135deg, transparent 75%, #F8F9FA 75%);
 
     background-size:20px 20px; /* Must be a square */
 
     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 */
 
     background-position:0 0, 10px 0, 10px -10px, 0px 10px; /* Must be half of one side of the square */
 
}
 
}

Revision as of 01:16, 14 October 2022

li.gallerybox div.thumb {
    transition: 0.1s;
}
li.gallerybox div.thumb:hover {
    background-color: #EBEDEF;
    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 */
}
Cookies help us deliver our services. By using our services, you agree to our use of cookies.