Start with Simple CSS

Don't Repeat the Same Steps

h4: Use ©Littlefoot XV to Make Your Own Skin

  • stuff
  • stuff
  • stuff
  • stuff
  • stuff
  • stuff

Login

%login%

Columns

4
4
4
5
2
5
6
6
7
5
8
4
9
3
10
2
11
1
12

Colors

.light_red .red .dark_red
.light_green .green .dark_green
.light_blue .blue .dark_blue
.white
.light_gray
.gray
.dark_gray
.black

Buttons


Lists

  • This is a Horizontal List
  • .hlist is a class
  • It can be used on any ul
  • This is a Vertical List
  • .vlist is a class
  • It can be used on any ul
  • This is a Fancy Vertical List
  • .fvlist is a class
  • It can be used on any ul
  • Extra Fancy Vertical List
  • .efvlist is a class
  • It can be used on any ul


Tiles

Tile Header

Tile content - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum faucibus nisl eu ullamcorper mollis. Vivamus commodo convallis sapien quis finibus. Sed condimentum aliquet justo ut condimentum. Aenean feugiat fringilla hendrerit. Nullam non faucibus libero. Sed lobortis leo a sapien varius, nec luctus enim euismod. In quis massa odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec vehicula ullamcorper dictum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ante nec orci commodo cursus. Integer quis accumsan lacus, eget maximus lorem.

Another Header

More content - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum faucibus nisl eu ullamcorper mollis. Vivamus commodo convallis sapien quis finibus. Sed condimentum aliquet justo ut condimentum. Aenean feugiat fringilla hendrerit. Nullam non faucibus libero. Sed lobortis leo a sapien varius, nec luctus enim euismod. In quis massa odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec vehicula ullamcorper dictum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ante nec orci commodo cursus. Integer quis accumsan lacus, eget maximus lorem.

Yet another header...

Even more content - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum faucibus nisl eu ullamcorper mollis. Vivamus commodo convallis sapien quis finibus. Sed condimentum aliquet justo ut condimentum. Aenean feugiat fringilla hendrerit. Nullam non faucibus libero. Sed lobortis leo a sapien varius, nec luctus enim euismod. In quis massa odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec vehicula ullamcorper dictum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ante nec orci commodo cursus. Integer quis accumsan lacus, eget maximus lorem.

Stuff

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum faucibus nisl eu ullamcorper mollis. Vivamus commodo convallis sapien quis finibus. Sed condimentum aliquet justo ut condimentum. Aenean feugiat fringilla hendrerit. Nullam non faucibus libero. Sed lobortis leo a sapien varius, nec luctus enim euismod. In quis massa odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec vehicula ullamcorper dictum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ante nec orci commodo cursus. Integer quis accumsan lacus, eget maximus lorem.

More Stuff

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum faucibus nisl eu ullamcorper mollis. Vivamus commodo convallis sapien quis finibus. Sed condimentum aliquet justo ut condimentum. Aenean feugiat fringilla hendrerit. Nullam non faucibus libero. Sed lobortis leo a sapien varius, nec luctus enim euismod. In quis massa odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec vehicula ullamcorper dictum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ante nec orci commodo cursus. Integer quis accumsan lacus, eget maximus lorem.


Forms


Code

file.php

// init.php is deprecated, but this is an easy solution for backward compatibility to OOOLLLDDD installations. include dirname(__FILE__).'/bootstrap.php'; $lf = new LittleFoot(); // initialize $lf with $db connection $lf->cms(); // execute littlefoot as ->cms() and ->render() output /** *@author Joe S *@license LICENSE.txt *@package LittlefootCMS */ // doesn't support below PHP 5.3 if(version_compare(phpversion(), '5.4') == -1) { echo 'You are using PHP '.phpversion().' which is End of Life. You need at least PHP 5.4 to run LittlefootCMS. Contact your hosting provider to resolve this.'; exit; } define('ENV', 'PRODUCTION'); define('APP', getcwd().'/'); // in case it is called as a framework // chdir to lf/ folder and define as ROOT $folder = dirname(__FILE__).'/../'; if(!chdir($folder)) die('Access Denied to '.$folder); // if unable to cd there, kill script define('LF', getcwd().'/'); // The absolute path to the lf/ directory is the ROOT of the application define('ROOT', LF); // backward compatible // Littlefoot require 'system/lib/helpers.php'; // Helpful functions require 'system/lib/db.php'; // OOP Database Wrapper require 'system/lib/app.php'; // Littlefoot app base class require 'system/lib/orm.php'; // Object Relation Model base require 'system/lib/recovery/install.php'; require 'system/lib/user.php'; // user stuff require 'system/lib/auth.php'; // auth stuff require 'system/lib/littlefoot.php'; // Request, Auth, Nav, Content, Render // Add local lib paths to include_path if(is_dir(LF.'lib')) ini_set('include_path', ini_get('include_path').':'.LF.'lib'); if(is_dir(LF.'system/lib')) ini_set('include_path', ini_get('include_path').':'.LF.'system/lib'); // Session name needs to be alphanumeric, // just MD5 it to keep it unique and to not show the docroot session_name(md5(LF.$_SERVER['SERVER_NAME'])); session_start(); // tried putting this in $lf->authenticate // couldn't login when I did that... will fix later

This is an example of placing pre tags within normal text. You can insert $lf = new LittleFoot(); right into a paragraph. This is an example of placing pre tags within normal text. You can flat out just insert require 'system/lib/orm.php'; in any paragraph.


Tables

title title title title title
data data data data data
data data data data data
data data data data data
data data data data data
data data data data data

Blockquotes

Phasellus dapibus metus vitae dui suscipit, in maximus enim euismod. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras convallis, mauris vitae posuere ornare, nisl tellus mattis turpis, sit amet sagittis justo dolor sit amet ipsum. Sed posuere tempor metus, quis hendrerit massa pellentesque in. Praesent sed suscipit purus, vitae gravida leo. Phasellus at sapien eget ante scelerisque commodo. Fusce luctus nec lectus mollis ornare. Nullam aliquet gravida fringilla. Donec sed bibendum erat, non vestibulum massa. Nam vehicula diam sit amet turpis consectetur viverra. Fusce tempus urna eget viverra euismod. Sed ipsum diam, aliquet sed accumsan ut, euismod vitae purus. Donec varius blandit ipsum, in ornare magna hendrerit non. Pellentesque non ante ac neque lacinia interdum.

Cras vitae mattis nibh. Praesent aliquet laoreet felis, quis tincidunt lorem volutpat a. Pellentesque tempor ante nulla, id pulvinar quam vehicula ut. Sed id nibh et tortor porttitor aliquam vitae vel nisi.

Fusce dictum faucibus posuere. Duis laoreet erat non augue scelerisque, et ullamcorper lectus gravida. Nam gravida tellus nec odio scelerisque placerat quis at nibh. Duis laoreet, orci eu consequat posuere, tellus augue laoreet diam, quis finibus lectus justo ac nibh. Aliquam odio erat, rhoncus sed bibendum at, pharetra in justo. Aenean pretium posuere faucibus. Phasellus efficitur fringilla eleifend. Vestibulum in eros sit amet nulla rutrum lobortis. Vestibulum vel ligula quis lacus mollis malesuada. Nulla arcu neque, commodo non consectetur vel, ultrices vel odio. Pellentesque mi sapien, interdum eu dolor sed, consequat varius nisl. Nulla convallis vitae est at pellentesque.


Click Code to see how the dropdown works.