iOS Inspired CSS3 Popups
All popups use a div with a class of popup and an unordered list. For a button list, just make the list items links. Additional classes add arrows, remove dividers and justify text.
The arrows are created using a span element with a class of 'arrow' before the end of the div container. The :after property is used to create a square element, rotate it 90° and clip it into a triangle.
- north, south, east, west: add directional arrows
- compact: lower padding between items
- nodivider: remove dividers between items
- left: left-justify text in list items (default centered)
Created by Brett Terpstra.