fliegerjohn/mobile-config-firefox
1
0
Fork 1
mirror of https://codeberg.org/claui/mobile-config-firefox.git synced 2024-11-09 19:30:15 +00:00
Code Issues Projects Releases Packages Wiki Activity

Use media-document(image) instead of regexp in standalone image mods

Browse source
This commit is contained in:
MrOtherGuy 2022-12-28 07:49:11 +02:00
parent f9b3e20163
commit 2c6bca9fd7
1 changed files with 10 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
content/standalone_image_page_mods.css
View file

@ -1,23 +1,21 @@
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/content/standalone_image_page_mods.css made available under Mozilla Public License v. 2.0 /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/content/standalone_image_page_mods.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */ See the above repository for updates as well as full license text. */
/* Match *most* images urls, good enough for 99% of uses probably */ @-moz-document media-document(image){
@-moz-document regexp("(.*\.(apng|png|jpg|jpeg|gif|webp|avif|ico|bmp|APNG|PNG|JPG|JPEG|GIF|WEBP|AVIF|ICO|BMP)([\?#].*)*$)|(^data:image/.*)"){
@media not print { @media not print {
/* set solid color background */
html{ background-color: #232325 !important; }
/* remove default background */
body{ background-image: none !important; }
/* Position of the image, auto = default */ :root{
img:only-child{ background-color: #232325 !important; /* set solid color background */
margin: auto !important /* auto = center, 0 = top-left */ background-image: none !important; /* remove default background */
}
/* Position of the image, auto = center (default), 0 = top-left */
img{
margin: auto !important;
} }
/* Checkerboard pattern for transparent images, slight blue hue */ /* Checkerboard pattern for transparent images, slight blue hue */
img.transparent:only-child{ img.transparent{
background: conic-gradient(#eef 0.25turn, #bbc 0.25turn 0.5turn, #eef 0.5turn 0.75turn, #bbc 0.75turn) top left / 24px 24px repeat !important; background: conic-gradient(#eef 0.25turn, #bbc 0.25turn 0.5turn, #eef 0.5turn 0.75turn, #bbc 0.75turn) top left / 24px 24px repeat !important;
} }
} }