# Assets - CSS

The CSS Asset is one of the types of content that can comprise a BRJS application. There is more information about [assets on About Bundlers](bladerunner-about-bundlers.md).

An application may support a set of **themes**. All the CSS associated with a particular theme is found within the **_themes_** directory of the **aspect**, **bladeset** or **blade** to which it belongs, in a folder dedicated to that theme. For example: CSS that applies to the **_steampunk_** theme of an application’s **default aspect** would be located in:

_default-aspect/themes/steampunk/_

The code that generates the file-list works in tandem with a servlet filter, which determines the theme, locale and browser-type of the request. The file-list will therefore only contain CSS files from the appropriate _theme_ directory.

To create browser or locale-specific variants, create stylesheets using the following naming conventions inside the appropriate _theme_ directory:

For locale-specific CSS: **_&lt;name>_&lt;locale>.css_**

_&lt;name>_ in this instance, is whatever name you want to give to your CSS file, so if your default stylesheet was called **_styles.css_**, a locale-specific version for French could be:

**_styles_fr_FR.css_**

For browser-specific CSS: **&lt;name>_&lt;browser>.css**

The _&lt;browser>_ component of this name would include the version number, e.g. **_ie8_** or **_chrome22_**. For example:

**_styles_ie8.css_**

If you are using both browser _and_ locale-specific stylesheets, the browser-specific styles will take precedence over locale-specific ones, by default.
