Join the PidgiNet Discord! https://discord.gg/Eg9QahqpXf

Difference between revisions of "User:Immewnity/fluent.css"

on PidgiWiki, the video game media repository
(Note to self: modify the correct thing)
(So it'll only work properly in Firefox for now, until browsers actually implement the current standard)
 
(14 intermediate revisions by the same user not shown)
Line 1: Line 1:
li.gallerybox div.thumb {
+
code {
     transition: background-color 0.16s;
+
     display: inline-block;
    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:16px 16px;
 
    background-position:0 0, 8px 0, 8px -8px, 0px 8px;
 
}
 
li.gallerybox div.thumb:hover {
 
    background-color: #F1F2F4;
 
}
 
 
 
.filehistory a img {
 
    background-color: white;
 
    background-image:
 
      linear-gradient(45deg, rgba(0,0,0,0.06) 25%, transparent 25%),
 
      linear-gradient(135deg, rgba(0,0,0,0.06) 25%, transparent 25%),
 
      linear-gradient(45deg, transparent 75%, rgba(0,0,0,0.06) 75%),
 
      linear-gradient(135deg, transparent 75%, rgba(0,0,0,0.06) 75%);
 
    background-size:16px 16px;
 
    background-position:0 0, 8px 0, 8px -8px, 0px 8px;
 
 
}
 
}
  
#file img {
+
code:empty {
     background-color: white;
+
     display: none;
    transition: background-color 0.16s;
 
    background-image:
 
      linear-gradient(45deg, white 25%, transparent 25%),
 
      linear-gradient(135deg, white 25%, transparent 25%),
 
      linear-gradient(45deg, transparent 75%, white 75%),
 
      linear-gradient(135deg, transparent 75%, white 75%);
 
    background-size:16px 16px;
 
    background-position:0 0, 8px 0, 8px -8px, 0px 8px;
 
 
}
 
}
  
#file img:hover {
+
code:-moz-only-whitespace {
    background:none;
+
     display: none;
    background-color: #EFEFEF;
 
    background-image:
 
      linear-gradient(45deg, white 25%, transparent 25%),
 
      linear-gradient(135deg, white 25%, transparent 25%),
 
      linear-gradient(45deg, transparent 75%, white 75%),
 
      linear-gradient(135deg, transparent 75%, white 75%);
 
     background-size:16px 16px;
 
    background-position:0 0, 8px 0, 8px -8px, 0px 8px;
 
 
}
 
}

Latest revision as of 02:28, 26 February 2023

code {
    display: inline-block;
}

code:empty {
    display: none;
}

code:-moz-only-whitespace {
    display: none;
}
Cookies help us deliver our services. By using our services, you agree to our use of cookies.