CSS StylEditor — atarimnet

Operating Instructions

General Requirements

• The extension reads CSS settings directly from the browser. Therefore, settings that are specific to a particular browser may not be recognized by the extension and will not be written to the file when saving. It is recommended to keep a separate file for settings intended for a different browser.
• All changes made by the extension exist only in the browser’s memory until they are finally saved to a file on the server.
• The extension works with http and https protocols and does not work with the file protocol.

Using the Extension

Clicking the extension activation button will open the extension in a draggable window that can be positioned anywhere inside the browser.

1. Select a CSS file — a list of selectors from the file will appear.
2. Select a selector — a list of properties within the selected selector will appear.
3. Property values can be changed using the controls attached to each property.
4. Right-clicking a property name allows you to:
5. Delete the property
6. Restore the value it had when the selector was selected
7. Edit the value as text
8. You can add a new property to the list — it will appear at the end of the list with default values.

The Property Did Not Appear at the End of the List?

Possible reasons:

• You selected sorted list display.
• Your browser does not support that property.

You can also add a new selector.

Saving the File

When everything is correct, the file should be saved.
Saving affects only the currently selected file, so the save process must be repeated for each file that was modified.

The extension sends the data to the server using a POST request:

• ptr — the file identifier and its location on the server
• content — the file content (selectors and settings)
• key — the identifier name defined by the user in the settings panel, containing the password value (val)

Example

If the key is abc and the val is 123, then the parameter sent to the server will be named abc and will contain 123.



Downloading the Example Update Program

The file se-conf.zip contains two files:

• CSSStyleDeclaration.php — the program file configured in the extension
• se-conf.php — a helper file containing the key and val values, which must also be updated in the extension settings

Download the file from the following page:
https://css.styleditor.net/?d=e5

Use of the program is free and entirely at the user’s own responsibility.