From 2c5b3c2d4b82a90f993bb2436a2ca8577a9e1682 Mon Sep 17 00:00:00 2001 From: Rohit Rajhans Date: Thu, 17 May 2018 01:59:16 +0530 Subject: [PATCH 1/3] initial commit --- public/gen.css | 46 ++++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 44 insertions(+), 2 deletions(-) diff --git a/public/gen.css b/public/gen.css index 4dcc8c2..36d1078 100644 --- a/public/gen.css +++ b/public/gen.css @@ -262,9 +262,21 @@ i{ font-weight: 400; } +.author-line-break +{ + display: none; +} +@media all and (max-width: 768px) +{ + .author-line-break + { + display: inline-block; + } +} + .author-intro{ font: 300 21px/1.8 Lato, sans-serif; - line-height: 0.5em; + line-height: 1.5em; padding-bottom: 0.7em; color: #313131; } @@ -345,6 +357,16 @@ i{ font-weight: 400; } +@media all and (max-width: 768px) +{ + .switch h3 a{ + font-size : 1.5em; + } + .switch h2 { + padding: 0; + } +} + #posts-broad-headings{ /*categories heading i.e. the date and the tags*/ @@ -383,7 +405,7 @@ i{ } #post-post-details{ - color:#999; + color:#999; font-family: 'Roboto', sans-serif; font-size:0.9em; font-weight: 400; @@ -430,6 +452,26 @@ i{ padding: 1.8em 1.8em 2.6em 1.8em; } +@media all and (max-width: 768px) +{ + #posts-broad-headings + { + font-size: 1.4em; + } + #post-post-title + { + font-size: 1em; + } + #post-post-details + { + font-size: 0.6em; + } + #post p + { + font-size: 0.9em; + } +} + .post-page h1, .post-page h2, .post-page h3, .post-page h4{ margin-top: 1.2em; font-weight: 500; From 767e99e4318c061ab647d3b12bb6e5c79e87a5d9 Mon Sep 17 00:00:00 2001 From: Rohit Rajhans <31156637+rohitrajhans@users.noreply.github.com> Date: Thu, 17 May 2018 02:24:00 +0530 Subject: [PATCH 2/3] Update gen.css --- public/gen.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/public/gen.css b/public/gen.css index 36d1078..0afa475 100644 --- a/public/gen.css +++ b/public/gen.css @@ -405,7 +405,7 @@ i{ } #post-post-details{ - color:#999; + color:#999; font-family: 'Roboto', sans-serif; font-size:0.9em; font-weight: 400; From aa3faa79ed874c6d7176a63f6fe8643b5a47175d Mon Sep 17 00:00:00 2001 From: rohitrajhans Date: Sun, 20 May 2018 07:22:02 +0530 Subject: [PATCH 3/3] responsive font sizes --- _includes/post.html | 4 +-- _layouts/post.html | 4 +-- index.html | 2 +- posts_cat.html | 2 +- posts_chro.html | 2 +- public/gen.css | 82 ++++++++++++++++++++++++++++++++++++--------- 6 files changed, 73 insertions(+), 23 deletions(-) diff --git a/_includes/post.html b/_includes/post.html index 5531842..cf26403 100644 --- a/_includes/post.html +++ b/_includes/post.html @@ -1,8 +1,8 @@
-

{{ post.title }} +

{{ post.title }}
{{ post.date | date: "%-d %b %Y" }} - {{ post.author }} + {{ post.author }}
{% for tag in post.tags %}{{ tag }} {% unless forloop.last %}, {% endunless %}{% endfor %}

{% if post.desc.size > 0 %} diff --git a/_layouts/post.html b/_layouts/post.html index 8e5770c..e7475d7 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -5,8 +5,8 @@

{{ page.title }}

-
{{ page.date | date: "%-d %b %Y" }} | Written by - {{ page.author }} +
{{ page.date | date: "%-d %b %Y" }} | Written by + {{ page.author }}
{% for tag in page.tags %}{{ tag }} {% unless forloop.last %}, {% endunless %}{% endfor %}
{{ content }} diff --git a/index.html b/index.html index 78ae289..810bf10 100644 --- a/index.html +++ b/index.html @@ -11,7 +11,7 @@
-

{{ post.title }} +

{{ post.title }}
{{ post.date | date: "%-d %b %Y" }} {{ post.author }} {% for tag in post.tags %}{{ tag }} {% unless forloop.last %}, {% endunless %}{% endfor %} diff --git a/posts_cat.html b/posts_cat.html index e5dfb6b..374ae73 100644 --- a/posts_cat.html +++ b/posts_cat.html @@ -11,7 +11,7 @@

Chronological

|

-

Categories

+

Categories

diff --git a/posts_chro.html b/posts_chro.html index c3c2d5f..bfcc1dc 100644 --- a/posts_chro.html +++ b/posts_chro.html @@ -8,7 +8,7 @@
-

Chronological

+

Chronological

|

Categories

diff --git a/public/gen.css b/public/gen.css index 0afa475..918e3d4 100644 --- a/public/gen.css +++ b/public/gen.css @@ -104,7 +104,7 @@ i{ } #post-title{ - font-size:1.9em; + font-size:1.5em; color:#00bcd4; margin-right:0.7em; display:inline-block; @@ -112,7 +112,9 @@ i{ text-transform: uppercase;; font-family: 'Lato', sans-serif; font-weight:400; + padding-bottom: 0.4em; } + #post-title:hover{ color: #4a5054; } @@ -120,7 +122,7 @@ i{ color:#afafaf; font-family: 'Roboto', sans-serif; font-size:0.8em; - margin-bottom:1em; + margin-bottom:1.5em; cursor: default; } #post-details:hover{ @@ -227,7 +229,7 @@ i{ color:#333; text-align: justify; text-align-last: left; - font-size:1.5em; + font-size:1.4em; font-weight: 300; line-height:1.4em; margin-bottom:1.5em; @@ -334,7 +336,7 @@ i{ display:inline-block !important; font-family: 'Lato', sans-serif; font-weight: 300; - font-size:2em; + font-size:2.2em; color:#3bcce4; font-style: italic; margin: 0.3em 0; @@ -357,15 +359,6 @@ i{ font-weight: 400; } -@media all and (max-width: 768px) -{ - .switch h3 a{ - font-size : 1.5em; - } - .switch h2 { - padding: 0; - } -} #posts-broad-headings{ @@ -436,7 +429,7 @@ i{ color:#555; font-size:1em; line-height:1.5em; - margin-top: 0.3em; + margin-top: 1em; margin-bottom:0.5em; } @@ -446,9 +439,9 @@ i{ color:#3f3f3f; text-align: justify; text-align-last: left; - font-size:1.3em; + font-size:1.1em; font-weight: 400; - line-height:1.3em; + line-height:1.8em; padding: 1.8em 1.8em 2.6em 1.8em; } @@ -767,6 +760,12 @@ tbody tr:nth-child(odd) th { strong, b{ font-weight: 500 !important; } + + +#active a{ + color: #156775; + font-weight: 800; +} /*----------------------------*/ @media screen and (max-width: 1130px) { @@ -830,3 +829,54 @@ strong, b{ padding: 1.8em 0em; } } + +.post-page ul +{ + text-align: left; +} + +/*------------------------ MEDIA QUERIES --------------------*/ + +@media all and ( max-width: 768px ) +{ + .post-page + { + font-size: 1em; + text-align: left; + } + .heading + { + font-size: 1.8em; + } + #post-details + { + margin-bottom: 1.2em; + } + .switch h3 a{ + font-size: 1.5em; + } + .switch h2{ + padding: 0; + } + .single-author + { + padding: 0.4em 0.2em; + } + .single-author h4 a{ + display: inline; + margin-right: 0.5em; + font: 300 26px/1.8 Lato, sans-serif; + } + .author-intro{ + font: 300 18px/1.8 Lato, sans-serif; + padding: 0; + } +/* .single-author h4 a::after{ + content: ""; + display: block; + }*/ + .about-us p{ + font-size: 1.2em; + padding: 0.2em; + } +} \ No newline at end of file