Skip to content

Instantly share code, notes, and snippets.

@linhuiw
Forked from LeaVerou/dabblet.css
Created March 1, 2012 06:38
Show Gist options
  • Save linhuiw/1947838 to your computer and use it in GitHub Desktop.
Save linhuiw/1947838 to your computer and use it in GitHub Desktop.
Lined paper that follows the text
/**
* Lined paper that follows the text
* Support: Chrome, FF 3.6+, Saf 5.1+, Opera 11.50+, IE10
*/
/* Just decorative */
padding: 20px;
/* The font. Try changing font-size and see how the lines
still follow the text */
font: italic 200%/1.5 Baskerville, "Palatino Linotype", serif;
/* The "paper" color */
background-color: hsl(24, 10%, 90%);
/* The lines */
background-image: linear-gradient(hsla(210, 50%, 30%, .5) 1px, transparent 1px);
/* This makes the lines follow the text.
First value could be whatever (as long as it's > 0),
second should be equal to line-height */
background-size: 100% 1.5em;
/* If you have padding, this makes the background
offset according to it */
background-origin: content-box;
Logistically data ethernet deviation inversion processor echo processor procedural femtosecond logistically interface analog services. Cascading connectivity, in or transponder scan element sequential transmission plasma normalizing capacitance reducer. Recursive plasma, hyperlinked supporting gigabyte, solution.
Development silicon partitioned patch hyperlinked echo broadband, bus cable. Read-only integer generator servicing, scalar coordinated audio. Video, distributed high debugged fragmentation hyperlinked pc sequential element resistor pulse capacitance. Floating-point bypass reducer recognition gigabyte developer potentiometer.
{"view":"split-vertical","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment