New style page header

git-svn-id: https://svn.roundcube.net/trunk@2903 208e9e7b-5314-0410-a742-e7e81cd9613c

1 files changed, 26 insertions, 17 deletions

diff --git a/translator/styles.css b/translator/styles.css
index e37211b73..d252c0a7e 100644
--- a/translator/styles.css
+++ b/translator/styles.css
@@ -4,7 +4,7 @@ body {
 	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
 	font-size: small;
 	color: #000000;
-	margin: 10px;
+	margin: 0;
 }
 
 fieldset {
@@ -13,26 +13,35 @@ fieldset {
 }
 
 #banner {
-	position: relative;
-	height: 56px;
-	margin-bottom: 1.5em;
-	background: url(images/banner_bg.gif) top left repeat-x #ffffff;
+	height: 58px;
+	margin: 0 0 1em 0;
+	padding: 10px 20px;
+	background: url('images/banner_gradient.gif') top left repeat-x #d8edfd;
+	overflow: hidden;
 }
 
-#banner div.banner-logo {
-	position: absolute;
-	top: 0px;
-	left: 0px;
-	width: 200px;
-	height: 56px;
+#banner h1 {
+	color: #333;
+	z-index: 5;
+	font-size: 15pt;
 }
 
-#banner div.banner-right {
+#banner .banner-bg {
 	position: absolute;
-	right: 0px;
-	top: 0px;
-	width: 10px;
-	height: 56px;
+	top: 0;
+	right: 0;
+	width: 630px;
+	height: 78px;
+	background: url('images/banner_schraffur.gif') top right no-repeat;
+	z-index: 0;
+}
+
+#banner .banner-logo {
+	z-index: 4;
+}
+
+#banner .banner-logo a {
+  border: 0;
 }
 
 #pageheader {
@@ -46,7 +55,7 @@ fieldset {
 }
 
 #bodycontent {
-	margin: 1em 16px;
+	margin: 1.5em 20px;
 }
 
 .console {