Javascript CSS editor

Get Started. It's Free
or sign up with your email address
Rocket clouds
Javascript CSS editor by Mind Map: Javascript CSS editor

1. Stored data

1.1. Default data

1.1.1. Selector

1.1.1.1. Property: Value

1.2. Changed data

1.2.1. Selector

1.2.1.1. Property: Value

1.3. CurrentSelector

1.4. CustomCSS

1.5. StyleName

2. Icon legend

2.1. Object

2.2. Value

2.3. Function

3. onChangeOfTarget

3.1. Save current changes

3.2. Change CurrentSelctor

3.3. Change to current values

4. Init

4.1. Default data

4.2. Take default stylesheet

4.3. Popularize Default Data

4.4. Create interface

5. Interface

5.1. Current target

5.2. Background

5.2.1. Background colour

5.2.2. Background image

5.2.3. Background repeat

5.2.4. Background attachment

5.2.5. Background position

5.3. Border

5.3.1. Switch - All / Per side

5.3.1.1. Border width

5.3.1.2. Border style

5.3.1.3. Border colour

5.4. Dimensions

5.4.1. Height

5.4.2. Min Height

5.4.3. Max Height

5.4.4. Width

5.4.5. Min Width

5.4.6. Max Width

5.5. Font

5.5.1. Font Family

5.5.1.1. Serif

5.5.1.2. Sans-serif

5.5.1.3. Monospace

5.5.2. Font Size

5.5.3. Bold (Font Weight)

5.5.4. Italic (Font Style)

5.6. Margin

5.6.1. Switch - All / Per side

5.6.1.1. Value

5.7. Padding

5.7.1. Switch - All / Per side

5.7.1.1. Value

5.8. Position

5.8.1. Type

5.8.2. Float

5.8.3. Top / Left / Right / Bottom

5.9. Properties

5.9.1. Cursor

5.9.2. Overflow

5.9.3. Display

5.9.4. Visibility

5.10. Text

5.10.1. Alignment

5.10.2. Capitalization

5.10.3. Color

5.10.4. Letter spacing

5.10.5. Line height

5.11. Save button

6. Custom CSS

6.1. Current CSS

6.2. Custom CSS

6.3. Save/Update button

7. onUpdate

7.1. Check data

7.2. Change data

7.3. Update style

8. savePopup

8.1. Create the popup

8.1.1. If modifying current theme

8.1.1.1. Chance to change name & description

8.1.1.2. Publish it? [Y/N]

8.1.2. When saving a new one

8.1.2.1. Name

8.1.2.2. Description

8.1.2.3. Publish it? [Y/N]