diff --git a/static/css/style.css b/static/css/style.css index 08ead9a..efeaae1 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -11,6 +11,8 @@ --color01_bright: #58af58; --color02: #8f8071; --color02_bright: #b88a5b; + + --image-margin-side: 2.5em; } /******************* Page *******************/ @@ -502,10 +504,10 @@ a:focus { /******************* Article Figure *******************/ .article-body figure { margin: 1em 0; - /*display: table;*/ width: max-content; max-width: 100%; - overflow: auto; + overflow: visible; + min-width: calc(50% - 2 * var(--image-margin-side)); } .article-body figure picture, .article-body figure figcaption { @@ -524,6 +526,10 @@ a:focus { .article-body figure.inline { margin: 0; } + .article-body figure.border img, + .article-body figure.border figcaption { + min-width: calc(100% - 2 * var(--image-margin-side)) !important; + } } .article-body figure.logo { display: inline-block; @@ -553,10 +559,11 @@ a:focus { } .article-body figure>a { display: block; + outline: none; min-height: 100%; border: none; } -.article-body figure.logo:hover { +.article-body figure>a>img:hover { box-shadow: 0 0 1em rgba(var(--font-color_rgb), 0.5); } .article-body figure figcaption p,