6.1.1Body classes

The framework sets some standard classes on the widget's <body> which may be useful as selectors in your own CSS (for example, changing some colours of your own based on BODY.Theme_light).

As a general rule, you can assume that the document's colours are dark unless BODY.Theme_light is set.

CSS class

Description

Theme_standard

Set if the current graphical theme is dark (the default)

Theme_light

Set if the current graphical theme is light

Theme_blue

Set if the current graphical theme is blue

LTR or RTL

Identifies whether the user's selected language for the platform is written left-to-right or right-to-left. Sets CSS direction on the <body> (either direction:ltr or direction:rtl). The framework has some helper CSS classes to handle reading order.

BrowserPhoneScreen

Set by the framework if the device qualifies as a "phone-sized" screen. The framework's definition is if either the device width or the device height is less than 500px. Note that this is calculated using the size of the monitor (window.screen in Javascript), not the size of any individual browser frame in the software.