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.
Files changed (91) hide show
  1. checksums.yaml +4 -4
  2. data/_layouts/home.html +22 -0
  3. data/_sass/_base.scss +5 -0
  4. data/_sass/_partials.scss +8 -0
  5. data/_sass/base/_layout.scss +192 -0
  6. data/_sass/base/_solarized.scss +46 -0
  7. data/_sass/base/_theme.scss +86 -0
  8. data/_sass/base/_typography.scss +162 -0
  9. data/_sass/base/_utilities.scss +28 -0
  10. data/_sass/custom/_article.scss +88 -0
  11. data/_sass/custom/_background.scss +3 -0
  12. data/_sass/custom/_colors.scss +48 -0
  13. data/_sass/custom/_fonts.scss +16 -0
  14. data/_sass/custom/_footer.scss +68 -0
  15. data/_sass/custom/_footnotes.scss +4 -0
  16. data/_sass/custom/_header.scss +11 -0
  17. data/_sass/custom/_icomoon.scss +204 -0
  18. data/_sass/custom/_layout.scss +21 -0
  19. data/_sass/custom/_navigation.scss +50 -0
  20. data/_sass/custom/_styles.scss +81 -0
  21. data/_sass/custom/_tablestyle.scss +37 -0
  22. data/_sass/partials/_archive.scss +72 -0
  23. data/_sass/partials/_blog.scss +157 -0
  24. data/_sass/partials/_footer.scss +19 -0
  25. data/_sass/partials/_header.scss +18 -0
  26. data/_sass/partials/_navigation.scss +137 -0
  27. data/_sass/partials/_sharing.scss +8 -0
  28. data/_sass/partials/_sidebar.scss +5 -0
  29. data/_sass/partials/_syntax.scss +278 -0
  30. data/_sass/partials/sidebar/_base.scss +106 -0
  31. data/_sass/partials/sidebar/_delicious.scss +4 -0
  32. data/_sass/partials/sidebar/_googleplus.scss +26 -0
  33. data/_sass/partials/sidebar/_pinboard.scss +12 -0
  34. data/_sass/partials/sidebar/_twitter.scss +34 -0
  35. data/_sass/screen.scss +10 -0
  36. data/blog/archives/index.html +18 -0
  37. data/fonts/0XxGQsSc1g4rdRdjJKZrNAzyDMXhdD8sAj6OAJTFsBI.woff2 +0 -0
  38. data/fonts/7dSh6BcuqDLzS2qAASIeuoX0hVgzZQUfRDuZrPvH3D8.woff2 +0 -0
  39. data/fonts/BJVWev7_auVaQ__OU8Qih1KPGs1ZzpMvnHX-7fPOuAc.woff2 +0 -0
  40. data/fonts/CWlc_g68BGYDSGdpJvpktgLUuEpTyoUstqEm5AMlJo4.woff2 +0 -0
  41. data/fonts/DVKQJxMmC9WF_oplMzlQqYX0hVgzZQUfRDuZrPvH3D8.woff2 +0 -0
  42. data/fonts/GpWpM_6S4VQLPNAQ3iWvVYX0hVgzZQUfRDuZrPvH3D8.woff2 +0 -0
  43. data/fonts/IcoMoon.eot +0 -0
  44. data/fonts/IcoMoon.svg +69 -0
  45. data/fonts/IcoMoon.ttf +0 -0
  46. data/fonts/IcoMoon.woff +0 -0
  47. data/fonts/PIPMHY90P7jtyjpXuZ2cLJBw1xU1rKptJj_0jans920.woff2 +0 -0
  48. data/fonts/PTSans-Bold.woff +0 -0
  49. data/fonts/PTSans-BoldItalic.woff +0 -0
  50. data/fonts/PTSans-Italic.woff +0 -0
  51. data/fonts/PTSans-Regular.woff +0 -0
  52. data/fonts/PatuaOne-Regular.woff +0 -0
  53. data/fonts/YDAoLskQQ5MOAgvHUQCcLWjF_m7mVnhXExjNED3rUtY.woff2 +0 -0
  54. data/fonts/YDAoLskQQ5MOAgvHUQCcLaa0P60JZGaCMFbL3N9v4H0.woff2 +0 -0
  55. data/fonts/YanoneKaffeesatz-Regular.woff +0 -0
  56. data/fonts/fhNmDCnjccoUYyU4ZASaLVKPGs1ZzpMvnHX-7fPOuAc.woff2 +0 -0
  57. data/fonts/g46X4VH_KHOWAAa-HpnGPgsYbbCjybiHxArTLjt7FRU.woff2 +0 -0
  58. data/fonts/hpORcvLZtemlH8gI-1S-7gsYbbCjybiHxArTLjt7FRU.woff2 +0 -0
  59. data/fonts/kTYfCWJhlldPf5LnG4ZnHAsYbbCjybiHxArTLjt7FRU.woff2 +0 -0
  60. data/fonts/lILlYDvubYemzYzN7GbLkA7aC6SjiAOpAWOKfJDfVRY.woff2 +0 -0
  61. data/fonts/lILlYDvubYemzYzN7GbLkBampu5_7CjHW5spxoeN3Vs.woff2 +0 -0
  62. data/fonts/lILlYDvubYemzYzN7GbLkBdwxCXfZpKo5kWAx_74bHs.woff2 +0 -0
  63. data/fonts/lILlYDvubYemzYzN7GbLkIjoYw3YTyktCCer_ilOlhE.woff2 +0 -0
  64. data/fonts/oysROHFTu1eTZ74Hcf8V-VKPGs1ZzpMvnHX-7fPOuAc.woff2 +0 -0
  65. data/fonts/yAXhog6uK3bd3OwBILv_SJBw1xU1rKptJj_0jans920.woff2 +0 -0
  66. data/images/bird_32_gray.png +0 -0
  67. data/images/bird_32_gray_fail.png +0 -0
  68. data/images/code_bg.png +0 -0
  69. data/images/construction.png +0 -0
  70. data/images/divider.png +0 -0
  71. data/images/dotted-border.png +0 -0
  72. data/images/email.png +0 -0
  73. data/images/gradback.png +0 -0
  74. data/images/gradhead.png +0 -0
  75. data/images/gradhover.png +0 -0
  76. data/images/line-tile.png +0 -0
  77. data/images/noise.png +0 -0
  78. data/images/rss.png +0 -0
  79. data/images/search.png +0 -0
  80. data/images/sorry.gif +0 -0
  81. data/javascripts/ender.js +45 -0
  82. data/javascripts/github.js +32 -0
  83. data/javascripts/libs/jXHR.js +85 -0
  84. data/javascripts/libs/jquery.min.js +5 -0
  85. data/javascripts/libs/modernizr.custom.55630.js +4 -0
  86. data/javascripts/libs/swfobject-dynamic.js +298 -0
  87. data/javascripts/modernizr-2.0.js +5 -0
  88. data/javascripts/octopress.js +151 -0
  89. data/javascripts/pinboard.js +56 -0
  90. data/javascripts/twitter.js +78 -0
  91. metadata +90 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 5df7d757c4d407e4fe92d7e8fde16e8930494c5e
