Some people say it's like awesome in a can. I have no idea what that actually means, but FarCry Core is a rock solid platform for buildings web applications.
Some Dude
Headings
Pre-defined HTML headings from <h1> to <h6>:
h1: Heading 1
h2: Heading 2
h3: Heading 3
h4: Heading 4
h5: Heading 5
h6: Heading 6
Sub-Headings
Make use of the <small> tag:
Heading 1 h1 small
Heading 2 h2 small
Heading 3 h3 small
Heading 4 h4 small
Heading 5 h5 small
Heading 6 h6 small
Body Paragraphs
Paragraphs
The default style applied to <body> and all <p> tags:
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
A lead paragraph that stands out:
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Emphasis
Make use of tags such as <strong>, <small>, and <em> for additional styles:
This line of text contains strong text, and small text, and italicised text.
Blockquotes
Use <blockquote> for quoting blocks of content from another source within the document:
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Some Dude in Source Title
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
A floated and right aligned blockquote
Other Elements
A couple of other pre-styled HTML tags for instant implemenations.
Abbreviations
Use <abbr> tag for abbreviations and acronyms to show expanded text on hover:
An abbreviation of Hyper Text Markup Language is HTML.
Addresses
Use <address> to present contact information:
404/46A Macleay Street
Potts Point, NSW 2011
P: +61 2 8090 9394
E: info@daemon.com.au
Lists
Unordered
Unordered list <ul>:
- Excepteur sint occaecat cupidatat non proident
- Sunt in culpa qui officia deserunt
-
Mollit anim id est laborum lLorem ipsum dolor sit
- Excepteur sint occaecat cupidatat non proident
- Sunt in culpa qui officia deserunt
- Mollit anim id est laborum lLorem ipsum dolor sit
- Amet consectetur adipisicing elit, sed do eiusmod tempor
- Incididunt ut labore et dolore magna aliqua
Ordered
Ordered list <ol>:
- Excepteur sint occaecat cupidatat non proident
- Sunt in culpa qui officia deserunt
- Mollit anim id est laborum lLorem ipsum dolor sit
- Amet consectetur adipisicing elit, sed do eiusmod tempor
- Incididunt ut labore et dolore magna aliqua
Unstyled
A list with list-style set to none:
- Excepteur sint occaecat cupidatat non proident
- Sunt in culpa qui officia deserunt
- Mollit anim id est laborum lLorem ipsum dolor sit
- Amet consectetur adipisicing elit, sed do eiusmod tempor
- Incididunt ut labore et dolore magna aliqua
Description
<dl> is a list of terms with associated descriptions:
- Excepteur
- Sint occaecat cupidatat non proident
- Sunt
- In culpa qui officia deserunt
- Mollit
- Anim id est laborum lLorem ipsum dolor sit
Alternatively, a horizontal description list:
- Excepteur
- Sint occaecat cupidatat non proident
- Sunt
- In culpa qui officia deserunt. In culpa qui officia deserunt. In culpa qui officia deserunt. In culpa qui officia deserunt. In culpa qui officia deserunt.
- Mollit
- Anim id est laborum lLorem ipsum dolor sit
Tables
A default table .table:
| Column 1 | Second Column | Third | Final |
|---|---|---|---|
| A Value | Some more longer values | 1,000 | NSW |
| Another | Lorem ipsum dolor sit amet | 3,081 | ACT |
| Repeated | Sed do eiusmod tempor incididunt ut labore | 910 | QLD |
| Again | Et dolore magna aliqua | 80,310 | VIC |
More Options
With borders, alternative rows, and hover state on rows:
| Column 1 | Second Column | Third | Final |
|---|---|---|---|
| A Value | Some more longer values | 1,000 | NSW |
| Another | Lorem ipsum dolor sit amet | 3,081 | ACT |
| Repeated | Sed do eiusmod tempor incididunt ut labore | 910 | QLD |
| Again | Et dolore magna aliqua | 80,310 | VIC |
Condensed table:
| Column 1 | Second Column | Third | Final |
|---|---|---|---|
| A Value | Some more longer values | 1,000 | NSW |
| Another | Lorem ipsum dolor sit amet | 3,081 | ACT |
| Repeated | Sed do eiusmod tempor incididunt ut labore | 910 | QLD |
| Again | Et dolore magna aliqua | 80,310 | VIC |
Row Colours
Use .error, .info, and .success to colour table rows:
| Column 1 | Second Column | Third | Final |
|---|---|---|---|
| A Value | Some more longer values | 1,000 | NSW |
| Another | Lorem ipsum dolor sit amet | 3,081 | ACT |
| Repeated | Sed do eiusmod tempor incididunt ut labore | 910 | QLD |
| Again | Et dolore magna aliqua | 80,310 | VIC |
Labels & Alerts
Labels
Default Success Warning Important Info Inverse
Badges
Default Success Warning Important Info Inverse
Alerts
Wrap text in .alert to display warning messages:
More Options
Alert boxes with increased paddings and different background colours:
Warning!
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Icons
Icons are provided by Glyphicons.