css/local.css: Add local CSS overrides

For styling that's more than a one-off for a given element.  Here I'm
overriding the header alignment, which was previously defined in
css/reveal.css:

  .reveal table th,
  .reveal table td {
    text-align: left;
    padding-right: .3em;
  }

Left-aligne headers over images (on the us-vs-them slide) looks funny
to me.  We could align the images (in <td>) too, but I think the
current table looks fine with them left-aligned, because the Garnet
image is full-width, and the Medusa image is almost full-width.

diff --git a/css/local.css b/css/local.css
new file mode 100644 (file)
index 0000000..677054e
--- /dev/null
+++ b/css/local.css
@@ -0,0 +1,3 @@
+.reveal table thead th {
+       text-align: center;
+}

diff --git a/index.html b/index.html
index 36aec472a06db99b199a158e8a908aef46170a95..8c77c5b0fd5f32fb0b33899269aae6203edff262 100644 (file)
--- a/index.html
+++ b/index.html
@@ -16,6 +16,7 @@
 
                <link rel="stylesheet" href="css/reveal.min.css">
                <link rel="stylesheet" href="css/theme/sky.css" id="theme">
+               <link rel="stylesheet" href="css/local.css">
 
                <!-- For syntax highlighting -->
                <link rel="stylesheet" href="lib/css/zenburn.css">