improved admin stylesheet for IE - SOLR-6

git-svn-id: https://svn.apache.org/repos/asf/incubator/solr/trunk@420815 13f79535-47bb-0310-9956-ffa450edef68

CHANGES.txt

@@ -54,5 +54,6 @@ Bug Fixes
 Other Changes
  1. Upgrade to Lucene 2.0 nightly build 2006-06-22, lucene SVN revision 416224,
     http://svn.apache.org/viewvc/lucene/java/trunk/CHANGES.txt?view=markup&pathrev=416224
+ 2. Modified admin styles to improve display in Internet Explorer (Greg Ludington via billa, SOLR-6)
 
 2006/01/17 Solr open sourced, moves to Apache Incubator

src/webapp/resources/admin/analysis.jsp

@@ -45,7 +45,7 @@
 	<strong>Field name</strong>
   </td>
   <td>
-	<input name="name" type="text" value="<%= name %>">
+	<input class="std" name="name" type="text" value="<%= name %>">
   </td>
 </tr>
 <tr>
@@ -61,7 +61,7 @@
      <%= highlight ? "checked=\"true\"" : "" %> >
   </td>
   <td>
-	<textarea rows="3" cols="70" name="val"><%= val %></textarea>
+	<textarea class="std" rows="3" cols="70" name="val"><%= val %></textarea>
   </td>
 </tr>
 <tr>
@@ -73,7 +73,7 @@
      <%= qverbose ? "checked=\"true\"" : "" %> >
   </td>
   <td>
-	<textarea rows="1" cols="70" name="qval"><%= qval %></textarea>
+	<textarea class="std" rows="1" cols="70" name="qval"><%= qval %></textarea>
   </td>
 </tr>
 <tr>
@@ -82,7 +82,7 @@
   </td>
 
   <td>
-	<input type="submit" value="analyze">
+	<input class="stdbutton" type="submit" value="analyze">
   </td>
 
 </tr>
@@ -235,9 +235,9 @@
       for (List<Tok> lst : arrLst) {
         if (lst.size() <= idx) continue;
         if (match!=null && match.contains(lst.get(idx))) {
-          out.print("<td name=\"highlight\"");
+          out.print("<td class=\"highlight\"");
         } else {
-          out.print("<td name=\"debugdata\"");
+          out.print("<td class=\"debugdata\"");
         }
 
         if (idx==0 && lst.size()==1 && maxSz > 1) {
@@ -313,7 +313,7 @@
 
     );
 
-    out.println("<table width=\"auto\" name=\"table\" border=\"1\">");
+    out.println("<table width=\"auto\" class=\"analysis\" border=\"1\">");
 
     if (verbose) {
       printRow(out,"term position", arr, new ToStr() {

src/webapp/resources/admin/form.jsp

@@ -91,7 +91,7 @@
   <td>
   </td>
   <td>
-	<input type="submit" value="search">
+	<input class="stdbutton" type="submit" value="search">
   </td>
 </tr>
 </table>

src/webapp/resources/admin/index.jsp

@@ -86,13 +86,13 @@
   </td>
   <td colspan=2>
 	<form method="GET" action="../select/">
-        <input name="stylesheet" type="text" value=""><br>
-        <textarea rows="4" cols="40" name="q"><%= defaultSearch %></textarea>
+        <input class="std" name="stylesheet" type="text" value=""><br>
+        <textarea class="std" rows="4" cols="40" name="q"><%= defaultSearch %></textarea>
         <input name="version" type="hidden" value="2.1">
 	<input name="start" type="hidden" value="0">
 	<input name="rows" type="hidden" value="10">
 	<input name="indent" type="hidden" value="on">
-        <br><input type="submit" value="search">
+        <br><input class="stdbutton" type="submit" value="search">
 	</form>
   </td>
 </tr>

src/webapp/resources/admin/solr-admin.css

@@ -13,13 +13,15 @@ strong {
    margin: 0;
 }
 
-input[type="text"], textarea {
+input.std, textarea.std {
    color: black;
    border: 2px inset #ff9933;
    background-color: #ffffff;
+   width:450px;
+   max-width:450px;
 }
 
-input[type="submit"] {
+input.stdbutton {
    font-family: ITC Officina Sans Book, Helvetica, Arial, sans-serif;
    font-style: bold;
    font-size: 11;
@@ -29,7 +31,7 @@ input[type="submit"] {
    border: groove #ff9933;
 }
 
-input[type="submit"]:hover {
+input.stdbutton:hover {
    color: #0000ff;
    border: groove #0000ff;
 }
@@ -50,11 +52,7 @@ table {
    cellpadding-right: 8px;
 }
 
-table[name="responseHeader"] {
-   width: auto;
-}
-
-table[name="table"] {
+table.responseHeader, table.analysis {
    width: auto;
 }
 
@@ -62,46 +60,36 @@ table {
    border-collapse: collapse
 }
 
-tr {
-   border-bottom: 1px solid #ff9933;
-}
-
 
 tr > td:first-child {
    width: 30%;
 }
 
-tr > td[name="debugdata"] {
-  width: auto;
+td.debugdata, td.highlight, td.responseHeader {
+   width: auto;
 }
 
-tr > td[name="highlight"]:first-child {
-   width: auto;
+td.highlight {
    background:	#ccccff;
 }
 
-tr > td[name="responseHeader"]:first-child {
+td.responseHeader {
    width: auto;
    text-align: right;
 }
 
-tr > td[name="responseHeader"] + td {
+td.responseHeader + td {
    text-align: left;
    font-family: Courier;
 }
 
 
-td {
+th, td {
    text-align: left;
    vertical-align: top;
+   border-bottom: 1px solid #ff9933;
 }
 
-td[name="highlight"] {
-   width: auto;
-   background:	#ccccff;
-}
-
-
 a {
    text-decoration:	none;
    font-weight:	bold;
@@ -131,3 +119,7 @@ a:offsite {
    color:	#0000aa;
 }		 
 
+table.analysis th, table.analysis td {
+border-right:1px solid black;
+}
+