diff --git a/static/css/blog.css b/static/css/blog.css index 7a44d20..60a9364 100644 --- a/static/css/blog.css +++ b/static/css/blog.css @@ -1,13 +1,50 @@ -img { +/* Global settings for images and videos */ +img, video { display: block; width: 100%; + border-radius: 10px; /* Add rounded corners */ + margin-top: 20px; /* Add space above the image */ + margin-bottom: 20px; /* Add space below the image */ } +/* Exclude images inside the .icons class from global settings */ +ul.icons img { + display: inline; /* Override display: block */ + width: auto; /* Override width: 100% */ + border-radius: 0; /* Remove rounded corners */ + margin-top: 0; /* Remove top margin */ + margin-bottom: 0; /* Remove bottom margin */ +} + +/* Align blog text and links */ .align-blog p, a, em { text-align: left; font-size: 1em; line-height: 1.6; } -/* .align-blog h1, h2, h3, h4, h5 { -} */ +/* Increase margin top for all headings */ +.align-blog h1, +.align-blog h2, +.align-blog h3, +.align-blog h4, +.align-blog h5, +.align-blog h6 { + margin-top: 30px; /* Adjust this value to increase space above headings */ +} + +/* Icons specific styles */ +ul.icons { + cursor: default; + list-style: none; + padding-left: 0; +} + +ul.icons li { + display: inline-block; + padding: 0 0.65em 0 0; +} + +ul.icons li:last-child { + padding-right: 0 !important; +}