public/css/tdro: Simplify tables

1 files changed, 14 insertions, 281 deletions

diff --git a/public/css/tdro.css b/public/css/tdro.css
index 3088134..baa0989 100644
--- a/public/css/tdro.css
+++ b/public/css/tdro.css
@@ -143,21 +143,6 @@ iframe {
   border: 0;
 }
 
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-
-td,
-th {
-  padding: 0;
-}
-
-td:not([align]),
-th:not([align]) {
-  text-align: left;
-}
-
 html {
   background-color: #fcfcfc;
   font-size: 16px;
@@ -276,20 +261,6 @@ pre code {
   min-width: 100%;
 }
 
-table td,
-table th {
-  vertical-align: top;
-}
-
-table td:not([align]),
-table th:not([align]) {
-  text-align: left;
-}
-
-table th {
-  color: #363636;
-}
-
 .is-clearfix::after {
   clear: both;
   content: " ";
@@ -336,7 +307,6 @@ table th {
   font-size: 0.75rem !important;
 }
 
-
 .has-text-centered {
   text-align: center !important;
 }
@@ -1375,257 +1345,6 @@ fieldset[disabled] .button {
   font-size: 75%;
 }
 
-.content table {
-  width: 100%;
-}
-
-.content table td,
-.content table th {
-  border: 1px solid #dbdbdb;
-  border-width: 0 0 1px;
-  padding: 0.5em 0.75em;
-  vertical-align: top;
-}
-
-.content table th {
-  color: #363636;
-}
-
-.content table th:not([align]) {
-  text-align: left;
-}
-
-.content table thead td,
-.content table thead th {
-  border-width: 0 0 2px;
-  color: #363636;
-}
-
-.content table tfoot td,
-.content table tfoot th {
-  border-width: 2px 0 0;
-  color: #363636;
-}
-
-.content table tbody tr:last-child td,
-.content table tbody tr:last-child th {
-  border-bottom-width: 0;
-}
-
-.content .tabs li + li {
-  margin-top: 0;
-}
-
-.content.is-small {
-  font-size: 0.75rem;
-}
-
-.content.is-medium {
-  font-size: 1.25rem;
-}
-
-.content.is-large {
-  font-size: 1.5rem;
-}
-
-
-.table {
-  background-color: white;
-  color: #363636;
-}
-
-.table td,
-.table th {
-  border: 1px solid #dbdbdb;
-  border-width: 0 0 1px;
-  padding: 0.5em 0.75em;
-  vertical-align: top;
-}
-
-.table td.is-white,
-.table th.is-white {
-  background-color: white;
-  border-color: white;
-  color: #0a0a0a;
-}
-
-.table td.is-black,
-.table th.is-black {
-  background-color: #0a0a0a;
-  border-color: #0a0a0a;
-  color: white;
-}
-
-.table td.is-light,
-.table th.is-light {
-  background-color: whitesmoke;
-  border-color: whitesmoke;
-  color: #363636;
-}
-
-.table td.is-dark,
-.table th.is-dark {
-  background-color: #363636;
-  border-color: #363636;
-  color: #fff;
-}
-
-.table td.is-primary,
-.table th.is-primary {
-  background-color: #00d1b2;
-  border-color: #00d1b2;
-  color: #fff;
-}
-
-.table td.is-link,
-.table th.is-link {
-  background-color: #3273dc;
-  border-color: #3273dc;
-  color: #fff;
-}
-
-.table td.is-info,
-.table th.is-info {
-  background-color: #209cee;
-  border-color: #209cee;
-  color: #fff;
-}
-
-.table td.is-success,
-.table th.is-success {
-  background-color: #23d160;
-  border-color: #23d160;
-  color: #fff;
-}
-
-.table td.is-warning,
-.table th.is-warning {
-  background-color: #ffdd57;
-  border-color: #ffdd57;
-  color: rgba(0, 0, 0, 0.7);
-}
-
-.table td.is-danger,
-.table th.is-danger {
-  background-color: #ff3860;
-  border-color: #ff3860;
-  color: #fff;
-}
-
-.table td.is-narrow,
-.table th.is-narrow {
-  white-space: nowrap;
-  width: 1%;
-}
-
-.table td.is-selected,
-.table th.is-selected {
-  background-color: #00d1b2;
-  color: #fff;
-}
-
-.table td.is-selected a,
-.table td.is-selected strong,
-.table th.is-selected a,
-.table th.is-selected strong {
-  color: currentColor;
-}
-
-.table th {
-  color: #363636;
-}
-
-.table th:not([align]) {
-  text-align: left;
-}
-
-.table tr.is-selected {
-  background-color: #00d1b2;
-  color: #fff;
-}
-
-.table tr.is-selected a,
-.table tr.is-selected strong {
-  color: currentColor;
-}
-
-.table tr.is-selected td,
-.table tr.is-selected th {
-  border-color: #fff;
-  color: currentColor;
-}
-
-.table thead {
-  background-color: transparent;
-}
-
-.table thead td,
-.table thead th {
-  border-width: 0 0 2px;
-  color: #363636;
-}
-
-.table tfoot {
-  background-color: transparent;
-}
-
-.table tfoot td,
-.table tfoot th {
-  border-width: 2px 0 0;
-  color: #363636;
-}
-
-.table tbody {
-  background-color: transparent;
-}
-
-.table tbody tr:last-child td,
-.table tbody tr:last-child th {
-  border-bottom-width: 0;
-}
-
-.table.is-bordered td,
-.table.is-bordered th {
-  border-width: 1px;
-}
-
-.table.is-bordered tr:last-child td,
-.table.is-bordered tr:last-child th {
-  border-bottom-width: 1px;
-}
-
-.table.is-fullwidth {
-  width: 100%;
-}
-
-.table.is-hoverable tbody tr:not(.is-selected):hover {
-  background-color: #fafafa;
-}
-
-.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
-  background-color: #fafafa;
-}
-
-.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
-  background-color: whitesmoke;
-}
-
-.table.is-narrow td,
-.table.is-narrow th {
-  padding: 0.25em 0.5em;
-}
-
-.table.is-striped tbody tr:not(.is-selected):nth-child(even) {
-  background-color: #fafafa;
-}
-
-.table-container {
-  -webkit-overflow-scrolling: touch;
-  overflow: auto;
-  overflow-y: hidden;
-  max-width: 100%;
-}
-
 .title,
 .subtitle {
   word-break: break-word;
@@ -4387,6 +4106,20 @@ nav#TableOfContents a { display: block; color: #555; padding-left: 0.5rem; }
 
 
 /*
+ * Tables
+ */
+
+td, th { padding: 0; }
+table td, table th { vertical-align: top; }
+td:not([align]), th:not([align]) { text-align: left; }
+table td { padding: 0.4rem; min-width: 8rem; }
+table td:not([align]), table th:not([align]) { text-align: left; }
+table { width: 100%; border-collapse: collapse; border-spacing: 0; }
+table th { font-weight: 700; font-variant: small-caps; text-transform: lowercase; letter-spacing: 0.05rem; padding: 0.4rem; }
+table, table code { font-size: 1.15rem; }
+
+
+/*
  * Tufte CSS
  */