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;
}
Posted in Web

Leave a Reply

Your email address will not be published.

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>