From cfffd1a890b46d8cc8bbb9c36c80196f25560766 Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Wed, 4 Jun 2014 11:17:18 +0200
Subject: cut ownCloud text from logo when logged in, place appname there

---
 core/css/header.css | 36 ++++++++++++++++++++++++++++++++----
 1 file changed, 32 insertions(+), 4 deletions(-)

(limited to 'core/css')

diff --git a/core/css/header.css b/core/css/header.css
index 0a3d8f212d6..51c5a4e9d28 100644
--- a/core/css/header.css
+++ b/core/css/header.css
@@ -1,20 +1,48 @@
-/* display logo so appname can be shown next to it */
+#header .logo {
+	background-image: url(../img/logo.svg);
+	background-repeat: no-repeat;
+	width: 250px;
+	height: 118px;
+	margin: 0 auto;
+}
+
 #header .logo-wide {
+	background-image: url(../img/logo-wide.svg);
+	background-repeat: no-repeat;
+	width: 147px;
+	height: 32px;
+}
+
+#header .logo-icon {
+	/* display logo so appname can be shown next to it */
 	display: inline-block;
+	background-image: url(../img/logo-icon.svg);
+	background-repeat: no-repeat;
+	width: 60px;
+	height: 32px;
 }
+
+
 /* show appname next to logo */
 .header-appname {
 	display: inline-block;
 	position: relative;
 	color: #fff;
-	font-size: 15px;
-	margin-left: 5px;
+	font-size: 16px;
+	margin: 0;
+	margin-top: -24px;
+	padding: 7px 0 7px 5px;
+	vertical-align: middle;
 }
 /* show caret indicator next to logo to make clear it is tappable */
 #header .icon-caret {
 	display: inline-block;
 	width: 12px;
-	height: 8px;
+	height: 12px;
+	margin: 0;
+	margin-top: -21px;
+	padding: 0;
+	vertical-align: middle;
 }
 .header-appname,
 #header .icon-caret {
-- 
cgit v1.2.3