CSS for TODO list

by paulftw

HTML

<div class=lined-paper>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
    </ul>
</div>

CSS

.lined-paper {
  background-color: #fff;
  background-image: linear-gradient(#f6abca 1px,transparent 1px),linear-gradient(#f6abca 1px,transparent 1px),linear-gradient(#e8e8e8 1px,transparent 1px);
  background-size: 1px 1px,1px 1px,30px 30px;
  background-repeat: repeat-y,repeat-y,repeat;
  background-position: 62px 0,66px 0,0 -1px;
  position: relative;
  padding: 30px 15px 30px 75px!important;
  line-height: 30px;
  font-family: Georgia,serif;
  font-style: italic;
}

ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}