<!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, body, div, h1, h2, h3, h4, a, p{ margin:0; padding:0; border:0; } body{ background: url(%1/tile.gif) repeat-x #fff; font-family: sans-serif; font-size: 90%; text-align: center; } h1{ font: normal bold 2em sans-serif; text-align:right; color: #3F7AB7; margin-right:3%; margin-top: 0.5%; float:right; } h2{ font: normal bold 1.2em sans-serif; color: #3F7AB7; margin-top: 2em; } h3{ background: url(%1/category.png) no-repeat; padding: 0.2em; margin-top: 1em; margin-bottom: 0.5em; padding-left: 0.4em; } h4{ font-size: 1em; margin-top: 0.5em; } a{ color: #3F7AB7; text-decoration: none; } a:hover{ color: black; } /* ------------------------------------------------------- */ /* page sections */ #container { width: 100%; } #navigation { margin-top: 1%; margin-bottom: 4%; text-align: center; } #content { text-align: left; margin: 2%; } /* -------------------------------------------------------- */ /* div navigations styles */ .link{ display: inline-block; padding: 0 2%; } .link img{ float:left; } .link a{ color: black; text-decoration:none; font: normal bold 1.2em/2.5em sans-serif; vertical-align: middle; } #navigation .link:not(.current):not(.link:hover){ -webkit-opacity: 0.3; } /* -------------------------------------------------------- */ /* Thumbnail class */ .thumbnail { text-align: center; float:left; width: 25%; min-width: 235px; margin-bottom: 3%; } .thumbnail object{ background: url(%1/bg.png) no-repeat; text-align: center; padding: 14px 16px; -webkit-background-size: 100% 100%; -webkit-background-clip: padding; cursor: pointer; } .thumbnail a { display: block; text-align: center; color: #767676; font-size: 0.8em; text-decoration:none; } /* -------------------------------------------------------- */ /* Bookmarks page*/ .bookfolder{ margin-left: 2em; margin-bottom: 0.5em; } /* -------------------------------------------------------- */ </style> </head> <body> <div id="container"> <div id="navigation"> %2 </div> <div id="content">%3</div> </div> </body> </html>