Css Fix

Install
70KB
0 issues

121 downloads last 7 days
18,607 total downloads
Rating: +4 (login to vote)

by spadija

V1.5 Oct 5, 2011 9:35:13 PM

Generates user CSS patches for websites that are missing Opera-supported CSS properties.

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)

Comments 8 posts

1 - 8 of 8

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.

By spadija , # Oct 5, 2011 9:37:00 PM

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.

By toyotabedzrock , # Oct 5, 2011 3:22:20 PM

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...

By austintxous , # Sep 1, 2011 4:29:48 PM

Could we get an update for the CSS linear gradient?
I found most of them just need the -moz- replaced with -o-.

By toyotabedzrock , # Apr 21, 2011 1:39:50 AM

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.

By spadija , # Aug 30, 2010 1:45:27 AM

Wish: While you are updating, can you add a checkbox for "remove all vendor specific prefixes" regardless of the version installed?

By QuHno , # Aug 27, 2010 3:49:47 AM

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.

By spadija , # Aug 12, 2010 7:55:35 AM