4
- data.tar.gz: f2fe96ceb55ec71915d824847a0dc6939ed72fcb
3
+ metadata.gz: 16bfa3b5d1e90092dbda4fab127e4040a995e903
4
+ data.tar.gz: e5b55dd74fbdbacbc05bce7250dc140fa409bd97
5
5
  SHA512:
6
- metadata.gz: 6ca21911303bf0174d35e8d997bbc679cd3f8d8616f48fb0e2f5f9c89f0dfa7d719faa396de657585177928daafd5e329fe722a513863df2065f0aa95fceefab
7
- data.tar.gz: 0fd0beabdfe191749a855959844ab911968158243bff8a689ac847ec31b17af970a8cc918d2c285ebee11e9feb4652a7c4a43af3b370a656d5fb02b98c73cc30
6
+ metadata.gz: 46b850217114329b24cd0d878907a9da5afefc0accfbfcc25fd95aef7cbbe66025c01bf5ee23e9dbd2fa32aa541da61417937a2a882af7139b2fab9e82711954
7
+ data.tar.gz: c6be7eef8b6eed98ce3af274116c960cfd594578fca098232dbc14056c7c8f9113b697160f0af83a67a6bb15792dfd0bf2b2b5e8763e9c3138de99a28d1baa1c
@@ -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}}">&larr; 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 &rarr;</a>
20
+ {% endif %}
21
+ </div>
22
+ </div>
data/_sass/_base.scss ADDED
@@ -0,0 +1,5 @@
1
+ @import "base/utilities";
2
+ @import "base/solarized";
3
+ @import "base/theme";
4
+ @import "base/typography";
5
+ @import "base/layout";
@@ -0,0 +1,8 @@
1
+ @import "partials/header";
2
+ @import "partials/navigation";
3
+ @import "partials/blog";
4
+ @import "partials/sharing";
5
+ @import "partials/syntax";
6
+ @import "partials/archive";
7
+ @import "partials/sidebar";
8
+ @import "partials/footer";
@@ -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
+ }