Merge branch 'add-css-for-figures'

.gitignore

@@ -57,3 +57,4 @@ venv
 
 # NPM
 node_modules
+package-lock.json

static/stylesheet/style.less

@@ -115,6 +115,47 @@ aside {
   }
 }
 
+
+.figure {
+    border: 1px solid #bbb;
+    border-radius: 3px;
+    padding: 4px;
+    float: left;
+    margin: 0 1em 1em 0;
+    box-shadow: 4px 4px 4px 0px rgba(128, 128, 128, 0.5);
+}
+.figure.align-right {
+    float: right;
+    margin: 0 0 1em 1em;
+}
+.figure.align-left {
+    float: left;
+}
+.figure img {
+    border: none;
+    border-radius: 0;
+    padding: 0;
+    margin: 0;
+    box-shadow: none;
+
+    float: left;
+}
+.figure p.caption {
+    margin: 0;
+    font-size: 80%;
+    padding: 4px;
+    float: left;
+    text-align: left;
+}
+.figure div.legend {
+    padding: 4px;
+    font-size: 80%;
+    color: #aaa;
+    font-style: italic;
+
+    float: left;
+}
+
 main {
   nav {
     text-align: center;