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

diff --git a/skins/standard/index.css b/skins/standard/index.css
new file mode 100644 (file)
index 0000000..1d180a2
--- /dev/null
+++ b/skins/standard/index.css
@@ -0,0 +1,69 @@
+ /* The contents of this file are subject to the Mozilla Public\r
+  * License Version 1.1 (the "License"); you may not use this file\r
+  * except in compliance with the License. You may obtain a copy of\r
+  * the License at http://www.mozilla.org/MPL/\r
+  *\r
+  * Software distributed under the License is distributed on an "AS\r
+  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or\r
+  * implied. See the License for the specific language governing\r
+  * rights and limitations under the License.\r
+  *\r
+  * The Original Code is the Bugzilla Bug Tracking System.\r
+  *\r
+  * Contributor(s): Vitaly Harisov <vitaly@rathedg.com>\r
+  */\r
+\r
+/* index page (begin) */\r
+\r
+    #page-index\r
+    {\r
+        padding: 0.2em 0.2em 0.15em 0.2em;\r
+    }\r
+\r
+    #page-index ul, #page-index li,\r
+    #page-index p, #page-index form p\r
+    {\r
+        margin: 0;\r
+        padding: 0;\r
+    }\r
+\r
+    #page-index li\r
+    {\r
+        list-style: none;\r
+    }\r
+\r
+    #page-index p\r
+    {\r
+        padding-bottom: 1em;\r
+    }\r
+\r
+    /* Hide from NN4 */\r
+    div#page-index .intro\r
+    {\r
+        width: 329px;\r
+        height: 220px;\r
+\r
+        margin-top: 2.3em;\r
+        float: right;\r
+\r
+        border: 2px solid #000;\r
+        background: transparent no-repeat url(index/front.jpg);\r
+    }\r
+\r
+    #page-index #report\r
+    {\r
+        padding-bottom: 1em;\r
+    }\r
+\r
+    #page-index #sidebar\r
+    {\r
+        padding-top: 1em;\r
+    }\r
+\r
+    /* Hide from MSIE6- */\r
+    #page-index [id]#sidebar\r
+    {\r
+        padding: 1em 0;\r
+    }\r
+\r
+/* 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 (file)
index 0000000..7cfaaed
Binary files /dev/null and b/skins/standard/index/front.jpg differ

diff --git a/template/en/default/index.html.tmpl b/template/en/default/index.html.tmpl
index d31a51d89abef8f0381b38cd891e1555df592c79..7f5ec95fa674426d01a54b16824d6d223a538421 100644 (file)
--- 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>