This simple filter allows users to add css to their content, without switching to code-view. It also provides pre-made css-classes to visually enhance basic text areas.

Use [!box: ... !] to directly apply a bordered css-style around the content. There are several classes that can be used. Classes of a different category can also be combined (e.g.: [!box: info purple!])

To limit the box to just a part of the content, the tags [!box-start: ... !] and [!box-end!] can be used.

 

Currently available classes:

 

Use [!style: ... !] to directly apply css-styles to a new div around the content.

Use [!class: ... !] to directly apply css-classes to a new div around the content.

Use [!page: ... !] to directly add pure css to the whole page. It gets injected using a style element.

Use [!: ... !] and [!!] to directly apply css to a new span around a part of the content.