minor changes (improved link behaviour and indenting)

selfthinker · May 22, 2011 · 722594f · 722594f
1 parent de45b5d
commit 722594f
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 10 deletions.
diff --git a/ipa.css b/ipa.css
@@ -9,9 +9,11 @@
     padding: 0;
 }
 body {
-    font-family: Verdana, Arial, sans-serif;
+    font-family: Arial, sans-serif;
     font-size: 90%;
     margin: 10px;
+    background-color: #fff;
+    color: #333;
 }
 
 table {
@@ -34,6 +36,13 @@ caption {
 th {
     display: none;
 }
+/*
+th {
+    font-size: .75em;
+    color: #ccc;
+    font-weight: normal;
+}
+*/
 td {
     border: 1px solid #ccc;
 }
@@ -55,6 +64,12 @@ td a {
     color: #006 !important;
     text-decoration: none;
 }
+td a:link, td a:visited {
+    background-color: inherit;
+}
+td a:hover, td a:active, td a:focus {
+    background-color: #cfc;
+}
 td.impossible {
     background-color: #ccc;
 }

diff --git a/ipa.html b/ipa.html
@@ -16,7 +16,7 @@
   <body>
 
     <table class="cons_p">
-    <caption>consonants (pulmonic)</caption>
+      <caption>consonants (pulmonic)</caption>
       <tr>
         <td></td>
         <th colspan="2">bilabial</th>
@@ -236,7 +236,7 @@
 
 
     <table class="vowels">
-    <caption>vowels</caption>
+      <caption>vowels</caption>
       <tr>
         <td></td>
         <th colspan="2">front</th>
@@ -339,7 +339,7 @@
 
 
     <table class="cons_n">
-    <caption>consonants (non-pulmonic)</caption>
+      <caption>consonants (non-pulmonic)</caption>
       <tr>
         <th>clicks</th>
         <th>voiced implosives</th>
@@ -373,7 +373,7 @@
 
 
     <table class="supra">
-    <caption>suprasegmentals</caption>
+      <caption>suprasegmentals</caption>
       <tr>
         <th>length, stress, rhythm and intonation</th>
 
@@ -438,7 +438,7 @@
 
 
     <table class="diacritics">
-    <caption>diacritics</caption>
+      <caption>diacritics</caption>
       <tr>
         <td><a href="javascript:InsertChar('0325');">&#x25cc;&#x0325;</a></td>
         <td><a href="javascript:InsertChar('030A');">&#x25cc;&#x030A;</a></td>
@@ -497,7 +497,7 @@
 
 
     <table class="others">
-    <caption>others</caption>
+      <caption>others</caption>
       <tr>
         <td><a href="javascript:InsertChar('028D');">&#x028D;</a></td>
         <td><a href="javascript:InsertChar('0077');">w</a></td>
@@ -515,9 +515,9 @@
 
 
     <div id="copyIpa">
-        <input id="txtIpa" type="text" value="" /><br />
-        <input type="button" value="Copy" onclick="CopyIpaToClipboard();" />
-        <input type="button" value="Reset" onclick="document.getElementById('txtIpa').value = '';" />
+      <input id="txtIpa" type="text" value="" /><br />
+      <input type="button" value="Copy" onclick="CopyIpaToClipboard();" />
+      <input type="button" value="Reset" onclick="document.getElementById('txtIpa').value = '';" />
     </div>
 
   </body>