switch to stash theme
This commit is contained in:
Jörg Thalheim
parent
aac59cae0d
commit
797ecec75f
|
|
@ -0,0 +1,3 @@
|
|||
[submodule ".themes/slash"]
|
||||
path = .themes/slash
|
||||
url = git://github.com/tommy351/Octopress-Theme-Slash.git
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
@import "base/color";
|
||||
@import "base/font";
|
||||
@import "base/layout";
|
||||
@import "base/typography";
|
||||
@import "base/utilities";
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
@import "partials/header";
|
||||
@import "partials/navigation";
|
||||
@import "partials/blog";
|
||||
@import "partials/sharing";
|
||||
@import "partials/syntax";
|
||||
@import "partials/archive";
|
||||
@import "partials/sidebar";
|
||||
@import "partials/footer";
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
@import "parts/header";
|
||||
@import "parts/index";
|
||||
@import "parts/article";
|
||||
@import "parts/post";
|
||||
@import "parts/archive";
|
||||
@import "parts/comment";
|
||||
@import "parts/footer";
|
||||
@import "parts/syntax";
|
||||
@import "parts/twitter";
|
||||
|
|
@ -0,0 +1 @@
|
|||
@import "plugins/fancybox";
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
$color-background: #eee;
|
||||
$color-main: #258fb8;
|
||||
$color-gray01: #666;
|
||||
$color-gray02: #999;
|
||||
$color-gray03: #ccc;
|
||||
$color-gray04: #ddd;
|
||||
$color-gray05: #fff;
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
$font-default: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
$font-mono: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace;
|
||||
|
|
@ -0,0 +1,49 @@
|
|||
$max-width: 1000px;
|
||||
|
||||
*{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
body{
|
||||
font-family: $font-default;
|
||||
font-weight: 300;
|
||||
font-size: 14px;
|
||||
background: $color-background;
|
||||
color: $color-gray01;
|
||||
@media screen and (max-width: 1040px){
|
||||
margin: 0 20px;
|
||||
}
|
||||
@media screen and (max-width: 600px){
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
h1{
|
||||
font-size: 1.8em;
|
||||
}
|
||||
h2{
|
||||
font-size: 1.5em;
|
||||
}
|
||||
h3{
|
||||
font-size: 1.3em;
|
||||
}
|
||||
a{
|
||||
text-decoration: none;
|
||||
outline-width: 0;
|
||||
color: $color-main;
|
||||
}
|
||||
.alignleft{
|
||||
float: left;
|
||||
}
|
||||
.alignright{
|
||||
float: right;
|
||||
}
|
||||
.clearfix{
|
||||
@include pie-clearfix;
|
||||
}
|
||||
.inner{
|
||||
width: $max-width;
|
||||
margin: 0 auto;
|
||||
@media screen and (max-width: 1040px){
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,46 @@
|
|||
$base03: #002b36 !default; //darkest blue
|
||||
$base02: #073642 !default; //dark blue
|
||||
$base01: #586e75 !default; //darkest gray
|
||||
$base00: #657b83 !default; //dark gray
|
||||
$base0: #839496 !default; //medium gray
|
||||
$base1: #93a1a1 !default; //medium light gray
|
||||
$base2: #eee8d5 !default; //cream
|
||||
$base3: #fdf6e3 !default; //white
|
||||
$solar-yellow: #b58900 !default;
|
||||
$solar-orange: #cb4b16 !default;
|
||||
$solar-red: #dc322f !default;
|
||||
$solar-magenta: #d33682 !default;
|
||||
$solar-violet: #6c71c4 !default;
|
||||
$solar-blue: #268bd2 !default;
|
||||
$solar-cyan: #2aa198 !default;
|
||||
$solar-green: #859900 !default;
|
||||
|
||||
$solarized: dark !default;
|
||||
|
||||
@if $solarized == light {
|
||||
|
||||
$_base03: $base03;
|
||||
$_base02: $base02;
|
||||
$_base01: $base01;
|
||||
$_base00: $base00;
|
||||
$_base0: $base0;
|
||||
$_base1: $base1;
|
||||
$_base2: $base2;
|
||||
$_base3: $base3;
|
||||
|
||||
$base03: $_base3;
|
||||
$base02: $_base2;
|
||||
$base01: $_base1;
|
||||
$base00: $_base0;
|
||||
$base0: $_base00;
|
||||
$base1: $_base01;
|
||||
$base2: $_base02;
|
||||
$base3: $_base03;
|
||||
}
|
||||
|
||||
/* non highlighted code colors */
|
||||
$pre-bg: $base03 !default;
|
||||
$pre-border: darken($base02, 5) !default;
|
||||
$pre-color: $base1 !default;
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,86 @@
|
|||
$noise-bg: image-url('noise.png') top left !default;
|
||||
$img-border: inline-image('dotted-border.png');
|
||||
|
||||
// Main Link Colors
|
||||
$link-color: lighten(#165b94, 3) !default;
|
||||
$link-color-hover: adjust-color($link-color, $lightness: 10, $saturation: 25) !default;
|
||||
$link-color-visited: adjust-color($link-color, $hue: 80, $lightness: -4) !default;
|
||||
$link-color-active: adjust-color($link-color-hover, $lightness: -15) !default;
|
||||
|
||||
// Main Section Colors
|
||||
$main-bg: #f8f8f8 !default;
|
||||
$page-bg: #252525 !default;
|
||||
$article-border: #eeeeee !default;
|
||||
|
||||
$header-bg: #333 !default;
|
||||
$header-border: lighten($header-bg, 15) !default;
|
||||
$title-color: #f2f2f2 !default;
|
||||
$subtitle-color: #aaa !default;
|
||||
|
||||
$text-color: #222 !default;
|
||||
$text-color-light: #aaa !default;
|
||||
$type-border: #ddd !default;
|
||||
|
||||
/* Navigation */
|
||||
$nav-bg: #ccc !default;
|
||||
$nav-bg-front: image-url('noise.png') !default;
|
||||
$nav-bg-back: linear-gradient(lighten($nav-bg, 8), $nav-bg, darken($nav-bg, 11)) !default;
|
||||
$nav-color: darken($nav-bg, 38) !default;
|
||||
$nav-color-hover: darken($nav-color, 25) !default;
|
||||
$nav-placeholder: desaturate(darken($nav-bg, 10), 15) !default;
|
||||
$nav-border: darken($nav-bg, 10) !default;
|
||||
$nav-border-top: lighten($nav-bg, 15) !default;
|
||||
$nav-border-bottom: darken($nav-bg, 25) !default;
|
||||
$nav-border-left: darken($nav-bg, 11) !default;
|
||||
$nav-border-right: lighten($nav-bg, 7) !default;
|
||||
|
||||
/* Sidebar colors */
|
||||
$sidebar-bg: #f2f2f2 !default;
|
||||
$sidebar-link-color: $link-color !default;
|
||||
$sidebar-link-color-hover: $link-color-hover !default;
|
||||
$sidebar-link-color-active: $link-color-active !default;
|
||||
$sidebar-color: change-color(mix($text-color, $sidebar-bg, 80), $hue: hue($sidebar-bg), $saturation: saturation($sidebar-bg)/2) !default;
|
||||
$sidebar-border: desaturate(darken($sidebar-bg, 7), 10) !default;
|
||||
$sidebar-border-hover: darken($sidebar-bg, 7) !default;
|
||||
$sidebar-link-color-subdued: lighten($sidebar-color, 20) !default;
|
||||
$sidebar-link-color-subdued-hover: $sidebar-link-color-hover !default;
|
||||
$twitter-status-link: lighten($sidebar-link-color-subdued, 15) !default;
|
||||
|
||||
$footer-color: #888 !default;
|
||||
$footer-bg: #ccc !default;
|
||||
$footer-bg-front: image-url('noise.png') !default;
|
||||
$footer-bg-back: linear-gradient(lighten($footer-bg, 8), $footer-bg, darken($footer-bg, 11)) !default;
|
||||
$footer-color: darken($footer-bg, 38) !default;
|
||||
$footer-color-hover: darken($footer-color, 10) !default;
|
||||
$footer-border-top: lighten($footer-bg, 15) !default;
|
||||
$footer-border-bottom: darken($footer-bg, 15) !default;
|
||||
$footer-link-color: darken($footer-bg, 38) !default;
|
||||
$footer-link-color-hover: darken($footer-color, 25) !default;
|
||||
$page-border-bottom: darken($footer-bg, 5) !default;
|
||||
|
||||
|
||||
/* Core theme application */
|
||||
|
||||
a {
|
||||
@include link-colors($link-color, $hover: $link-color-hover, $focus: $link-color-hover, $visited: $link-color-visited, $active: $link-color-active);
|
||||
}
|
||||
aside.sidebar a {
|
||||
@include link-colors($sidebar-link-color, $hover: $sidebar-link-color-hover, $focus: $sidebar-link-color-hover, $active: $sidebar-link-color-active);
|
||||
}
|
||||
a {
|
||||
@include transition(color .3s);
|
||||
}
|
||||
|
||||
html {
|
||||
background: $page-bg image-url('line-tile.png') top left;
|
||||
}
|
||||
body {
|
||||
> div {
|
||||
background: $sidebar-bg $noise-bg;
|
||||
border-bottom: 1px solid $page-border-bottom;
|
||||
> div {
|
||||
background: $main-bg $noise-bg;
|
||||
border-right: 1px solid $sidebar-border;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
.pullquote-right:before,
|
||||
.pullquote-left:before {
|
||||
/* Reset metrics. */
|
||||
padding: 0;
|
||||
border: none;
|
||||
|
||||
/* Content */
|
||||
content: attr(data-pullquote);
|
||||
|
||||
/* Pull out to the right, modular scale based margins. */
|
||||
float: right;
|
||||
width: 45%;
|
||||
margin: .5em 0 1em 1.5em;
|
||||
|
||||
/* Baseline correction */
|
||||
position: relative;
|
||||
top: 7px;
|
||||
font-size: 1.4em;
|
||||
line-height: 1.45em;
|
||||
}
|
||||
|
||||
.pullquote-left:before {
|
||||
/* Make left pullquotes align properly. */
|
||||
float: left;
|
||||
margin: .5em 1.5em 1em 0;
|
||||
}
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
@mixin square($property){
|
||||
width: $property;
|
||||
height: $property;
|
||||
}
|
||||
@mixin user-select($select){
|
||||
-moz-user-select: $select;
|
||||
-khtml-user-select: $select;
|
||||
-webkit-user-select: $select;
|
||||
-o-user-select: $select;
|
||||
user-select: $select;
|
||||
}
|
||||
@mixin border-shadow($top: $color-gray05, $bottom: $color-gray04){
|
||||
border-top: 1px solid $top;
|
||||
border-bottom: 1px solid $bottom;
|
||||
}
|
||||
@mixin center($width, $height){
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-left: $width/(-2);
|
||||
margin-top: $height/(-2);
|
||||
width: $width;
|
||||
height: $height;
|
||||
}
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
// Here you can easily change your sites's color scheme.
|
||||
// To give it a try, uncomment some of the lines below rebuild your blog, and see how it works.
|
||||
// If you need a handy color picker try http://hslpicker.com
|
||||
|
||||
//$header-bg: #263347;
|
||||
//$subtitle-color: lighten($header-bg, 58);
|
||||
//$nav-bg: desaturate(lighten(#8fc17a, 18), 5);
|
||||
//$nav-bg-front: image-url('noise.png');
|
||||
//$nav-bg-back: linear-gradient(lighten($nav-bg, 8), $nav-bg, darken($nav-bg, 11));
|
||||
//$sidebar-bg: desaturate(#eceff5, 8);
|
||||
//$sidebar-link-color: saturate(#526f9a, 10);
|
||||
//$sidebar-link-color-hover: darken(#7ab662, 9);
|
||||
//$footer-bg: #ccc !default;
|
||||
//$footer-bg-front: image-url('noise.png');
|
||||
//$footer-bg-back: linear-gradient(lighten($footer-bg, 8), $footer-bg, darken($footer-bg, 11));
|
||||
|
||||
|
||||
/* To use the light Solarized highlighting theme uncomment the following line */
|
||||
//$solarized: light;
|
||||
|
||||
/* If you want to tweak the Solarized colors you can do that here */
|
||||
//$base03: #002b36; //darkest blue
|
||||
//$base02: #073642; //dark blue
|
||||
//$base01: #586e75; //darkest gray
|
||||
//$base00: #657b83; //dark gray
|
||||
//$base0: #839496; //medium gray
|
||||
//$base1: #93a1a1; //medium light gray
|
||||
//$base2: #eee8d5; //cream
|
||||
//$base3: #fdf6e3; //white
|
||||
//$solar-yellow: #b58900;
|
||||
//$solar-orange: #cb4b16;
|
||||
//$solar-red: #dc322f;
|
||||
//$solar-magenta: #d33682;
|
||||
//$solar-violet: #6c71c4;
|
||||
//$solar-blue: #268bd2;
|
||||
//$solar-cyan: #2aa198;
|
||||
//$solar-green: #859900;
|
||||
|
||||
|
||||
/* Non highlighted code colors */
|
||||
//$pre-bg: $base03;
|
||||
//$pre-border: darken($base02, 5);
|
||||
//$pre-color: $base1;
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
// Here you can easily change font faces which are used in your site.
|
||||
// To give it a try, uncomment some of the lines below rebuild your blog, and see how it works. your sites's.
|
||||
// If you love to use Web Fonts, you also need to add some lines to source/_includes/custom/head.html
|
||||
|
||||
//$sans: "Optima", sans-serif;
|
||||
//$serif: "Baskerville", serif;
|
||||
//$mono: "Courier", monospace;
|
||||
//$heading-font-family: "Verdana", sans-serif;
|
||||
//$header-title-font-family: "Futura", sans-serif;
|
||||
//$header-subtitle-font-family: "Futura", sans-serif;
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
// Here you can easily change your sites's layout.
|
||||
// To give it a try, uncomment some of the lines below, make changes, rebuild your blog, and see how it works.
|
||||
|
||||
//$header-font-size: 1em;
|
||||
//$header-padding-top: 1.5em;
|
||||
//$header-padding-bottom: 1.5em;
|
||||
|
||||
//$max-width: 1350px;
|
||||
//$indented-lists: true;
|
||||
|
||||
// Padding used for layout margins
|
||||
//$pad-min: 18px;
|
||||
//$pad-narrow: 25px;
|
||||
//$pad-medium: 35px;
|
||||
//$pad-wide: 55px;
|
||||
|
||||
// Sidebar widths used in media queries
|
||||
//$sidebar-width-medium: 240px;
|
||||
//$sidebar-pad-medium: 15px;
|
||||
//$sidebar-pad-wide: 20px;
|
||||
//$sidebar-width-wide: 300px;
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
// This File is imported last, and will override other styles in the cascade
|
||||
// Add styles here to make changes without digging in too much
|
||||
|
|
@ -0,0 +1,72 @@
|
|||
#archive {
|
||||
#content > div { &, > article { padding-top: 0; } }
|
||||
}
|
||||
#blog-archives {
|
||||
article {
|
||||
padding: 1em 0 1em;
|
||||
position: relative;
|
||||
background: $img-border bottom left repeat-x;
|
||||
&:last-child {
|
||||
background: none;
|
||||
}
|
||||
footer { padding: 0; margin: 0;}
|
||||
}
|
||||
h1 { color: $text-color; margin-bottom: .3em; }
|
||||
h2 { display: none; }
|
||||
h1 {
|
||||
font-size: 1.5em;
|
||||
a {
|
||||
@include hover-link;
|
||||
color: inherit;
|
||||
&:hover { color: $link-color-hover; }
|
||||
font-weight: normal;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
a.category, time {
|
||||
@extend .sans;
|
||||
color: $text-color-light;
|
||||
}
|
||||
color: $text-color-light;
|
||||
.entry-content { display: none; }
|
||||
time {
|
||||
font-size: .9em;
|
||||
line-height: 1.2em;
|
||||
.month, .day { display: inline-block; }
|
||||
.month { text-transform: uppercase; }
|
||||
}
|
||||
p { margin-bottom: 1em; }
|
||||
&, .entry-content { a { @include link-colors(inherit, $link-color-hover); }}
|
||||
a:hover { color: $link-color-hover; }
|
||||
@media only screen and (min-width: 550px) {
|
||||
article { margin-left: 5em; }
|
||||
h2 {
|
||||
margin-bottom: .3em;
|
||||
font-weight: normal;
|
||||
display: inline-block;
|
||||
position: relative; top: -1px;
|
||||
float: left;
|
||||
&:first-child { padding-top: .75em; }
|
||||
}
|
||||
time {
|
||||
position: absolute;
|
||||
text-align: right;
|
||||
left: 0em;
|
||||
top: 1.8em;
|
||||
}
|
||||
.year { display: none; }
|
||||
article {
|
||||
padding:{left: 4.5em; bottom: .7em;}
|
||||
}
|
||||
a.category {
|
||||
line-height: 1.1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
#content > .category {
|
||||
article {
|
||||
margin-left: 0;
|
||||
padding-left: 6.8em;
|
||||
}
|
||||
.year { display: inline; }
|
||||
}
|
||||
|
|
@ -0,0 +1,141 @@
|
|||
article {
|
||||
padding-top: 1em;
|
||||
a { @extend .force-wrap; }
|
||||
header {
|
||||
position: relative;
|
||||
padding-top: 2em;
|
||||
padding-bottom: 1em;
|
||||
margin-bottom: 1em;
|
||||
background: $img-border bottom left repeat-x;
|
||||
h1 {
|
||||
margin: 0;
|
||||
a { text-decoration: none;
|
||||
&:hover { text-decoration: underline; } }
|
||||
}
|
||||
p {
|
||||
font-size: .9em;
|
||||
color: $text-color-light;
|
||||
margin: 0;
|
||||
&.meta {
|
||||
@extend .sans;
|
||||
text-transform: uppercase;
|
||||
position: absolute; top: 0;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 768px) {
|
||||
margin-bottom: 1.5em;
|
||||
padding-bottom: 1em;
|
||||
background: $img-border bottom left repeat-x;
|
||||
}
|
||||
}
|
||||
h2 {
|
||||
padding-top: 0.8em;
|
||||
background: $img-border top left repeat-x;
|
||||
}
|
||||
.entry-content & h2:first-child, header + h2 { padding-top: 0; }
|
||||
h2:first-child, header + h2 { background: none; }
|
||||
.feature {
|
||||
padding-top: .5em;
|
||||
margin-bottom: 1em;
|
||||
padding-bottom: 1em;
|
||||
background: $img-border bottom left repeat-x;
|
||||
font-size: 2.0em; font-style: italic;
|
||||
line-height: 1.3em;
|
||||
}
|
||||
img, video, .flash-video {
|
||||
@extend .flex-content;
|
||||
@extend .basic-alignment;
|
||||
@include shadow-box;
|
||||
}
|
||||
video, .flash-video { margin: 0 auto 1.5em; }
|
||||
video { display: block; width: 100%; }
|
||||
.flash-video {
|
||||
> div {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding-bottom: 56.25%;
|
||||
padding-top: 1px;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
iframe, object, embed {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
> footer {
|
||||
padding-bottom: 2.5em;
|
||||
margin-top: 2em;
|
||||
@extend .sans;
|
||||
p.meta {
|
||||
margin-bottom: .8em;
|
||||
font-size: .85em;
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
}
|
||||
.byline + time:before, time +time:before, .comments:before, .byline ~ .categories:before {
|
||||
@extend .separator;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
article + article {
|
||||
.blog-index & {
|
||||
background: $img-border top left repeat-x;
|
||||
}
|
||||
}
|
||||
#content .blog-index {
|
||||
padding: { top: 0; bottom: 0; }
|
||||
article { padding-top: 2em; }
|
||||
article header { background: none; padding-bottom: 0; }
|
||||
article h1 {
|
||||
font-size: 2.2em;
|
||||
a { color: inherit; &:hover { color: $link-color-hover; } }
|
||||
}
|
||||
a[rel=full-article] {
|
||||
background: darken($main-bg, 5);
|
||||
display: inline-block;
|
||||
padding: .4em .8em;
|
||||
margin-right: .5em;
|
||||
text-decoration: none;
|
||||
color: mix($text-color, $text-color-light);
|
||||
@extend .serif;
|
||||
@include transition(background-color .5s);
|
||||
&:hover {
|
||||
background: $link-color-hover;
|
||||
text-shadow: none;
|
||||
color: $main-bg;
|
||||
}
|
||||
}
|
||||
footer {
|
||||
@extend .sans;
|
||||
margin-top: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
.separator {
|
||||
content: "\2022 ";
|
||||
padding: 0 .4em 0 .2em;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#content div.pagination {
|
||||
text-align: center;
|
||||
font-size: .95em;
|
||||
position: relative;
|
||||
background: $img-border top left repeat-x;
|
||||
padding: {top: 1.5em; bottom: 1.5em;}
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: $text-color-light;
|
||||
&.prev { position: absolute; left: 0; }
|
||||
&.next { position: absolute; right: 0; }
|
||||
&:hover { color: $link-color-hover; }
|
||||
&[href*=archive] {
|
||||
&:before, &:after { content: '\2014'; padding: 0 .3em; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
body > footer {
|
||||
@extend .sans;
|
||||
font-size: .8em;
|
||||
color: $footer-color;
|
||||
text-shadow: lighten($footer-bg, 5) 0 1px;
|
||||
background-color: $footer-bg;
|
||||
@include background($footer-bg-front, $footer-bg-back);
|
||||
border-top: 1px solid $footer-border-top;
|
||||
position: relative;
|
||||
padding-top: 1em;
|
||||
padding-bottom: 1em;
|
||||
margin-bottom: 3em;
|
||||
@include border-bottom-radius(.4em);
|
||||
z-index: 1;
|
||||
a {
|
||||
@include link-colors($footer-link-color, $footer-link-color-hover, $visited: $footer-link-color);
|
||||
}
|
||||
p:last-child { margin-bottom: 0; }
|
||||
}
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
body > header {
|
||||
background: $header-bg;
|
||||
h1 {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
a, a:visited, a:hover {
|
||||
color: $title_color;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
h2 {
|
||||
margin: .2em 0 0;
|
||||
@extend .sans;
|
||||
font-size: 1em;
|
||||
color: $subtitle-color;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,137 @@
|
|||
body > nav {
|
||||
position: relative;
|
||||
background-color: $nav-bg;
|
||||
@include background($nav-bg-front, $nav-bg-back);
|
||||
border: {
|
||||
top: 1px solid $nav-border-top;
|
||||
bottom: 1px solid $nav-border-bottom; }
|
||||
padding-top: .35em;
|
||||
padding-bottom: .35em;
|
||||
form {
|
||||
@include background-clip(padding-box);
|
||||
margin: 0; padding: 0;
|
||||
.search {
|
||||
padding: .3em .5em 0;
|
||||
font-size: .85em;
|
||||
font-family: $sans;
|
||||
line-height: 1.1em;
|
||||
width: 95%;
|
||||
@include border-radius(.5em);
|
||||
@include background-clip(padding-box);
|
||||
@include box-shadow(lighten($nav-bg, 2) 0 1px);
|
||||
background-color: lighten($nav-bg, 15);
|
||||
border: 1px solid $nav-border;
|
||||
color: #888;
|
||||
&:focus {
|
||||
color: #444;
|
||||
border-color: #80b1df;
|
||||
@include box-shadow(#80b1df 0 0 4px, #80b1df 0 0 3px inset);
|
||||
background-color: #fff;
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
fieldset[role=search]{ float: right; width: 48%; }
|
||||
fieldset.mobile-nav{ float: left; width: 48%;
|
||||
select{ width: 100%; font-size: .8em; border: 1px solid #888;}
|
||||
}
|
||||
ul { display: none; }
|
||||
@media only screen and (min-width: 550px) {
|
||||
font-size: .9em;
|
||||
ul {
|
||||
@include horizontal-list(0);
|
||||
float: left;
|
||||
display: block;
|
||||
padding-top: .15em;
|
||||
}
|
||||
ul.subscription {
|
||||
margin-left: .8em;
|
||||
float: right;
|
||||
li:last-child a { padding-right: 0; }
|
||||
}
|
||||
ul li {
|
||||
margin: 0;
|
||||
}
|
||||
a {
|
||||
@include link-colors($nav-color, $nav-color-hover, $visited: $nav-color);
|
||||
font-family: $sans;
|
||||
text-shadow: lighten($nav-bg, 12) 0 1px;
|
||||
float: left;
|
||||
text-decoration: none;
|
||||
font-size: 1.1em;
|
||||
padding: .1em 0;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
li + li {
|
||||
border-left: 1px solid $nav-border-left;
|
||||
margin-left: .8em;
|
||||
a {
|
||||
padding-left: .8em;
|
||||
border-left: 1px solid $nav-border-right;
|
||||
}
|
||||
}
|
||||
form {
|
||||
float: right;
|
||||
text-align: left;
|
||||
padding-left: .8em;
|
||||
width: $sidebar-width-medium - $pad-medium*2 - $sidebar-pad-medium + 20px;
|
||||
.search {
|
||||
width: 93%;
|
||||
font-size: .95em;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
}
|
||||
ul[data-subscription$=email] + form {
|
||||
width: $sidebar-width-medium - $pad-medium*2 - $sidebar-pad-medium - 58px;
|
||||
.search { width: 91%; }
|
||||
}
|
||||
fieldset.mobile-nav { display: none; }
|
||||
fieldset[role=search]{ width: 99%; }
|
||||
}
|
||||
@media only screen and (min-width: 992px) {
|
||||
form {
|
||||
width: $sidebar-width-wide - $pad-wide - $sidebar-pad-wide*2 + 10px;
|
||||
}
|
||||
ul[data-subscription$=email] + form {
|
||||
width: $sidebar-width-wide - $pad-wide - $sidebar-pad-wide*2 - 58px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.no-placeholder {
|
||||
body > nav .search {
|
||||
background: lighten($nav-bg, 15) image-url('search.png') .3em .25em no-repeat;
|
||||
text-indent: 1.3em;
|
||||
}
|
||||
}
|
||||
@mixin mask-subscription-nav($feed: 'rss.png'){
|
||||
position: relative; top: 0px;
|
||||
text-indent: -999999em;
|
||||
background-color: $nav-border-right;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
&,&:after { @include mask-image($feed); }
|
||||
&:after {
|
||||
content: "";
|
||||
position: absolute; top: -1px; left: 0;
|
||||
background-color: lighten($nav-color, 25);
|
||||
}
|
||||
&:hover:after { background-color: lighten($nav-color, 20); }
|
||||
}
|
||||
.maskImage {
|
||||
body > nav {
|
||||
@media only screen and (min-width: 550px) {
|
||||
ul[data-subscription$=email] + form {
|
||||
width: $sidebar-width-medium - $pad-medium*2 - $sidebar-pad-medium - 32px;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 992px) {
|
||||
ul[data-subscription$=email] + form {
|
||||
width: $sidebar-width-wide - $pad-wide - $sidebar-pad-wide*2 - 32px;
|
||||
}
|
||||
}
|
||||
}
|
||||
ul.subscription { position: relative; top: .2em; li, a { border: 0; padding: 0; }}
|
||||
a[rel=subscribe-rss]{ @include mask-subscription-nav('rss.png'); }
|
||||
a[rel=subscribe-email]{ @include mask-subscription-nav('email.png'); }
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
.sharing {
|
||||
p.meta + & {
|
||||
padding: { top: 1em; left: 0; }
|
||||
background: $img-border top left repeat-x;
|
||||
}
|
||||
}
|
||||
|
||||
#fb-root { display: none; }
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
@import "sidebar/base";
|
||||
@import "sidebar/twitter";
|
||||
@import "sidebar/googleplus";
|
||||
@import "sidebar/pinboard";
|
||||
@import "sidebar/delicious";
|
||||
|
|
@ -0,0 +1,253 @@
|
|||
.highlight, html .gist .gist-file .gist-syntax .gist-highlight {
|
||||
table td.code { width: 100%; }
|
||||
.line-numbers {
|
||||
text-align: right;
|
||||
font-size: 13px;
|
||||
line-height: 1.45em;
|
||||
@if $solarized == light {
|
||||
background: lighten($base03, 1) $noise-bg !important;
|
||||
border-right: 1px solid darken($base02, 2) !important;
|
||||
@include box-shadow(lighten($base03, 2) -1px 0 inset);
|
||||
text-shadow: lighten($base02, 2) 0 -1px;
|
||||
} @else {
|
||||
background: $base02 $noise-bg !important;
|
||||
border-right: 1px solid darken($base03, 2) !important;
|
||||
@include box-shadow(lighten($base02, 2) -1px 0 inset);
|
||||
text-shadow: darken($base02, 10) 0 -1px;
|
||||
}
|
||||
span { color: $base01 !important; }
|
||||
padding: .8em !important;
|
||||
@include border-radius(0);
|
||||
}
|
||||
border: 1px solid $pre-border !important;
|
||||
}
|
||||
figure.code, .gist-file, pre {
|
||||
@include box-shadow(rgba(#000, .06) 0 0 10px);
|
||||
.highlight pre { @include box-shadow(none); }
|
||||
}
|
||||
|
||||
html .gist .gist-file {
|
||||
margin-bottom: 1.8em;
|
||||
position: relative;
|
||||
border: none;
|
||||
padding-top: image-height("code_bg.png") !important;
|
||||
.gist-syntax {
|
||||
border-bottom: 0 !important;
|
||||
background: none !important;
|
||||
.gist-highlight{
|
||||
background: $base03 !important;
|
||||
pre {
|
||||
@extend .pre-code;
|
||||
}
|
||||
}
|
||||
}
|
||||
.gist-meta {
|
||||
padding: .6em 0.8em;
|
||||
border: 1px solid lighten($base02, 2) !important;
|
||||
color: $base01;
|
||||
font-size: .7em !important;
|
||||
@if $solarized == light {
|
||||
background: lighten($base03, 2) $noise-bg;
|
||||
border: 1px solid $pre-border !important;
|
||||
border-top: 1px solid lighten($base03, 2) !important;
|
||||
} @else {
|
||||
background: $base02 $noise-bg;
|
||||
}
|
||||
@extend .sans;
|
||||
line-height: 1.5em;
|
||||
a {
|
||||
color: mix($base1, $base01) !important;
|
||||
@include hover-link;
|
||||
&:hover { color: $base1 !important; }
|
||||
}
|
||||
a[href*='#file'] {
|
||||
position: absolute; top: 0; left:0; right:-10px;
|
||||
color: #474747 !important;
|
||||
@extend .code-title;
|
||||
&:hover { color: $link-color !important; }
|
||||
}
|
||||
a[href*=raw]{
|
||||
@extend .download-source;
|
||||
top: .4em;
|
||||
}
|
||||
}
|
||||
}
|
||||
pre {
|
||||
background: $pre-bg $noise-bg;
|
||||
@include border-radius(.4em);
|
||||
@extend .mono;
|
||||
border: 1px solid $pre-border;
|
||||
line-height: 1.45em;
|
||||
font-size: 13px;
|
||||
margin-bottom: 2.1em;
|
||||
padding: .8em 1em;
|
||||
color: $pre-color;
|
||||
overflow: auto;
|
||||
}
|
||||
h3.filename {
|
||||
@extend .code-title;
|
||||
+ pre { @include border-top-radius(0px); }
|
||||
}
|
||||
|
||||
p, li {
|
||||
code {
|
||||
@extend .mono;
|
||||
display: inline-block;
|
||||
white-space: no-wrap;
|
||||
background: #fff;
|
||||
font-size: .8em;
|
||||
line-height: 1.5em;
|
||||
color: #555;
|
||||
border: 1px solid #ddd;
|
||||
@include border-radius(.4em);
|
||||
padding: 0 .3em;
|
||||
margin: -1px 0;
|
||||
}
|
||||
pre code { font-size: 1em !important; background: none; border: none; }
|
||||
}
|
||||
|
||||
.pre-code {
|
||||
@include selection(adjust-color($base03, $lightness: 23%, $saturation: -65%), $text-shadow: $base03 0 1px);
|
||||
font-family: $mono !important;
|
||||
overflow: scroll;
|
||||
overflow-y: hidden;
|
||||
display: block;
|
||||
padding: .8em !important;
|
||||
overflow-x: auto;
|
||||
line-height: 1.45em;
|
||||
background: $base03 $noise-bg !important;
|
||||
color: $base1 !important;
|
||||
span { color: $base1 !important; }
|
||||
span { font-style: normal !important; font-weight: normal !important; }
|
||||
|
||||
.c { color: $base01 !important; font-style: italic !important; } /* Comment */
|
||||
.cm { color: $base01 !important; font-style: italic !important; } /* Comment.Multiline */
|
||||
.cp { color: $base01 !important; font-style: italic !important; } /* Comment.Preproc */
|
||||
.c1 { color: $base01 !important; font-style: italic !important; } /* Comment.Single */
|
||||
.cs { color: $base01 !important; font-weight: bold !important; font-style: italic !important; } /* Comment.Special */
|
||||
.err { color: $solar-red !important; background: none !important; } /* Error */
|
||||
.k { color: $solar-orange !important; } /* Keyword */
|
||||
.o { color: $base1 !important; font-weight: bold !important; } /* Operator */
|
||||
.p { color: $base1 !important; } /* Operator */
|
||||
.ow { color: $solar-cyan !important; font-weight: bold !important; } /* Operator.Word */
|
||||
.gd { color: $base1 !important; background-color: mix($solar-red, $base03, 25%) !important; display: inline-block; } /* Generic.Deleted */
|
||||
.gd .x { color: $base1 !important; background-color: mix($solar-red, $base03, 35%) !important; display: inline-block; } /* Generic.Deleted.Specific */
|
||||
.ge { color: $base1 !important; font-style: italic !important; } /* Generic.Emph */
|
||||
//.gr { color: #aa0000 } /* Generic.Error */
|
||||
.gh { color: $base01 !important; } /* Generic.Heading */
|
||||
.gi { color: $base1 !important; background-color: mix($solar-green, $base03, 20%) !important; display: inline-block; } /* Generic.Inserted */
|
||||
.gi .x { color: $base1 !important; background-color: mix($solar-green, $base03, 40%) !important; display: inline-block; } /* Generic.Inserted.Specific */
|
||||
//.go { color: #888888 } /* Generic.Output */
|
||||
//.gp { color: #555555 } /* Generic.Prompt */
|
||||
.gs { color: $base1 !important; font-weight: bold !important; } /* Generic.Strong */
|
||||
.gu { color: $solar-violet !important; } /* Generic.Subheading */
|
||||
//.gt { color: #aa0000 } /* Generic.Traceback */
|
||||
.kc { color: $solar-green !important; font-weight: bold !important; } /* Keyword.Constant */
|
||||
.kd { color: $solar-blue !important; } /* Keyword.Declaration */
|
||||
.kp { color: $solar-orange !important; font-weight: bold !important; } /* Keyword.Pseudo */
|
||||
.kr { color: $solar-magenta !important; font-weight: bold !important; } /* Keyword.Reserved */
|
||||
.kt { color: $solar-cyan !important; } /* Keyword.Type */
|
||||
.n { color: $solar-blue !important; }
|
||||
.na { color: $solar-blue !important; } /* Name.Attribute */
|
||||
.nb { color: $solar-green !important; } /* Name.Builtin */
|
||||
.nc { color: $solar-magenta !important;} /* Name.Class */
|
||||
.no { color: $solar-yellow !important; } /* Name.Constant */
|
||||
//.ni { color: #800080 } /* Name.Entity */
|
||||
.nl { color: $solar-green !important; }
|
||||
.ne { color: $solar-blue !important; font-weight: bold !important; } /* Name.Exception */
|
||||
.nf { color: $solar-blue !important; font-weight: bold !important; } /* Name.Function */
|
||||
.nn { color: $solar-yellow !important; } /* Name.Namespace */
|
||||
.nt { color: $solar-blue !important; font-weight: bold !important; } /* Name.Tag */
|
||||
.nx { color: $solar-yellow !Important; }
|
||||
//.bp { color: #999999 } /* Name.Builtin.Pseudo */
|
||||
//.vc { color: #008080 } /* Name.Variable.Class */
|
||||
.vg { color: $solar-blue !important; } /* Name.Variable.Global */
|
||||
.vi { color: $solar-blue !important; } /* Name.Variable.Instance */
|
||||
.nv { color: $solar-blue !important; } /* Name.Variable */
|
||||
//.w { color: #bbbbbb } /* Text.Whitespace */
|
||||
.mf { color: $solar-cyan !important; } /* Literal.Number.Float */
|
||||
.m { color: $solar-cyan !important; } /* Literal.Number */
|
||||
.mh { color: $solar-cyan !important; } /* Literal.Number.Hex */
|
||||
.mi { color: $solar-cyan !important; } /* Literal.Number.Integer */
|
||||
//.mo { color: #009999 } /* Literal.Number.Oct */
|
||||
.s { color: $solar-cyan !important; } /* Literal.String */
|
||||
//.sb { color: #d14 } /* Literal.String.Backtick */
|
||||
//.sc { color: #d14 } /* Literal.String.Char */
|
||||
.sd { color: $solar-cyan !important; } /* Literal.String.Doc */
|
||||
.s2 { color: $solar-cyan !important; } /* Literal.String.Double */
|
||||
.se { color: $solar-red !important; } /* Literal.String.Escape */
|
||||
//.sh { color: #d14 } /* Literal.String.Heredoc */
|
||||
.si { color: $solar-blue !important; } /* Literal.String.Interpol */
|
||||
//.sx { color: #d14 } /* Literal.String.Other */
|
||||
.sr { color: $solar-cyan !important; } /* Literal.String.Regex */
|
||||
.s1 { color: $solar-cyan !important; } /* Literal.String.Single */
|
||||
//.ss { color: #990073 } /* Literal.String.Symbol */
|
||||
//.il { color: #009999 } /* Literal.Number.Integer.Long */
|
||||
div { .gd, .gd .x, .gi, .gi .x { display: inline-block; width: 100%; }}
|
||||
}
|
||||
|
||||
.highlight, .gist-highlight {
|
||||
pre { background: none; @include border-radius(none); border: none; padding: 0; margin-bottom: 0; }
|
||||
margin-bottom: 1.8em;
|
||||
background: $base03;
|
||||
overflow-y: hidden;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
$solar-scroll-bg: rgba(#fff, .15);
|
||||
$solar-scroll-thumb: rgba(#fff, .2);
|
||||
@if $solarized == light {
|
||||
$solar-scroll-bg: rgba(#000, .15);
|
||||
$solar-scroll-thumb: rgba(#000, .15);
|
||||
}
|
||||
|
||||
pre, .highlight, .gist-highlight {
|
||||
&::-webkit-scrollbar { height: .5em; background: $solar-scroll-bg; }
|
||||
&::-webkit-scrollbar-thumb:horizontal { background: $solar-scroll-thumb; -webkit-border-radius: 4px; border-radius: 4px }
|
||||
}
|
||||
|
||||
.highlight code { @extend .pre-code; background: #000;}
|
||||
figure.code {
|
||||
background: none;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
margin-bottom: 1.5em;
|
||||
pre { margin-bottom: 0; }
|
||||
figcaption {
|
||||
position: relative;
|
||||
@extend .code-title;
|
||||
a { @extend .download-source; }
|
||||
}
|
||||
.highlight {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.code-title {
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
line-height: 2em;
|
||||
text-shadow: #cbcccc 0 1px 0;
|
||||
color: #474747;
|
||||
font-weight: normal;
|
||||
margin-bottom: 0;
|
||||
@include border-top-radius(5px);
|
||||
font-family: "Helvetica Neue", Arial, "Lucida Grande", "Lucida Sans Unicode", Lucida, sans-serif;
|
||||
background: #aaaaaa image-url("code_bg.png") top repeat-x;
|
||||
border: 1px solid #565656;
|
||||
border-top-color: #cbcbcb;
|
||||
border-left-color: #a5a5a5;
|
||||
border-right-color: #a5a5a5;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.download-source {
|
||||
position: absolute; right: .8em;
|
||||
@include hover-link;
|
||||
color: #666 !important;
|
||||
z-index: 1;
|
||||
font-size: 13px;
|
||||
text-shadow: #cbcccc 0 1px 0;
|
||||
padding-left: 3em;
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,106 @@
|
|||
.side-shadow-border {
|
||||
@include box-shadow(lighten($sidebar-bg, 5) 0 1px);
|
||||
}
|
||||
aside.sidebar {
|
||||
overflow: hidden;
|
||||
color: $sidebar-color;
|
||||
text-shadow: lighten($sidebar-bg, 8) 0 1px;
|
||||
a { @extend .force-wrap; }
|
||||
section {
|
||||
@extend .sans;
|
||||
font-size: .8em;
|
||||
line-height: 1.4em;
|
||||
margin-bottom: 1.5em;
|
||||
h1 {
|
||||
margin: 1.5em 0 0;
|
||||
padding-bottom: .2em;
|
||||
border-bottom: 1px solid $sidebar-border;
|
||||
@extend .side-shadow-border;
|
||||
+ p {
|
||||
padding-top: .4em;
|
||||
}
|
||||
}
|
||||
}
|
||||
img {
|
||||
@extend .flex-content;
|
||||
@extend .basic-alignment;
|
||||
@include shadow-box($border: #fff .3em solid);
|
||||
}
|
||||
ul {
|
||||
margin-bottom: 0.5em;
|
||||
margin-left: 0;
|
||||
}
|
||||
li {
|
||||
list-style: none;
|
||||
padding: .5em 0;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid $sidebar-border;
|
||||
@extend .side-shadow-border;
|
||||
p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
a {
|
||||
color: inherit;
|
||||
@include transition(color .5s);
|
||||
}
|
||||
&:hover a {
|
||||
color: $sidebar-link-color;
|
||||
&:hover { color: $sidebar-link-color-hover; }
|
||||
}
|
||||
}
|
||||
.aside-alt-link {
|
||||
color: $sidebar-link-color-subdued;
|
||||
&:hover {
|
||||
color: $sidebar-link-color-subdued-hover;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.toggle-sidebar {
|
||||
outline: none;
|
||||
position: absolute; right: -10px; top: 0; bottom: 0;
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
color: mix($text-color-light, $sidebar-bg);
|
||||
width: 9px;
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
background: mix($sidebar-border, $sidebar-bg);
|
||||
@include background(linear-gradient(left, rgba($sidebar-border, .5), rgba($sidebar-border, 0)));
|
||||
}
|
||||
&:after {
|
||||
position: absolute; right: -11px; top: 0;
|
||||
width: 20px;
|
||||
font-size: 1.2em;
|
||||
line-height: 1.1em;
|
||||
padding-bottom: .15em;
|
||||
@include border-bottom-right-radius(.3em);
|
||||
text-align: center;
|
||||
background: $main-bg $noise-bg;
|
||||
border-bottom: 1px solid $sidebar-border;
|
||||
border-right: 1px solid $sidebar-border;
|
||||
content: "\00BB";
|
||||
text-indent: -1px;
|
||||
}
|
||||
.collapse-sidebar & {
|
||||
text-indent: 0px;
|
||||
right: -20px;
|
||||
width: 19px;
|
||||
&:hover {
|
||||
background: mix($sidebar-border, $sidebar-bg);
|
||||
}
|
||||
&:after {
|
||||
border-left: 1px solid $sidebar-border;
|
||||
text-shadow: #fff 0 1px;
|
||||
content: "\00AB";
|
||||
left: 0px; right: 0;
|
||||
text-align: center;
|
||||
text-indent: 0;
|
||||
border: 0;
|
||||
border-right-width: 0;
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
.delicious-posts {
|
||||
a.delicious-link { margin-bottom: .5em; display: block; }
|
||||
p { font-size: 1em; }
|
||||
}
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
.googleplus {
|
||||
h1 {
|
||||
-moz-box-shadow: none !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
-o-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
border-bottom: 0px none !important;
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
white-space: normal !important;
|
||||
line-height: 32px;
|
||||
|
||||
img {
|
||||
float: left;
|
||||
margin-right: 0.5em;
|
||||
border: 0 none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.googleplus-hidden {
|
||||
position: absolute;
|
||||
top: -1000em;
|
||||
left: -1000em;
|
||||
}
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
#pinboard_linkroll {
|
||||
.pin-title, .pin-description {
|
||||
display: block;
|
||||
margin-bottom: .5em;
|
||||
}
|
||||
.pin-tag {
|
||||
@include hover-link;
|
||||
@extend .aside-alt-link;
|
||||
&:after { content: ','; }
|
||||
&:last-child:after { content: ''; }
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
#tweets {
|
||||
.loading {
|
||||
background: inline-image('bird_32_gray.png') no-repeat center .5em;
|
||||
color: darken($sidebar-bg, 18);
|
||||
text-shadow: $main-bg 0 1px;
|
||||
text-align: center;
|
||||
padding: 2.5em 0 .5em;
|
||||
&.error {
|
||||
background: inline-image('bird_32_gray_fail.png') no-repeat center .5em;
|
||||
}
|
||||
}
|
||||
p {
|
||||
position: relative;
|
||||
padding-right: 1em;
|
||||
}
|
||||
a[href*=status]:first-child {
|
||||
color: $twitter-status-link;
|
||||
float: right;
|
||||
padding: 0 0 .1em 1em;
|
||||
position: relative; right: -1.3em;
|
||||
text-shadow: #fff 0 1px;
|
||||
font-size: .7em;
|
||||
span { font-size: 1.5em; }
|
||||
text-decoration: none;
|
||||
&:hover {
|
||||
color: $sidebar-link-color-subdued-hover;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
a[href*='twitter.com/search']{
|
||||
@extend .aside-alt-link;
|
||||
@include hover-link;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,73 @@
|
|||
.archives{
|
||||
position: relative;
|
||||
&:last-of-type{
|
||||
&:before{
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 200px;
|
||||
border-top: 1px solid $color-gray04;
|
||||
}
|
||||
}
|
||||
.year{
|
||||
line-height: 35px;
|
||||
width: 200px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
padding-top: 30px;
|
||||
border-top: 1px solid #fff;
|
||||
&:before{
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: -2px;
|
||||
width: 100%;
|
||||
border-top: 1px solid $color-gray04;
|
||||
}
|
||||
@media screen and (max-width: 600px){
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
article{
|
||||
margin-left: 200px;
|
||||
@media screen and (max-width: 600px){
|
||||
margin-left: 0;
|
||||
&:first-of-type{
|
||||
border-top: none;
|
||||
padding-top: 30px;
|
||||
}
|
||||
}
|
||||
.title{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.meta{
|
||||
color: $color-gray02;
|
||||
line-height: 2;
|
||||
margin-top: 15px;
|
||||
@media screen and (max-width: 600px){
|
||||
display: none;
|
||||
}
|
||||
span{
|
||||
margin-right: 30px;
|
||||
padding-left: 30px;
|
||||
@include inline-block;
|
||||
}
|
||||
a{
|
||||
color: $color-gray02;
|
||||
@include transition(0.3s);
|
||||
&:hover{
|
||||
color: $color-gray01;
|
||||
}
|
||||
}
|
||||
.date{
|
||||
background: image-url('date.png') 0 center no-repeat;
|
||||
}
|
||||
.tags{
|
||||
background: image-url('tags.png') 0 center no-repeat;
|
||||
}
|
||||
.comments{
|
||||
background: image-url('comments.png') 0 center no-repeat;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,125 @@
|
|||
article{
|
||||
border-bottom: 1px solid $color-gray04;
|
||||
border-top: 1px solid $color-gray05;
|
||||
padding: 30px 0;
|
||||
position: relative;
|
||||
@media screen and (max-width: 800px){
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
@media screen and (max-width: 600px){
|
||||
padding: 15px 0;
|
||||
}
|
||||
h1.title{
|
||||
font-weight: 300;
|
||||
line-height: 35px;
|
||||
margin-bottom: 20px;
|
||||
a{
|
||||
color: $color-gray01;
|
||||
}
|
||||
}
|
||||
.entry-content{
|
||||
line-height: 2;
|
||||
text-align: justify;
|
||||
a{
|
||||
&:hover{
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
.more-link{
|
||||
display: block;
|
||||
margin-top: 20px;
|
||||
padding-left: 30px;
|
||||
background: image-url('more.png') 0 center no-repeat;
|
||||
}
|
||||
p, blockquote, ul, ol, dl, table, iframe, h1, h2, h3, h4, h5, h6, .video-container{
|
||||
margin-top: 10px;
|
||||
}
|
||||
ul, ol, dl{
|
||||
margin-left: 20px;
|
||||
ul, ol, dl{
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
strong{
|
||||
font-weight: bold;
|
||||
}
|
||||
em{
|
||||
font-style: italic;
|
||||
}
|
||||
p{
|
||||
margin-top: 10px;
|
||||
}
|
||||
h2{
|
||||
font-weight: 300;
|
||||
border-bottom: 1px solid $color-gray04;
|
||||
position: relative;
|
||||
&:before{
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: -2px;
|
||||
border-bottom: 1px solid $color-gray05;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
img, video{
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
blockquote{
|
||||
background: $color-gray04;
|
||||
border-left: 5px solid $color-gray03;
|
||||
padding: 15px 20px;
|
||||
margin-top: 10px;
|
||||
& > p:first-of-type{
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
iframe{
|
||||
border: none;
|
||||
}
|
||||
table{
|
||||
background: $color-gray04;
|
||||
border: 1px solid $color-gray03;
|
||||
border-spacing: 0;
|
||||
margin-top: 10px;
|
||||
th{
|
||||
background: $color-gray03;
|
||||
padding: 0 15px;
|
||||
}
|
||||
td{
|
||||
text-align: center;
|
||||
}
|
||||
tr{
|
||||
&:nth-of-type(2n){
|
||||
background: #d5d5d5;
|
||||
}
|
||||
}
|
||||
}
|
||||
.caption{
|
||||
background: image-url('caption.png') 0 4px no-repeat;
|
||||
display: block;
|
||||
font-size: 0.9em;
|
||||
color: $color-gray02;
|
||||
padding-left: 25px;
|
||||
}
|
||||
.video-container{
|
||||
position: relative;
|
||||
padding-bottom: 56.25%;
|
||||
padding-top: 30px;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
iframe, object, embed{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.share{
|
||||
padding: 15px 0;
|
||||
@include border-shadow();
|
||||
}
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
#comment{
|
||||
padding: 30px 0;
|
||||
@include border-shadow();
|
||||
h1.title{
|
||||
font-size: 25px;
|
||||
font-weight: 300;
|
||||
line-height: 35px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
footer{
|
||||
padding: 15px 0;
|
||||
border-top: 1px solid $color-gray05;
|
||||
text-align: center;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
|
@ -0,0 +1,245 @@
|
|||
$header-height: 30px;
|
||||
|
||||
#header{
|
||||
height: $header-height;
|
||||
padding: 30px 0;
|
||||
border-bottom: 1px solid $color-gray04;
|
||||
line-height: $header-height;
|
||||
@media screen and (max-width: 1040px){
|
||||
height: auto;
|
||||
position: relative;
|
||||
padding-bottom: 10px;
|
||||
>.alignright{
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
a{
|
||||
color: $color-gray01;
|
||||
@include transition(color 0.3s);
|
||||
&:hover{
|
||||
color: $color-main;
|
||||
}
|
||||
}
|
||||
h1{
|
||||
float: left;
|
||||
font-weight: 300;
|
||||
font-size: 30px;
|
||||
@media screen and (max-width: 1040px){
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
.menu{
|
||||
float: left;
|
||||
margin-left: 30px;
|
||||
@media screen and (max-width: 1040px){
|
||||
float: none;
|
||||
margin-left: 0;
|
||||
margin-top: 15px;
|
||||
}
|
||||
>ul{
|
||||
@media screen and (max-width: 600px){
|
||||
display: none;
|
||||
}
|
||||
>li{
|
||||
margin-left: 50px;
|
||||
@include inline-block;
|
||||
@media screen and (max-width: 1040px){
|
||||
margin-left: 0;
|
||||
margin-right: 50px;
|
||||
&:last-of-type{
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
&:hover{
|
||||
>a{
|
||||
color: $color-main;
|
||||
}
|
||||
}
|
||||
>a{
|
||||
padding: 38px 30px 38px 0;
|
||||
margin-top: -38px;
|
||||
background: image-url('detail.png') right center no-repeat;
|
||||
@media screen and (max-width: 1040px){
|
||||
padding: 18px 30px 18px 0;
|
||||
&:only-child{
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
&:only-child{
|
||||
padding-right: 0;
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
ul{
|
||||
position: absolute;
|
||||
top: 60px;
|
||||
left: -15px;
|
||||
z-index: 10;
|
||||
white-space: nowrap;
|
||||
background: $color-gray04;
|
||||
border: 1px solid $color-gray03;
|
||||
list-style: none;
|
||||
display: none;
|
||||
@media screen and (max-width: 1040px){
|
||||
top: 40px;
|
||||
}
|
||||
@include box-shadow(0 4px 8px rgba(0,0,0,0.1));
|
||||
@include border-radius(0 0 5px 5px);
|
||||
ul{
|
||||
@include border-radius(0 5px 5px 5px);
|
||||
}
|
||||
li{
|
||||
@include border-shadow($color-background, $color-gray03);
|
||||
&:hover{
|
||||
background: #d5d5d5;
|
||||
}
|
||||
&:first-of-type{
|
||||
border-top: none;
|
||||
ul{
|
||||
@include border-radius(0 0 5px 5px);
|
||||
}
|
||||
}
|
||||
&:last-of-type{
|
||||
border-bottom: none;
|
||||
}
|
||||
>a{
|
||||
background: image-url('detail-sub.png') right center no-repeat;
|
||||
display: block;
|
||||
padding: 5px 30px 5px 15px;
|
||||
&:hover{
|
||||
color: $color-gray01;
|
||||
}
|
||||
&:only-child{
|
||||
background: none;
|
||||
padding-right: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
ul{
|
||||
top: 0;
|
||||
left: 100%;
|
||||
}
|
||||
}
|
||||
li{
|
||||
position: relative;
|
||||
&:hover{
|
||||
>ul{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
select{
|
||||
display: none;
|
||||
margin-bottom: 10px;
|
||||
@media screen and (max-width: 600px){
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
.search{
|
||||
float: left;
|
||||
margin-top: 1px;
|
||||
@media screen and (max-width: 1040px){
|
||||
float: none;
|
||||
margin-top: 15px;
|
||||
}
|
||||
@media screen and (max-width: 600px){
|
||||
margin-top: 40px;
|
||||
}
|
||||
input[type="text"]{
|
||||
background: image-url('search.png') 10px center no-repeat #f2f2f2;
|
||||
color: $color-gray02;
|
||||
border: 1px solid $color-gray04;
|
||||
font: 13px $font-default;
|
||||
padding: 6px 15px 6px 35px;
|
||||
width: 100px;
|
||||
@include transition(0.3s);
|
||||
@include border-radius(15px);
|
||||
&:focus, &:active{
|
||||
background: image-url('search.png') 10px center no-repeat #fff;
|
||||
border-top: 1px solid $color-gray03;
|
||||
color: $color-gray01;
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.social{
|
||||
float: left;
|
||||
margin-right: 15px;
|
||||
@media screen and (max-width: 1040px){
|
||||
float: none;
|
||||
margin-right: 0;
|
||||
a:last-of-type{
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 600px){
|
||||
display: none;
|
||||
}
|
||||
a{
|
||||
@include border-radius(50%);
|
||||
@include inline-block;
|
||||
text-indent: -9999px;
|
||||
margin-right: 15px;
|
||||
opacity: 0.5;
|
||||
@include square(28px);
|
||||
@include transition(0.3s);
|
||||
&:hover{
|
||||
opacity: 1;
|
||||
}
|
||||
&.facebook{
|
||||
background: image-url('social/facebook.png') center no-repeat #3B5998;
|
||||
border: 1px solid #3B5998;
|
||||
&:hover{
|
||||
border: 1px solid darken(#3B5998, 10%);
|
||||
}
|
||||
}
|
||||
&.google{
|
||||
background: image-url('social/google.png') center no-repeat #C83D20;
|
||||
border: 1px solid #C83D20;
|
||||
&:hover{
|
||||
border: 1px solid darken(#C83D20, 10%);
|
||||
}
|
||||
}
|
||||
&.twitter{
|
||||
background: image-url('social/twitter.png') center no-repeat #55CFF8;
|
||||
border: 1px solid #55CFF8;
|
||||
&:hover{
|
||||
border: 1px solid darken(#55CFF8, 10%);
|
||||
}
|
||||
}
|
||||
&.github{
|
||||
background: image-url('social/github.png') center no-repeat rgb(175,182,202);
|
||||
border: 1px solid rgb(175,182,202);
|
||||
&:hover{
|
||||
border: 1px solid darken(rgb(175,182,202), 10%);
|
||||
}
|
||||
}
|
||||
&.pinterest{
|
||||
background: image-url('social/pinterest.png') center no-repeat rgb(190,64,55);
|
||||
border: 1px solid rgb(190,64,55);
|
||||
&:hover{
|
||||
border: 1px solid darken(rgb(190,64,55), 10%);
|
||||
}
|
||||
}
|
||||
&.delicious{
|
||||
background: image-url('social/delicious.png') center no-repeat rgb(50,113,203);
|
||||
border: 1px solid rgb(50,113,203);
|
||||
&:hover{
|
||||
border: 1px solid darken(rgb(50,113,203), 10%);
|
||||
}
|
||||
}
|
||||
&.rss{
|
||||
background: image-url('social/rss.png') center no-repeat #EF7522;
|
||||
border: 1px solid #EF7522;
|
||||
&:hover{
|
||||
border: 1px solid darken(#EF7522, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
#pagenavi{
|
||||
padding: 20px 0;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
position: relative;
|
||||
@include border-shadow();
|
||||
a{
|
||||
&:hover{
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
.prev, .next{
|
||||
position: absolute;
|
||||
}
|
||||
.prev{
|
||||
background: image-url('back.png') 0 center no-repeat;
|
||||
padding-left: 30px;
|
||||
left: 0;
|
||||
}
|
||||
.next{
|
||||
background: image-url('more.png') right center no-repeat;
|
||||
padding-right: 30px;
|
||||
right: 0;
|
||||
}
|
||||
.center{
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
.post{
|
||||
h1.title, .entry-content{
|
||||
margin-left: 200px;
|
||||
@media screen and (max-width: 800px){
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
.meta{
|
||||
position: absolute;
|
||||
top: 85px;
|
||||
line-height: 2;
|
||||
font-size: 0.9em;
|
||||
color: $color-gray02;
|
||||
width: 170px;
|
||||
@media screen and (max-width: 800px){
|
||||
margin-top: 15px;
|
||||
position: static;
|
||||
width: auto;
|
||||
}
|
||||
a{
|
||||
@include link-colors($color-gray02, $color-gray01);
|
||||
@include transition(0.3s);
|
||||
}
|
||||
.date, .tags, .comments{
|
||||
padding-left: 30px;
|
||||
@media screen and (max-width: 800px){
|
||||
@include inline-block;
|
||||
margin-right: 30px;
|
||||
}
|
||||
}
|
||||
.date{
|
||||
background: image-url('date.png') 0 center no-repeat;
|
||||
}
|
||||
.tags{
|
||||
background: image-url('tags.png') 0 center no-repeat;
|
||||
}
|
||||
.comments{
|
||||
background: image-url('comments.png') 0 center no-repeat;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,387 @@
|
|||
$base03: #002b36 !default; //darkest blue
|
||||
$base02: #073642 !default; //dark blue
|
||||
$base01: #586e75 !default; //darkest gray
|
||||
$base00: #657b83 !default; //dark gray
|
||||
$base0: #839496 !default; //medium gray
|
||||
$base1: #93a1a1 !default; //medium light gray
|
||||
$base2: #eee8d5 !default; //cream
|
||||
$base3: #fdf6e3 !default; //white
|
||||
$solar-yellow: #b58900 !default;
|
||||
$solar-orange: #cb4b16 !default;
|
||||
$solar-red: #dc322f !default;
|
||||
$solar-magenta: #d33682 !default;
|
||||
$solar-violet: #6c71c4 !default;
|
||||
$solar-blue: #268bd2 !default;
|
||||
$solar-cyan: #2aa198 !default;
|
||||
$solar-green: #859900 !default;
|
||||
|
||||
$solarized: light !default;
|
||||
|
||||
@if $solarized == light {
|
||||
|
||||
$_base03: $base03;
|
||||
$_base02: $base02;
|
||||
$_base01: $base01;
|
||||
$_base00: $base00;
|
||||
$_base0: $base0;
|
||||
$_base1: $base1;
|
||||
$_base2: $base2;
|
||||
$_base3: $base3;
|
||||
|
||||
$base03: $_base3;
|
||||
$base02: $_base2;
|
||||
$base01: $_base1;
|
||||
$base00: $_base0;
|
||||
$base0: $_base00;
|
||||
$base1: $_base01;
|
||||
$base2: $_base02;
|
||||
$base3: $_base03;
|
||||
}
|
||||
|
||||
$pre-bg: $color-gray04;
|
||||
$pre-border: $color-gray03;
|
||||
|
||||
article{
|
||||
code, pre{
|
||||
background: $pre-bg;
|
||||
border: 1px solid $pre-border;
|
||||
font-family: $font-mono;
|
||||
}
|
||||
code{
|
||||
font-size: 0.9em;
|
||||
padding: 1px 3px;
|
||||
margin: 0 3px;
|
||||
@include border-radius(5px);
|
||||
}
|
||||
pre{
|
||||
font-size: 1 / 0.9em;
|
||||
line-height: 1.5;
|
||||
margin-top: 10px;
|
||||
padding: 5px 15px;
|
||||
overflow-x: auto;
|
||||
@include border-radius(5px);
|
||||
code{
|
||||
background: none;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
@include border-radius(0);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
figure.code{
|
||||
background: $pre-bg;
|
||||
border: 1px solid $pre-border;
|
||||
margin-top: 10px;
|
||||
padding: 5px 15px;
|
||||
@include border-radius(5px);
|
||||
figcaption{
|
||||
font-size: 0.9em;
|
||||
position: relative;
|
||||
span{
|
||||
margin: -5px -15px 0;
|
||||
padding: 5px 15px;
|
||||
display: block;
|
||||
@include background(linear-gradient(top, $pre-border, $pre-bg));
|
||||
&:empty{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
a{
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
code, pre{
|
||||
background: none;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
@include border-radius(0);
|
||||
}
|
||||
.highlight{
|
||||
overflow-x: auto;
|
||||
}
|
||||
.line-numbers{
|
||||
border-right: 1px solid $pre-border;
|
||||
font-family: $font-mono;
|
||||
padding-right: 15px;
|
||||
text-align: right;
|
||||
}
|
||||
table{
|
||||
border: none;
|
||||
text-align: left;
|
||||
margin-top: 0;
|
||||
td{
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
td.code{
|
||||
width: 100%;
|
||||
padding-left: 15px;
|
||||
overflow-x: auto;
|
||||
}
|
||||
}
|
||||
.entry-content .gist{
|
||||
background: $pre-bg;
|
||||
color: $color-gray01;
|
||||
padding: 30px 15px 5px;
|
||||
margin-top: 10px;
|
||||
border: 1px solid $pre-border;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
@include border-radius(5px);
|
||||
.gist-file{
|
||||
margin: 0;
|
||||
.gist-data{
|
||||
background: none;
|
||||
border: none;
|
||||
pre{
|
||||
font: 0.9em $font-mono;
|
||||
line-height: 1.5;
|
||||
}
|
||||
}
|
||||
.gist-meta{
|
||||
font: 300 0.9em $font-default;
|
||||
line-height: 1.5;
|
||||
margin: 0 -16px -6px;
|
||||
padding: 5px 15px;
|
||||
@include background(linear-gradient(top, $pre-bg, $pre-border));
|
||||
a{
|
||||
color: $color-main;
|
||||
&:first-of-type{
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: 15px;
|
||||
z-index: 1;
|
||||
}
|
||||
&:nth-of-type(2){
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: 5px 15px;
|
||||
width: 100%;
|
||||
@include background(linear-gradient(top, $pre-border, $pre-bg));
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
figure.code, .gist-highlight{
|
||||
.c {
|
||||
color:$base01 !important;
|
||||
font-style: italic !important;
|
||||
}
|
||||
/* Comment */
|
||||
.cm {
|
||||
color:$base01 !important;
|
||||
font-style: italic !important;
|
||||
}
|
||||
/* Comment.Multiline */
|
||||
.cp {
|
||||
color:$base01 !important;
|
||||
font-style: italic !important;
|
||||
}
|
||||
/* Comment.Preproc */
|
||||
.c1 {
|
||||
color:$base01 !important;
|
||||
font-style: italic !important;
|
||||
}
|
||||
/* Comment.Single */
|
||||
.cs {
|
||||
color:$base01 !important;
|
||||
font-weight:bold !important;
|
||||
font-style: italic !important;
|
||||
}
|
||||
/* Comment.Special */
|
||||
.err {
|
||||
color:$solar-red !important;
|
||||
background: none !important;
|
||||
}
|
||||
/* Error */
|
||||
.k {
|
||||
color: $solar-orange !important;
|
||||
}
|
||||
/* Keyword */
|
||||
.o {
|
||||
color:$base1 !important;
|
||||
font-weight: bold !important;
|
||||
}
|
||||
/* Operator */
|
||||
.p {
|
||||
color: $base1 !important;
|
||||
}
|
||||
/* Operator */
|
||||
.ow {
|
||||
color:$solar-cyan !important;
|
||||
font-weight: bold !important;
|
||||
}
|
||||
/* Operator.Word */
|
||||
.gd {
|
||||
color:$base1 !important;
|
||||
background-color:mix($solar-red,$base03,25%) !important;
|
||||
display: inline-block;
|
||||
}
|
||||
/* Generic.Deleted */
|
||||
.gd .x {
|
||||
color:$base1 !important;
|
||||
background-color:mix($solar-red,$base03,35%) !important;
|
||||
display: inline-block;
|
||||
}
|
||||
/* Generic.Deleted.Specific */
|
||||
.ge {
|
||||
color:$base1 !important;
|
||||
font-style: italic !important;
|
||||
}
|
||||
/* Generic.Emph */
|
||||
.gh {
|
||||
color: $base01 !important;
|
||||
}
|
||||
/* Generic.Heading */
|
||||
.gi {
|
||||
color:$base1 !important;
|
||||
background-color:mix($solar-green,$base03,20%) !important;
|
||||
display: inline-block;
|
||||
}
|
||||
/* Generic.Inserted */
|
||||
.gi .x {
|
||||
color:$base1 !important;
|
||||
background-color:mix($solar-green,$base03,40%) !important;
|
||||
display: inline-block;
|
||||
}
|
||||
/* Generic.Inserted.Specific */
|
||||
.gs {
|
||||
color:$base1 !important;
|
||||
font-weight: bold !important;
|
||||
}
|
||||
/* Generic.Strong */
|
||||
.gu {
|
||||
color: $solar-violet !important;
|
||||
}
|
||||
/* Generic.Subheading */
|
||||
.kc {
|
||||
color:$solar-green !important;
|
||||
font-weight: bold !important;
|
||||
}
|
||||
/* Keyword.Constant */
|
||||
.kd {
|
||||
color: $solar-blue !important;
|
||||
}
|
||||
/* Keyword.Declaration */
|
||||
.kp {
|
||||
color:$solar-orange !important;
|
||||
font-weight: bold !important;
|
||||
}
|
||||
/* Keyword.Pseudo */
|
||||
.kr {
|
||||
color:$solar-magenta !important;
|
||||
font-weight: bold !important;
|
||||
}
|
||||
/* Keyword.Reserved */
|
||||
.kt {
|
||||
color: $solar-cyan !important;
|
||||
}
|
||||
/* Keyword.Type */
|
||||
.n {
|
||||
color:$solar-blue !important;
|
||||
}
|
||||
.na {
|
||||
color: $solar-blue !important;
|
||||
}
|
||||
/* Name.Attribute */
|
||||
.nb {
|
||||
color: $solar-green !important;
|
||||
}
|
||||
/* Name.Builtin */
|
||||
.nc {
|
||||
color: $solar-magenta !important;
|
||||
}
|
||||
/* Name.Class */
|
||||
.no {
|
||||
color: $solar-yellow !important;
|
||||
}
|
||||
/* Name.Constant */
|
||||
.nl {
|
||||
color:$solar-green !important;
|
||||
}
|
||||
.ne {
|
||||
color:$solar-blue !important;
|
||||
font-weight: bold !important;
|
||||
}
|
||||
/* Name.Exception */
|
||||
.nf {
|
||||
color:$solar-blue !important;
|
||||
font-weight: bold !important;
|
||||
}
|
||||
/* Name.Function */
|
||||
.nn {
|
||||
color: $solar-yellow !important;
|
||||
}
|
||||
/* Name.Namespace */
|
||||
.nt {
|
||||
color:$solar-blue !important;
|
||||
font-weight: bold !important;
|
||||
}
|
||||
/* Name.Tag */
|
||||
.nx {
|
||||
color:$solar-yellow !Important;
|
||||
}
|
||||
.vg {
|
||||
color: $solar-blue !important;
|
||||
}
|
||||
/* Name.Variable.Global */
|
||||
.vi {
|
||||
color: $solar-blue !important;
|
||||
}
|
||||
/* Name.Variable.Instance */
|
||||
.nv {
|
||||
color: $solar-blue !important;
|
||||
}
|
||||
/* Name.Variable */
|
||||
.mf {
|
||||
color: $solar-cyan !important;
|
||||
}
|
||||
/* Literal.Number.Float */
|
||||
.m {
|
||||
color: $solar-cyan !important;
|
||||
}
|
||||
/* Literal.Number */
|
||||
.mh {
|
||||
color: $solar-cyan !important;
|
||||
}
|
||||
/* Literal.Number.Hex */
|
||||
.mi {
|
||||
color: $solar-cyan !important;
|
||||
}
|
||||
/* Literal.Number.Integer */
|
||||
.s {
|
||||
color: $solar-cyan !important;
|
||||
}
|
||||
/* Literal.String */
|
||||
.sd {
|
||||
color: $solar-cyan !important;
|
||||
}
|
||||
/* Literal.String.Doc */
|
||||
.s2 {
|
||||
color: $solar-cyan !important;
|
||||
}
|
||||
/* Literal.String.Double */
|
||||
.se {
|
||||
color: $solar-red !important;
|
||||
}
|
||||
/* Literal.String.Escape */
|
||||
.si {
|
||||
color: $solar-blue !important;
|
||||
}
|
||||
/* Literal.String.Interpol */
|
||||
.sr {
|
||||
color: $solar-cyan !important;
|
||||
}
|
||||
/* Literal.String.Regex */
|
||||
.s1 {
|
||||
color: $solar-cyan !important;
|
||||
}
|
||||
/* Literal.String.Single */
|
||||
}
|
||||
|
|
@ -0,0 +1,49 @@
|
|||
#banner{
|
||||
color: $color-gray02;
|
||||
padding: 30px 0;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
display: none;
|
||||
@include border-shadow();
|
||||
&:hover{
|
||||
a{
|
||||
color: $color-main;
|
||||
}
|
||||
}
|
||||
a{
|
||||
color: $color-gray02;
|
||||
@include transition(0.3s);
|
||||
&:hover{
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
small{
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.loading{
|
||||
background: image-url('loading_pacman.gif') center no-repeat;
|
||||
text-indent: -9999px;
|
||||
}
|
||||
.container{
|
||||
height: 30px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
display: none;
|
||||
.feed{
|
||||
list-style: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
li{
|
||||
position: relative;
|
||||
small{
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,228 @@
|
|||
/*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */
|
||||
.fancybox-tmp iframe, .fancybox-tmp object {
|
||||
vertical-align: top;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.fancybox-wrap {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 8020;
|
||||
}
|
||||
|
||||
.fancybox-skin {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background: #f9f9f9;
|
||||
color: #444;
|
||||
text-shadow: none;
|
||||
@include border-radius(4px);
|
||||
}
|
||||
|
||||
.fancybox-opened {
|
||||
z-index: 8030;
|
||||
}
|
||||
|
||||
.fancybox-opened .fancybox-skin {
|
||||
@include box-shadow(0 10px 25px rgba(0, 0, 0, 0.5));
|
||||
}
|
||||
|
||||
.fancybox-outer, .fancybox-inner {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.fancybox-inner {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.fancybox-type-iframe .fancybox-inner {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
.fancybox-error {
|
||||
color: #444;
|
||||
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.fancybox-image, .fancybox-iframe {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.fancybox-image {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
|
||||
background-image: image-url('fancybox/fancybox_sprite.png');
|
||||
}
|
||||
|
||||
#fancybox-loading {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -22px;
|
||||
margin-left: -22px;
|
||||
background-position: 0 -108px;
|
||||
opacity: 0.8;
|
||||
cursor: pointer;
|
||||
z-index: 8020;
|
||||
}
|
||||
|
||||
#fancybox-loading div {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
background: image-url('fancybox/fancybox_loading.gif') center center no-repeat;
|
||||
}
|
||||
|
||||
.fancybox-close {
|
||||
position: absolute;
|
||||
top: -18px;
|
||||
right: -18px;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
cursor: pointer;
|
||||
z-index: 8040;
|
||||
}
|
||||
|
||||
.fancybox-nav {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 40%;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
background: transparent image-url('fancybox/blank.gif'); /* helps IE */
|
||||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
||||
z-index: 8040;
|
||||
}
|
||||
|
||||
.fancybox-prev {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.fancybox-next {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.fancybox-nav span {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 36px;
|
||||
height: 34px;
|
||||
margin-top: -18px;
|
||||
cursor: pointer;
|
||||
z-index: 8040;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.fancybox-prev span {
|
||||
left: 20px;
|
||||
background-position: 0 -36px;
|
||||
}
|
||||
|
||||
.fancybox-next span {
|
||||
right: 20px;
|
||||
background-position: 0 -72px;
|
||||
}
|
||||
|
||||
.fancybox-nav:hover span {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.fancybox-tmp {
|
||||
position: absolute;
|
||||
top: -9999px;
|
||||
left: -9999px;
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
/* Overlay helper */
|
||||
|
||||
#fancybox-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
z-index: 8010;
|
||||
background: #000;
|
||||
}
|
||||
|
||||
#fancybox-overlay.overlay-fixed {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
/* Title helper */
|
||||
|
||||
.fancybox-title {
|
||||
visibility: hidden;
|
||||
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
position: relative;
|
||||
text-shadow: none;
|
||||
z-index: 8050;
|
||||
}
|
||||
|
||||
.fancybox-opened .fancybox-title {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.fancybox-title-float-wrap {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 50%;
|
||||
margin-bottom: -35px;
|
||||
z-index: 8030;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fancybox-title-float-wrap .child {
|
||||
display: inline-block;
|
||||
margin-right: -100%;
|
||||
padding: 2px 20px;
|
||||
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
text-shadow: 0 1px 2px #222;
|
||||
color: #FFF;
|
||||
font-weight: bold;
|
||||
line-height: 24px;
|
||||
white-space: nowrap;
|
||||
@include border-radius(15px);
|
||||
}
|
||||
|
||||
.fancybox-title-outside-wrap {
|
||||
position: relative;
|
||||
margin-top: 10px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.fancybox-title-inside-wrap {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.fancybox-title-over-wrap {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
color: #fff;
|
||||
padding: 10px;
|
||||
background: #000;
|
||||
background: rgba(0, 0, 0, .8);
|
||||
}
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
@import "compass";
|
||||
|
||||
@import "base";
|
||||
@import "parts";
|
||||
@import "plugins";
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
<script src="{{ root_url }}/javascripts/slash.js"></script>
|
||||
{% include fancybox.html %} <!-- Delete or comment this line to disable Fancybox -->
|
||||
{% include disqus.html %}
|
||||
{% include google_analytics.html %}
|
||||
{% include custom/after_footer.html %}
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
{% capture date %}{{ post.date }}{% endcapture %}
|
||||
{% capture this_year %}{{ date | date: "%Y" }}{% endcapture %}
|
||||
{% unless year == this_year %}
|
||||
{% assign year = this_year %}
|
||||
{% unless forloop.first %}
|
||||
</section>
|
||||
{% endunless %}
|
||||
<section class="archives"><h1 class="year">{{ date | date: "%Y" }}</h1>
|
||||
{% endunless %}
|
||||
<article>
|
||||
<h1 class="title"><a href="{{ root_url }}{{ post.url }}">{{post.title}}</a></h1>
|
||||
<div class="meta">
|
||||
<span class="date">{{ date | date: "%b %e" }}</span>
|
||||
<span class="tags">{% include post/categories.html %}</span>
|
||||
{% if site.disqus_short_name and post.comments == true and site.disqus_show_comment_count == true %}
|
||||
<span class="comments"><a href="{{ root_url }}{{ post.url }}#disqus_thread">Comments</a></span>
|
||||
{% endif %}
|
||||
</div>
|
||||
</article>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
{% if index %}
|
||||
<h1 class="title"><a href="{{ root_url }}{{ post.url }}">{% if site.titlecase %}{{ post.title | titlecase }}{% else %}{{ post.title }}{% endif %}</a></h1>
|
||||
<div class="entry-content">
|
||||
{{ content | excerpt }}
|
||||
{% capture excerpted %}{{ content | has_excerpt }}{% endcapture %}
|
||||
{% if excerpted == 'true' %}<a href="{{ root_url }}{{ post.url }}" class="more-link">{{ site.excerpt_link }}</a>{% endif %}
|
||||
</div>
|
||||
{% else %}
|
||||
<h1 class="title">{% if site.titlecase %}{{ page.title | titlecase }}{% else %}{{ page.title }}{% endif %}</h1>
|
||||
<div class="entry-content">{{ content }}</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="meta">
|
||||
<div class="date">{% include post/date.html %}{{ time }}</div>
|
||||
<div class="tags">{% include post/categories.html %}</div>
|
||||
{% if site.disqus_short_name and site.disqus_show_comment_count == true %}
|
||||
<span class="comments"><a href="{{ root_url }}{{ post.url }}{{ page.url }}#disqus_thread">Comments</a></span>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
{% if site.delicious_user %}
|
||||
<section>
|
||||
<h1>On Delicious</h1>
|
||||
<div id="delicious"></div>
|
||||
<script type="text/javascript" src="http://feeds.delicious.com/v2/json/{{ site.delicious_user }}?count={{ site.delicious_count }}&sort=date&callback=renderDeliciousLinks"></script>
|
||||
<p><a href="http://delicious.com/{{ site.delicious_user }}">My Delicious Bookmarks »</a></p>
|
||||
</section>
|
||||
{% endif %}
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
{% if site.github_user %}
|
||||
<section>
|
||||
<h1>GitHub Repos</h1>
|
||||
<ul id="gh_repos">
|
||||
<li class="loading">Status updating...</li>
|
||||
</ul>
|
||||
{% if site.github_show_profile_link %}
|
||||
<a href="https://github.com/{{site.github_user}}">@{{site.github_user}}</a> on GitHub
|
||||
{% endif %}
|
||||
<script type="text/javascript">
|
||||
$.domReady(function(){
|
||||
if (!window.jXHR){
|
||||
var jxhr = document.createElement('script');
|
||||
jxhr.type = 'text/javascript';
|
||||
jxhr.src = '{{ root_url}}/javascripts/libs/jXHR.js';
|
||||
var s = document.getElementsByTagName('script')[0];
|
||||
s.parentNode.insertBefore(jxhr, s);
|
||||
}
|
||||
|
||||
github.showRepos({
|
||||
user: '{{site.github_user}}',
|
||||
count: {{site.github_repo_count}},
|
||||
skip_forks: {{site.github_skip_forks}},
|
||||
target: '#gh_repos'
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<script src="{{ root_url }}/javascripts/github.js" type="text/javascript"> </script>
|
||||
</section>
|
||||
{% endif %}
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
{% if site.googleplus_user %}
|
||||
<section class="googleplus{% if site.googleplus_hidden %} googleplus-hidden{% endif %}">
|
||||
<h1>
|
||||
<a href="https://plus.google.com/{{ site.googleplus_user }}?rel=author">
|
||||
<img src="http://www.google.com/images/icons/ui/gprofile_button-32.png" width="32" height="32">
|
||||
Google+
|
||||
</a>
|
||||
</h1>
|
||||
</section>
|
||||
{% endif %}
|
||||
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
{% if site.pinboard_user %}
|
||||
<section>
|
||||
<h1>My Pinboard</h1>
|
||||
<ul id="pinboard_linkroll">Fetching linkroll...</ul>
|
||||
<p><a href="http://pinboard.in/u:{{ site.pinboard_user }}">My Pinboard Bookmarks »</a></p>
|
||||
</section>
|
||||
<script type="text/javascript">
|
||||
var linkroll = 'pinboard_linkroll'; //id target for pinboard list
|
||||
var pinboard_user = "{{ site.pinboard_user }}"; //id target for pinboard list
|
||||
var pinboard_count = {{ site.pinboard_count }}; //id target for pinboard list
|
||||
(function(){
|
||||
var pinboardInit = document.createElement('script');
|
||||
pinboardInit.type = 'text/javascript';
|
||||
pinboardInit.async = true;
|
||||
pinboardInit.src = '{{ root_url }}/javascripts/pinboard.js';
|
||||
document.getElementsByTagName('head')[0].appendChild(pinboardInit);
|
||||
})();
|
||||
</script>
|
||||
{% endif %}
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
<section>
|
||||
<h1>Recent Posts</h1>
|
||||
<ul id="recent_posts">
|
||||
{% for post in site.posts limit: site.recent_posts %}
|
||||
<li class="post">
|
||||
<a href="{{ root_url }}{{ post.url }}">{{ post.title }}</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</section>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
{% if site.twitter_user %}
|
||||
<section>
|
||||
<h1>Latest Tweets</h1>
|
||||
<ul id="tweets">
|
||||
<li class="loading">Status updating...</li>
|
||||
</ul>
|
||||
<script type="text/javascript">
|
||||
$.domReady(function(){
|
||||
getTwitterFeed("{{site.twitter_user}}", {{site.twitter_tweet_count}}, {{site.twitter_show_replies}});
|
||||
});
|
||||
</script>
|
||||
<script src="{{ root_url }}/javascripts/twitter.js" type="text/javascript"> </script>
|
||||
{% if site.twitter_follow_button %}
|
||||
<a href="http://twitter.com/{{ site.twitter_user }}" class="twitter-follow-button" data-show-count="{{ site.twitter_show_follower_count }}">Follow @{{ site.twitter_user }}</a>
|
||||
{% else %}
|
||||
<p>Follow <a href="http://twitter.com/{{site.twitter_user}}">@{{ site.twitter_user }}</a></p>
|
||||
{% endif %}
|
||||
</section>
|
||||
{% endif %}
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
{% if site.twitter_user %}
|
||||
<div id="banner" class="inner">
|
||||
<div class="container">
|
||||
<ul class="feed"></ul>
|
||||
</div>
|
||||
<small><a href="http://twitter.com/{{ site.twitter_user }}">{{ site.twitter_user }}</a> @ <a href="http://twitter.com">Twitter</a></small>
|
||||
<div class="loading">Loading...</div>
|
||||
</div>
|
||||
<script src="{{ root_url }}/javascripts/twitter.js"></script>
|
||||
<script type="text/javascript">
|
||||
(function($){
|
||||
$('#banner').getTwitterFeed('{{ site.twitter_user }}', {{ site.twitter_tweet_count }}, {{ site.twitter_show_replies }});
|
||||
})(jQuery);
|
||||
</script>
|
||||
{% endif %}
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
<section>
|
||||
<h1>About Me</h1>
|
||||
<p>A little something about me.</p>
|
||||
</section>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
---
|
||||
layout: nil
|
||||
---
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<feed xmlns="http://www.w3.org/2005/Atom">
|
||||
|
||||
<title><![CDATA[{{ page.title }} | {{ site.title }}]]></title>
|
||||
<link href="{{ site.url }}/{{ page.feed_url }}" rel="self"/>
|
||||
<link href="{{ site.url }}/"/>
|
||||
<updated>{{ site.time | date_to_xmlschema }}</updated>
|
||||
<id>{{ site.url }}/</id>
|
||||
<author>
|
||||
<name><![CDATA[{{ site.author | strip_html }}]]></name>
|
||||
{% if site.email %}<email><![CDATA[{{ site.email }}]]></email>{% endif %}
|
||||
</author>
|
||||
<generator uri="http://octopress.org/">Octopress</generator>
|
||||
|
||||
{% for post in site.categories[page.category] limit: 5 %}
|
||||
<entry>
|
||||
<title type="html"><![CDATA[{{ post.title | cdata_escape }}]]></title>
|
||||
<link href="{{ site.url }}{{ post.url }}"/>
|
||||
<updated>{{ post.date | date_to_xmlschema }}</updated>
|
||||
<id>{{ site.url }}{{ post.id }}</id>
|
||||
<content type="html"><![CDATA[{{ post.content | expand_urls: site.url | markdownify | cdata_escape }}]]></content>
|
||||
</entry>
|
||||
{% endfor %}
|
||||
</feed>
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
Copyright © {{ site.time | date: "%Y" }}
|
||||
{% if site.author %}
|
||||
{{ site.author }}
|
||||
{% else %}
|
||||
{{ site.title }}
|
||||
{% endif %}
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
<ul class="main">
|
||||
<li><a href="{{ root_url }}/">Blog</a></li>
|
||||
<li><a href="{{ root_url }}/blog/archives">Archives</a></li>
|
||||
</ul>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
{% comment %} Load script if disquss comments are enabled and `page.comments` is either empty (index) or set to true {% endcomment %}
|
||||
{% if site.disqus_short_name and page.comments != false %}
|
||||
<script type="text/javascript">
|
||||
var disqus_shortname = '{{ site.disqus_short_name }}';
|
||||
{% if page.comments == true %}
|
||||
{% comment %} `page.comments` can be only be set to true on pages/posts, so we embed the comments here. {% endcomment %}
|
||||
// var disqus_developer = 1;
|
||||
var disqus_identifier = '{{ site.url }}{{ page.url }}';
|
||||
var disqus_url = '{{ site.url }}{{ page.url }}';
|
||||
var disqus_script = 'embed.js';
|
||||
{% else %}
|
||||
{% comment %} As `page.comments` is empty, we must be on the index page. {% endcomment %}
|
||||
var disqus_script = 'count.js';
|
||||
{% endif %}
|
||||
(function () {
|
||||
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
|
||||
dsq.src = 'http://' + disqus_shortname + '.disqus.com/' + disqus_script;
|
||||
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
|
||||
}());
|
||||
</script>
|
||||
{% endif %}
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
{% if site.facebook_like %}
|
||||
<div id="fb-root"></div>
|
||||
<script>(function(d, s, id) {
|
||||
var js, fjs = d.getElementsByTagName(s)[0];
|
||||
if (d.getElementById(id)) {return;}
|
||||
js = d.createElement(s); js.id = id;
|
||||
js.src = "//connect.facebook.net/en_US/all.js#appId=212934732101925&xfbml=1";
|
||||
fjs.parentNode.insertBefore(js, fjs);
|
||||
}(document, 'script', 'facebook-jssdk'));</script>
|
||||
{% endif %}
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
<script src="{{ root_url }}/javascripts/jquery.fancybox.pack.js"></script>
|
||||
<script type="text/javascript">
|
||||
(function($){
|
||||
$('.fancybox').fancybox();
|
||||
})(jQuery);
|
||||
</script>
|
||||
|
|
@ -0,0 +1 @@
|
|||
{% include custom/footer.html %}
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
{% if site.google_analytics_tracking_id %}
|
||||
<script type="text/javascript">
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', '{{ site.google_analytics_tracking_id }}']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
||||
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
||||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
{% endif %}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
{% if site.google_plus_one %}
|
||||
<script type="text/javascript">
|
||||
(function() {
|
||||
var script = document.createElement('script'); script.type = 'text/javascript'; script.async = true;
|
||||
script.src = 'https://apis.google.com/js/plusone.js';
|
||||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(script, s);
|
||||
})();
|
||||
</script>
|
||||
{% endif %}
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>{% if page.title %}{{ page.title }} - {% endif %}{{ site.title }}</title>
|
||||
<meta name="author" content="{{ site.author }}">
|
||||
|
||||
{% capture description %}{% if page.description %}{{ page.description }}{% else %}{{ content | raw_content }}{% endif %}{% endcapture %}
|
||||
<meta name="description" content="{{ description | strip_html | condense_spaces | truncate:150 }}">
|
||||
{% if page.keywords %}<meta name="keywords" content="{{ page.keywords }}">{% endif %}
|
||||
<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1">
|
||||
|
||||
<link href="{{ site.subscribe_rss }}" rel="alternate" title="{{site.title}}" type="application/atom+xml">
|
||||
<link rel="canonical" href="{{ canonical }}">
|
||||
<link href="{{ root_url }}/favicon.png" rel="shortcut icon">
|
||||
<link href="{{ root_url }}/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
|
||||
<!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
|
||||
{% include custom/head.html %}
|
||||
</head>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<h1><a href="{{ root_url }}/">{{ site.title }}</a></h1>
|
||||
<nav class="menu">{% include navigation.html %}</nav>
|
||||
<div class="alignright">
|
||||
<div class="social">
|
||||
{% if site.facebook_user %}
|
||||
<a class="facebook" href="http://www.facebook.com/{{ site.facebook_user }}" title="Facebook">Facebook</a>
|
||||
{% endif %}
|
||||
{% if site.googleplus_user and site.googleplus_hidden == false %}
|
||||
<a class="google" href="https://plus.google.com/{{ site.googleplus_user }}" title="Google+">Google+</a>
|
||||
{% endif %}
|
||||
{% if site.twitter_user %}
|
||||
<a class="twitter" href="http://twitter.com/{{ site.twitter_user }}" title="Twitter">Twitter</a>
|
||||
{% endif %}
|
||||
{% if site.github_user %}
|
||||
<a class="github" href="https://github.com/{{ site.github_user }}" title="GitHub">GitHub</a>
|
||||
{% endif %}
|
||||
{% if site.pinterest_user %}
|
||||
<a class="pinterest" href="https://pinterest.com/{{ site.pinterest_user }}" title="Pinterest">Pinterest</a>
|
||||
{% endif %}
|
||||
{% if site.delicious_user %}
|
||||
<a class="delicious" href="http://delicious.com/{{ site.delicious_user }}" title="Delicious">Delicious</a>
|
||||
{% endif %}
|
||||
{% if site.subscribe_rss %}
|
||||
<a class="rss" href="{{ site.subscribe_rss }}" title="RSS">RSS</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<form class="search" action="{{ site.simple_search }}" method="get">
|
||||
<input class="alignright" type="text" name="q" results="0">
|
||||
<input type="hidden" name="q" value="site:{{ site.url | shorthand_url }}">
|
||||
</form>
|
||||
</div>
|
||||
{% include custom/header.html %}
|
||||
|
|
@ -0,0 +1 @@
|
|||
{% include custom/navigation.html %}
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
{% if post.author %}
|
||||
{% assign author = post.author %}
|
||||
{% elsif page.author %}
|
||||
{% assign author = page.author %}
|
||||
{% else %}
|
||||
{% assign author = site.author %}
|
||||
{% endif %}
|
||||
{% if author %}<span class="byline author vcard">Posted by <span class="fn">{{ author }}</span></span>{% endif %}
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
{% capture category %}{% if post %}{{ post.categories | category_links | size }}{% else %}{{ page.categories | category_links | size }}{% endif %}{% endcapture %}
|
||||
{% unless category == '0' %}
|
||||
{% if post %}
|
||||
{{ post.categories | category_links }}
|
||||
{% else %}
|
||||
{{ page.categories | category_links }}
|
||||
{% endif %}
|
||||
{% endunless %}
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
{% capture date %}{{ page.date }}{{ post.date }}{% endcapture %}
|
||||
{% capture date_formatted %}{{ page.date_formatted }}{{ post.date_formatted }}{% endcapture %}
|
||||
{% capture has_date %}{{ date | size }}{% endcapture %}
|
||||
|
||||
{% capture updated %}{{ page.updated }}{{ post.updated }}{% endcapture %}
|
||||
{% capture updated_formatted %}{{ page.updated_formatted }}{{ post.updated_formatted }}{% endcapture %}
|
||||
{% capture was_updated %}{{ updated | size }}{% endcapture %}
|
||||
|
||||
{% if has_date != '0' %}
|
||||
{% capture time %}<time datetime="{{ date | datetime | date_to_xmlschema }}" pubdate{% if updated %} data-updated="true"{% endif %}>{{ date_formatted }}</time>{% endcapture %}
|
||||
{% endif %}
|
||||
|
||||
{% if was_updated != '0' %}
|
||||
{% capture updated %}<time datetime="{{ updated | datetime | date_to_xmlschema }}" class="updated">Updated {{ updated_formatted }}</time>{% endcapture %}
|
||||
{% else %}{% assign updated = false %}{% endif %}
|
||||
|
|
@ -0,0 +1 @@
|
|||
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
<div class="share">
|
||||
<div class="addthis_toolbox addthis_default_style ">
|
||||
{% if site.facebook_like %}
|
||||
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
|
||||
{% endif %}
|
||||
{% if site.twitter_tweet_button %}
|
||||
<a class="addthis_button_tweet"></a>
|
||||
{% endif %}
|
||||
{% if site.google_plus_one %}
|
||||
<a class="addthis_button_google_plusone" g:plusone:size="{{ site.google_plus_one_size }}"></a>
|
||||
{% endif %}
|
||||
<a class="addthis_counter addthis_pill_style"></a>
|
||||
</div>
|
||||
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid={{ site.addthis_profile_id }}"></script>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
{% if site.twitter_follow_button or site.twitter_tweet_button %}
|
||||
<script type="text/javascript">
|
||||
(function(){
|
||||
var twitterWidgets = document.createElement('script');
|
||||
twitterWidgets.type = 'text/javascript';
|
||||
twitterWidgets.async = true;
|
||||
twitterWidgets.src = 'http://platform.twitter.com/widgets.js';
|
||||
document.getElementsByTagName('head')[0].appendChild(twitterWidgets);
|
||||
})();
|
||||
</script>
|
||||
{% endif %}
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
|
||||
{% for post in site.posts reverse %}
|
||||
{% include archive_post.html %}
|
||||
{% endfor %}
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
{% capture root_url %}{{ site.root | strip_slash }}{% endcapture %}
|
||||
{% include head.html %}
|
||||
|
||||
<body>
|
||||
<header id="header" class="inner">{% include header.html %}</header>
|
||||
{% include banner.html %}
|
||||
<div id="content" class="inner">{{ content | expand_urls: root_url }}</div>
|
||||
<footer id="footer" class="inner">{% include footer.html %}</footer>
|
||||
{% include after_footer.html %}
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
|
||||
<article class="page">
|
||||
{% if page.title %}
|
||||
<h1 class="title">{% if site.titlecase %}{{ page.title | titlecase }}{% else %}{{ page.title }}{% endif %}</h1>
|
||||
{% endif %}
|
||||
<div class="entry">{{ content }}</div>
|
||||
</article>
|
||||
{% unless page.footer == false %}
|
||||
{% include post/sharing.html %}
|
||||
{% endunless %}
|
||||
{% if site.disqus_short_name and page.comments == true %}
|
||||
<section id="comment">
|
||||
<h1 class="title">Comments</h1>
|
||||
<div id="disqus_thread" aria-live="polite">{% include post/disqus_thread.html %}</div>
|
||||
</section>
|
||||
{% endif %}
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
---
|
||||
layout: default
|
||||
single: true
|
||||
---
|
||||
|
||||
<article class="post">{% include article.html %}</article>
|
||||
{% include post/sharing.html %}
|
||||
{% if site.disqus_short_name and page.comments == true %}
|
||||
<section id="comment">
|
||||
<h1 class="title">Comments</h1>
|
||||
<div id="disqus_thread" aria-live="polite">{% include post/disqus_thread.html %}</div>
|
||||
</section>
|
||||
{% endif %}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 141 B |
Binary file not shown.
|
After Width: | Height: | Size: 82 B |
Binary file not shown.
|
After Width: | Height: | Size: 118 B |
Binary file not shown.
|
After Width: | Height: | Size: 203 B |
Binary file not shown.
|
After Width: | Height: | Size: 636 B |
Binary file not shown.
|
After Width: | Height: | Size: 343 B |
Binary file not shown.
|
After Width: | Height: | Size: 835 B |
Binary file not shown.
|
After Width: | Height: | Size: 210 B |
Binary file not shown.
|
After Width: | Height: | Size: 664 B |
Binary file not shown.
|
After Width: | Height: | Size: 170 B |
Binary file not shown.
|
After Width: | Height: | Size: 442 B |
Binary file not shown.
|
After Width: | Height: | Size: 251 B |
Binary file not shown.
|
After Width: | Height: | Size: 553 B |
Binary file not shown.
|
After Width: | Height: | Size: 112 B |
Binary file not shown.
|
After Width: | Height: | Size: 94 B |
Binary file not shown.
|
After Width: | Height: | Size: 103 B |
Binary file not shown.
|
After Width: | Height: | Size: 114 B |
Binary file not shown.
|
After Width: | Height: | Size: 116 B |
Binary file not shown.
|
After Width: | Height: | Size: 264 B |
Binary file not shown.
|
After Width: | Height: | Size: 649 B |
Binary file not shown.
|
After Width: | Height: | Size: 686 B |
Binary file not shown.
|
After Width: | Height: | Size: 816 B |
Binary file not shown.
|
After Width: | Height: | Size: 334 B |
Binary file not shown.
|
After Width: | Height: | Size: 465 B |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue