Make the error-page a bit prettier.

This patch adds a background-image over the previous grey background
and replaces the white box with a more styled one.

REVIEW:105124

5 files changed, 10 insertions, 6 deletions

diff --git a/src/data/CMakeLists.txt b/src/data/CMakeLists.txt
index c550b261..f3609634 100644
--- a/src/data/CMakeLists.txt
+++ b/src/data/CMakeLists.txt
@@ -9,7 +9,7 @@ INSTALL(
     loading.mng
     webkit-icon.png
     autoscroll.png
-    background.jpg
+    background.png
     DESTINATION ${DATA_INSTALL_DIR}/rekonq/pics
 )
 
diff --git a/src/data/background.jpg b/src/data/background.jpg
deleted file mode 100644
index dba48447..00000000
--- a/src/data/background.jpg
+++ /dev/null
diff --git a/src/data/background.png b/src/data/background.png
new file mode 100644
index 00000000..1ff9d3a7
--- /dev/null
+++ b/src/data/background.png
diff --git a/src/data/home.html b/src/data/home.html
index 9c06bc37..c8a8d84f 100644
--- a/src/data/home.html
+++ b/src/data/home.html
@@ -30,8 +30,12 @@ DEFAULT_PATH = rekonq default installation files path
     font-style: normal;
 }
 
+html {
+    height:100%;
+}
+
 body {
-    background: url($DEFAULT_PATH/pics/background.jpg) repeat-y  center #fff;
+    background: url($DEFAULT_PATH/pics/background.png) repeat-y center #fff;
     font-family: 'Nunito', sans-serif;
     font-size: 0.9em;
     border: 0;
diff --git a/src/data/rekonqinfo.html b/src/data/rekonqinfo.html
index f0c44b0d..1bf77ac1 100644
--- a/src/data/rekonqinfo.html
+++ b/src/data/rekonqinfo.html
@@ -35,7 +35,7 @@ html{
 }
 
 body{
-    background: #AAA;
+    background: url($DEFAULT_PATH/pics/background.png) repeat-y center #bbb;
     margin:0;
     padding:0;
     font-family: 'Nunito', sans-serif;
@@ -43,13 +43,13 @@ body{
 }
 
 #block {
-    background: #fff;
-    border: 2px solid #d9d9d9;
+    background: rgba(255,255,255,0.75);
     padding: 30px;
     width: 800px;
     margin: 30px auto;
     color: #444;
-    -webkit-border-radius: 15px
+    -webkit-border-radius: 15px;
+    box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.9), 0px 0px 2px 0px rgba(0,0,0,0.9), 0px 0px 14px 0px #555;
 }
 
 h1{