Here are a couple of tricks that will allow you to copy and/or condense CSS code published on userstyles.org, the Stylish website (Firefox only).
Copying a Style - WYSIWYG
Find a style for which you would like to copy the CSS code. Click the “Show code” button. An additional box should display on-screen containing the CSS code. 
Move the mouse cursor into the new code box, hovering over an area containing the text for the code. The cursor should change from the default arrow to the vertical bar, indicating a text hover.
Right click the mouse and select “Inspect Element” from the context menu pop-up. An overlay should dim the entire screen, all except for the code box focus.

A new toolbar should appear near the top of the browser. An ‘X’ on the far right of the bar represents the Close button, which will be used if you wish to return everything to normal when you are done.
A second, smaller toolbar should appear directly above the smaller code box. Depending on your previous right-click selection, this toolbar may be named one of two things: code#stylish-code or pre#stylish-code. Initially, we are looking for the toolbar that begins with code#.

Select the arrow on the right of the Code box toolbar. A context menu should appear with two options to copy as the top menu selection choices. Copy Inner HTML will copy the code exactly as it appears inside the code box. Once copied, the code can be pasted into any text editor without all of the extra spaces and formatting.
Simple CSS Code Compression
The steps for compression are the exact same as outlined above, with two small exceptions. Right-click an area inside the code box that does not contain text. The code box toolbar should then be labeled pre#stylish-code. Select Copy Inner HTML. Now for the tricky part.

Open a New tumblr text post. Select HTML from the toolbar. Paste the code from the copy buffer into the HTML body of the message. Select the Update button.

When the message is once again displayed, the code will be compressed. Although this is not an optimal compression technique, it still does the job. For this example, the code compressed from 352 bytes down to 322 bytes (9% file size reduction). Not too bad. Copy/paste the compressed code from the Text post into your favorite text editor.
-
brolinskeep likes this
-
ohnemitleid posted this






