From 79291a206f343dfb235f1d2f486d2ac7d68623ff Mon Sep 17 00:00:00 2001 From: agusmakmun Date: Sat, 11 Jun 2016 05:15:47 +0700 Subject: [PATCH] added responsive conditional --- _layouts/default.html | 2 ++ static/css/main.css | 28 ++++++++++++++-------------- 2 files changed, 16 insertions(+), 14 deletions(-) diff --git a/_layouts/default.html b/_layouts/default.html index 83ac90b..4047fc4 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -105,6 +105,7 @@
+

{{ site.author }}

{% if site.about %} @@ -132,6 +133,7 @@ {% for i in site.urls %}  » {{ i.text }}
{% endfor %} +
diff --git a/static/css/main.css b/static/css/main.css index 720c774..1aabaf4 100755 --- a/static/css/main.css +++ b/static/css/main.css @@ -1,7 +1,5 @@ /** - * ////////////// * Master styling - * ////////////// */ body { font-family: "Roboto Condensed", Arial, sans-serif; @@ -18,18 +16,9 @@ hr { border-top: 1px solid #F7F1F1; border-bottom: 1px solid #fff; } -/* -@media (min-width: 768px) { - .container { - max-width: 780px; - } -} -*/ /** - * ////////////////////////// * Font and link declarations - * ////////////////////////// */ span.time, span.categories { color: #ADADAD; @@ -145,9 +134,7 @@ div.right .post ul { } /** - * /////////////////////////////////// * Left column aka nav bar formatting - * /////////////////////////////////// */ div.col-sm-3 { margin-top: 100px; @@ -216,4 +203,17 @@ div.col-sm-3 img#about { border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; } -.post-content img, .content img {max-width: 100%} \ No newline at end of file +.post-content img, .content img {max-width: 100%} + +/* Responsive Conditional */ +@media (min-width: 1024px) { + .fixed-condition { + position: fixed; + max-width: 255px; + } +} +@media (max-width: 768px) { + div.col-sm-3 { + margin-top: 30px; + } +} \ No newline at end of file