Fix for bug 251068: cssification of index.cgi; Patch by Vitaly Harisov; r=myk,kiko; a=myk for 2.20

3 files changed, 96 insertions, 25 deletions

diff --git a/skins/standard/index.css b/skins/standard/index.css
new file mode 100644
index 000000000..1d180a25c
--- /dev/null
+++ b/skins/standard/index.css
@@ -0,0 +1,69 @@
+ /* The contents of this file are subject to the Mozilla Public

+  * License Version 1.1 (the "License"); you may not use this file

+  * except in compliance with the License. You may obtain a copy of

+  * the License at http://www.mozilla.org/MPL/

+  *

+  * Software distributed under the License is distributed on an "AS

+  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or

+  * implied. See the License for the specific language governing

+  * rights and limitations under the License.

+  *

+  * The Original Code is the Bugzilla Bug Tracking System.

+  *

+  * Contributor(s): Vitaly Harisov <vitaly@rathedg.com>

+  */

+

+/* index page (begin) */

+

+    #page-index

+    {

+        padding: 0.2em 0.2em 0.15em 0.2em;

+    }

+

+    #page-index ul, #page-index li,

+    #page-index p, #page-index form p

+    {

+        margin: 0;

+        padding: 0;

+    }

+

+    #page-index li

+    {

+        list-style: none;

+    }

+

+    #page-index p

+    {

+        padding-bottom: 1em;

+    }

+

+    /* Hide from NN4 */

+    div#page-index .intro

+    {

+        width: 329px;

+        height: 220px;

+

+        margin-top: 2.3em;

+        float: right;

+

+        border: 2px solid #000;

+        background: transparent no-repeat url(index/front.jpg);

+    }

+

+    #page-index #report

+    {

+        padding-bottom: 1em;

+    }

+

+    #page-index #sidebar

+    {

+        padding-top: 1em;

+    }

+

+    /* Hide from MSIE6- */

+    #page-index [id]#sidebar

+    {

+        padding: 1em 0;

+    }

+

+/* index page (end) */
\ No newline at end of file
diff --git a/skins/standard/index/front.jpg b/skins/standard/index/front.jpg
new file mode 100644
index 000000000..7cfaaed63
--- /dev/null
+++ b/skins/standard/index/front.jpg
diff --git a/template/en/default/index.html.tmpl b/template/en/default/index.html.tmpl
index d31a51d89..7f5ec95fa 100644
--- a/template/en/default/index.html.tmpl
+++ b/template/en/default/index.html.tmpl
@@ -19,6 +19,7 @@
   #
   # Contributor(s): Terry Weissman <terry@mozilla.org>
   #                 Jacob Steenhagen <jake@bugzilla.org>
+  #                 Vitaly Harisov  <vitaly@rathedg.com>
   #%]
 
 [%# INTERFACE:
@@ -30,6 +31,7 @@
 [% title = BLOCK %]
 [% terms.Bugzilla %] Main Page
 [% END %]
+[% style_urls = [ "skins/standard/index.css" ] %]
 [% PROCESS global/header.html.tmpl %]
 
 
@@ -54,42 +56,42 @@ function addSidebar() {
 </script>
 
 
-<table width="100%"><tr>
- <td>
+<div id="page-index">
+  <div class="intro"></div>
+
   <p>This is where we put in lots of nifty words explaining all about [% terms.Bugzilla %].</p>
 
-  But it all boils down to a choice of:
-  <p>
-  <a href="query.cgi">Search existing [% terms.bug %] reports</a><br>
-  <a href="enter_bug.cgi">Enter a new [% terms.bug %] report</a><br>
-  <a href="report.cgi">Summary reports and charts</a><br>
-  </p><p>
+  <p>But it all boils down to a choice of:</p>
+  <ul>
+    <li id="query"><a href="query.cgi">Search existing [% terms.bug %] reports</a></li>
+    <li id="enter-bug"><a href="enter_bug.cgi">Enter a new [% terms.bug %] report</a></li>
+    <li id="report"><a href="report.cgi">Summary reports and charts</a></li>
 [% IF user.id %]
-  <a href="userprefs.cgi">Change password or user preferences</a><br>
+    <li id="userprefs"><a href="userprefs.cgi">Change password or user preferences</a></li>
   [% IF user.get_flag('can_logout') %]
-    <a href="relogin.cgi">Logout [% user.login FILTER html %]</a><br>
+    <li id="logout"><a href="relogin.cgi">Logout [% user.login FILTER html %]</a></li>
   [% END %]
 [% ELSE %]
-  <a href="query.cgi?GoAheadAndLogIn=1">Log in to an existing account</a><br>
+    <li id="login"><a href="query.cgi?GoAheadAndLogIn=1">Log in to an existing account</a></li>
   [% IF Param('createemailregexp') %]
-    <a href="createaccount.cgi">Open a new [% terms.Bugzilla %] account</a><br>
+    <li id="account"><a href="createaccount.cgi">Open a new [% terms.Bugzilla %] account</a></li>
   [% END %]
 [% END %]
-  </p><p>
-  <a href="javascript:addSidebar()">Add to Sidebar</a> (Requires Mozilla or Netscape 6)<br>
-  </p>
-  <form name="f" action="show_bug.cgi" method="get"
+    <li id="sidebar"><a href="javascript:addSidebar()">Add to Sidebar</a> (Requires Mozilla or Netscape 6)</li>
+  </ul>
+
+  <form id="show-bug" name="f" action="show_bug.cgi" method="get"
       onsubmit="QuickSearch(f.id.value); return false;">
-  <p>
-  Enter [% terms.abug %] # or some search terms:<br>
-  <input type="text" name="id">
-  <input type="submit" value="Show">
-  <a href="quicksearch.html">[Help]</a>
-  </p>
+  <div>
+    <p>Enter [% terms.abug %] # or some search terms:</p>
+    <input id="text" type="text" name="id">
+    <input id="show" type="submit" value="Show">
+    <a href="quicksearch.html">[Help]</a>
+  </div>
   </form>
- </td>
- <td align="right"><img src="ant.jpg" width="329" height="220" border="2" alt="ant.jpg [8.5k]"></td>
-</tr></table>
+
+  <div class="outro"></div>
+</div>
 
 <script type="text/javascript" language="JavaScript" src="localconfig.js"></script>
 <script type="text/javascript" language="JavaScript" src="quicksearch.js"></script>