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

Switched to proper Greyshade theme instead of the previous manual setup

Browse Source
This commit is contained in:
Shashank Mehta
2013-01-02 21:05:36 +05:30
parent 4d85d26d2f
commit fb5d40cac8
17 changed files with 302 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files

270
sass/_greyshade.scss Normal file
View File

@ -0,0 +1,270 @@
//This is the main GREYSHADE css file.
body {
background: #3D4349;
font-family: "Open Sans", "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
}
::selection, ::-moz-selection, ::-webkit-selection {
background-color: $greyshade;
color: $color-background;
}
#header {
height: auto;
border-bottom: none;
.subtitle {
color: #999;
font-style: italic;
}
#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 {
.credit-box {
color: #AAA;
font-size: .8em;
position: fixed;
bottom: 20px;
left: 40px;
a {
color: inherit;
text-decoration: underline;
}
}
.mid-col {
float: right;
width: 77%;
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;
.gist .gist-file .gist-data {
.line_numbers {
line-height: inherit;
}
pre {
line-height: inherit;
}
}
h2 {
font-size: 1.3em;
color: #574C4C;
border-bottom: none;
}
h2::before {
border-bottom: none;
}
blockquote {
border-left: 5px solid $greyshade;
background: #FCFCFC;
}
table {
line-height: 1.2em;
td {
text-align: left;
}
}
}
.meta {
position: relative;
float: right;
top: 0px;
color: #555;
text-align: right;
width: auto;
.date::before {
color: #555;
position: relative;
margin-right: 10px;
}
.tags::before {
color: #999;
position: relative;
margin-right: 10px;
}
}
h1.title{
a {
color: #333;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
-o-transition: color 0.3s;
transition: color 0.3s;
}
a:hover {
color: $greyshade;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
-o-transition: color 0.3s;
transition: color 0.3s;
}
}
}
}
}
footer {
width: 100%;
}
}
.left-col:hover {
opacity: 1;
}
.left-col {
width: 23%;
position: fixed;
opacity: .3;
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
transition: all .2s ease-in;
height: 100%;
.intrude-less {
width: 80%;
}
#header {
width: 100%;
padding: 20% 0% 0% 15%;
#main-nav {
margin-top: 10px;
}
.profilepic {
img {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
}
a {
color: #EFEFEF;
text-shadow: 0 1px #333;
}
a:hover {
color: $greyshade;
}
#sub-nav {
margin-top: 10px;
.search::before {
left: 10px;
}
.social {
margin-bottom: 10px;
}
}
}
}
}
.archives {
.title {
font-size: 1.2em;
}
article {
.meta {
line-height: 1.5em;
margin-top: 0;
span::before {
padding-right: 0;
}
}
}
}
a {
color: $greyshade;
}
a:hover {
color: $greyshade;
}
body {
@media screen and (max-width: 1040px){
margin: 0 0;
}
}
@media screen and (max-width: 700px){
.container {
.credit-box {
display: none;
}
.left-col {
position: relative;
width: 100%;
opacity: 1;
.intrude-less {
margin: auto auto;
}
#header {
padding: 40px 0px;
text-align: center;
#sub-nav{
display: block;
}
#main-nav {
ul {
display: block;
li {
display: inline;
margin-right: 10px;
}
}
}
}
}
.mid-col {
float: none;
width: 100%;
.mid-col-container {
padding: 15px 15px;
#content {
article {
.meta {
float: none;
}
}
}
}
}
}
}

1
sass/custom/_colors.scss
View File

@ -41,3 +41,4 @@ $solarized: light;
//$pre-bg: $base03;
//$pre-border: darken($base02, 5);
//$pre-color: $base1;
$greyshade: #258FB8;

122
sass/custom/_styles.scss
View File

@ -1,128 +1,6 @@
// This File is imported last, and will override other styles in the cascade
// Add styles here to make changes without digging in too much
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: 77%;
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;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
-o-transition: color 0.3s;
transition: color 0.3s;
}
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% 20%;
a {
color: #EFEFEF;
text-shadow: 0 1px #333;
}
a:hover {
color: #258FB8;
}
#sub-nav {
.search::before {
left: 10px;
}
.social {
margin-bottom: 10px;
}
}
}
}
}
.archives {
.title {
font-size: 1.2em;

1
sass/parts/_syntax.scss
View File

@ -121,7 +121,6 @@ figure.code{
td.code{
width: 100%;
padding-left: 15px;
overflow-x: auto;
}
}
.entry-content .gist{

2
sass/screen.scss
View File

@ -5,6 +5,8 @@
@import "plugins";
@import "custom/colors";
@import "greyshade";
@import "custom/fonts";
@import "custom/layout";
@import "custom/styles";