* susidns: add icons to buttons

magnifier.png from Silk icons: See licenses/LICENSE-SilkIcons.txt

apps/susidns/src/css.css

@@ -172,3 +172,43 @@ input[type=reset]:hover {
      opacity: 1.0;
      -moz-box-shadow: inset 0px 0px 0px 1px #fff;
 }
+
+input.accept {
+     background: #ddf url('/themes/console/images/accept.png') no-repeat 2px center;
+     padding: 2px 3px 2px 20px;
+     min-height: 22px;
+}
+
+input.add {
+     background: #ddf url('/themes/console/images/add.png') no-repeat 2px center;
+     padding: 2px 3px 2px 20px;
+     min-height: 22px;
+}
+
+input.cancel {
+     background: #ddf url('/themes/console/images/cancel.png') no-repeat 2px center;
+     padding: 2px 3px 2px 20px;
+     min-height: 22px;
+}
+
+input.delete {
+     background: #ddf url('/themes/console/images/delete.png') no-repeat 2px center;
+     padding: 2px 3px 2px 20px;
+     min-height: 22px;
+}
+
+input.reload {
+     background: #ddf url('/themes/console/images/arrow_refresh.png') no-repeat 2px center;
+     padding: 2px 3px 2px 20px;
+     min-height: 22px;
+}
+
+input.search {
+     background: #ddf url('/themes/console/images/magnifier.png') no-repeat 2px center;
+     padding: 2px 3px 2px 24px;
+     min-height: 22px;
+}
+
+input.search[type="text"] {
+     background: #eef url('/themes/console/images/magnifier.png') no-repeat 2px center;
+}

apps/susidns/src/jsp/addressbook.jsp

@@ -117,8 +117,8 @@ ${book.loadBookMessages}
 <input type="hidden" name="begin" value="0">
 <input type="hidden" name="end" value="99">
 <table><tr>
-<td class="search"><%=intl._("Search")%>: <input type="text" name="search" value="${book.search}" size="20" ></td>
+<td class="search"><%=intl._("Search")%>: <input class="search" type="text" name="search" value="${book.search}" size="20" ></td>
-<td class="search"><input type="submit" name="submitsearch" value="<%=intl._("Search")%>" ></td>
+<td class="search"><input class="search" type="submit" name="submitsearch" value="<%=intl._("Search")%>" ></td>
 </tr>
 </table>
 </form></div>
@@ -167,8 +167,8 @@ ${book.loadBookMessages}
 <c:if test="${book.master || book.router || book.published || book.private}">
 <div id="buttons">
 <p class="buttons">
-<input type="reset" value="<%=intl._("Cancel")%>" >
+<input class="cancel" type="reset" value="<%=intl._("Cancel")%>" >
-<input type="submit" name="action" value="<%=intl._("Delete Selected")%>" >
+<input class="delete" type="submit" name="action" value="<%=intl._("Delete Selected")%>" >
 </p>
 </div></form>
 </c:if>
@@ -193,9 +193,9 @@ ${book.loadBookMessages}
 <b><%=intl._("Destination")%></b></td><td><textarea name="destination" rows="1" style="height: 3em;" cols="70" wrap="off" spellcheck="false">${book.destination}</textarea>
 </td></tr></table>
 <p class="buttons">
-<input type="reset" value="<%=intl._("Cancel")%>" >
+<input class="cancel" type="reset" value="<%=intl._("Cancel")%>" >
-<input type="submit" name="action" value="<%=intl._("Replace")%>" >
+<input class="accept" type="submit" name="action" value="<%=intl._("Replace")%>" >
-<input type="submit" name="action" value="<%=intl._("Add")%>" >
+<input class="add" type="submit" name="action" value="<%=intl._("Add")%>" >
 </p>
 </div></form>
 

apps/susidns/src/jsp/config.jsp

@@ -69,8 +69,8 @@
 <textarea name="config" rows="10" cols="80">${cfg.config}</textarea>
 </div>
 <div id="buttons">
-<input type="submit" name="action" value="<%=intl._("Reload")%>" >
+<input class="reload" type="submit" name="action" value="<%=intl._("Reload")%>" >
-<input type="submit" name="action" value="<%=intl._("Save")%>" >
+<input class="accept" type="submit" name="action" value="<%=intl._("Save")%>" >
 </div>
 </form>
 <div id="help">

apps/susidns/src/jsp/details.jsp

@@ -129,7 +129,7 @@
 <input type="hidden" name="begin" value="0">
 <input type="hidden" name="end" value="99">
 <input type="hidden" name="checked" value="<%=detail%>">
-<input type="submit" name="action" value="<%=intl._("Delete Entry")%>" >
+<input class="delete" type="submit" name="action" value="<%=intl._("Delete Entry")%>" >
 </p>
 </form>
 </div>

installer/resources/themes/console/light/console.css

@@ -599,6 +599,82 @@ td {
      border-bottom: 1px outset #99f;
 }
 
+/***********************************************************************************/
+
+#appsummary {
+     margin-top: 53px;
+}
+
+h2.app {
+     margin: 15px 10px 15px 0 !important;
+}
+
+h4.app {
+     clear: left;
+     margin: 12px 4px;
+     padding: 20px 0 8px 0;
+}
+
+div.app {
+     float: left;
+     padding: 8px;
+     height: 100px;
+     width: 112px;
+}
+
+div.appgroup {
+     clear: left;
+     margin: 4px 20px;
+     padding: 16px 8px;
+     width: auto;
+}
+
+div.search {
+     margin: 20px;
+     padding: 8px;
+     width: auto;
+}
+
+img.app {
+     height: 48px;
+     width: 48px;
+     padding: 8px;
+}
+
+table.app {
+     background: none;
+     border: 0;
+     margin: auto;
+     width: auto;
+}
+
+tr.app {
+     background: none;
+     border: 0;
+     margin: 0;
+}
+
+td.app {
+     background: none;
+     border: 0;
+     margin: 0;
+}
+
+div.applabel {
+     background: url('images/header.png') center center repeat-x;
+     -moz-border-radius: 4px;
+     -khtml-border-radius: 4px;
+     border: 2px #00f;
+     border-radius: 4px;
+     border-width: 1px;
+     font-size: 9pt;
+     margin: 0;
+     padding: 3px 6px 4px 6px;
+     text-align: center;
+}
+
+/***********************************************************************************/
+
 tt {
      font: bold 8pt "Lucida Console", "DejaVu Sans Mono", Courier, mono;
      color: #008000;
@@ -864,6 +940,12 @@ button.reload {
      min-height: 22px;
 }
 
+button.search {
+     background: #ffe url('../images/magnifier.png') no-repeat 2px center;
+     padding: 2px 3px 2px 20px;
+     min-height: 22px;
+}
+
 button.stop {
      background: #ffe url('../images/stop.png') no-repeat 2px center;
      padding: 2px 3px 2px 20px;
@@ -978,6 +1060,12 @@ input.reload {
      min-height: 22px;
 }
 
+input.search[type="text"] {
+     background: #ffe url('../images/magnifier.png') no-repeat 2px center;
+     padding: 2px 3px 2px 24px;
+     min-height: 22px;
+}
+
 input.stop {
      background: #ffe url('../images/stop.png') no-repeat 2px center;
      padding: 2px 3px 2px 20px;