PortableCSSPad

PortableCSSPad is designed to make testing CSS code easier. The main feature of the script is that it provides a textarea box for typing or copy/pasting CSS rules which will immediately affect the current page. This can be used as a way to preview CSS changes before publishing them, or even as a work around for MediaWiki:Wikia.css caching issues.

While this script is not a replacement for Firebug or other in-browser developer tools, it does provide a few extra features such as minification, beautification, and validation. The pad itself is also resizable and draggable.

Installation
To install the script, simply add the following to your global.js on Community Central:

Usage
Once the script is installed, to open the pad, click on the PortableCSSPad link in your toolbar. The pad itself will look similar to the picture shown on the right. CSS rules can be typed or copy/pasted directly into the text box and will immediately affect the current page. There are also a few other features available by clicking the buttons at the top. Here's what the buttons do: 

Updates

 * 8 December 2012
 * Mathmagician finally published the script.