jekyll-lenciel-theme 0.1.4 → 0.1.5
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_layouts/home.html +22 -0
- data/_sass/_base.scss +5 -0
- data/_sass/_partials.scss +8 -0
- data/_sass/base/_layout.scss +192 -0
- data/_sass/base/_solarized.scss +46 -0
- data/_sass/base/_theme.scss +86 -0
- data/_sass/base/_typography.scss +162 -0
- data/_sass/base/_utilities.scss +28 -0
- data/_sass/custom/_article.scss +88 -0
- data/_sass/custom/_background.scss +3 -0
- data/_sass/custom/_colors.scss +48 -0
- data/_sass/custom/_fonts.scss +16 -0
- data/_sass/custom/_footer.scss +68 -0
- data/_sass/custom/_footnotes.scss +4 -0
- data/_sass/custom/_header.scss +11 -0
- data/_sass/custom/_icomoon.scss +204 -0
- data/_sass/custom/_layout.scss +21 -0
- data/_sass/custom/_navigation.scss +50 -0
- data/_sass/custom/_styles.scss +81 -0
- data/_sass/custom/_tablestyle.scss +37 -0
- data/_sass/partials/_archive.scss +72 -0
- data/_sass/partials/_blog.scss +157 -0
- data/_sass/partials/_footer.scss +19 -0
- data/_sass/partials/_header.scss +18 -0
- data/_sass/partials/_navigation.scss +137 -0
- data/_sass/partials/_sharing.scss +8 -0
- data/_sass/partials/_sidebar.scss +5 -0
- data/_sass/partials/_syntax.scss +278 -0
- data/_sass/partials/sidebar/_base.scss +106 -0
- data/_sass/partials/sidebar/_delicious.scss +4 -0
- data/_sass/partials/sidebar/_googleplus.scss +26 -0
- data/_sass/partials/sidebar/_pinboard.scss +12 -0
- data/_sass/partials/sidebar/_twitter.scss +34 -0
- data/_sass/screen.scss +10 -0
- data/blog/archives/index.html +18 -0
- data/fonts/0XxGQsSc1g4rdRdjJKZrNAzyDMXhdD8sAj6OAJTFsBI.woff2 +0 -0
- data/fonts/7dSh6BcuqDLzS2qAASIeuoX0hVgzZQUfRDuZrPvH3D8.woff2 +0 -0
- data/fonts/BJVWev7_auVaQ__OU8Qih1KPGs1ZzpMvnHX-7fPOuAc.woff2 +0 -0
- data/fonts/CWlc_g68BGYDSGdpJvpktgLUuEpTyoUstqEm5AMlJo4.woff2 +0 -0
- data/fonts/DVKQJxMmC9WF_oplMzlQqYX0hVgzZQUfRDuZrPvH3D8.woff2 +0 -0
- data/fonts/GpWpM_6S4VQLPNAQ3iWvVYX0hVgzZQUfRDuZrPvH3D8.woff2 +0 -0
- data/fonts/IcoMoon.eot +0 -0
- data/fonts/IcoMoon.svg +69 -0
- data/fonts/IcoMoon.ttf +0 -0
- data/fonts/IcoMoon.woff +0 -0
- data/fonts/PIPMHY90P7jtyjpXuZ2cLJBw1xU1rKptJj_0jans920.woff2 +0 -0
- data/fonts/PTSans-Bold.woff +0 -0
- data/fonts/PTSans-BoldItalic.woff +0 -0
- data/fonts/PTSans-Italic.woff +0 -0
- data/fonts/PTSans-Regular.woff +0 -0
- data/fonts/PatuaOne-Regular.woff +0 -0
- data/fonts/YDAoLskQQ5MOAgvHUQCcLWjF_m7mVnhXExjNED3rUtY.woff2 +0 -0
- data/fonts/YDAoLskQQ5MOAgvHUQCcLaa0P60JZGaCMFbL3N9v4H0.woff2 +0 -0
- data/fonts/YanoneKaffeesatz-Regular.woff +0 -0
- data/fonts/fhNmDCnjccoUYyU4ZASaLVKPGs1ZzpMvnHX-7fPOuAc.woff2 +0 -0
- data/fonts/g46X4VH_KHOWAAa-HpnGPgsYbbCjybiHxArTLjt7FRU.woff2 +0 -0
- data/fonts/hpORcvLZtemlH8gI-1S-7gsYbbCjybiHxArTLjt7FRU.woff2 +0 -0
- data/fonts/kTYfCWJhlldPf5LnG4ZnHAsYbbCjybiHxArTLjt7FRU.woff2 +0 -0
- data/fonts/lILlYDvubYemzYzN7GbLkA7aC6SjiAOpAWOKfJDfVRY.woff2 +0 -0
- data/fonts/lILlYDvubYemzYzN7GbLkBampu5_7CjHW5spxoeN3Vs.woff2 +0 -0
- data/fonts/lILlYDvubYemzYzN7GbLkBdwxCXfZpKo5kWAx_74bHs.woff2 +0 -0
- data/fonts/lILlYDvubYemzYzN7GbLkIjoYw3YTyktCCer_ilOlhE.woff2 +0 -0
- data/fonts/oysROHFTu1eTZ74Hcf8V-VKPGs1ZzpMvnHX-7fPOuAc.woff2 +0 -0
- data/fonts/yAXhog6uK3bd3OwBILv_SJBw1xU1rKptJj_0jans920.woff2 +0 -0
- data/images/bird_32_gray.png +0 -0
- data/images/bird_32_gray_fail.png +0 -0
- data/images/code_bg.png +0 -0
- data/images/construction.png +0 -0
- data/images/divider.png +0 -0
- data/images/dotted-border.png +0 -0
- data/images/email.png +0 -0
- data/images/gradback.png +0 -0
- data/images/gradhead.png +0 -0
- data/images/gradhover.png +0 -0
- data/images/line-tile.png +0 -0
- data/images/noise.png +0 -0
- data/images/rss.png +0 -0
- data/images/search.png +0 -0
- data/images/sorry.gif +0 -0
- data/javascripts/ender.js +45 -0
- data/javascripts/github.js +32 -0
- data/javascripts/libs/jXHR.js +85 -0
- data/javascripts/libs/jquery.min.js +5 -0
- data/javascripts/libs/modernizr.custom.55630.js +4 -0
- data/javascripts/libs/swfobject-dynamic.js +298 -0
- data/javascripts/modernizr-2.0.js +5 -0
- data/javascripts/octopress.js +151 -0
- data/javascripts/pinboard.js +56 -0
- data/javascripts/twitter.js +78 -0
- metadata +90 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 16bfa3b5d1e90092dbda4fab127e4040a995e903
|
4
|
+
data.tar.gz: e5b55dd74fbdbacbc05bce7250dc140fa409bd97
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 46b850217114329b24cd0d878907a9da5afefc0accfbfcc25fd95aef7cbbe66025c01bf5ee23e9dbd2fa32aa541da61417937a2a882af7139b2fab9e82711954
|
7
|
+
data.tar.gz: c6be7eef8b6eed98ce3af274116c960cfd594578fca098232dbc14056c7c8f9113b697160f0af83a67a6bb15792dfd0bf2b2b5e8763e9c3138de99a28d1baa1c
|
data/_layouts/home.html
ADDED
@@ -0,0 +1,22 @@
|
|
1
|
+
---
|
2
|
+
layout: default
|
3
|
+
---
|
4
|
+
|
5
|
+
<div class="blog-index">
|
6
|
+
{% assign index = true %}
|
7
|
+
{% for post in paginator.posts %}
|
8
|
+
{% assign content = post.content %}
|
9
|
+
<article>
|
10
|
+
{% include article.html %}
|
11
|
+
</article>
|
12
|
+
{% endfor %}
|
13
|
+
<div class="pagination">
|
14
|
+
{% if paginator.next_page %}
|
15
|
+
<a class="prev" href="{{paginator.next_page_path}}">← Older</a>
|
16
|
+
{% endif %}
|
17
|
+
<a href="/blog/archives">Blog Archives</a>
|
18
|
+
{% if paginator.previous_page %}
|
19
|
+
<a class="next" href="{{paginator.previous_page_path}}">Newer →</a>
|
20
|
+
{% endif %}
|
21
|
+
</div>
|
22
|
+
</div>
|
data/_sass/_base.scss
ADDED
@@ -0,0 +1,192 @@
|
|
1
|
+
$max-width: 1000px !default;
|
2
|
+
|
3
|
+
// Padding used for layout margins
|
4
|
+
$pad-min: 18px !default;
|
5
|
+
$pad-narrow: 25px !default;
|
6
|
+
$pad-medium: 35px !default;
|
7
|
+
$pad-wide: 55px !default;
|
8
|
+
|
9
|
+
// Sidebar widths used in media queries
|
10
|
+
$sidebar-width-medium: 240px !default;
|
11
|
+
$sidebar-pad-medium: 15px !default;
|
12
|
+
$sidebar-pad-wide: 20px !default;
|
13
|
+
$sidebar-width-wide: 300px !default;
|
14
|
+
|
15
|
+
$indented-lists: false !default;
|
16
|
+
|
17
|
+
$header-font-size: 1em !default;
|
18
|
+
$header-padding-top: 1.5em !default;
|
19
|
+
$header-padding-bottom: 1.5em !default;
|
20
|
+
|
21
|
+
.group { @include pie-clearfix; }
|
22
|
+
|
23
|
+
@mixin collapse-sidebar {
|
24
|
+
float: none;
|
25
|
+
width: auto;
|
26
|
+
clear: left;
|
27
|
+
margin: 0;
|
28
|
+
padding: 0 $pad-medium 1px;
|
29
|
+
background-color: lighten($sidebar-bg, 2);
|
30
|
+
border-top: 1px solid lighten($sidebar-border, 4);
|
31
|
+
section {
|
32
|
+
&.odd, &.even { float: left; width: 48%; }
|
33
|
+
&.odd { margin-left: 0; }
|
34
|
+
&.even { margin-left: 4%; }
|
35
|
+
}
|
36
|
+
&.thirds section {
|
37
|
+
width: 30%;
|
38
|
+
margin-left: 5%;
|
39
|
+
&.first {
|
40
|
+
margin-left: 0;
|
41
|
+
clear: both;
|
42
|
+
}
|
43
|
+
}
|
44
|
+
}
|
45
|
+
|
46
|
+
body {
|
47
|
+
-webkit-text-size-adjust: none;
|
48
|
+
max-width: $max-width;
|
49
|
+
position: relative;
|
50
|
+
margin: 0 auto;
|
51
|
+
> header, > nav, > footer, #content > article, #content > div > article, #content > div > section {
|
52
|
+
@extend .group;
|
53
|
+
padding-left: $pad-min;
|
54
|
+
padding-right: $pad-min;
|
55
|
+
@media only screen and (min-width: 480px) {
|
56
|
+
padding-left: $pad-narrow;
|
57
|
+
padding-right: $pad-narrow;
|
58
|
+
}
|
59
|
+
@media only screen and (min-width: 768px) {
|
60
|
+
padding-left: $pad-medium;
|
61
|
+
padding-right: $pad-medium;
|
62
|
+
}
|
63
|
+
@media only screen and (min-width: 992px) {
|
64
|
+
padding-left: $pad-wide;
|
65
|
+
padding-right: $pad-wide;
|
66
|
+
}
|
67
|
+
}
|
68
|
+
div.pagination {
|
69
|
+
@extend .group;
|
70
|
+
margin-left: $pad-min;
|
71
|
+
margin-right: $pad-min;
|
72
|
+
@media only screen and (min-width: 480px) {
|
73
|
+
margin-left: $pad-narrow;
|
74
|
+
margin-right: $pad-narrow;
|
75
|
+
}
|
76
|
+
@media only screen and (min-width: 768px) {
|
77
|
+
margin-left: $pad-medium;
|
78
|
+
margin-right: $pad-medium;
|
79
|
+
}
|
80
|
+
@media only screen and (min-width: 992px) {
|
81
|
+
margin-left: $pad-wide;
|
82
|
+
margin-right: $pad-wide;
|
83
|
+
}
|
84
|
+
}
|
85
|
+
> header {
|
86
|
+
font-size: $header-font-size;
|
87
|
+
padding-top: $header-padding-top;
|
88
|
+
padding-bottom: $header-padding-bottom;
|
89
|
+
}
|
90
|
+
}
|
91
|
+
|
92
|
+
#content {
|
93
|
+
overflow: hidden;
|
94
|
+
> div, > article { width: 100%; }
|
95
|
+
}
|
96
|
+
|
97
|
+
aside.sidebar {
|
98
|
+
float: none;
|
99
|
+
padding: 0 $pad-min 1px;
|
100
|
+
background-color: lighten($sidebar-bg, 2);
|
101
|
+
border-top: 1px solid $sidebar-border;
|
102
|
+
@extend .group;
|
103
|
+
}
|
104
|
+
|
105
|
+
.flex-content { max-width: 100%; height: auto; }
|
106
|
+
|
107
|
+
.basic-alignment {
|
108
|
+
&.left { float: left; margin-right: 1.5em; }
|
109
|
+
&.right { float: right; margin-left: 1.5em; }
|
110
|
+
&.center { display:block; margin: 0 auto 1.5em; }
|
111
|
+
&.left, &.right { margin-bottom: .8em; }
|
112
|
+
}
|
113
|
+
|
114
|
+
.toggle-sidebar { &, .no-sidebar & { display: none; }}
|
115
|
+
|
116
|
+
body.sidebar-footer {
|
117
|
+
@media only screen and (min-width: 750px) {
|
118
|
+
aside.sidebar{ @include collapse-sidebar; }
|
119
|
+
}
|
120
|
+
#content { margin-right: 0px; }
|
121
|
+
.toggle-sidebar { display: none; }
|
122
|
+
}
|
123
|
+
|
124
|
+
@media only screen and (min-width: 550px) {
|
125
|
+
body > header { font-size: $header-font-size; }
|
126
|
+
}
|
127
|
+
@media only screen and (min-width: 750px) {
|
128
|
+
aside.sidebar { @include collapse-sidebar; }
|
129
|
+
}
|
130
|
+
#main, #content, .sidebar {
|
131
|
+
@extend .group;
|
132
|
+
}
|
133
|
+
@media only screen and (min-width: 768px) {
|
134
|
+
body { -webkit-text-size-adjust: auto; }
|
135
|
+
body > header { font-size: $header-font-size * 1.2; }
|
136
|
+
#main {
|
137
|
+
padding: 0;
|
138
|
+
margin: 0 auto;
|
139
|
+
}
|
140
|
+
#content {
|
141
|
+
overflow: visible;
|
142
|
+
margin-right: $sidebar-width-medium;
|
143
|
+
position: relative;
|
144
|
+
.no-sidebar & { margin-right: 0; border-right: 0; }
|
145
|
+
.collapse-sidebar & { margin-right: 20px; }
|
146
|
+
> div, > article {
|
147
|
+
padding-top: $pad-medium/2;
|
148
|
+
padding-bottom: $pad-medium/2;
|
149
|
+
float: left;
|
150
|
+
}
|
151
|
+
}
|
152
|
+
aside.sidebar {
|
153
|
+
width: $sidebar-width-medium - $sidebar-pad-medium*2;
|
154
|
+
padding: 0 $sidebar-pad-medium $sidebar-pad-medium;
|
155
|
+
background: none;
|
156
|
+
clear: none;
|
157
|
+
float: left;
|
158
|
+
margin: 0 -100% 0 0;
|
159
|
+
section {
|
160
|
+
width: auto; margin-left: 0;
|
161
|
+
&.odd, &.even { float: none; width: auto; margin-left: 0; }
|
162
|
+
}
|
163
|
+
.collapse-sidebar & {
|
164
|
+
@include collapse-sidebar;
|
165
|
+
}
|
166
|
+
}
|
167
|
+
}
|
168
|
+
|
169
|
+
@media only screen and (min-width: 992px) {
|
170
|
+
body > header { font-size: $header-font-size * 1.3; }
|
171
|
+
#content { margin-right: $sidebar-width-wide; }
|
172
|
+
#content {
|
173
|
+
> div, > article {
|
174
|
+
padding-top: $pad-wide/2;
|
175
|
+
padding-bottom: $pad-wide/2;
|
176
|
+
}
|
177
|
+
}
|
178
|
+
aside.sidebar {
|
179
|
+
width: $sidebar-width-wide - $sidebar-pad-wide*2;
|
180
|
+
padding: 1.2em $sidebar-pad-wide $sidebar-pad-wide;
|
181
|
+
.collapse-sidebar & {
|
182
|
+
padding: { left: $pad-wide; right: $pad-wide; }
|
183
|
+
}
|
184
|
+
}
|
185
|
+
}
|
186
|
+
|
187
|
+
@if $indented-lists == false {
|
188
|
+
@media only screen and (min-width: 768px) {
|
189
|
+
ul, ol { margin-left: 0; }
|
190
|
+
}
|
191
|
+
}
|
192
|
+
|
@@ -0,0 +1,46 @@
|
|
1
|
+
$base03: #002b36 !default; //darkest blue
|
2
|
+
$base02: #073642 !default; //dark blue
|
3
|
+
$base01: #586e75 !default; //darkest gray
|
4
|
+
$base00: #657b83 !default; //dark gray
|
5
|
+
$base0: #839496 !default; //medium gray
|
6
|
+
$base1: #93a1a1 !default; //medium light gray
|
7
|
+
$base2: #eee8d5 !default; //cream
|
8
|
+
$base3: #fdf6e3 !default; //white
|
9
|
+
$solar-yellow: #b58900 !default;
|
10
|
+
$solar-orange: #cb4b16 !default;
|
11
|
+
$solar-red: #dc322f !default;
|
12
|
+
$solar-magenta: #d33682 !default;
|
13
|
+
$solar-violet: #6c71c4 !default;
|
14
|
+
$solar-blue: #268bd2 !default;
|
15
|
+
$solar-cyan: #2aa198 !default;
|
16
|
+
$solar-green: #859900 !default;
|
17
|
+
|
18
|
+
$solarized: dark !default;
|
19
|
+
|
20
|
+
@if $solarized == light {
|
21
|
+
|
22
|
+
$_base03: $base03;
|
23
|
+
$_base02: $base02;
|
24
|
+
$_base01: $base01;
|
25
|
+
$_base00: $base00;
|
26
|
+
$_base0: $base0;
|
27
|
+
$_base1: $base1;
|
28
|
+
$_base2: $base2;
|
29
|
+
$_base3: $base3;
|
30
|
+
|
31
|
+
$base03: $_base3;
|
32
|
+
$base02: $_base2;
|
33
|
+
$base01: $_base1;
|
34
|
+
$base00: $_base0;
|
35
|
+
$base0: $_base00;
|
36
|
+
$base1: $_base01;
|
37
|
+
$base2: $_base02;
|
38
|
+
$base3: $_base03;
|
39
|
+
}
|
40
|
+
|
41
|
+
/* non highlighted code colors */
|
42
|
+
$pre-bg: $base03 !default;
|
43
|
+
$pre-border: darken($base02, 5) !default;
|
44
|
+
$pre-color: $base1 !default;
|
45
|
+
|
46
|
+
|
@@ -0,0 +1,86 @@
|
|
1
|
+
$noise-bg: image-url('noise.png') top left !default;
|
2
|
+
$img-border: inline-image('dotted-border.png');
|
3
|
+
|
4
|
+
// Main Link Colors
|
5
|
+
$link-color: lighten(#165b94, 3) !default;
|
6
|
+
$link-color-hover: adjust-color($link-color, $lightness: 10, $saturation: 25) !default;
|
7
|
+
$link-color-visited: adjust-color($link-color, $hue: 80, $lightness: -4) !default;
|
8
|
+
$link-color-active: adjust-color($link-color-hover, $lightness: -15) !default;
|
9
|
+
|
10
|
+
// Main Section Colors
|
11
|
+
$main-bg: #f8f8f8 !default;
|
12
|
+
$page-bg: #252525 !default;
|
13
|
+
$article-border: #eeeeee !default;
|
14
|
+
|
15
|
+
$header-bg: #333 !default;
|
16
|
+
$header-border: lighten($header-bg, 15) !default;
|
17
|
+
$title-color: #f2f2f2 !default;
|
18
|
+
$subtitle-color: #aaa !default;
|
19
|
+
|
20
|
+
$text-color: #222 !default;
|
21
|
+
$text-color-light: #aaa !default;
|
22
|
+
$type-border: #ddd !default;
|
23
|
+
|
24
|
+
/* Navigation */
|
25
|
+
$nav-bg: #ccc !default;
|
26
|
+
$nav-bg-front: image-url('noise.png') !default;
|
27
|
+
$nav-bg-back: linear-gradient(lighten($nav-bg, 8), $nav-bg, darken($nav-bg, 11)) !default;
|
28
|
+
$nav-color: darken($nav-bg, 38) !default;
|
29
|
+
$nav-color-hover: darken($nav-color, 25) !default;
|
30
|
+
$nav-placeholder: desaturate(darken($nav-bg, 10), 15) !default;
|
31
|
+
$nav-border: darken($nav-bg, 10) !default;
|
32
|
+
$nav-border-top: lighten($nav-bg, 15) !default;
|
33
|
+
$nav-border-bottom: darken($nav-bg, 25) !default;
|
34
|
+
$nav-border-left: darken($nav-bg, 11) !default;
|
35
|
+
$nav-border-right: lighten($nav-bg, 7) !default;
|
36
|
+
|
37
|
+
/* Sidebar colors */
|
38
|
+
$sidebar-bg: #f2f2f2 !default;
|
39
|
+
$sidebar-link-color: $link-color !default;
|
40
|
+
$sidebar-link-color-hover: $link-color-hover !default;
|
41
|
+
$sidebar-link-color-active: $link-color-active !default;
|
42
|
+
$sidebar-color: change-color(mix($text-color, $sidebar-bg, 80), $hue: hue($sidebar-bg), $saturation: saturation($sidebar-bg)/2) !default;
|
43
|
+
$sidebar-border: desaturate(darken($sidebar-bg, 7), 10) !default;
|
44
|
+
$sidebar-border-hover: darken($sidebar-bg, 7) !default;
|
45
|
+
$sidebar-link-color-subdued: lighten($sidebar-color, 20) !default;
|
46
|
+
$sidebar-link-color-subdued-hover: $sidebar-link-color-hover !default;
|
47
|
+
$twitter-status-link: lighten($sidebar-link-color-subdued, 15) !default;
|
48
|
+
|
49
|
+
$footer-color: #888 !default;
|
50
|
+
$footer-bg: #ccc !default;
|
51
|
+
$footer-bg-front: image-url('noise.png') !default;
|
52
|
+
$footer-bg-back: linear-gradient(lighten($footer-bg, 8), $footer-bg, darken($footer-bg, 11)) !default;
|
53
|
+
$footer-color: darken($footer-bg, 38) !default;
|
54
|
+
$footer-color-hover: darken($footer-color, 10) !default;
|
55
|
+
$footer-border-top: lighten($footer-bg, 15) !default;
|
56
|
+
$footer-border-bottom: darken($footer-bg, 15) !default;
|
57
|
+
$footer-link-color: darken($footer-bg, 38) !default;
|
58
|
+
$footer-link-color-hover: darken($footer-color, 25) !default;
|
59
|
+
$page-border-bottom: darken($footer-bg, 5) !default;
|
60
|
+
|
61
|
+
|
62
|
+
/* Core theme application */
|
63
|
+
|
64
|
+
a {
|
65
|
+
@include link-colors($link-color, $hover: $link-color-hover, $focus: $link-color-hover, $visited: $link-color-visited, $active: $link-color-active);
|
66
|
+
}
|
67
|
+
aside.sidebar a {
|
68
|
+
@include link-colors($sidebar-link-color, $hover: $sidebar-link-color-hover, $focus: $sidebar-link-color-hover, $active: $sidebar-link-color-active);
|
69
|
+
}
|
70
|
+
a {
|
71
|
+
@include transition(color .3s);
|
72
|
+
}
|
73
|
+
|
74
|
+
html {
|
75
|
+
background: $page-bg image-url('line-tile.png') top left;
|
76
|
+
}
|
77
|
+
body {
|
78
|
+
> div {
|
79
|
+
background: $sidebar-bg $noise-bg;
|
80
|
+
border-bottom: 1px solid $page-border-bottom;
|
81
|
+
> div {
|
82
|
+
background: $main-bg $noise-bg;
|
83
|
+
border-right: 1px solid $sidebar-border;
|
84
|
+
}
|
85
|
+
}
|
86
|
+
}
|
@@ -0,0 +1,162 @@
|
|
1
|
+
$blockquote: $type-border !default;
|
2
|
+
$sans: "PT Sans", "Helvetica Neue", Arial, sans-serif !default;
|
3
|
+
$serif: "PT Serif", Georgia, Times, "Times New Roman", serif !default;
|
4
|
+
$mono: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace !default;
|
5
|
+
$heading-font-family: "PT Serif", "Georgia", "Helvetica Neue", Arial, sans-serif !default;
|
6
|
+
$header-title-font-family: $heading-font-family !default;
|
7
|
+
$header-subtitle-font-family: $heading-font-family !default;
|
8
|
+
|
9
|
+
// Fonts
|
10
|
+
.heading {
|
11
|
+
font-family: $heading-font-family;
|
12
|
+
}
|
13
|
+
.sans { font-family: $sans; }
|
14
|
+
.serif { font-family: $serif; }
|
15
|
+
.mono { font-family: $mono; }
|
16
|
+
|
17
|
+
body > header h1 {
|
18
|
+
font-size: 2.2em;
|
19
|
+
@extend .heading;
|
20
|
+
font-family: $header-title-font-family;
|
21
|
+
font-weight: normal;
|
22
|
+
line-height: 1.2em;
|
23
|
+
margin-bottom: 0.6667em;
|
24
|
+
}
|
25
|
+
body > header h2 {
|
26
|
+
font-family: $header-subtitle-font-family;
|
27
|
+
}
|
28
|
+
|
29
|
+
body {
|
30
|
+
line-height: 1.5em;
|
31
|
+
color: $text-color;
|
32
|
+
@extend .serif;
|
33
|
+
}
|
34
|
+
h1 {
|
35
|
+
font-size: 2.2em;
|
36
|
+
line-height: 1.2em;
|
37
|
+
}
|
38
|
+
|
39
|
+
@media only screen and (min-width: 992px) {
|
40
|
+
body { font-size: 1.15em; }
|
41
|
+
h1 { font-size: 2.6em; line-height: 1.2em; }
|
42
|
+
}
|
43
|
+
|
44
|
+
#{headings()}{
|
45
|
+
@extend .heading;
|
46
|
+
text-rendering: optimizelegibility;
|
47
|
+
text-shadow: 1px 1px #efefef,2px 2px #828887;
|
48
|
+
margin-bottom: 1em;
|
49
|
+
font-weight: bold;
|
50
|
+
}
|
51
|
+
h2, section h1 {
|
52
|
+
font-size: 1.5em;
|
53
|
+
}
|
54
|
+
h3, section h2, section section h1 {
|
55
|
+
font-size: 1.3em;
|
56
|
+
}
|
57
|
+
h4, section h3, section section h2, section section section h1 {
|
58
|
+
font-size: 1em;
|
59
|
+
}
|
60
|
+
h5, section h4, section section h3 {
|
61
|
+
font-size: .9em;
|
62
|
+
}
|
63
|
+
h6, section h5, section section h4, section section section h3 {
|
64
|
+
font-size: .8em;
|
65
|
+
}
|
66
|
+
p, blockquote, ul, ol { margin-bottom: 1.5em; }
|
67
|
+
|
68
|
+
ul { list-style-type: disc;
|
69
|
+
ul { list-style-type: circle; margin-bottom: 0px;
|
70
|
+
ul { list-style-type: square; margin-bottom: 0px; }}}
|
71
|
+
|
72
|
+
ol { list-style-type: decimal;
|
73
|
+
ol { list-style-type: lower-alpha; margin-bottom: 0px;
|
74
|
+
ol { list-style-type: lower-roman; margin-bottom: 0px; }}}
|
75
|
+
|
76
|
+
ul, ol { &, ul, ol { margin-left: 1.3em; }}
|
77
|
+
|
78
|
+
strong { font-weight: bold; }
|
79
|
+
|
80
|
+
em { font-style: italic; }
|
81
|
+
|
82
|
+
sup, sub { font-size: 0.8em; position: relative; display: inline-block; }
|
83
|
+
sup { top: -.5em; }
|
84
|
+
sub { bottom: -.5em; }
|
85
|
+
|
86
|
+
q { font-style: italic;
|
87
|
+
&:before { content: "\201C"; }
|
88
|
+
&:after { content: "\201D"; }
|
89
|
+
}
|
90
|
+
|
91
|
+
em, dfn { font-style: italic; }
|
92
|
+
|
93
|
+
strong, dfn { font-weight: bold; }
|
94
|
+
|
95
|
+
del, s { text-decoration: line-through; }
|
96
|
+
|
97
|
+
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
|
98
|
+
|
99
|
+
pre, code, tt { @extend .mono; }
|
100
|
+
|
101
|
+
sub, sup { line-height: 0; }
|
102
|
+
|
103
|
+
hr { margin-bottom: 0.2em; }
|
104
|
+
|
105
|
+
small { font-size: .8em; }
|
106
|
+
|
107
|
+
big { font-size: 1.2em; }
|
108
|
+
|
109
|
+
blockquote {
|
110
|
+
$bq-margin: 1.2em;
|
111
|
+
font-style: italic;
|
112
|
+
position: relative;
|
113
|
+
font-size: 1.2em;
|
114
|
+
line-height: 1.5em;
|
115
|
+
padding-left: 1em;
|
116
|
+
border-left: 4px solid rgba($text-color-light, .5);
|
117
|
+
cite {
|
118
|
+
font-style: italic;
|
119
|
+
a { color: $text-color-light !important; word-wrap: break-word; }
|
120
|
+
&:before { content: '\2014'; padding:{right: .3em; left: .3em;} color: $text-color-light; }
|
121
|
+
}
|
122
|
+
@media only screen and (min-width: 992px) {
|
123
|
+
padding-left: 1.5em;
|
124
|
+
border-left-width: 4px;
|
125
|
+
}
|
126
|
+
}
|
127
|
+
|
128
|
+
.pullquote-right:before,
|
129
|
+
.pullquote-left:before {
|
130
|
+
/* Reset metrics. */
|
131
|
+
padding: 0;
|
132
|
+
border: none;
|
133
|
+
|
134
|
+
/* Content */
|
135
|
+
content: attr(data-pullquote);
|
136
|
+
|
137
|
+
/* Pull out to the right, modular scale based margins. */
|
138
|
+
float: right;
|
139
|
+
width: 45%;
|
140
|
+
margin: .5em 0 1em 1.5em;
|
141
|
+
|
142
|
+
/* Baseline correction */
|
143
|
+
position: relative;
|
144
|
+
top: 7px;
|
145
|
+
font-size: 1.4em;
|
146
|
+
line-height: 1.45em;
|
147
|
+
}
|
148
|
+
|
149
|
+
.pullquote-left:before {
|
150
|
+
/* Make left pullquotes align properly. */
|
151
|
+
float: left;
|
152
|
+
margin: .5em 1.5em 1em 0;
|
153
|
+
}
|
154
|
+
|
155
|
+
/* @extend this to force long lines of continuous text to wrap */
|
156
|
+
.force-wrap {
|
157
|
+
white-space: -moz-pre-wrap;
|
158
|
+
white-space: -pre-wrap;
|
159
|
+
white-space: -o-pre-wrap;
|
160
|
+
white-space: pre-wrap;
|
161
|
+
word-wrap: break-word;
|
162
|
+
}
|
@@ -0,0 +1,28 @@
|
|
1
|
+
@mixin mask-image($img, $repeat: no-repeat){
|
2
|
+
@include experimental(mask-image, image-url($img), -webkit, -moz, -o, -ms);
|
3
|
+
@include experimental(mask-repeat, $repeat, -webkit, -moz, -o, -ms);
|
4
|
+
width: image-width($img);
|
5
|
+
height: image-height($img);
|
6
|
+
}
|
7
|
+
|
8
|
+
@mixin shadow-box($border: #fff .5em solid, $shadow: rgba(#000, .15) 0 1px 4px, $border-radius: .3em) {
|
9
|
+
@include border-radius($border-radius);
|
10
|
+
@include box-shadow($shadow);
|
11
|
+
@include box-sizing(border-box);
|
12
|
+
border: $border;
|
13
|
+
}
|
14
|
+
|
15
|
+
@mixin selection($bg, $color: inherit, $text-shadow: none){
|
16
|
+
* {
|
17
|
+
&::-moz-selection { background: $bg; color: $color; text-shadow: $text-shadow; }
|
18
|
+
&::-webkit-selection { background: $bg; color: $color; text-shadow: $text-shadow; }
|
19
|
+
&::selection { background: $bg; color: $color; text-shadow: $text-shadow; }
|
20
|
+
}
|
21
|
+
}
|
22
|
+
|
23
|
+
@function text-color($color, $dark: dark, $light: light){
|
24
|
+
$text-color: ( (red($color)*299) + (green($color)*587) + (blue($color)*114) ) / 1000;
|
25
|
+
$text-color: if($text-color >= 150, $dark, $light);
|
26
|
+
@return $text-color;
|
27
|
+
}
|
28
|
+
|
@@ -0,0 +1,88 @@
|
|
1
|
+
// Article
|
2
|
+
body > div#main {
|
3
|
+
@include single-box-shadow(#000, 1px, 3px, 5px);
|
4
|
+
}
|
5
|
+
|
6
|
+
article {
|
7
|
+
line-height: 1.618em;
|
8
|
+
overflow: hidden;
|
9
|
+
div.entry-content {
|
10
|
+
@include word-break(break-all);
|
11
|
+
text-rendering: optimizeLegibility;
|
12
|
+
}
|
13
|
+
h2, h3, h4, h5, h6 {
|
14
|
+
font-family: $serif;
|
15
|
+
line-height: 1em;
|
16
|
+
text-shadow: 1px 1px #efefef,2px 2px #828887;
|
17
|
+
}
|
18
|
+
h2 {
|
19
|
+
margin-bottom: .8em;
|
20
|
+
}
|
21
|
+
i {
|
22
|
+
&.icon-twitter {
|
23
|
+
color: hsl(209.01, 86.94%, 48.04%);
|
24
|
+
}
|
25
|
+
|
26
|
+
&.icon-facebook {
|
27
|
+
color: hsl(220.88, 36.84%, 48.43%);
|
28
|
+
}
|
29
|
+
|
30
|
+
&.icon-google-plus {
|
31
|
+
color: hsl(12.99, 66.24%, 46.47%);
|
32
|
+
}
|
33
|
+
|
34
|
+
&.icon-github {
|
35
|
+
color: hsl(0.00, 0.00%, 25.00%);
|
36
|
+
}
|
37
|
+
}
|
38
|
+
|
39
|
+
section#details { // insert `<section id="details"></section>` into HTML or Markdown file.
|
40
|
+
height: 54px;
|
41
|
+
width: 1200px;
|
42
|
+
background: url('../images/construction.png') repeat-x 50% 0;
|
43
|
+
background-size: 116px 54px;
|
44
|
+
margin-left: -100px;
|
45
|
+
margin-bottom: .5em;
|
46
|
+
}
|
47
|
+
|
48
|
+
blockquote {
|
49
|
+
font-style: normal;
|
50
|
+
font-size: 1em;
|
51
|
+
line-height: 1.618em;
|
52
|
+
color: hsl(0, 0%, 40%);
|
53
|
+
padding: 15px;
|
54
|
+
border-left: 0px;
|
55
|
+
background-color: hsl(0, 0, 95%);
|
56
|
+
@include box-shadow(hsl(0, 0%, 76%) 0 1px 5px inset);
|
57
|
+
@include border-radius(3px);
|
58
|
+
p:last-child {
|
59
|
+
margin: 0;
|
60
|
+
}
|
61
|
+
footer > strong {
|
62
|
+
font-style: italic;
|
63
|
+
}
|
64
|
+
}
|
65
|
+
div.footnotes {
|
66
|
+
color: hsl(0, 0%, 53%);
|
67
|
+
padding-top: 1.5em;
|
68
|
+
background: url('../images/divider.png') top center no-repeat;
|
69
|
+
}
|
70
|
+
kbd {
|
71
|
+
padding: 0.1em 0.6em;
|
72
|
+
border: 1px solid hsl(0, 0%, 80%);
|
73
|
+
font-size: 11px;
|
74
|
+
font-family: Arial,Helvetica,sans-serif;
|
75
|
+
background-color: hsl(0, 0%, 97%);
|
76
|
+
color: hsl(0, 0%, 20%);
|
77
|
+
-moz-box-shadow: 0 1px 0px rgba(0,0,0,0.2),0 0 0 2px #fff inset;
|
78
|
+
-webkit-box-shadow: 0 1px 0px hsla(0, 0%, 0%, 0.2),0 0 0 2px white inset;
|
79
|
+
box-shadow: 0 1px 0px hsla(0, 0%, 0%, 0.2),0 0 0 2px white inset;
|
80
|
+
-moz-border-radius: 3px;
|
81
|
+
-webkit-border-radius: 3px;
|
82
|
+
border-radius: 3px;
|
83
|
+
display: inline-block;
|
84
|
+
margin: 0 0.1em;
|
85
|
+
text-shadow: 0 1px 0 white;
|
86
|
+
line-height: 1.4;
|
87
|
+
}
|
88
|
+
}
|
@@ -0,0 +1,3 @@
|
|
1
|
+
html {
|
2
|
+
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAWCAYAAAC2ew6NAAAEZUlEQVR42oWX12ogMQxFhzTSe4f03ntPSCP1JY2E/P+PaDmCA2Z2s3kQnrElX+lalmaqlpaWQGZnZ2NpaSnW19djdXXVMWVzczP6+vpiZGQkSn2E597e3lhbW4udnZ0ct7e3Y2NjI/fo6OiIpqammJmZCfW1X1xcRA+MtNna2krZ29v7C68CBOFlbm6OzTFiBDjHlZWVmJ6eTsCenh71dTLXDWx3dzftlpeXERxKZ9Uv8RYWFgwI3ZKkDKzEq2RmeHg4Dg8PMdRRmGSDdGR/fz8GBgZicnKyZCb1Tk5OGBEYSV3ZPTo6StDm5ubUr+MhpaNiYzc4OCheMppHcHl5ySIARKXDCHPJ1OnpabKADceCzvn5eZydnck8wTEPMI6yzt7smc6Jpx362IqJjY6CNz8/n6xWn5+f8fDwwIK5wqIRMrIZzmbu3N/fx8fHR7y8vMTT0xNzbA6T6BtYinMHBwdxd3cXX19f8fr6Ch5Mso4++yMEmnY6fHx8HDc3N/H9/R0VE0bEkTGW4DIFo7zDBjrlMakHmBcS/TLPsfOiGQTinJfJk2QekiSqYlLaZdJ3jQHnWSM2Yd0biw4jLOGEzpS3H+FZFrVlP94hg5EAJY93SNNRI85xamoqk7i1tTVlaGiIhM6NdKhkUkcmJiaw85KRj+Qz+jqpLuASAh6XNLHa29ujv7/f6iNBKVV5W3Gos7MzGhoaMObCZIno6upiU4+REce9NNxqEj5tGxsbsUnbsbExwGRRlnSeNUpXHY991IHNfK7MBYBHR0dhA2PLSTrQ3d0d4+PjBoTAFnY8AwAYIOhigy17wLTOcawEZ05j9yMevhgYAVVl4re1tVkr6x0IVr10lhSFNZgETP16B8LG/Db3f8VDR2YrjO0kLMJKrYMgRF8vPToOI4hMlvbM/av0MP6Kh09UIi8TjDLBcWpYZ8aS5THaNpkjR9mYsc4MlcQqwqiYoz/iUXvNa2w5eqNkkdwgR0pmOBoCwVDBxnwjUI6Qo5cZWbEt6yxi6vwXj7bs6aWjHqFl4+LiAkc4MiSBbm9vMbQpyIiAOXd1dcWJeMnIS1ogHQ8d6yq6BsiaeDiLkzgPXq6ZLnn0gNou7bHPz89Ba0UeHx9xEtasoSkGiK1BXl9fx/v7e7y9vdHfZQU7bcsgCQbHbMvg8ZxzBidG5bHrqB0IKT4wZMEW+U+HfS4dK2+7TcMuJK52YsO67VVnq9IJj1LnTHiD8AbCLgwK4Gg71U4QA2Rf9RxtmTLoXVDX9lrRBWh33Fgd0kkDMD3QoU1aoPkKJycB+OGbwXcuG5eFkkRbpk3++s2AHb6BV1EeEDYCVGetmTqJEQlPB6K4WzuZ45b6C4GtHQgmcAgycJICX8fDDhxZLUseQYnnPxNgMiGbjH7a0UIBBAQ22QjhmRJjXnpRzHHWAKNUJUaJh6Pq+qFNsJBUx/OfyWMpCzOGbISzfNkQmWWkrHscZXmjS4H1ZNJeXsfzyw1Hy89DbEq8P07aJTElh3R1AAAAAElFTkSuQmCC);
|
3
|
+
}
|