[Groonga-commit] groonga/gcs.groonga.org [gh-pages] Stylize tables

Back to archive index

null+****@clear***** null+****@clear*****
2012年 6月 22日 (金) 14:24:29 JST


SHIMODA Hiroshi	2012-06-22 14:24:29 +0900 (Fri, 22 Jun 2012)

  New Revision: c05abcb6857e98608c50e62c9f4b299f71c813cc
  https://github.com/groonga/gcs.groonga.org/commit/c05abcb6857e98608c50e62c9f4b299f71c813cc

  Log:
    Stylize tables

  Modified files:
    index.md
    stylesheets/screen/base.css

  Modified: index.md (+28 -27)
===================================================================
--- index.md    2012-06-22 14:07:36 +0900 (da6f73f)
+++ index.md    2012-06-22 14:24:29 +0900 (7c34b59)
@@ -14,7 +14,7 @@ style: screen/home.css
 
 ## Functional comparison
 
-<table>
+<table id="functional-comparison-table">
   <thead>
   <tr>
     <th>Category</th>
@@ -23,117 +23,118 @@ style: screen/home.css
     <th>Amazon CloudSearch</th>
   </tr>
   </thead>
+
   <tbody>
   <tr>
     <th rowspan="9">Configuration</th>
     <td>Creating search domains</td>
-    <td><span class="functional-ok">&#x2713;</span></td><td><span class="functional-ok">&#x2713;</span></td>
+    <td class="functional-ok">&#x2713;</td><td class="functional-ok">&#x2713;</td>
   </tr>
   <tr>
     <td>Creating text type index fields</td>
-    <td><span class="functional-ok">&#x2713;</span></td><td><span class="functional-ok">&#x2713;</span></td>
+    <td class="functional-ok">&#x2713;</td><td class="functional-ok">&#x2713;</td>
   </tr>
   <tr>
     <td>Authentications</td>
-    <td><span class="functional-ng">&#x2715;</span></td><td><span class="functional-ok">&#x2713;</span></td>
+    <td class="functional-ng">&#x2715;</td><td class="functional-ok">&#x2713;</td>
   </tr>
   <tr>
     <td>Deletion of stored documents</td>
-    <td><span class="functional-ng">&#x2715;</span></td><td><span class="functional-ok">&#x2713;</span></td>
+    <td class="functional-ng">&#x2715;</td><td class="functional-ok">&#x2713;</td>
   </tr>
   <tr>
     <td>Deletion of existing domains</td>
-    <td><span class="functional-ng">&#x2715;</span></td><td><span class="functional-ok">&#x2713;</span></td>
+    <td class="functional-ng">&#x2715;</td><td class="functional-ok">&#x2713;</td>
   </tr>
   <tr>
     <td>Configuring existing search domains</td>
-    <td><span class="functional-ng">&#x2715;</span></td><td><span class="functional-ok">&#x2713;</span></td>
+    <td class="functional-ng">&#x2715;</td><td class="functional-ok">&#x2713;</td>
   </tr>
   <tr>
     <td>Configuring existing index fields</td>
-    <td><span class="functional-ng">&#x2715;</span></td><td><span class="functional-ok">&#x2713;</span></td>
+    <td class="functional-ng">&#x2715;</td><td class="functional-ok">&#x2713;</td>
   </tr>
   <tr>
     <td>Re-indexing of documents</td>
-    <td><span class="functional-ng">&#x2715;</span></td><td><span class="functional-ok">&#x2713;</span></td>
+    <td class="functional-ng">&#x2715;</td><td class="functional-ok">&#x2713;</td>
   </tr>
   <tr>
     <td>Various type index fields (integer, reference, and so on)</td>
-    <td><span class="functional-ng">&#x2715;</span></td><td><span class="functional-ok">&#x2713;</span></td>
+    <td class="functional-ng">&#x2715;</td><td class="functional-ok">&#x2713;</td>
   </tr>
 
   <tr>
     <th rowspan="4">Uploading</th>
     <td>Uploading search documents as JSON batches (SDF batches)</td>
-    <td><span class="functional-ok">&#x2713;</span></td><td><span class="functional-ok">&#x2713;</span></td>
+    <td class="functional-ok">&#x2713;</td><td class="functional-ok">&#x2713;</td>
   </tr>
   <tr>
     <td>Strict validations</td>
-    <td><span class="functional-ng">&#x2715;</span></td><td><span class="functional-ok">&#x2713;</span></td>
+    <td class="functional-ng">&#x2715;</td><td class="functional-ok">&#x2713;</td>
   </tr>
   <tr>
     <td>Atomic operations</td>
-    <td><span class="functional-ng">&#x2715;</span></td><td><span class="functional-ok">&#x2713;</span></td>
+    <td class="functional-ng">&#x2715;</td><td class="functional-ok">&#x2713;</td>
   </tr>
   <tr>
     <td>Document versions</td>
-    <td><span class="functional-ng">&#x2715;</span></td><td><span class="functional-ok">&#x2713;</span></td>
+    <td class="functional-ng">&#x2715;</td><td class="functional-ok">&#x2713;</td>
   </tr>
 
   <tr>
     <th rowspan="7">Searching</th>
     <td>Searching documents by simple queries</td>
-    <td><span class="functional-ok">&#x2713;</span></td><td><span class="functional-ok">&#x2713;</span></td>
+    <td class="functional-ok">&#x2713;</td><td class="functional-ok">&#x2713;</td>
   </tr>
   <tr>
     <td>Getting facet information with search results</td>
