diff options
Diffstat (limited to 'assets/css/style.css')
-rw-r--r-- | assets/css/style.css | 96 |
1 files changed, 92 insertions, 4 deletions
diff --git a/assets/css/style.css b/assets/css/style.css index 4658b08..869b2c3 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -475,10 +475,59 @@ table { .post-stub-tag { display: none; } } @media only screen and (max-width: 600px) { + h1, h2 { + margin-bottom: 20px; } + + p { + margin-bottom: 20px; } + + ul, ol { + margin-bottom: 20px; } + + img { + margin: 30px 0; } + + blockquote { + margin: 30px 0; } + + pre { + margin: 30px 0; } + + hr { + margin: 35px 0; } + + .site-header { + padding-top: 60px; } + .site-nav-item { display: block; margin: 15px 0; } + .post-header { + margin-bottom: 35px; + padding-bottom: 45px; } + + .post-title, + .page-title, + .author-name, + .author-heading { + font-size: 42px; + margin-top: 5px; } + + .post-date, + .blog-description, + .author-meta { + margin-top: 20px; } + .post-date:after, .post-date:before, + .blog-description:after, + .blog-description:before, + .author-meta:after, + .author-meta:before { + margin-top: 30px; } + + .author-profile:after, .author-profile:before { + margin-top: 20px; } + .post-stub-title { display: block; } @@ -486,6 +535,9 @@ table { content: ""; display: block; } + .post-list { + margin-top: 45px; } + .post-container, .post-list, .author-profile { @@ -495,15 +547,48 @@ table { .post-tags { width: 100%; } + .post-stub a, + .post-stub a:hover { + padding-top: 12px; + padding-bottom: 12px; } + .share { float: left; margin-top: 20px; } .share a { - margin: 0 5px 0 0; } } + margin: 0 5px 0 0; } + + .footer { + margin-top: 50px; } } @media only screen and (max-width: 400px) { + .site-header { + padding-top: 40px; } + .post-title, - .author-name { - font-size: 32px; } + .page-title, + .author-name, + .author-heading { + font-size: 30px; + line-height: 1.2; } + + .post-date, + .blog-description, + .author-meta { + line-height: 1.6; } + + .post-date, + .blog-description, + .author-meta { + margin-top: 10px; } + .post-date:after, .post-date:before, + .blog-description:after, + .blog-description:before, + .author-meta:after, + .author-meta:before { + margin-top: 20px; } + + .author-profile:after, .author-profile:before { + margin-top: 10px; } .post-container, .post-list, @@ -517,4 +602,7 @@ table { .author-meta span { display: block; - margin: 18px 0; } } + margin: 18px 0; } + + .footer-copyright { + padding: 0 10px; } } |