varun-r-mallya/wona.github.com
1
0
Fork 0
mirror of https://github.com/WatchOutNewsAgency/wona.github.com.git synced 2026-02-12 14:40:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

1. Replaced Rdiscount in favor of Kramdown (better html5 support) for markdown processing.

Browse Source 
2. Added updated instructions to the README
3. Removed unused media css directories
4. Improved use of color variables for page theming.
5. Improved Typography and blog styling.
6. Added support for simple pre and code styles
7. Misc styling and markup improvements.
This commit is contained in:
Brandon Mathis
2011-06-17 22:24:48 -04:00
parent b0405cc3c2
commit 21813059f2
25 changed files with 215 additions and 332 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
themes/classic/sass/default/core/_layout.scss
View File

@ -1,9 +1,9 @@
$default-border-radius: 4px;
$pad-min: 18px;
$pad-narrow: 18px;
$pad-medium: 24px;
$pad-wide: 30px;
$pad-narrow: 20px;
$pad-medium: 35px;
$pad-wide: 55px;
$sidebar-width-medium: 240px;
$sidebar-pad-medium: 15px;
$sidebar-pad-wide: 20px;
@ -117,8 +117,6 @@ body {
}
body > nav + div > div { margin-right: $sidebar-width-wide; }
#articles {
padding-top: $pad-wide/2;
padding-bottom: $pad-wide/2;
+ aside {
width: $sidebar-width-wide - $sidebar-pad-wide*2;
padding: 0 $sidebar-pad-wide $sidebar-pad-wide;

44
themes/classic/sass/default/core/_theme.scss
View File

@ -1,37 +1,53 @@
// Link Colors
// Main Link Colors
$link-color: lighten(#165b94, 3);
$link-color-hover: darken(#165b94, 5);
$link-color-hover: adjust-hue($link-color, -200);
$link-color-visited: darken(adjust_hue($link_color, 70), 10);
$link-color-active: darken($link-color-hover, 15);
// Main Section Colors
$body-color: #333333;
$light-text: #999999;
$page-bg: #252525;
$article-border: #eeeeee;
$main-bg: #f5f5f5;
$header-bg: #333; //#0c2e46; //darken(#238bd2, 32); //#263448; //#323232;
$header-bg: #333;
$header-border: lighten($header-bg, 15);
$title-color: #f2f2f2;
$subtitle-color: #aaa;
$nav-bg: #ccc;//#3a6ea5;
$type-border: #ddd;
$type-color-light: #555;
$type-color: #222;
$nav-bg: #ccc;
$nav-color: darken($nav-bg, 38);
$nav-color-hover: darken($nav-color, 25);
$nav-border: darken($nav-bg, 10);
$nav-border-top: lighten($nav-bg, 15);
$nav-border-bottom: darken($nav-bg, 25);//darken($nav-bg, 5);
$nav-border-bottom: darken($nav-bg, 25);
$nav-border-left: darken($nav-bg, 11);
$nav-border-right: lighten($nav-bg, 7);
$sidebar-bg: #eee; //#f8f8f8; //desaturate(change-color(#e8f4f4, $hue: 207), 100); //mix(#f5f5f5, aqua, 93%);
$sidebar-bg: #eee;
$sidebar-color: change-color(mix($type-color, $sidebar-bg, 80), $hue: hue($sidebar-bg), $saturation: saturation($sidebar-bg)/2);
$sidebar-border: desaturate(darken($sidebar-bg, 7), 10);
$sidebar-border: darken($sidebar-bg, 7);
// Blog
$article-border: #eeeeee;
$main-bg: #f9f8f6;
$sidebar-link-color: $link-color;
$sidebar-link-color-hover: $link-color-hover;
$sidebar-link-color-subdued: lighten($sidebar-color, 20);
$sidebar-link-color-subdued-hover: $link-color-hover;//darken($sidebar-link-color-subdued, 20);
$twitter-status-link: lighten($sidebar-link-color-subdued, 15);
$footer-color: #999999;
//$footer-bg: #444444;
$footer-bg: $nav-bg;//$page-bg;
$footer-border: $nav-border-top;//$page-bg;
$footer-bg: #ccc;
$footer-color: darken($footer-bg, 38);
$footer-color-hover: darken($footer-color, 10);
$footer-placeholder: desaturate(darken($footer-bg, 10), 15);
$footer-border-top: lighten($footer-bg, 15);
$footer-link-color: darken($footer-bg, 38);
$footer-link-color-hover: darken($footer-color, 25);
$page-border-bottom: darken($footer-bg, 5);
// Form Colors
$fieldset-bg: #ececec;
@ -48,6 +64,6 @@ $textinput-border-right: #c3c3c3;
$textinput-border-focus: #989898;
#articles a, #articles + aside a {
@include link-colors($link-color, $hover: saturate(darken($link_color, 15), 20), $focus: saturate(darken($link_color, 15), 20), $visited: darken(adjust_hue($link_color, 70), 10));
@include link-colors($link-color, $hover: $link-color-hover, $focus: $link-color-hover, $visited: $link-color-visited, $active: $link-color-active);
}
a { @include transition(color, .5s); }

14
themes/classic/sass/default/core/_typography.scss
View File

@ -1,11 +1,7 @@
$type-border: #ddd;
$type-color-light: #555;
$type-color: #000;
$blockquote: $type-border !default; //darken($type-border, 20) !default;
$blockquote: $type-border !default;
$mono: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace;
// Fonts
//@include font-face("Adelle", font-files("adellebasic_bold-webfont.woff", woff, "adellebasic_bold-webfont.ttf", truetype, "adellebasic_bold-webfont.svg#webfontKykxqSyz", svg), $eot: "adellebasic_bold-webfont.eot" );
.heading {
font-family: "PT Serif", "Georgia", "Helvetica Neue", Arial, sans-serif;
}
@ -14,7 +10,7 @@ $mono: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace;
.mono { font-family: $mono; }
body > header h1 {
font-size: 2em;
font-size: 3em;
@extend .heading;
font-weight: normal;
line-height: 1.2em;
@ -31,10 +27,10 @@ body {
@extend .heading;
text-rendering: optimizelegibility;
margin-bottom: 1em;
font-weight: normal;
font-weight: bold;
}
h1 {
font-size: 2.4em;
font-size: 3.2em;
line-height: 1.2em
}
h2, section h1 {
@ -59,8 +55,6 @@ ul{ list-style-type: disc; }
ol{ list-style-type: decimal; ol { list-style-type: lower-alpha; } }
ul ul, ol ol { margin-left: 1.75em; }
li { margin-bottom: .5em; }
strong { font-weight: bold; }
em { font-style: italic; }