From c292f3333406811852fd5cf5e7356825479f8d9d Mon Sep 17 00:00:00 2001
From: "Brian S. Stephan" <bss@incorporeal.org>
Date: Fri, 12 Feb 2021 12:51:12 -0600
Subject: [PATCH] CSS for framing an image inline the article

---
 incorporealcms/static/css/dark.css  | 5 +++++
 incorporealcms/static/css/light.css | 5 +++++
 incorporealcms/static/css/style.css | 4 ++++
 3 files changed, 14 insertions(+)

diff --git a/incorporealcms/static/css/dark.css b/incorporealcms/static/css/dark.css
index 3808464..426dbb6 100644
--- a/incorporealcms/static/css/dark.css
+++ b/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;
diff --git a/incorporealcms/static/css/light.css b/incorporealcms/static/css/light.css
index 09d24a4..58c9963 100644
--- a/incorporealcms/static/css/light.css
+++ b/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;
diff --git a/incorporealcms/static/css/style.css b/incorporealcms/static/css/style.css
index 36ee40b..15b041b 100644
--- a/incorporealcms/static/css/style.css
+++ b/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%;