bss
/
incorporeal-cms
1
0
Fork 0
Code Issues 2 Pull Requests Releases 45 Wiki Activity

CSS for framing an image inline the article

This commit is contained in:
Brian S. Stephan 2021-02-12 12:51:12 -06:00
parent 1c052b8409
commit c292f33334
3 changed files with 14 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
incorporealcms/static/css/dark.css
View File

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

5
incorporealcms/static/css/light.css
View File

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

4
incorporealcms/static/css/style.css
View File

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