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 c8ab3f8f1931c8ea1ef0b04097327353d3b9c7bf..7f725603d308db591892657985d8b3cb04a76647 100644 (file)
--- 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 c8ab3f8f1931c8ea1ef0b04097327353d3b9c7bf..7f725603d308db591892657985d8b3cb04a76647 100644 (file)
--- 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 a7cc7c6e10404d1b06fcfe12afeae2e662fad48d..95a7605b9532496fe6458fe5ae985b63478fd7ba 100644 (file)
--- 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>