Vous êtes sur la page 1sur 7

Mollio

Online Technical Styleguide

Mollio Style Guide Author: Pete Ottery – pottery@daemon.com.au


Layout key:
<body id=“type-a"> type-a
id=“wrap”
Default display: Example:
•1 column full width
id=“header”
id=“search”

id=“nav”

id=“content-wrap”

id=“content”

id=“footer”

Mollio Style Guide Author: Pete Ottery – pottery@daemon.com.au


Layout key:
<body id=“type-b"> type-b
id=“wrap”
Default display: Example:
•2 columns - Main + Left hand nav
id=“header”
id=“search”

id=“nav”

id=“content-wrap”

id=“utility”
id=“nav-secondary”

id=“content”

id=“footer”

Mollio Style Guide Author: Pete Ottery – pottery@daemon.com.au


Layout key:
<body id=“type-c"> type-c
id=“wrap”
Default display: Example:
•3 columns - Main + Left hand nav +
id=“header”
id=“search” right sidebar

id=“nav”

id=“content-wrap”

id=“utility”
id=“nav-secondary”

id=“content”
id=“sidebar”

id=“footer”

Mollio Style Guide Author: Pete Ottery – pottery@daemon.com.au


Layout key:
<body id=“type-d"> type-d
id=“wrap”
Default display: Example:
•2 columns - Main + right sidebar
id=“header”
id=“search”

id=“nav”

id=“content-wrap”

id=“content”
id=“sidebar”

id=“footer”

Mollio Style Guide Author: Pete Ottery – pottery@daemon.com.au


Layout key:
<body id=“type-e"> type-e
id=“wrap”
Default display: Example:
•2 columns - Main + Right hand nav
id=“header”
id=“search”

id=“nav”

id=“content-wrap”

id=“utility”
id=“nav-secondary”

id=“content”

id=“footer”

Mollio Style Guide Author: Pete Ottery – pottery@daemon.com.au


Layout key:
<body id=“type-f"> type-f
id=“wrap”
Default display: Example:
•3 columns - Main + Right hand nav +
id=“header”
id=“search” left sidebar

id=“nav”

id=“content-wrap”

id=“utility”
id=“nav-secondary”

id=“content”
id=“sidebar”

id=“footer”

Mollio Style Guide Author: Pete Ottery – pottery@daemon.com.au

Vous aimerez peut-être aussi