Improved UI in the setup tool.

git-svn-id: http://svn.igniterealtime.org/svn/repos/wildfire/trunk@3683 b35dd754-fafc-0310-a699-88a17e54d16e

src/web/decorators/setup.jsp

@@ -151,19 +151,13 @@
                 };
             %>
 
-            <table bgcolor="#cccccc" cellpadding="0" cellspacing="0" border="0" width="200">
-            <tr><td>
-            <table bgcolor="#cccccc" cellpadding="3" cellspacing="1" border="0" width="200">
-            <tr bgcolor="#eeeeee">
-                <td align="center">
-                    <span style="padding:6px">
-                    <b><fmt:message key="setup.sidebar.title" /></b>
-                    </span>
-                </td>
-            </tr>
-            <tr bgcolor="#ffffff">
-                <td>
-                    <table cellpadding="5" cellspacing="0" border="0" width="100%">
+
+        <div style="width:200px;">
+            <div class="jive-setup-sidebar-top">
+                <b><fmt:message key="setup.sidebar.title" /></b>
+            </div>
+            <div class="jive-setup-sidebar-bottom">
+            <table cellpadding="5" cellspacing="0" border="0">
                     <%  for (int i=0; i<items.length; i++) { %>
                         <tr>
                         <%  if (INCOMPLETE.equals(items[i])) { %>
@@ -191,12 +185,10 @@
                         </tr>
                     <%  } %>
                     <tr><td colspan="2"><br><br><br><br></td></tr>
-                    </table>
-                </td>
-            </tr>
-            </table>
-            </td></tr>
-            </table>
+                </table>
+            </div>
+        </div>
+
         </td>
         <td width="1%" nowrap><img src="../images/blank.gif" width="15" height="1" border="0" alt=""></td>
     <%  } %>

src/web/setup/index.jsp

@@ -102,7 +102,7 @@
              id="loc01" />
         </td>
         <td colspan="2">
-            <label for="loc01">Czech</label> (cs_CZ)
+            <label for="loc01"><b>Czech</b> (cs_CZ)</label>
         </td>
     </tr>
     <tr>
@@ -111,7 +111,7 @@
              id="loc02" />
         </td>
         <td colspan="2">
-            <label for="loc02">Deutsch</label> (de)
+            <label for="loc02"><b>Deutsch</b> (de)</label>
         </td>
     </tr>
     <tr>
@@ -120,7 +120,7 @@
              id="loc03" />
         </td>
         <td colspan="2">
-            <label for="loc03">English</label> (en)
+            <label for="loc03"><b>English</b> (en)</label>
         </td>
     </tr>
     <tr>
@@ -129,7 +129,7 @@
              id="loc04" />
         </td>
         <td colspan="2">
-            <label for="loc04">Espa&ntilde;ol</label> (es)
+            <label for="loc04"><b>Espa&ntilde;ol</b> (es)</label>
         </td>
     </tr>
     <tr>
@@ -138,7 +138,7 @@
              id="loc05" />
         </td>
         <td colspan="2">
-            <label for="loc05">Fran&ccedil;ais</label> (fr)
+            <label for="loc05"><b>Fran&ccedil;ais</b> (fr)</label>
         </td>
     </tr>
     <tr>
@@ -147,7 +147,7 @@
              id="loc06" />
         </td>
         <td colspan="2">
-            <label for="loc06">Nederlands</label> (nl)
+            <label for="loc06"><b>Nederlands</b> (nl)</label>
         </td>
     </tr>
     <tr>
@@ -156,7 +156,7 @@
              id="loc07" />
         </td>
         <td colspan="2">
-            <label for="loc07">Polski</label> (pl_PL)
+            <label for="loc07"><b>Polski</b> (pl_PL)</label>
         </td>
     </tr>
     <tr>
@@ -165,7 +165,7 @@
              id="loc08" />
         </td>
         <td colspan="2">
-            <label for="loc08">Portugu&ecirc;s Brasileiro</label> (pt_BR)
+            <label for="loc08"><b>Portugu&ecirc;s Brasileiro</b> (pt_BR)</label>
         </td>
     </tr>
     <tr>
@@ -177,7 +177,7 @@
             <a href="#" onclick="document.sform.localeCode[1].checked=true; return false;"><img src="../images/language_zh_CN.gif" border="0" /></a>
         </td>
         <td>
-            <label for="loc09">Simplified Chinese</label> (zh_CN)
+            <label for="loc09"><b>Simplified Chinese</b> (zh_CN)</label>
         </td>
     </tr>
 </tbody>

src/web/setup/setup-finished.jsp

@@ -75,8 +75,14 @@
     }
 %>
 <ul>
-    <a href="<%= url %>"><fmt:message key="setup.finished.login" /></a>
+<table border="0">
+    <tr>
+    <td><a href="<%= url %>"><img src="../images/arrow_right_blue.png" width="24" height="24" alt="" border="0"></a></td>
+    <td><a href="<%= url %>"><fmt:message key="setup.finished.login" /></a></td>
+    </tr>
+</table>
 </ul>
 
+
 </body>
 </html>
\ No newline at end of file

src/web/setup/setup-style.css

@@ -10,9 +10,6 @@ PRE, TT {
     font-size : 100%;
     font-family : courier new, monospaced;
 }
-LABEL {
-    font-weight : bold;
-}
 A {}
 A:link {
     color : #039;
@@ -36,6 +33,7 @@ A:active {
     font-size : 1.3em;
     color : #ffffff;
     background-color : #369;
+    background: url(../images/setup-header.png)
 }
 .jive-setup-footer {
     text-align : center;
@@ -50,9 +48,25 @@ A:active {
 .jive-setup-error-text {
     color : #f00;
 }
-.jive-setup-sidebar {
-    border : 1px #ccc solid;
-    background-color : #eee;
+.jive-setup-sidebar-top {
+    color : #fff;
+    text-align : center;
+    padding : 6px;
+    background-color : #336699;
+    background-image: url(../images/setup-sidebar-top.gif);
+    background-position : top center;
+    background-repeat : no-repeat;
+}
+.jive-setup-sidebar-bottom {
+    color : #000;
+    padding : 6px;
+    background-color : #D3E9FF;
+    background-image: url(../images/setup-sidebar-bottom.gif);
+    background-position : bottom center;
+    background-repeat : no-repeat;
+}
+.jive-setup-sidebar-bottom A:visited {
+    color : #000;
 }
 .jive-setup-header .jive-info {
     color : #333;