3 files changed, 39 insertions, 15 deletions
diff --git a/src/data/CMakeLists.txt b/src/data/CMakeLists.txt
index 6d5276c7..7c0f3cc3 100644
--- a/src/data/CMakeLists.txt
+++ b/src/data/CMakeLists.txt
@@ -1,13 +1,26 @@
 # image files
 INSTALL(
     FILES
-    bg2.png bg.png tile.gif category.png button.png
-    busywidget.gif loading.mng
-    webkit-icon.png autoscroll.png
+    bg2.png
+    bg.png
+    tile.gif
+    category.png
+    button.png
+    busywidget.gif
+    loading.mng
+    webkit-icon.png
+    autoscroll.png
     background.jpg
     DESTINATION ${DATA_INSTALL_DIR}/rekonq/pics
 )
 
+# fonts files
+INSTALL(
+    FILES
+    Nunito-Regular.ttf
+    DESTINATION ${DATA_INSTALL_DIR}/rekonq/fonts
+)
+
 # default bookmarks
 INSTALL(
     FILES
diff --git a/src/data/Nunito-Regular.ttf b/src/data/Nunito-Regular.ttf
new file mode 100644
index 00000000..3b0f067c
--- /dev/null
+++ b/src/data/Nunito-Regular.ttf
diff --git a/src/data/home.html b/src/data/home.html
index 03197d56..c46904dd 100644
--- a/src/data/home.html
+++ b/src/data/home.html
@@ -1,28 +1,39 @@
-<!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>
 
 <head>
+
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+
 <title></title>
 
 <style type="text/css">
 
 /* -------------------------------------------------------- */
-/* css reset */
+/* generic styles */
+
 * {
 border: 0; padding: 0; margin: 0;
 }
 
-/* -------------------------------------------------------- */
-/* generic styles */
+@font-face {
+    font-family: 'Nunito';
+    src: url(%2/fonts/Nunito-Regular.ttf);
+    font-weight: normal;
+    font-style: normal;
+
+}
 
 body {
-background: url(%2/background.jpg) repeat-y #fff;
-font-family: sans-serif; font-size: 0.8em;
+background: url(%2/pics/background.jpg) repeat-y #fff;
+font-family: 'Nunito', sans-serif;
+font-size: 0.9em;
 }
 
 #rekonq-newtabpage {
-width: 100%;
+width: 96%;
 text-align: center; /* center #navigation */
+margin: 0 2%;
 }
 
 #content {
@@ -32,7 +43,7 @@ margin: 0 1% 2% 1%;
 
 h3 {
 border-bottom-width: 1px;
--webkit-border-image: url(%2/category.png) 1 1 1 1  stretch stretch;
+-webkit-border-image: url(%2/pics/category.png) 1 1 1 1  stretch stretch;
 padding: 0.2em; margin: 1.5em 0 0.5em;
 font: normal bold 1em;
 }
@@ -64,7 +75,7 @@ width: 15%;
 }
 
 #navigation {
--webkit-border-image: url(%2/bg2.png) 12 12 12 12  stretch stretch;
+-webkit-border-image: url(%2/pics/bg2.png) 12 12 12 12  stretch stretch;
 display: table;
 border-width: 5px;
 margin-left: auto;
@@ -99,7 +110,7 @@ margin-right: 3px; width: 16px;
 
 .current{
 border-width: 6px;
--webkit-border-image: url(%2/button.png) 6 stretch stretch;
+-webkit-border-image: url(%2/pics/button.png) 6 stretch stretch;
 }
 .link:not(.current){
 margin: 0 10px;
@@ -129,7 +140,7 @@ margin: auto;
 display: table-cell; vertical-align: middle;
 width: 200px; height: 150px;
 padding: 14px 16px 12px;
-background: url(%2/bg.png) no-repeat;
+background: url(%2/pics/bg.png) no-repeat;
 -webkit-background-size: 100% 100%; 
 }