Tables that kick azz

2 files changed, 132 insertions, 86 deletions

diff --git a/theme/css/default.css b/theme/css/default.css
index 75984cd..63c72a8 100644
--- a/theme/css/default.css
+++ b/theme/css/default.css
@@ -771,43 +771,71 @@ img.centered {
 /* line 442, ../sass/default.scss */
 table {
   width: 100%;
-  border-collapse: collapse;
-  margin-top: 40px;
+  border-collapse: -moz-initial;
+  border-collapse: initial;
+  border-spacing: 2px;
+  border-bottom: 1px solid #797979;
 }
-
-/* line 448, ../sass/default.scss */
-th {
+/* line 449, ../sass/default.scss */
+table tr > td:first-child, table th {
   font-weight: 600;
-  text-align: left;
+  color: #515151;
 }
-
 /* line 454, ../sass/default.scss */
-td,
-th {
-  border: 1px solid #e0e0e0;
-  padding: 5px 10px;
-  vertical-align: top;
+table tr:nth-child(odd) {
+  background-color: #e6e6e6;
+}
+/* line 458, ../sass/default.scss */
+table th {
+  color: white;
+  font-size: 18px;
+  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, #4387fd), color-stop(80%, #2a7cdf)) no-repeat;
+  background: -webkit-linear-gradient(top, #4387fd 40%, #2a7cdf 80%) no-repeat;
+  background: -moz-linear-gradient(top, #4387fd 40%, #2a7cdf 80%) no-repeat;
+  background: -o-linear-gradient(top, #4387fd 40%, #2a7cdf 80%) no-repeat;
+  background: -ms-linear-gradient(top, #4387fd 40%, #2a7cdf 80%) no-repeat;
+  background: linear-gradient(top, #4387fd 40%, #2a7cdf 80%) no-repeat;
+}
+/* line 464, ../sass/default.scss */
+table td, table th {
+  font-size: 18px;
+  padding: 1em 0.5em;
+}
+/* line 469, ../sass/default.scss */
+table td.highlight {
+  color: #515151;
+  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, #ffd14d), color-stop(80%, #f6c000)) no-repeat;
+  background: -webkit-linear-gradient(top, #ffd14d 40%, #f6c000 80%) no-repeat;
+  background: -moz-linear-gradient(top, #ffd14d 40%, #f6c000 80%) no-repeat;
+  background: -o-linear-gradient(top, #ffd14d 40%, #f6c000 80%) no-repeat;
+  background: -ms-linear-gradient(top, #ffd14d 40%, #f6c000 80%) no-repeat;
+  background: linear-gradient(top, #ffd14d 40%, #f6c000 80%) no-repeat;
+}
+/* line 474, ../sass/default.scss */
+table.rows {
+  border-bottom: none;
+  border-right: 1px solid #797979;
 }
 
-/* line 460, ../sass/default.scss */
+/* line 480, ../sass/default.scss */
 q {
   font-size: 45px;
   line-height: 72px;
 }
-/* line 464, ../sass/default.scss */
+/* line 484, ../sass/default.scss */
 q:before {
   content: '“';
   position: absolute;
   margin-left: -0.5em;
 }
-/* line 469, ../sass/default.scss */
+/* line 489, ../sass/default.scss */
 q:after {
   content: '”';
   position: absolute;
   margin-left: 0.1em;
 }
 
-/* line 476, ../sass/default.scss */
+/* line 496, ../sass/default.scss */
 slide.fill {
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
@@ -816,7 +844,7 @@ slide.fill {
   -khtml-border-radius: 5px;
   border-radius: 5px;
 }
-/* line 479, ../sass/default.scss */
+/* line 499, ../sass/default.scss */
 slide.fill h3 {
   background: rgba(255, 255, 255, 0.75);
   padding-top: .2em;
@@ -827,7 +855,7 @@ slide.fill h3 {
   margin-right: -60px;
   padding-right: 60px;
 }
-/* line 490, ../sass/default.scss */
+/* line 510, ../sass/default.scss */
 slide.fill h4 {
   display: inline;
   position: absolute;
@@ -836,91 +864,89 @@ slide.fill h4 {
 }
 
 /* Size variants */
-/* line 501, ../sass/default.scss */
+/* line 521, ../sass/default.scss */
 article.smaller p, article.smaller ul {
   font-size: 20px;
   line-height: 24px;
   letter-spacing: 0;
 }
-/* line 506, ../sass/default.scss */
-article.smaller table {
-  font-size: 20px;
-  line-height: 24px;
-  letter-spacing: 0;
+/* line 527, ../sass/default.scss */
+article.smaller table td, article.smaller table th {
+  font-size: 14px;
 }
-/* line 511, ../sass/default.scss */
+/* line 531, ../sass/default.scss */
 article.smaller pre {
   font-size: 15px;
   line-height: 20px;
   letter-spacing: 0;
 }
-/* line 516, ../sass/default.scss */
+/* line 536, ../sass/default.scss */
 article.smaller q {
   font-size: 40px;
   line-height: 48px;
 }
-/* line 520, ../sass/default.scss */
+/* line 540, ../sass/default.scss */
 article.smaller q:before, article.smaller q:after {
   font-size: 60px;
 }
 
 /* Builds */
-/* line 529, ../sass/default.scss */
+/* line 549, ../sass/default.scss */
 .build > * {
   -moz-transition: opacity 0.5s ease-in-out 0.2s;
   -webkit-transition: opacity 0.5s ease-in-out 0.2s;
   -o-transition: opacity 0.5s ease-in-out 0.2s;
   transition: opacity 0.5s ease-in-out 0.2s;
 }
-/* line 533, ../sass/default.scss */
+/* line 553, ../sass/default.scss */
 .build .to-build {
   opacity: 0;
 }
-/* line 537, ../sass/default.scss */
+/* line 557, ../sass/default.scss */
 .build .build-fade {
   opacity: 0.3;
 }
-/* line 540, ../sass/default.scss */
+/* line 560, ../sass/default.scss */
 .build .build-fade:hover {
   opacity: 1.0;
 }
 
 /* Pretty print */
-/* line 549, ../sass/default.scss */
+/* line 569, ../sass/default.scss */
 .prettyprint .str,
 .prettyprint .atv {
   /* a markup attribute value */
   color: #009f5d;
 }
 
-/* line 553, ../sass/default.scss */
+/* line 573, ../sass/default.scss */
 .prettyprint .kwd,
 .prettyprint .tag {
   /* a markup tag name */
   color: #0066cc;
 }
 
-/* line 556, ../sass/default.scss */
+/* line 576, ../sass/default.scss */
 .prettyprint .com {
   /* a comment */
   color: #797979;
   font-style: italic;
 }
 
-/* line 560, ../sass/default.scss */
+/* line 580, ../sass/default.scss */
 .prettyprint .lit {
   /* a literal value */
   color: #f6c000;
 }