Looking for the drawings? They're over here, and my drawing blog is this way.
Style Sheet Tweak Favelet
- Current Version: 1.2
- Last Revision: 08.23.04
- Language: Javascript
- Requires: Mozilla, Firefox, Opera 9+
This favelet will allow you to modify the various CSS rules applied to a given document.
When invoked, the favelet will create a dropdown of all the selectors it finds in all referenced style sheets. Pick a selector from that dropdown and it's rules will be displayed in a text area. Change them, remove them or add new ones, hit the "Apply" button and the changes will take effect.
Quite handy when trying to debug a page.
Right click the following link and select "Bookmark this Link"
Updates in v1.2
- The application window is now draggable. Click and drag from the title bar to move it around.
- The [esc] key will now close the application.
Updates in v1.1 (05.26.2004):
- Add Selectors: Select "Add Selector(s)" or type away in the box with no selector picked and hit "apply". You can add more than one at a time.
- Show CSS: Hit the "show" button to get the entire style sheet(s) written out in a new window
- Delete: Choose a selector, hit the "delete" button and it and its rules will be gone.
- Rules in style sheets with a "media" value of "print" will not be listed.