Add CSS styles.
authorMike Taylor <mike@indexdata.com>
Sat, 25 Jan 2014 15:26:12 +0000 (15:26 +0000)
committerMike Taylor <mike@indexdata.com>
Sat, 25 Jan 2014 15:26:12 +0000 (15:26 +0000)
examples/htdocs/auto3.html

index f9c70f5..ffdbea3 100644 (file)
@@ -8,17 +8,32 @@
     <link rel="stylesheet" type="text/css" href="//mkws.indexdata.com/mkws.css" />
     <script type="text/javascript" src="//mkws.indexdata.com/mkws-complete.js"></script>
     <style type="text/css">
-      td { vertical-align: top; overflow: word-break }
+      h1 { text-align: center; }
+      h1, h2 {
+       font-family: Impact, Hevetica, Arial, Sans Serif;
+      }
+      td {
+        font-family: Gill Sans, "Gillius ADF", Gillius, GilliusADF, Verdana, Sans-Serif;
+       vertical-align: top;
+       overflow: word-break;
+       background: #f0f0f0;
+        padding: 0.5em 1em;
+       border-radius: 1em;
+      }
+      a {
+        color: #000060;
+       text-decoration: none;
+      }
     </style>
   </head>
   <body>
     <h1>Topic page: Dinosaurs</h1>
-    <table border="1" width="100%" style="table-layout:fixed">
+    <table border="0" width="100%" style="table-layout:fixed">
       <col width="33%"/>
       <col width="33%"/>
       <col width="33%"/>
       <tr>
-       <td>
+       <td style="background: #f8f8e0">
          <h2>PLOS ONE</h2>
 <div class='mkwsRecords mkwsTeam_plos'
        autosearch='dinosaur'
@@ -26,7 +41,7 @@
        targets='pz:id~lui.indexdata.com:8080/solr4/#6265'
 >PLOS ONE articles will appear here</div>
        </td>
-       <td>
+       <td style="background: #e0f8f0">
          <h2>Project Gutenberg</h2>
 <div class='mkwsRecords mkwsTeam_gutenberg'
        autosearch='dinosaur'
@@ -34,7 +49,7 @@
        targets='pz:id~lui.indexdata.com:8080/solr4/#3552'
 >Free e-books will appear here</div>
        </td>
-       <td>
+       <td style="background: #e0f0f8">
          <h2>Library of Congress</h2>
 <div class='mkwsRecords mkwsTeam_blog'
        autosearch='dinosaur'
@@ -44,7 +59,7 @@
        </td>
       </tr>
     </table>
-    <p style="color:grey">
+    <p style="color:grey; text-align: right">
       <a href="http://mkws.indexdata.com/">About MKWS</p>
     </p>
   </body>