Use unified CSS from site.

As per swcarpentry/DEPRECATED-lesson-template#140, but only the core CSS
changes.

css/badge.css

@@ -0,0 +1,18 @@
+.badges-section {
+  margin-bottom:30px;
+}
+.badges-section .media {
+  margin-top: 30px;
+}
+h1.badge-title{
+  margin-top: 10px;
+}
+#modal-badge-img {
+  position:absolute;
+  right: 25px;
+  bottom: 25px;
+  opacity: 0.5;
+}
+#assertion-modal.in {
+  color: black;
+}

css/lesson.css

@@ -1,82 +1,126 @@
-/* pre blocks inherit color from parent */
-pre {
-    color: inherit;
+code {
+    color: #333333;
 }
 
-/* Work around to issue when create EPUB with pandoc for IPython Notebook
- * template.
- */
-div.out {
-  display: block;
-  padding: 9.5px;
-  margin-bottom: 10px;
-  font-size: 13px;
-  line-height: 20px;
-  word-break: break-all;
-  word-wrap: break-word;
-  background-color: #f5f5f5;
-  border: 1px solid #ccc;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  -webkit-border-radius: 4px;
-     -moz-border-radius: 4px;
-          border-radius: 4px;
+/* Code sample */
+pre.sourceCode,
+pre.input {
+    color: ForestGreen;
 }
-
-div.out pre {
-    padding: 0px;
-    margin: 0px;
-    border: 0px;
+pre.output {
+    color: MediumBlue;
 }
-
-/* Comments in code. */
-.comment {
-    color: purple;
+pre.error {
+    color: Red;
 }
 
-/* Highlighted changes in code. */
-.highlight {
-    background-color: mistyrose;
+.objectives, .keypoints, .callout, .challenge {
+    margin: 1em 0;
+    padding: 0em 1em;
 }
 
-/* Manual input. */
-.in {
-    color: darkgreen;
-    margin-left: 20px;
+.objectives h2:first-child,
+.keypoints h2:first-child,
+.callout h2:first-child,
+.challenge h2:first-child {
+    margin-top: 10px;
 }
 
-/* Program output. */
-.out {
-    color: darkblue;
-    margin-left: 20px;
+.objectives, .keypoints {
+    background-color: azure;
+    border: 5px solid azure;
 }
 
-/* Error output. */
-.err {
-    color: darkred;
-    margin-left: 20px;
-    font-style: italic;
-    font-weight: bold;
+.callout {
+    background-color: #EEE;
+    border: 5px solid #EEE;
 }
 
-/* Files. */
-.file {
-    margin-left: 20px;
+.challenge {
+    background-color: #CCFFCC;
+    border: 5px solid #CCFFCC;
 }
 
-/* Explanatory call-out boxes. */
-div.box {
-    background-color: lightgray;
+/* Tables used for displaying choices in challenges. */
+table.choices tr td {
+    vertical-align : top;
 }
 
-/* Challenge questions. */
-div.challenge {
-    border-style: solid;
-    border-width: thin;
-    border-color: gray;
+/* Database tables do _not_ have double borders */
+table.outlined {
+    border-collapse: collapse;
+}
+
+/* Printing */
+@media print {
+    h1 {
+        font-size: 16pt;
+        line-height: 18pt;
+    }
+
+    h2,h3,h4,h5,h6 {
+        font-size: 12pt;
+        line-height: 13pt;
+    }
+
+    /* Objectives, Callout Box and Challenges */
+    .objectives, .keypoints {
+        background-color: unset;
+        border: 5px solid;
+    }
+
+    .callout {
+        background-color: unset;
+        border: 5px solid;
+    }
+
+    .challenge {
+        background-color: unset;
+        border: 5px solid;
+    }
+
+    p,ul,ol,li,pre,code {
+        font-size: 8pt;
+        line-height: 9pt;
+    }
+
+    code {
+        padding: 0px;
+        border: 0px;
+        background: unset;
+    }
+
+    pre.sourceCode::before,
+    pre.input::before. {
+        content: "Input:";
+    }
+
+    pre.output::before {
+        content: "Output:";
+    }
+
+    pre.error::before {
+        content: "Error:";
+    }
+
+    pre.sourceCode code,
+    pre.input code,
+    pre.output code,
+    pre.error code {
+        display: block;
+        margin-top: 1em;
+        margin-left: 2em;
+    }
+
+    #github-ribbon {
+        display: none;
+    }
+
+    .banner {
+        display: none;
+    }
+
+    .footer {
+        display: none;
+    }
 }
-
-/* Key points in summary. */
-div.keypoints {}
-
-/* Learning objectives. */
-div.objectives {}