Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam laoreet dapibus tempor. Suspendisse fermentum tincidunt nunc sed commodo. Quisque in enim nunc. Suspendisse euismod nulla nec ipsum consectetur facilisis quis ut purus. Phasellus diam lectus, tempus id accumsan a, elementum nec urna. Sed sed consequat ipsum. Morbi tincidunt massa eu dui aliquet tempus eu eget nisl. Morbi dictum leo id enim lobortis facilisis.

Integer in magna a dui tristique imperdiet. Mauris rhoncus nisi vitae mi convallis gravida vestibulum ante tincidunt. Mauris cursus dapibus mi, consequat ultricies tortor tempor ut. Quisque in orci ut turpis fermentum vehicula pellentesque at mauris. Phasellus vel diam eget nulla accumsan pharetra ut lacinia justo. Maecenas malesuada massa neque, consectetur pulvinar ipsum. Etiam tristique feugiat orci ut mollis. Quisque aliquam turpis at lorem consequat ultrices. Duis at felis quam. Curabitur ac pellentesque ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras rutrum, eros nec auctor tempus, lorem turpis laoreet sem, non dapibus sapien velit et nulla. Maecenas facilisis ornare dignissim. Nunc eget lectus ligula, congue rutrum arcu.

Sed porta facilisis enim, nec dictum augue aliquet sit amet. Suspendisse at luctus dolor. Donec sollicitudin aliquam mauris, vitae commodo lectus ultricies a.

Asennus

CSS:

body { background: #D1E2D8 url(http://i214.photobucket.com/albums/cc105/24168/egobox/backgrounds/quotes/Fake.gif) fixed 0 bottom no-repeat; font-family: 'Century Gothic', Monospace; font-size: 12px; color: #313131; } a:link, a:visited { color: #000; } a:hover { text-decoration: none; } U {border-bottom: 1px solid #B2E5EE; text-decoration: none;} h1 { font-family: 'Palatino Linotype', Serif; font-size: 23px; text-align: center; text-transform: lowercase; letter-spacing: 1px; color: #313131; border-bottom: 4px solid #B2E5EE; line-height: 0; } h2 { font-family: 'Palatino Linotype', Serif; font-style: italic; font-size: 18px; text-align: center; text-transform: lowercase; letter-spacing: -1px; color: #313131; border-bottom: 2px solid #B2E5EE; line-height: 3px; } a:link.navi, a:visited.navi { background: #FFF; padding: 10px 20px; color: #C4BBA0; text-decoration: none; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; } A:hover.navi { background: #C4BBA0; color: #FFF; } #main { position: absolute; top: 0; left: 400px; width: 550px; padding-bottom: 50px; } #main .pohja { background: url('http://i214.photobucket.com/albums/cc105/24168/egobox/backgrounds/vintage/Lace.gif') repeat; width: 550px; padding-bottom: 50px; -moz-border-radius: 0px 0px 20px 20px; -webkit-border-radius: 0px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; } #main .teksti { background: #FFF; margin: 0 20px; padding: 10px; padding-bottom: 20px; text-align: justify; -moz-border-radius: 0px 0px 20px 20px; -webkit-border-radius: 0px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; } #main .navi { text-align: center; margin-top: 10px; } #main .copyt { text-align: center; padding-top: 10px; font-size: 10px; color: #848484; } input, select, textarea { border: 5px solid #DFEAE3; background: #D1E2D8; font-family: Century gothic, Tresbuchet MS; font-size: 10px; color: #FFF; padding: 10px; } input:focus, select:focus, textarea:focus { color: #313131; border: 5px solid #DFEAE3; }

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="fi" xml:lang="fi"> <head> <title>I've forgotten myself</title> <link href="myself.css" type="text/css" rel="stylesheet" /> </head> <body> <div id="main"> <div class="pohja"> <div class="teksti"> <h1>Lorem Ipsum</h1> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam laoreet dapibus tempor. Suspendisse fermentum tincidunt nunc sed commodo. Quisque in enim nunc. Suspendisse euismod nulla nec ipsum consectetur facilisis quis ut purus. Phasellus diam lectus, tempus id accumsan a, elementum nec urna. Sed sed consequat ipsum. Morbi tincidunt massa eu dui aliquet tempus eu eget nisl. Morbi dictum leo id enim lobortis facilisis. </p> <p> Integer in magna a dui tristique imperdiet. Mauris rhoncus nisi vitae mi convallis gravida vestibulum ante tincidunt. Mauris cursus dapibus mi, consequat ultricies tortor tempor ut. Quisque in orci ut turpis fermentum vehicula pellentesque at mauris. Phasellus vel diam eget nulla accumsan pharetra ut lacinia justo. Maecenas malesuada massa neque, consectetur pulvinar ipsum. Etiam tristique feugiat orci ut mollis. Quisque aliquam turpis at lorem consequat ultrices. Duis at felis quam. Curabitur ac pellentesque ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras rutrum, eros nec auctor tempus, lorem turpis laoreet sem, non dapibus sapien velit et nulla. Maecenas facilisis ornare dignissim. Nunc eget lectus ligula, congue rutrum arcu. </p> <p> Sed porta facilisis enim, nec dictum augue aliquet sit amet. Suspendisse at luctus dolor. Donec sollicitudin aliquam mauris, vitae commodo lectus ultricies a. </p> <h2>Lorem Ipsum</h2> </div> <div class="navi"> <a href="#" class="navi">Linkki</a> <a href="#" class="navi">Linkki</a> <a href="#" class="navi">Linkki</a> <a href="#" class="navi">Linkki</a> </div> </div> <div class="copyt"> Layot ©<a href="http://tierran.net/dewymorning">Namuless</a> Backgrounds ©<a href="http://ego-box.com/">Ego box</a> </div> </div> </body> </html>

Linkki Linkki Linkki Linkki