Rock Hammer
A curated project library for Hammer For Mac. Rock Hammer contains baseline typography, plus styling for common HTML elements including images, forms and tables, as well as navigation, responsive modules and widgets
Rock Hammer’s baseline typography defaults including headings, block and text-level text elements and all types of lists.
Headings
First-level headings are marked up using ‹h1› tags.
Typeface: Palatino
Heading level one
The heading above is a first-level, heading one that may be used for page titles as well as titles in sectioning elements including ‹body›, ‹section› and ‹article›.
Second-level headings are marked up using ‹h2› tags.
Typeface: Palatino
Heading level two
The heading above is a second-level, heading two. You may use more than one to create a document, section or article outline.
Third-level headings are marked up using ‹h3› tags.
Typeface: Palatino
Heading level three
The heading above is a third-level, heading three. You may use more than one to create a document, section or article outline.
Fourth, fifth and sixth level headings are marked up using ‹h4› ‹h5› ‹h6› tags.
Typeface: Palatino
Heading 4
Heading 5
Heading 6
The headings above are a fourth, fifth and sixth level, headings four, five and six. Use to create a document, section or article outline.
Paragraphs
Unclassified paragraph
A geologist’s hammer, rock hammer, rock pick or geological pick is a hammer used for splitting and breaking rocks.
Lead paragraph
An additional lead class alters a paragraph’s presentation.
A geologist’s hammer, rock hammer, rock pick or geological pick is a hammer used for splitting and breaking rocks. In field geology, they are used to obtain a fresh surface of a rock in order to determine its composition, nature, mineralogy, history and field estimate of rock strength. In fossil collecting and mineral collecting, they are employed to break rocks with the aim of revealing fossils inside. Geologists’ hammers are also sometimes used for scale in a photograph.
Secondary paragraph
An additional secondary class alters a paragraph’s presentation.
A geologist’s hammer, rock hammer, rock pick or geological pick is a hammer used for splitting and breaking rocks. In field geology, they are used to obtain a fresh surface of a rock in order to determine its composition, nature, mineralogy, history and field estimate of rock strength. In fossil collecting and mineral collecting, they are employed to break rocks with the aim of revealing fossils inside. Geologists’ hammers are also sometimes used for scale in a photograph.
Tertiary paragraph
An additional tertiary class alters a paragraph’s presentation.
A geologist’s hammer, rock hammer, rock pick or geological pick is a hammer used for splitting and breaking rocks. In field geology, they are used to obtain a fresh surface of a rock in order to determine its composition, nature, mineralogy, history and field estimate of rock strength. In fossil collecting and mineral collecting, they are employed to break rocks with the aim of revealing fossils inside. Geologists’ hammers are also sometimes used for scale in a photograph.
Quotations
Block quotes are marked up using ‹blockquote› tags. You may use an optional ‹cite› element to cite an attribution.
A geologist’s hammer, rock hammer, rock pick or geological pick is a hammer used for splitting and breaking rocks. In field geology, they are used to obtain a fresh surface of a rock in order to determine its composition, nature, mineralogy, history and field estimate of rock strength. In fossil collecting and mineral collecting, they are employed to break rocks with the aim of revealing fossils inside. Geologists’ hammers are also sometimes used for scale in a photograph.
Rock Hammer
An additional pull-right class alters a block quote’s presentation.
A geologist’s hammer, rock hammer, rock pick or geological pick is a hammer used for splitting and breaking rocks.
Rock Hammer
Lists
There are several types of HTML list. List items are marked up using ‹li›.
- None
- Disc
- Circle
- Square
- Decimal
- Decimal leading zero
- Upper roman
- Lower greek
- Lower alpha
- Upper alpha
- Armenian
- Georgian
Unordered list
Unordered lists are marked up using ‹ul› tags. An unordered list describes a collection of items.
- Unordered list item
- Unordered list item
- Unordered list item
- Unordered list item
- Unordered list item
- Unordered list item
Nested unordered list
- Unordered list item
-
- Nested unordered list item
- Nested unordered list item
- Nested unordered list item
- Unordered list item
An additional inline class alters a list’s presentation.
- Inline list item
- Inline list item
- Inline list item
Ordered list
Ordered lists are marked up using ‹ol› tags. An ordered list may have various numbering schemes presented through CSS.
- Ordered list item
- Ordered list item
- Ordered list item
- Ordered list item
- Ordered list item
- Ordered list item
Nested ordered list
- Ordered list item
-
- Nested ordered list item
- Nested ordered list item
- Nested ordered list item
- Ordered list item
Definition list
A definition list ‹dl› consists of pairs of definition terms ‹dt› and definition descriptions ‹dd›.
- Rock Hammer
- A geologist’s hammer, rock hammer, rock pick or geological pick is a hammer used for splitting and breaking rocks.
Horizontal definition list
An additional dl-horizontal class alters a definition list’s presentation.
- Rock Hammer
- A geologist’s hammer, rock hammer, rock pick or geological pick is a hammer used for splitting and breaking rocks.
Text level elements
Text level HTML elements may be used within other elements. They include: em and strong for semantic emphasis, i and b for presentational formatting, abbr abbreviations, cite citations, code example, del, ins for visibly deleted and inserted content, dfn definitions, mark for highlighted passages and sup superscript and sub subscript.
Primary colour
rgb(146,154,0)
Secondary colour
rgb(164,50,21)
Tertiary colour
rgb(41,47,54)
Neutral colour
rgb(41,47,54)
Note: img-rounded and img-circle are unsupported by IE7-8.
Figures and figcaptions
Commonly used navigation patterns including tabs and pills, breadcrumbs and pagination.
Basic navbar
Basic navbar is marked up using ‹ul› tags with an additional navbar and navbar--inner classes.
Tabs
Tabbed navigation
All navigation units are marked up using ‹ul› tags with an additional nav nav-tabs classes.
A geologist’s hammer, rock hammer, rock pick or geological pick is a hammer used for splitting and breaking rocks.
A geologist’s hammer, rock hammer, rock pick or geological pick is a hammer used for splitting and breaking rocks. In field geology, they are used to obtain a fresh surface of a rock in order to determine its composition, nature, mineralogy, history and field estimate of rock strength. In fossil collecting and mineral collecting, they are employed to break rocks with the aim of revealing fossils inside. Geologists’ hammers are also sometimes used for scale in a photograph.
Navigation tabbed below
An additional tabs-below class alters the presentation.
A geologist’s hammer, rock hammer, rock pick or geological pick is a hammer used for splitting and breaking rocks.
A geologist’s hammer, rock hammer, rock pick or geological pick is a hammer used for splitting and breaking rocks. In field geology, they are used to obtain a fresh surface of a rock in order to determine its composition, nature, mineralogy, history and field estimate of rock strength. In fossil collecting and mineral collecting, they are employed to break rocks with the aim of revealing fossils inside. Geologists’ hammers are also sometimes used for scale in a photograph.
Navigation tabbed left
An additional tabs-left class alters the presentation.
A geologist’s hammer, rock hammer, rock pick or geological pick is a hammer used for splitting and breaking rocks.
A geologist’s hammer, rock hammer, rock pick or geological pick is a hammer used for splitting and breaking rocks. In field geology, they are used to obtain a fresh surface of a rock in order to determine its composition, nature, mineralogy, history and field estimate of rock strength. In fossil collecting and mineral collecting, they are employed to break rocks with the aim of revealing fossils inside. Geologists’ hammers are also sometimes used for scale in a photograph.
Navigation tabbed right
An additional tabs-right class alters the presentation.
A geologist’s hammer, rock hammer, rock pick or geological pick is a hammer used for splitting and breaking rocks.
A geologist’s hammer, rock hammer, rock pick or geological pick is a hammer used for splitting and breaking rocks.
A geologist’s hammer, rock hammer, rock pick or geological pick is a hammer used for splitting and breaking rocks. In field geology, they are used to obtain a fresh surface of a rock in order to determine its composition, nature, mineralogy, history and field estimate of rock strength. In fossil collecting and mineral collecting, they are employed to break rocks with the aim of revealing fossils inside. Geologists’ hammers are also sometimes used for scale in a photograph.
Breadcrumbs
Breadcrumbs are marked up using ‹ul› tags with an additional breadcrumb class.
Pill shaped navigation
Pills are marked up using ‹ul› tags with additional nav and nav-pills classes.
List navigation
Lists are marked up using ‹ul› tags with additional nav and nav-list classes. nav-header class also alters the presentation of list items.
Stacked tabbed navigation
Stacked tabs are marked up using ‹ul› tags with additional nav, nav-tabs and nav-stacked classes.
Stacked pill shaped navigation
Stacked pills are marked up using ‹ul› tags with additional nav, nav-pills and nav-stacked classes.
Pagination
All pagination units are marked up using ‹ul› tags with an additional pagination class.
Centered pagination
An additional pagination-centered class alters the presentation.
Right aligned pagination
An additional pagination-right class alters the presentation.
Pagination sizes
Additional pagination-large, pagination-small and pagination-mini classes alters the presentation.
Hero unit
Hero units are marked up using ‹div› tags with an additional hero-unit class.
Rock Hammer
A geologist’s hammer, rock hammer, rock pick or geological pick is a hammer used for splitting and breaking rocks.
Media
All media units are marked up using ‹div› tags with additional media-unit, media-body and media-heading classes. Optional pull-left and pull-right classes float anchored images.
Rock Hammer
A geologist’s hammer, rock hammer, rock pick or geological pick is a hammer used for splitting and breaking rocks.
Rock Hammer
A geologist’s hammer, rock hammer, rock pick or geological pick is a hammer used for splitting and breaking rocks.
Rock Hammer
A geologist’s hammer, rock hammer, rock pick or geological pick is a hammer used for splitting and breaking rocks.
Alerts
All alert units are marked up using ‹div› tags with an additional alert class.
Additional alert--error, alert--info and alert--success classes alters their presentation.
Wells
All well units are marked up using ‹div› tags with an additional well class.
A geologist’s hammer, rock hammer, rock pick or geological pick is a hammer used for splitting and breaking rocks.
An additional well--large class alters the presentation.
A geologist’s hammer, rock hammer, rock pick or geological pick is a hammer used for splitting and breaking rocks.
An additional well--small class alters the presentation.
A geologist’s hammer, rock hammer, rock pick or geological pick is a hammer used for splitting and breaking rocks.
Standard form
Search form
An additional form-search class alters the presentation.
Inline form
An additional form-inline class alters the presentation.
Horizontal form
An additional form-horizontal class alters the presentation.
Form elements
Buttons
Buttons are marked up using either ‹button›, ‹input› or ‹a› tags with an additional btn class. Additional classes alter their presentation.
Standard button
An additional btn class creates a standard button.
Primary button
An additional btn-primary class alters the presentation.
Info button
An additional btn-info class alters the presentation.
Success button
An additional btn-success class alters the presentation.
Warning button
An additional btn-warning class alters the presentation.
Inverted button
An additional btn-inverse class alters the presentation.
Button sizes
Additional btn-mini, btn-small, btn-large and btn-extlarge classes alters the presentation.
Unclassified table
Tabular data is marked up using ‹table› tags with an additional table class.
| Header | Header | Header |
|---|---|---|
| Data | Data | Data |
| Data | Data | Data |
| Data | Data | Data |
Condensed table
An additional table-condensed class alters the presentation.
| Header | Header | Header |
|---|---|---|
| Data | Data | Data |
| Data | Data | Data |
| Data | Data | Data |
Striped table
An additional table-striped class alters the presentation.
| Header | Header | Header |
|---|---|---|
| Data | Data | Data |
| Data | Data | Data |
| Data | Data | Data |
Bordered table
An additional table-bordered class alters the presentation.
| Header | Header | Header |
|---|---|---|
| Data | Data | Data |
| Data | Data | Data |
| Data | Data | Data |
Bordered and striped table
Additional table-condensed, table-bordered and table-striped classes may be combined.
| Header | Header | Header |
|---|---|---|
| Data | Data | Data |
| Data | Data | Data |
| Data | Data | Data |
Accordion
A geologist’s hammer, rock hammer, rock pick or geological pick is a hammer used for splitting and breaking rocks.
A geologist’s hammer, rock hammer, rock pick or geological pick is a hammer used for splitting and breaking rocks.
A geologist’s hammer, rock hammer, rock pick or geological pick is a hammer used for splitting and breaking rocks.
Carousel
Rock Hammer
A geologist’s hammer, rock hammer, rock pick or geological pick is a hammer used for splitting and breaking rocks.
Rock Hammer
A geologist’s hammer, rock hammer, rock pick or geological pick is a hammer used for splitting and breaking rocks. In field geology, they are used to obtain a fresh surface of a rock in order to determine its composition, nature, mineralogy, history and field estimate of rock strength. In fossil collecting and mineral collecting, they are employed to break rocks with the aim of revealing fossils inside. Geologists’ hammers are also sometimes used for scale in a photograph.
Rock Hammer
A geologist’s hammer, rock hammer, rock pick or geological pick is a hammer used for splitting and breaking rocks.