This style was made to force pages to use the last of the css technology in terms of rendering (text and images). It will force even sites without css code.
GLOBAL // enhance by esdruxule
Imported and mirrored from https://raw.githubusercontent.com/uso-archive/data/flomaster/data/usercss/122742.user.css
Details
Authoresdruxule
LicenseCC-BY-4.0
Categoryglobal
Created
Updated
Size2.3 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
\ log
29.10.19 - 22:10PM - MAJOR UPDATE¹
+SVG rendering implemented;
+New rendering technologies added;
01.06.16 - 16:49pm - RELEASED
\ notes:
-Most features work only on Chrome and Firefox.
¹New edge experiments are plugged into previous and new "slots"; Deemed excessive, redundant or just previous illogical coding were removed.
((KNOWN ISSUES))
This is basically a cheat sheet for all websites. It will force to the user agent to always prioritize quality and precision over speed. It will NOT work on all browsers, specially older ones. It might slow down your browser experience if you are using less than the recommended requirements for the new browsers.
Source code
/* ==UserStyle==
@name GLOBAL // enhance
@namespace USO Archive
@author esdruxula
@description This style was made to force pages to use the last of the css technology in terms of rendering (text and images). It will force even sites without css code.
@version 20191104.11.35
@license CC-BY-4.0
@preprocessor uso
==/UserStyle== */
@-moz-document url("http://www.w3.org/1999/xhtml")
@namespace html url(http://www.w3.org/1999/xhtml);
@namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
*,
a,
p,
span {
font-optical-sizing: auto !important;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.020) !important;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: subpixel-antialiased !important;
-webkit-font-kerning: normal !important;
text-justify: inter-word !important;
}
img[src$=".gif"],
img[src$=".png"],
img[src$=".jpeg"]{
/* Webkit (non-standard naming) */
image-rendering: high-quality !important;
-ms-interpolation-mode: nearest-neighbor !important;
/* IE (non-standard property) */
}
.pixelated {
image-rendering: optimizeQuality !important;
/* Legal fallback */
image-rendering: -moz-crisp-edges !important;
/* Firefox */
image-rendering: -o-crisp-edges !important;
/* Opera */
image-rendering: -webkit-optimize-contrast !important;
/* Safari */
image-rendering: optimize-contrast !important;
/* CSS3 Proposed */
image-rendering: crisp-edges !important;
/* CSS4 Proposed */
image-rendering: pixelated !important;
/* CSS4 Proposed */
-ms-interpolation-mode: nearest-neighbor !important;
/* IE8+ */
}
.bicubic {
-ms-interpolation-mode: bicubic !important;
image-rendering: optimizeQuality !important;
}
.nearest {
-ms-interpolation-mode: nearest-neighbor !important;
image-rendering: optimizeQuality !important;
}
.pixelated {
-ms-interpolation-mode: nearest-neighbor;
image-rendering: optimizeQuality !important;
}
svg {
color-rendering: optimizeQuality !important;
shape-rendering: geometricPrecision !important;
text-rendering: geometricPrecision !important;
image-rendering: optimizeQuality !important;
}