<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>rekonq home page</title> <style type="text/css"> /* ------------------------------------------------------- */ /* generic styles */ html{ margin:0; padding:0; } body{ background: url(%1/tile.gif) repeat-x #fff; margin:0; padding:0; font-family: sans-serif; font-size: 100%; text-align: center; } h1{ font: normal bold 2em sans-serif; text-align:right; color: #3F7AB7; margin-right:3%; margin-bottom: 20px; } h2{ font: normal bold 1.2em sans-serif; color: #3F7AB7; margin-top: 2em; } /* ------------------------------------------------------- */ /* page sections */ #container { width: 100%; } #navigation { float: right; width: 20%; text-align:center; } #content { width: 80%; text-align: left; margin: 20px; } .link { width:96%; margin: 10px 0; background-color:#3F7AB7; } /* -------------------------------------------------------- */ /* div navigations styles */ div.link a{ color:#FFF; text-decoration:none; font: normal bold 1.2em/2.5em sans-serif; } div.link a:hover{ color: #ff0; } /* -------------------------------------------------------- */ /* Thumbnail class */ .thumbnail { background: url(%1/bg.png) no-repeat; text-align: center; float:left; width:228px; padding: 11px 0px 0px 0px; margin: 10px 10px 10px 0; } .thumbnail a { display: block; text-align: center; color: #767676; font-size: 0.8em; text-decoration:none; } /* -------------------------------------------------------- */ </style> </head> <body> <div id="container"> <div id="navigation"> <h1>rekonq</h1> %2 </div> <div id="content">%3</div> </div> </body> </html>