1 files changed, 57 insertions, 31 deletions
diff --git a/src/data/rekonqinfo.html b/src/data/rekonqinfo.html
index e347f53a..c3e6a8fa 100644
--- a/src/data/rekonqinfo.html
+++ b/src/data/rekonqinfo.html
@@ -1,55 +1,81 @@
-<!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">
+<!DOCTYPE html>
+<html>
+
+<!-- NOTE
+
+This page is the "skeleton" of rekonq info pages (eg: host not found page).
+To let it work you need to set also some variables
+about (prepend a $ to actually use them):
+
+DEFAULT_PATH = rekonq default installation files path
+PAGE_TITLE = page title
+MAIN_CONTENT = page main content
+...
+
+-->
+
 <head>
-<title>%1</title>
+<title>$PAGE_TITLE</title>
 
 <style type="text/css">
 
 html{
-margin:0;
-padding:0;
+    margin:0;
+    padding:0;
+}
+
+@font-face {
+    font-family: 'Nunito';
+    src: url($DEFAULT_PATH/fonts/Nunito-Regular.ttf);
+    font-weight: normal;
+    font-style: normal;
 }
 
 body{
-background: #AAA;
-margin:0;
-padding:0;
-font-family: sans-serif;
-font-size: 100%;
+    background: #AAA;
+    margin:0;
+    padding:0;
+    font-family: 'Nunito', sans-serif;
+    font-size: 0.9em;
 }
 
 #block {
-background: #fff;
-border: 2px solid #d9d9d9;
-padding: 40px;
-width: 800px;
-margin: 60px auto;
-color: #444;
--webkit-border-radius: 15px
+    background: #fff;
+    border: 2px solid #d9d9d9;
+    padding: 40px;
+    width: 900px;
+    margin: 50px auto;
+    color: #444;
+    -webkit-border-radius: 15px
 }
 
 h1{
-font-size: 130%;
-font-weight: bold;
-border-bottom: 1px solid lightgray;
-margin-left: 48px;
+    font-size: 130%;
+    font-weight: bold;
+    border-bottom: 1px solid lightgray;
+    margin-left: 48px;
 }
 
 h2{
-font-size: 100%;
-font-weight: normal;
-border-bottom: 1px solid lightgray;
-margin-left: 48px;
+    font-size: 100%;
+    font-weight: normal;
+    border-bottom: 1px solid lightgray;
+    margin-left: 48px;
 }
 
 ul {
-padding: 12px 48px;
-margin: 0;
+    padding: 12px 48px;
+    margin: 0;
+}
+
+a {
+    color: #3F7AB7;
+    text-decoration: none;
+    -webkit-transition: color 0.5s ease;
 }
 
-#reloadButton {
-margin-left: 48px;
-margin-bottom: 12px;
+a:hover {
+    color: black;
 }
 
 </style>
@@ -57,7 +83,7 @@ margin-bottom: 12px;
 </head>
 
 <body>
-<div id="block">%3</div>
+<div id="block">$MAIN_CONTENT</div>
 </body>
 
 </html>