Notepad

The functional demo can be seen above.

A realistic notepad with a lined paper background and hidden pages at the bottom.

The lines are created using linear gradients, making the content fully flexible in width/height and keeping the markup clean.