adding feeds and folders, lady and gentlemen :P

1 files changed, 36 insertions, 7 deletions

diff --git a/css/content.css b/css/content.css
index 8c4e560f4..03604a66f 100644
--- a/css/content.css
+++ b/css/content.css
@@ -8,22 +8,48 @@
  * @copyright Bernhard Posselt 2014
  */
 #first-run {
+    display: none;
     height: 100%;
     width: 100%;
+}
+
+.first-run #first-run {
+    display: block;
+}
+
+#first-run > div {
+    width: 100%;
+    height: 100%;
     display: table;
 }
 
-#first-run h1 {
-    color: #888888;
-    font-size: 1.5em;
-    font-weight: bold;
-    text-shadow: 0 1px 0 #FFFFFF;
+#first-run > div > div {
+    display: table-row;
+}
+
+#first-run > div > div > * {
     display: table-cell;
-    text-align: center;
     vertical-align: middle;
 }
 
 
+#first-run .title h1 {
+    color: #222;
+    font-size: 18px;
+    text-align: center;
+}
+
+#first-run .helper h1 {
+    color: #222;
+    font-size: 18px;
+    height: 44px;
+    padding-left: 45px;
+    background-position: 15px center;
+    background-image: url('../img/arrow.svg');
+    background-repeat: no-repeat;
+}
+
+
 #app-content.loading-content {
     background: url('../img/loading.gif') no-repeat;
     background-position: calc(50% - 16px) calc(50% - 16px);
@@ -33,7 +59,7 @@
     display: none;
 }
 
-#app-content:after {
+#app-content:not(.first-run):after {
     content: '';
     display: block;
     height: 100%;
@@ -45,6 +71,9 @@
     background-position: calc(50% - 16px) calc(50% - 16px);
 }
 
+.first-run #app-content-wrapper {
+    height: 100%;
+}
 
 /**
  * Rules for a single feed item