CSS for framing an image inline the article

incorporealcms/static/css/dark.css

@@ -58,6 +58,11 @@ blockquote {
     border: 1px solid #222;
 }
 
+.img-frame {
+    background-color: rgba(255, 255, 255, 0.1);
+    border: 1px solid #333;
+}
+
 figure {
     background: #222;
     border: 1px solid #333;

incorporealcms/static/css/light.css

@@ -58,6 +58,11 @@ blockquote {
     border: 1px solid #CCC;
 }
 
+.img-frame {
+    background-color: rgba(0, 0, 0, 0.1);
+    border: 1px solid #BBB;
+}
+
 figure {
     background: #EFEFEF;
     border: 1px solid #CCCCCC;

incorporealcms/static/css/style.css

@@ -141,6 +141,10 @@ img {
     margin-right: auto;
 }
 
+.img-frame {
+    padding: 5px;
+}
+
 /* For screens with width smaller than 400px */
 .figure-left .figure-right {
     max-width: 95%;