diff options
Diffstat (limited to 'css/content.css')
-rw-r--r-- | css/content.css | 43 |
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 |