diff options
| author | thomasb <thomasb@208e9e7b-5314-0410-a742-e7e81cd9613c> | 2009-09-01 13:47:36 +0000 |
|---|---|---|
| committer | thomasb <thomasb@208e9e7b-5314-0410-a742-e7e81cd9613c> | 2009-09-01 13:47:36 +0000 |
| commit | 7a39229d56c30b89130c179127d984005511871a (patch) | |
| tree | 68ae4f91dab2ae46af03db54f776a3ec5c222295 | |
| parent | 884d18d7fc7a46fe1bd4538067fa83f58740fb2c (diff) | |
New style page header
git-svn-id: https://svn.roundcube.net/trunk@2903 208e9e7b-5314-0410-a742-e7e81cd9613c
| -rw-r--r-- | translator/images/banner_gradient.gif | bin | 0 -> 506 bytes | |||
| -rw-r--r-- | translator/images/banner_logo.gif | bin | 4345 -> 0 bytes | |||
| -rw-r--r-- | translator/images/banner_schraffur.gif | bin | 0 -> 12454 bytes | |||
| -rw-r--r-- | translator/images/rcube_logo.gif | bin | 0 -> 4526 bytes | |||
| -rw-r--r-- | translator/index.php | 6 | ||||
| -rw-r--r-- | translator/styles.css | 43 |
6 files changed, 29 insertions, 20 deletions
diff --git a/translator/images/banner_gradient.gif b/translator/images/banner_gradient.gif Binary files differnew file mode 100644 index 000000000..8ab1b0630 --- /dev/null +++ b/translator/images/banner_gradient.gif diff --git a/translator/images/banner_logo.gif b/translator/images/banner_logo.gif Binary files differdeleted file mode 100644 index a7dd11426..000000000 --- a/translator/images/banner_logo.gif +++ /dev/null diff --git a/translator/images/banner_schraffur.gif b/translator/images/banner_schraffur.gif Binary files differnew file mode 100644 index 000000000..50182b4d6 --- /dev/null +++ b/translator/images/banner_schraffur.gif diff --git a/translator/images/rcube_logo.gif b/translator/images/rcube_logo.gif Binary files differnew file mode 100644 index 000000000..26f82ff99 --- /dev/null +++ b/translator/images/rcube_logo.gif diff --git a/translator/index.php b/translator/index.php index 9e033515c..ccb13a003 100644 --- a/translator/index.php +++ b/translator/index.php @@ -31,9 +31,9 @@ ob_end_clean(); <body> <div id="banner"> - <div class="banner-logo"><a href="http://roundcube.net"><img src="images/banner_logo.gif" width="200" height="56" border="0" alt="RoundCube Webmal Project" /></a></div> - <div class="banner-right"><img src="images/banner_right.gif" width="10" height="56" alt="" /></div> - <h2 id="pageheader">RoundCube (Live) Translator</h2> + <div class="banner-bg"></div> + <div class="banner-logo"><a href="http://roundcube.net"><img src="images/rcube_logo.gif" width="210" height="55" border="0" alt="Roundcube - Open source webmail project" /></a></div> + <h1 id="pageheader">Roundcube (Live) Translator</h1> </div> <div id="bodycontent"> 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 { |
