Did this CSS to make a page look like a “typed” piece of paper.
/* my [typed] Piece of Paper CSS */
html{height: 100%;}
body {
font-family: "courier new", courier, terminal, sans-serif;
color: #ffffff;
padding: 20px 20px 20px 20px;
margin: 0px;
background-color: #404040 ;
}
/* The Piece of Paper */
#main
{ width: 780px;
height: 800px;
padding: 50px 50px 50px 50px;
margin-left: 3cm;
margin-right: auto;
background: #FFFFFF;
color: #000000;
line-height: 1em;
letter-spacing: .05em;
word-spacing: .2em;
}
#top {
position:absolute;
padding: 50px 50px 50px 50px;
margin-left: 3cm;
margin-right: auto;
background: #FFFFFF;
color: #000000;
width: 780px;
height: 150px;
top: 50px;
bottom: 100px;
}
a:link {color: #000000} /* unvisited link */
a:visited {color: #000000} /* visited link */
a:hover { /* mouse over link */
color: #FF00FF
text
}
a:active {color: #0000FF} /* selected link */
/* positioning - left, right and center */
.left
{ float: left;
padding: 0px 8px 0px 0px;
}
.right
{ float: right;
padding: 0px 0px 0px 8px;
}
.center
{ display: block;
text-align: center;
margin: 0 auto;
}