From fff5ce34901d1748424a6abfdef028d79fd83278 Mon Sep 17 00:00:00 2001 From: shashankmehta Date: Thu, 11 Oct 2012 00:59:47 +0530 Subject: [PATCH] Introducing, the new design --- _config.yml | 2 +- sass/custom/_styles.scss | 120 +++++++++++++++++++++++++++++- source/_includes/custom/head.html | 1 + source/_layouts/default.html | 22 ++++-- 4 files changed, 133 insertions(+), 12 deletions(-) diff --git a/_config.yml b/_config.yml index 6d5fec9..bc30623 100644 --- a/_config.yml +++ b/_config.yml @@ -4,7 +4,7 @@ url: http://wona.github.com title: WONA Blog -subtitle: The blog-space of Watch Out News Agency, IIT Roorkee. +subtitle: author: Watchout NewsAgency, IIT-R simple_search: http://google.com/search description: diff --git a/sass/custom/_styles.scss b/sass/custom/_styles.scss index da6d142..24a1704 100644 --- a/sass/custom/_styles.scss +++ b/sass/custom/_styles.scss @@ -1,7 +1,119 @@ // This File is imported last, and will override other styles in the cascade // Add styles here to make changes without digging in too much -.post .meta { - position: relative; - float: right; - top: 0px; + + +body { + background: #3D4349; + font-family: "Open Sans", "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif; +} + +#header { + height: auto; + border-bottom: none; + + #sub-nav { + float: none; + position: relative; + .social { + float: none; + } + .search { + float: none; + .alignright { + float: none; + } + } + } + + h1 { + float: none; + } + + #main-nav { + float: none; + margin-left: 0px; + + ul { + li { + margin-left: 0px; + display: block; + a { + padding: 0px 0px; + } + } + } + } +} + +.container { + .mid-col { + float: right; + width: 75%; + background: whitesmoke; + .mid-col-container { + padding: 0px 70px 0px 40px; + #content { + width: 100%; + article { + border-top: none; + .title { + margin-left: 0px; + } + .entry-content { + margin-left: 0px; + } + .meta { + position: relative; + float: right; + top: 0px; + color: #555; + .date::before { + color: #555; + } + .tags::before { + color: #555; + } + } + h1.title{ + a { + color: #333; + } + a:hover { + color: #258FB8; + -webkit-transition: color 0.3s; + -moz-transition: color 0.3s; + -o-transition: color 0.3s; + transition: color 0.3s; + } + } + } + } + } + footer { + width: 100%; + } + } + .left-col { + width: 15%; + position: fixed; + #header { + width: 100%; + padding: 20% 0% 0% 10%; + a { + color: #EFEFEF; + text-shadow: 0 1px #333; + } + a:hover { + color: #258FB8; + } + #sub-nav { + .search::before { + left: 10px; + } + .social { + margin-bottom: 10px; + } + } + } + } } \ No newline at end of file diff --git a/source/_includes/custom/head.html b/source/_includes/custom/head.html index e69de29..7c80f53 100644 --- a/source/_includes/custom/head.html +++ b/source/_includes/custom/head.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/source/_layouts/default.html b/source/_layouts/default.html index c641236..5db8b91 100644 --- a/source/_layouts/default.html +++ b/source/_layouts/default.html @@ -2,12 +2,20 @@ {% include head.html %} - - {% unless page.banner == false %} - {% include banner.html %} - {% endunless %} -
{{ content | expand_urls: root_url }}
- - {% include after_footer.html %} +
+
+ {% unless page.banner == false %} + {% include banner.html %} + {% endunless %} +
+
{{ content | expand_urls: root_url }}
+
+
{% include footer.html %}
+ {% include after_footer.html %} +
+
+ +
+