-    <td><span class="functional-ng">&#x2715;</span></td><td><span class="functional-ok">&#x2713;</span></td>
+    <td class="functional-ng">&#x2715;</td><td class="functional-ok">&#x2713;</td>
   </tr>
   <tr>
     <td>Result ranking</td>
-    <td><span class="functional-ng">&#x2715;</span></td><td><span class="functional-ok">&#x2713;</span></td>
+    <td class="functional-ng">&#x2715;</td><td class="functional-ok">&#x2713;</td>
   </tr>
   <tr>
     <td>Stemming</td>
-    <td><span class="functional-ng">&#x2715;</span></td><td><span class="functional-ok">&#x2713;</span></td>
+    <td class="functional-ng">&#x2715;</td><td class="functional-ok">&#x2713;</td>
   </tr>
   <tr>
     <td>Stopwords</td>
-    <td><span class="functional-ng">&#x2715;</span></td><td><span class="functional-ok">&#x2713;</span></td>
+    <td class="functional-ng">&#x2715;</td><td class="functional-ok">&#x2713;</td>
   </tr>
   <tr>
     <td>Synonyms</td>
-    <td><span class="functional-ng">&#x2715;</span></td><td><span class="functional-ok">&#x2713;</span></td>
+    <td class="functional-ng">&#x2715;</td><td class="functional-ok">&#x2713;</td>
   </tr>
   <tr>
     <td>Searching documents by complex queries</td>
-    <td><span class="functional-ng">&#x2715;</span></td><td><span class="functional-ok">&#x2713;</span></td>
+    <td class="functional-ng">&#x2715;</td><td class="functional-ok">&#x2713;</td>
   </tr>
 
   <tr>
     <th rowspan="6">Misc.</th>
     <td>XML type requests and responses</td>
-    <td><span class="functional-ng">&#x2715;</span></td><td><span class="functional-ok">&#x2713;</span></td>
+    <td class="functional-ng">&#x2715;</td><td class="functional-ok">&#x2713;</td>
   </tr>
   <tr>
     <td>Management Console</td>
-    <td><span class="functional-ng">&#x2715;</span></td><td><span class="functional-ok">&#x2713;</span></td>
+    <td class="functional-ng">&#x2715;</td><td class="functional-ok">&#x2713;</td>
   </tr>
   <tr>
     <td>Command line tools</td>
-    <td><span class="functional-ng">&#x2715;</span></td><td><span class="functional-ok">&#x2713;</span></td>
+    <td class="functional-ng">&#x2715;</td><td class="functional-ok">&#x2713;</td>
   </tr>
   <tr>
     <td>Works on the cloud</td>
-    <td><span class="functional-ng">&#x2715;</span></td><td><span class="functional-ok">&#x2713;</span></td>
+    <td class="functional-ng">&#x2715;</td><td class="functional-ok">&#x2713;</td>
   </tr>
   <tr>
     <td>Native CJK support (and better tokenizer)</td>
-    <td><span class="functional-ok">&#x2713;</span></td><td><span class="functional-ng">&#x2715;</span></td>
+    <td class="functional-ok">&#x2713;</td><td class="functional-ng">&#x2715;</td>
   </tr>
   <tr>
     <td>Works locally</td>
-    <td><span class="functional-ok">&#x2713;</span></td><td><span class="functional-ng">&#x2715;</span></td>
+    <td class="functional-ok">&#x2713;</td><td class="functional-ng">&#x2715;</td>
   </tr>
   </tbody>
 </table>

  Modified: stylesheets/screen/base.css (+37 -1)
===================================================================
--- stylesheets/screen/base.css    2012-06-22 14:07:36 +0900 (4c9b07c)
+++ stylesheets/screen/base.css    2012-06-22 14:24:29 +0900 (43d8284)
@@ -7,6 +7,7 @@ body {
                Verdana,
                Tahoma,
                sans-serif;
+  font-size: 95%;
   margin: 0;
   padding: 80px 10% 1em;
 }
@@ -28,7 +29,8 @@ h1, h1 *,
 h2, h2 *,
 h3, h3 *,
 h4, h4 *,
-h5, h5 * {
+h5, h5 *,
+th {
   color: white;
   font-weight: normal;
   text-decoration: none;
@@ -74,16 +76,50 @@ nav :visited {
   text-shadow: #9AA4AC 0 0 0.25em;
 }
 
+table {
+  border: none;
+  border-collapse: collapse;
+}
+
+td, th {
+  border-left: 1px solid gray;
+  border-right: 1px solid gray;
+  border-top: 1px solid gray;
+  padding: 0.5em;
+}
+
+table > thead:first-child > tr:first-child > *,
+table > tr:first-child > * {
+  border-top: none;
+}
+
+tr > *:first-child {
+  border-left: none;
+}
+
+tr > *:last-child {
+  border-right: none;
+}
+
+
 .functional-ok {
+  background: #C0FFAB;
   color: #00BF2B;
   text-shadow: #5AFF79 0 0 0.2em;
 }
 
 .functional-ng {
+  background: #FFC0AB;
   color: #FF4000;
   text-shadow: #FF9750 0 0 0.2em;
 }
 
+table .functional-ok,
+table .functional-ng {
+  text-align: center;
+}
+
+
 #fork-me {
   margin: 0;
   padding: 0;
-------------- next part --------------
HTML$B$NE:IU%U%!%$%k$rJ]4I$7$^$7$?(B...
Download 



Groonga-commit メーリングリストの案内
Back to archive index