Caderno CSS

caderno.html

<textarea>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodtempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodoconsequat. Duis aute irure dolor in reprehenderit in voluptate velit essecillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat nonproident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</textarea>

body{margin:0; padding:0; background-color:#f5f5f5;}
textarea{				
    display:block;
    min-height:686px;
    width:598px;
    margin:10px auto;
    border:1px solid #ededed;
    outline:none;
    line-height:50px;
    resize:none;
    padding:0 30px 0 70px;
    overflow:hidden;
    font-family: 'Marck Script', cursive;
    font-size:25px;
    vertical-align:baseline;
    background-image:
        radial-gradient(#f5f5f5 14px, transparent 14px),
        radial-gradient(#cccccc 15px, transparent 15px),
        linear-gradient(#fff 0px, #fff 48px, #e4eef7 49px);				
    background-position:0 0, -1px -1px, 0 0;
    background-repeat: repeat-y, repeat-y, repeat;
    background-size:50px;
}