Improve figures

Figures should be centered
and not overflow the screen.

diff --git a/css/swc.css b/css/swc.css
index cdd9c63d41d3ce557d2ea7db777a8542a8f3d9c2..e979dbd05d8e687c5e15c9f53e7b9c32a55838db 100644 (file)
--- a/css/swc.css
+++ b/css/swc.css
@@ -117,6 +117,29 @@ blockquote.testimonial cite {
     font-size: inherit;
 }
 
+/* Images
+ *
+ * Rules from http://getbootstrap.com/css/#images-responsive.
+ *
+ * This is compatible with Pandoc behavior for HTML and HTML5. */
+article img {
+    max-width: 100%;
+    height: auto;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+article div.figure,
+article figure {
+    text-align: center;
+}
+
+article p.caption::before,
+article figcaption::before {
+    content: "Figure: ";
+}
+
 /* Main body of pages. */
 body {
     font-family: "Open Sans", "Helvetica", "Arial", sans-serif;