Template:Collapse-mobile/doc

The template is used for placing collapse boxes around text in a context where mobile readers may need to access the content - standard collapse templates such as collapse top and collapse bottom often do not display on mobile devices, or display with errors. collapse-mobile will display by default as expanded text on mobile devices.

Usage
This template is customizable with regard to content and styling. Most customizable values will default to a basic/standard value if not defined.

Content
Its most basic usage, with only collapsed content defined, this template would be called as: and display as (click to display in full):

Users can also define a  value, which will replace "Expand" as the above-the-fold text to display: and display as:

Styling
This template also accepts optional CSS styling. The following parameters are defined for this template:
 * Top ("Headline") bar:
 * : a background color for the headline bar. If not defined by the user, this will default to #EFEFEF
 * : defines the positioning of the bar horizontally on the page (see Cascading_Style_Sheets). If not defined, this will default to, letting the positioning be determined by whatever the default is for the page where the template is called.
 * : defines the font of the headline text. If not defined, this will default to the page's/user's default font.
 * : defines the positioning of the headline text within the headline bar. If not defined, this will default to.
 * : defines the size of the headline text. Can be defined in terms of pixels (px) or ems. If not defined, this will default to.
 * : defines one or more characteristics of the border that will surround the headline bar (see W3Schools tutorial page on borders). Characteristics that are covered in this can include border line style, width, and color. If not defined, this will default to.
 * defines one or more of the characteristics of specifically the bottom border of the headline box (i.e. the border that separates it from the text the collapse box contains). If not defined, this will default to.
 * Bottom ("Content") box:
 * : a background color for the content box. If not defined by the user, this will default to #F7F7F7.
 * : defines one or more characteristics of the border that will surround the content box (see W3Schools tutorial page on borders). Characteristics that are covered in this can include border line style, width, and color. If not defined, this will default to.
 * : defines the font of the content text. If not defined, this will default to the page's/user's default font.
 * : defines the amount of space between the inside of the box's border and the start of the text the box contains. If not defined, this will default to.
 * : defines the margin between the bottom border of the headline bar and the top border of the content box. If not defined, this will default to.
 * : defines one or more of the characteristics of specifically the top border of the content box (note that this overlaps the bottom border of the headline box). If not defined, this will default to.

Example
A very complex (and not particularly attractive) usage of might then look like:

and would display as: