varun-r-mallya/wona.github.com
1
0
Fork 0
mirror of https://github.com/WatchOutNewsAgency/wona.github.com.git synced 2026-01-01 01:16:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Introducing, the new design

Browse Source
This commit is contained in:
shashankmehta
2012-10-11 00:59:47 +05:30
parent ed3b55550b
commit fff5ce3490
4 changed files with 133 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
_config.yml
View File

@ -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:

120
sass/custom/_styles.scss
View File

@ -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;
}
}
}
}
}

1
source/_includes/custom/head.html
View File

@ -0,0 +1 @@
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700' rel='stylesheet' type='text/css'>

22
source/_layouts/default.html
View File

@ -2,12 +2,20 @@
{% include head.html %}
<body>
<header id="header" class="inner">{% include header.html %}</header>
{% unless page.banner == false %}
{% include banner.html %}
{% endunless %}
<div id="content" class="inner">{{ content | expand_urls: root_url }}</div>
<footer id="footer" class="inner">{% include footer.html %}</footer>
{% include after_footer.html %}
<div class="container">
<div class="mid-col">
{% unless page.banner == false %}
{% include banner.html %}
{% endunless %}
<div class="mid-col-container">
<div id="content" class="inner">{{ content | expand_urls: root_url }}</div>
</div>
<footer id="footer" class="inner">{% include footer.html %}</footer>
{% include after_footer.html %}
</div>
<div class="left-col">
<header id="header" class="inner">{% include header.html %}</header>
</div>
</div>
</body>
</html>