diff --git a/src/blog/jinja2/blog/clipping.jinja2 b/src/blog/jinja2/blog/clipping.jinja2 index 5236497c..30d70cf7 100644 --- a/src/blog/jinja2/blog/clipping.jinja2 +++ b/src/blog/jinja2/blog/clipping.jinja2 @@ -5,7 +5,7 @@ {% endblock %} {% block content %} -
+
{% block button %} {% endblock %} {% block page_title %} diff --git a/src/blog/static/css/blog.css b/src/blog/static/css/blog.css index e8857553..a2fffb48 100644 --- a/src/blog/static/css/blog.css +++ b/src/blog/static/css/blog.css @@ -1,15 +1,16 @@ /* General Blog Pages */ #blog-area, +#clipping-area, #posts-area{ max-width: 600px; margin: 0 auto; } .post{ - margin-bottom: 30px; + margin: 0px 1.5em 3em 1.5em; } .post a, #category-header a{ - + transition: all 0.2s ease-in; background-image: linear-gradient( to top, #05f7ae, #05f7ae 50%, transparent 50%, transparent ); background-position: 100% 0%; @@ -22,7 +23,8 @@ } #blog-area p { - text-align: left; + text-align: justify; + margin-left: 1.5em; } @@ -37,6 +39,7 @@ } #post p{ text-align: justify; + margin: 1.5em 1.5em 0 1.5em; } #back-button{ float: left; @@ -57,7 +60,7 @@ /* Clipping page */ .clipping{ text-align: left; - margin-top: 1.5em; + margin: 1.5em 1.5em 0 1.5em; } .clipping p{ margin: 0; @@ -66,6 +69,13 @@ margin: 0; } .clipping a{ - display: block; + display: inline-block; margin-bottom: 8px; +} + + +@media all and (min-width: 800px) { + #blog-area p { + text-align: left; + } } \ No newline at end of file diff --git a/src/core/static/css/reset.css b/src/core/static/css/reset.css index 85c64b35..2b0de121 100644 --- a/src/core/static/css/reset.css +++ b/src/core/static/css/reset.css @@ -465,6 +465,7 @@ div.contCam:before { .useful-links .container { height: 50px; margin: auto; + column-gap: 1.5em; } .useful-links a, @@ -745,7 +746,9 @@ a.sq-github { background-position: 100% 15%; background-size: 100% 200%; } - + .useful-links .container { + column-gap: 0; + } .contCam { min-width: 250px; } @@ -815,6 +818,7 @@ a.sq-github { height: 30px; max-width: 40px; } + } /* Hover Elements */