Add-ons › Widgets › Web Developer
Css Fix
Generates user CSS patches for websites that are missing Opera-supported CSS properties.
Description
How many times have you come across
a site
that looks blocky in Opera, yet smooth in other browsers because the web designer forgot border-radius, or a CSS3 transitions demo that doesn't work in Opera because the designer didn't add the -o prefixed properties?
CSS Fix aims to remedy this problem by generating user CSS or user JavaScript to add in the missing styles. Enter the URLs of broken web pages or CSS files and hit
Fix
. CSS Fix will download all the stylesheets it can find and generate a patch stylesheet. Edit the site preferences for the offending site and set
My style sheet
to load the patch.
CSS Fix can also generate patches for Firefox, Chrome/Safari, and Konqueror. Its patches can be loaded in any web browser with user CSS or user JavaScript support. Since user CSS can only be applied per-domain in Opera, CSS Fix can also generate Opera-optimized user scripts that apply immediately instead of when the page finishes loading.
Note: CSS Fix does not fix invalid syntax, nor does it fix layout differences between browsers. It only takes browser-specific code and makes it work in more browsers.
You can check out a stylesheet generated by CSS Fix with
this patch for Twitter
. (A fix for the background color of textboxes was added by hand, but the rest was automatically generated)
Update
Added support for -o-linear-gradient (hopefully without breaking anything else)
Screenshots
Comments (8 on the original page, latest shown)
Download
Works with Opera 9 to Opera 12.
About this widget
| Downloads | 19,585 |
|---|---|
| Category | Web Developer |
| Version | 1.5 |
| Size | 70KB |
| Last update | October 5, 2011 |
| Devices | desktop |
| Original page | Internet Archive |
It needs updating, text-overflow is now valid with out -o- in Opera 10.70.
Yep. I'm working on an update that will decide whether text-overflow gets prefixed or not based on your version and build number. Edit: The update is ready, but (probably because of this ) I'm having trouble uploading it right now. Edit x2: Update uploaded. It just needs to get approved now.
Wish: While you are updating, can you add a checkbox for "remove all vendor specific prefixes" regardless of the version installed?
That can be arranged. I added a new "browser" that removes the prefixes from all prefixed properties. Wait a bit until version 1.3 gets put up.
Could we get an update for the CSS linear gradient? I found most of them just need the -moz- replaced with -o-.
Looks like just what I need!. But I can't get it to work at all. I get the message "CSS Fix failed to download a stylesheet due to a bug in the opera widgets runtime." And it doesn't go away. This is when trying to fix a local css or html file. When I try to access my website, the circling cursor never goes away... This is Win 7, 64 bit, Opera 11.5 I'd love to use this thing...
To fix CSS Fix widget you have to modify one of it's JS files. In ScraperLib.js you need to comment out line 174 and 175 with // Then it will work. Something changed right before Opera 11.5 was released that broke an old js library they wrote.
I just uploaded a fixed version. While it's waiting to get through the queue, you can download it from http://files.myopera.com/spadija/programs/CssFixWidget.wgt .