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

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

on PidgiWiki, the video game media repository
(How noticeable will this be?)
(So it'll only work properly in Firefox for now, until browsers actually implement the current standard)
 
(12 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: #EFEFEF;
 
    background-image:
 
      linear-gradient(45deg, #FFF 25%, transparent 25%),
 
      linear-gradient(135deg, #FFF 25%, transparent 25%),
 
      linear-gradient(45deg, transparent 75%, #FFF 75%),
 
      linear-gradient(135deg, transparent 75%, #FFF 75%);
 
}
 
 
 
.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.