Templates & Styling Information

Maian Lockbox uses the Twitter Boostrap Web Framework and Font Awesome. You can find more information and tutorials on the relevant website.You`ll need a working knowledge of Twitter Bootstrap if you want to make extensive template changes.

Maian Lockbox can be adapted into any existing web layout. DO NOT use PHP includes or iframes, its bad practice. Edit the templates correctly.

Maian Lockbox is a responsive system for better performance on mobile phones and tablets. This means that the layout changes dramatically when the viewport changes. For example, viewing on smaller screens (mobiles), where the viewport can be 320px max as opposed to browsers with higher screen areas. The default layout might not quite work for your own content, so adjustments may be required. You`ll need a good understanding of responsive practices to make changes.

For many people, changing the colours and a few default images is good enough. Maian Lockbox utilises Cascading Stylesheets for colour display. ALL of the colours you see for the default design are in the stylesheets. Maian Lockbox has the following stylesheet locations and all the stylesheets can be edited in a good text editor.

content/_lockbox_default/css/*.css (Lockbox)
content/_system_portal/css/*.css (Portal)
admin/templates/css/*.css (Admin)

Edit these and choose whichever colours you want.

Images are located in the following folders:

content/_lockbox_default/images/ (Lockbox)
content/_system_portal/images/ (Portal)
admin/templates/images/ (Admin)

Note that most images are vector graphics rendered via the Font Awesome class.

Maian Lockbox utilises a simple captcha to help protect your system from bots. The captcha settings are located in the following file:

control/classes/class.captcha.php

Feel free to use another captcha class if it's more suitable.

HTML (Hypertext Markup Language)
CSS (Cascading Stylesheets)
Free Text Editors