CSS Dominatrix

A small module that allows you to add CSS code on your site from a web interface. A very simple way of letting designers and coders who don't have full access to the server do CSS-adjustments on a running site without direct access to any files.
The supplementary CSS is written to a small file in the theme folder and can later be implemented into the "real" CSS-file—or left as they are. That will work equally well, but not be quite as kosher.
You can add supplementary CSS-code for each theme individually.

Please notice that this of course encompasses a potentially massive risk! Not that the users can ruin a site, but any user with this privilege can truly wreck havoc on a site, changing its appearance totally!

The technique also means that changes will escape any version control (since files are added and edited directly on the server), and will be harder to control and log.

So only allow trusted and competent people with access to CSS Dominatrix.

CSS Dominatrix works by adding a small CSS-file (or big if you choose so) to the CSS-queue as late as possible in the row of loaded CSS-files, and will in this way enable the “late injection” of CSS-code to overrule other code.
Since this file can be edited via a web interface, it allows the user with the right to do so, to add CSS-code on a running site without altering any core or module CSS-files or manually adding any files on the server through FTP or whatnot.
It is meant to give designers and other developers access to do quick and dirty edits to the CSS, instantly changing the appearance of an element, by simply typing in the appropriate CSS in this editor.

Examples could be hiding an element with the class .my-element that may require coding or elaborate fiddling with access permissions to become hidden. Add
.my-element { display : none }
to CSS Dominatrix, and it's (almost) gone. You can then work on code, settings or other aspects of the site to get things under control.

Are images in .my-box too wide? Add
.my-box img { max-width : 200px; height : auto; }
to CSS Dominatrix, and the images won't grow beyond 200 pixels. You can then turn to the job of fixing the error and rescaling all images or what other fix, might do it.