From: myk%mozilla.org <>
Date: Wed, 12 May 2004 03:49:49 +0000 (+0000)
Subject: Fix for bug 240486: makes the banner template CSS friendly
X-Git-Tag: bugzilla-2.18rc1~74
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=1ab225cdb6b4f0c84049b09c32ecb8845ce1a5dc;p=thirdparty%2Fbugzilla.git

Fix for bug 240486: makes the banner template CSS friendly
Patch by Vitaly Harisov
r=myk
a=myk
---

diff --git a/css/global.css b/css/global.css
index c8ab3f8f19..7f725603d3 100644
--- a/css/global.css
+++ b/css/global.css
@@ -19,6 +19,58 @@
   *                 Christian Reis <kiko@async.com.br>
   */
 
+/* banner (begin) */
+    #banner
+    {
+        text-align: center;        
+
+        width: 100%;
+        background: #000;
+
+        /* for Netscape 4 only */
+        border: 1px solid #fff;
+        border-bottom-width: 0.65em;
+    }
+
+    /* hide from NN4 */
+    div#banner
+    {
+        border-bottom-width: 0.2em;
+    }
+
+    #banner p
+    {
+        margin: 0;
+        padding: 0;
+    }
+
+    #banner-name
+    {
+        font-family: serif;
+        font-size: 255%;
+
+        color: #fff;
+    }
+
+    /* hide from NN4 */
+    p#banner-name
+    {
+        font-size: 300%;
+    }
+
+    #banner-version
+    {
+        font-size: 75%;
+        background: #fff;
+    }
+
+    /* hide from NN4 */
+    p#banner-version
+    {
+        font-size: 85%;
+    }
+/* banner (end) */
+
 .bz_obsolete { text-decoration: line-through; }
 .bz_inactive { text-decoration: line-through; }
 .bz_closed { text-decoration: line-through; }
diff --git a/skins/standard/global.css b/skins/standard/global.css
index c8ab3f8f19..7f725603d3 100644
--- a/skins/standard/global.css
+++ b/skins/standard/global.css
@@ -19,6 +19,58 @@
   *                 Christian Reis <kiko@async.com.br>
   */
 
+/* banner (begin) */
+    #banner
+    {
+        text-align: center;        
+
+        width: 100%;
+        background: #000;
+
+        /* for Netscape 4 only */
+        border: 1px solid #fff;
+        border-bottom-width: 0.65em;
+    }
+
+    /* hide from NN4 */
+    div#banner
+    {
+        border-bottom-width: 0.2em;
+    }
+
+    #banner p
+    {
+        margin: 0;
+        padding: 0;
+    }
+
+    #banner-name
+    {
+        font-family: serif;
+        font-size: 255%;
+
+        color: #fff;
+    }
+
+    /* hide from NN4 */
+    p#banner-name
+    {
+        font-size: 300%;
+    }
+
+    #banner-version
+    {
+        font-size: 75%;
+        background: #fff;
+    }
+
+    /* hide from NN4 */
+    p#banner-version
+    {
+        font-size: 85%;
+    }
+/* banner (end) */
+
 .bz_obsolete { text-decoration: line-through; }
 .bz_inactive { text-decoration: line-through; }
 .bz_closed { text-decoration: line-through; }
diff --git a/template/en/default/global/banner.html.tmpl b/template/en/default/global/banner.html.tmpl
index a7cc7c6e10..95a7605b95 100644
--- a/template/en/default/global/banner.html.tmpl
+++ b/template/en/default/global/banner.html.tmpl
@@ -24,17 +24,14 @@
 
 [% PROCESS global/variables.none.tmpl %]
 
-    <table bgcolor="#000000" width="100%" border="0" cellpadding="0"
-           cellspacing="0">
-      <tr>
-        <td>
-          <center><font color="#FFFFFF" size="8">
-            This is [% terms.Bugzilla %]
-          </font></center>
-        </td>
-      </tr>
-    </table>
-
-    <center><font size="-1">
-      <a href="http://www.bugzilla.org/">Bugzilla</a> Version [% VERSION %]
-    </font></center>
+    <div id="banner">
+    <div class="intro"></div>
+      <p id="banner-name">
+        <span>This is [% terms.Bugzilla %]</span>
+      </p>
+      <p id="banner-version">
+        <a href="http://www.bugzilla.org/"><span>Bugzilla</span></a>
+        <span>Version [% VERSION %]</span>
+      </p>
+    <div class="outro"></div>
+    </div>