jekyll-lenciel-theme 0.1.8 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (38) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/head.html +4 -4
  3. data/assets/stylesheets/data-table.css +31 -0
  4. data/assets/stylesheets/screen.css +1 -0
  5. metadata +7 -66
  6. data/_sass/_base.scss +0 -5
  7. data/_sass/_partials.scss +0 -8
  8. data/_sass/base/_layout.scss +0 -192
  9. data/_sass/base/_solarized.scss +0 -46
  10. data/_sass/base/_theme.scss +0 -86
  11. data/_sass/base/_typography.scss +0 -162
  12. data/_sass/base/_utilities.scss +0 -28
  13. data/_sass/custom/_article.scss +0 -88
  14. data/_sass/custom/_background.scss +0 -3
  15. data/_sass/custom/_colors.scss +0 -48
  16. data/_sass/custom/_fonts.scss +0 -16
  17. data/_sass/custom/_footer.scss +0 -68
  18. data/_sass/custom/_footnotes.scss +0 -4
  19. data/_sass/custom/_header.scss +0 -11
  20. data/_sass/custom/_icomoon.scss +0 -204
  21. data/_sass/custom/_layout.scss +0 -21
  22. data/_sass/custom/_navigation.scss +0 -50
  23. data/_sass/custom/_styles.scss +0 -81
  24. data/_sass/custom/_tablestyle.scss +0 -37
  25. data/_sass/partials/_archive.scss +0 -72
  26. data/_sass/partials/_blog.scss +0 -157
  27. data/_sass/partials/_footer.scss +0 -19
  28. data/_sass/partials/_header.scss +0 -18
  29. data/_sass/partials/_navigation.scss +0 -137
  30. data/_sass/partials/_sharing.scss +0 -8
  31. data/_sass/partials/_sidebar.scss +0 -5
  32. data/_sass/partials/_syntax.scss +0 -278
  33. data/_sass/partials/sidebar/_base.scss +0 -106
  34. data/_sass/partials/sidebar/_delicious.scss +0 -4
  35. data/_sass/partials/sidebar/_googleplus.scss +0 -26
  36. data/_sass/partials/sidebar/_pinboard.scss +0 -12
  37. data/_sass/partials/sidebar/_twitter.scss +0 -34
  38. data/assets/stylesheets/screen.scss +0 -15
@@ -1,137 +0,0 @@
1
- body > nav {
2
- position: relative;
3
- background-color: $nav-bg;
4
- @include background($nav-bg-front, $nav-bg-back);
5
- border: {
6
- top: 1px solid $nav-border-top;
7
- bottom: 1px solid $nav-border-bottom; }
8
- padding-top: .35em;
9
- padding-bottom: .35em;
10
- form {
11
- @include background-clip(padding-box);
12
- margin: 0; padding: 0;
13
- .search {
14
- padding: .3em .5em 0;
15
- font-size: .85em;
16
- font-family: $sans;
17
- line-height: 1.1em;
18
- width: 95%;
19
- @include border-radius(.5em);
20
- @include background-clip(padding-box);
21
- @include box-shadow(lighten($nav-bg, 2) 0 1px);
22
- background-color: lighten($nav-bg, 15);
23
- border: 1px solid $nav-border;
24
- color: #888;
25
- &:focus {
26
- color: #444;
27
- border-color: #80b1df;
28
- @include box-shadow(#80b1df 0 0 4px, #80b1df 0 0 3px inset);
29
- background-color: #fff;
30
- outline: none;
31
- }
32
- }
33
- }
34
- fieldset[role=search]{ float: right; width: 48%; }
35
- fieldset.mobile-nav{ float: left; width: 48%;
36
- select{ width: 100%; font-size: .8em; border: 1px solid #888;}
37
- }
38
- ul { display: none; }
39
- @media only screen and (min-width: 550px) {
40
- font-size: .9em;
41
- ul {
42
- @include horizontal-list(0);
43
- float: left;
44
- display: block;
45
- padding-top: .15em;
46
- }
47
- ul.subscription {
48
- margin-left: .8em;
49
- float: right;
50
- li:last-child a { padding-right: 0; }
51
- }
52
- ul li {
53
- margin: 0;
54
- }
55
- a {
56
- @include link-colors($nav-color, $nav-color-hover, $visited: $nav-color);
57
- font-family: $sans;
58
- text-shadow: lighten($nav-bg, 12) 0 1px;
59
- float: left;
60
- text-decoration: none;
61
- font-size: 1.1em;
62
- padding: .1em 0;
63
- line-height: 1.5em;
64
- }
65
- li + li {
66
- border-left: 1px solid $nav-border-left;
67
- margin-left: .8em;
68
- a {
69
- padding-left: .8em;
70
- border-left: 1px solid $nav-border-right;
71
- }
72
- }
73
- form {
74
- float: right;
75
- text-align: left;
76
- padding-left: .8em;
77
- width: $sidebar-width-medium - $pad-medium*2 - $sidebar-pad-medium + 20px;
78
- .search {
79
- width: 93%;
80
- font-size: .95em;
81
- line-height: 1.2em;
82
- }
83
- }
84
- ul[data-subscription$=email] + form {
85
- width: $sidebar-width-medium - $pad-medium*2 - $sidebar-pad-medium - 58px;
86
- .search { width: 91%; }
87
- }
88
- fieldset.mobile-nav { display: none; }
89
- fieldset[role=search]{ width: 99%; }
90
- }
91
- @media only screen and (min-width: 992px) {
92
- form {
93
- width: $sidebar-width-wide - $pad-wide - $sidebar-pad-wide*2 + 10px;
94
- }
95
- ul[data-subscription$=email] + form {
96
- width: $sidebar-width-wide - $pad-wide - $sidebar-pad-wide*2 - 58px;
97
- }
98
- }
99
- }
100
- .no-placeholder {
101
- body > nav .search {
102
- background: lighten($nav-bg, 15) image-url('search.png') .3em .25em no-repeat;
103
- text-indent: 1.3em;
104
- }
105
- }
106
- @mixin mask-subscription-nav($feed: 'rss.png'){
107
- position: relative; top: 0px;
108
- text-indent: -999999em;
109
- background-color: $nav-border-right;
110
- border: 0;
111
- padding: 0;
112
- &,&:after { @include mask-image($feed); }
113
- &:after {
114
- content: "";
115
- position: absolute; top: -1px; left: 0;
116
- background-color: lighten($nav-color, 25);
117
- }
118
- &:hover:after { background-color: lighten($nav-color, 20); }
119
- }
120
- .maskImage {
121
- body > nav {
122
- @media only screen and (min-width: 550px) {
123
- ul[data-subscription$=email] + form {
124
- width: $sidebar-width-medium - $pad-medium*2 - $sidebar-pad-medium - 32px;
125
- }
126
- }
127
- @media only screen and (min-width: 992px) {
128
- ul[data-subscription$=email] + form {
129
- width: $sidebar-width-wide - $pad-wide - $sidebar-pad-wide*2 - 32px;
130
- }
131
- }
132
- }
133
- ul.subscription { position: relative; top: .2em; li, a { border: 0; padding: 0; }}
134
- a[rel=subscribe-rss]{ @include mask-subscription-nav('rss.png'); }
135
- a[rel=subscribe-email]{ @include mask-subscription-nav('email.png'); }
136
- }
137
-
@@ -1,8 +0,0 @@
1
- .sharing {
2
- p.meta + & {
3
- padding: { top: 1em; left: 0; }
4
- background: $img-border top left repeat-x;
5
- }
6
- }
7
-
8
- #fb-root { display: none; }
@@ -1,5 +0,0 @@
1
- @import "sidebar/base";
2
- @import "sidebar/twitter";
3
- @import "sidebar/googleplus";
4
- @import "sidebar/pinboard";
5
- @import "sidebar/delicious";
@@ -1,278 +0,0 @@
1
- .highlight, html .gist .gist-file .gist-syntax .gist-highlight {
2
- table td.code { width: 100%; }
3
- border: 1px solid $pre-border !important;
4
- }
5
- .highlight .line-numbers, html .gist .gist-file .gist-syntax .highlight .line_numbers {
6
- text-align: right;
7
- font-size: 13px;
8
- line-height: 1.45em;
9
- @if $solarized == light {
10
- background: lighten($base03, 1) $noise-bg !important;
11
- border-right: 1px solid darken($base02, 2) !important;
12
- @include box-shadow(lighten($base03, 2) -1px 0 inset);
13
- text-shadow: lighten($base02, 2) 0 -1px;
14
- } @else {
15
- background: $base02 $noise-bg !important;
16
- border-right: 1px solid darken($base03, 2) !important;
17
- @include box-shadow(lighten($base02, 2) -1px 0 inset);
18
- text-shadow: darken($base02, 10) 0 -1px;
19
- }
20
- span { color: $base01 !important; }
21
- padding: .8em !important;
22
- @include border-radius(0);
23
- }
24
-
25
- .line-data {
26
- font-size: 13px;
27
- }
28
-
29
- figure.code, .gist-file, pre {
30
- @include box-shadow(rgba(#000, .06) 0 0 10px);
31
- .highlight pre { @include box-shadow(none); }
32
- }
33
-
34
- .gist .highlight, figure.code .highlight {
35
- @include selection(adjust-color($base03, $lightness: 23%, $saturation: -65%), $text-shadow: $base03 0 1px);
36
- }
37
- html .gist .gist-file {
38
- margin-bottom: 1.8em;
39
- position: relative;
40
- border: none;
41
- padding-top: image-height("code_bg.png") !important;
42
- .highlight {
43
- margin-bottom: 0;
44
- }
45
- .gist-syntax {
46
- background: #01222d !important;
47
- color: #d5dee2 !important;
48
- padding: 0 2em;
49
- border-bottom: 0 !important;
50
- .gist-highlight {
51
- background: $base03 !important;
52
- }
53
- .highlight pre {
54
- @extend .pre-code;
55
- padding: 0;
56
- }
57
- }
58
- .gist-meta {
59
- padding: .6em 0.8em;
60
- font-size: .7em !important;
61
- @if $solarized == light {
62
- color: $base01;
63
- border: 1px solid lighten($base02, 2) !important;
64
- background: lighten($base03, 2) $noise-bg;
65
- border: 1px solid $pre-border !important;
66
- border-top: 1px solid lighten($base03, 2) !important;
67
- } @else {
68
- background: #01222d $noise-bg;
69
- text-shadow: none !important;
70
- color: #d5dee2;
71
- }
72
- @extend .sans;
73
- line-height: 1.5em;
74
- a {
75
- color: mix($base1, $base01) !important;
76
- @include hover-link;
77
- &:hover { color: $base1 !important; }
78
- }
79
- a[href*='#file'] {
80
- position: absolute; top: 0; left:0; right:0px;
81
- color: #474747 !important;
82
- @extend .code-title;
83
- &:hover { color: $link-color !important; }
84
- }
85
- a[href*=raw]{
86
- @extend .download-source;
87
- top: .4em;
88
- }
89
- }
90
- }
91
- pre {
92
- background: $pre-bg $noise-bg;
93
- @include border-radius(.4em);
94
- @extend .mono;
95
- border: 1px solid $pre-border;
96
- line-height: 1.45em;
97
- font-size: 13px;
98
- margin-bottom: 2.1em;
99
- padding: .8em 1em;
100
- color: $pre-color;
101
- overflow: auto;
102
- }
103
- h3.filename {
104
- @extend .code-title;
105
- + pre { @include border-top-radius(0px); }
106
- }
107
-
108
- p, li {
109
- code {
110
- @extend .mono;
111
- word-wrap: break-word;
112
- white-space: pre;
113
- display: inline-block;
114
- background: #B6DDEF;
115
- font-size: 90%;
116
- line-height: 1.5em;
117
- color: #555;
118
- border: 1px dashed #0181EB;
119
- @include border-radius(.4em);
120
- padding: 0 .3em;
121
- margin: -1px 0;
122
- }
123
- pre code { font-size: 1em !important; background: none; border: none; }
124
- }
125
-
126
- .pre-code {
127
- font-family: $mono !important;
128
- overflow: scroll;
129
- overflow-y: hidden;
130
- display: block;
131
- padding: .8em;
132
- overflow-x: auto;
133
- line-height: 1.45em;
134
- background: $base03 $noise-bg !important;
135
- color: $base1 !important;
136
- span { color: $base1 !important; }
137
- span { font-style: normal !important; font-weight: normal !important; }
138
-
139
- .c { color: $base01 !important; font-style: italic !important; } /* Comment */
140
- .cm { color: $base01 !important; font-style: italic !important; } /* Comment.Multiline */
141
- .cp { color: $base01 !important; font-style: italic !important; } /* Comment.Preproc */
142
- .c1 { color: $base01 !important; font-style: italic !important; } /* Comment.Single */
143
- .cs { color: $base01 !important; font-weight: bold !important; font-style: italic !important; } /* Comment.Special */
144
- .err { color: $solar-red !important; background: none !important; } /* Error */
145
- .k { color: $solar-orange !important; } /* Keyword */
146
- .o { color: $base1 !important; font-weight: bold !important; } /* Operator */
147
- .p { color: $base1 !important; } /* Operator */
148
- .ow { color: $solar-cyan !important; font-weight: bold !important; } /* Operator.Word */
149
- .gd { color: $base1 !important; background-color: mix($solar-red, $base03, 25%) !important; display: inline-block; } /* Generic.Deleted */
150
- .gd .x { color: $base1 !important; background-color: mix($solar-red, $base03, 35%) !important; display: inline-block; } /* Generic.Deleted.Specific */
151
- .ge { color: $base1 !important; font-style: italic !important; } /* Generic.Emph */
152
- //.gr { color: #aa0000 } /* Generic.Error */
153
- .gh { color: $base01 !important; } /* Generic.Heading */
154
- .gi { color: $base1 !important; background-color: mix($solar-green, $base03, 20%) !important; display: inline-block; } /* Generic.Inserted */
155
- .gi .x { color: $base1 !important; background-color: mix($solar-green, $base03, 40%) !important; display: inline-block; } /* Generic.Inserted.Specific */
156
- //.go { color: #888888 } /* Generic.Output */
157
- //.gp { color: #555555 } /* Generic.Prompt */
158
- .gs { color: $base1 !important; font-weight: bold !important; } /* Generic.Strong */
159
- .gu { color: $solar-violet !important; } /* Generic.Subheading */
160
- //.gt { color: #aa0000 } /* Generic.Traceback */
161
- .kc { color: $solar-green !important; font-weight: bold !important; } /* Keyword.Constant */
162
- .kd { color: $solar-blue !important; } /* Keyword.Declaration */
163
- .kp { color: $solar-orange !important; font-weight: bold !important; } /* Keyword.Pseudo */
164
- .kr { color: $solar-magenta !important; font-weight: bold !important; } /* Keyword.Reserved */
165
- .kt { color: $solar-cyan !important; } /* Keyword.Type */
166
- .n { color: $solar-blue !important; }
167
- .na { color: $solar-blue !important; } /* Name.Attribute */
168
- .nb { color: $solar-green !important; } /* Name.Builtin */
169
- .nc { color: $solar-magenta !important;} /* Name.Class */
170
- .no { color: $solar-yellow !important; } /* Name.Constant */
171
- //.ni { color: #800080 } /* Name.Entity */
172
- .nl { color: $solar-green !important; }
173
- .ne { color: $solar-blue !important; font-weight: bold !important; } /* Name.Exception */
174
- .nf { color: $solar-blue !important; font-weight: bold !important; } /* Name.Function */
175
- .nn { color: $solar-yellow !important; } /* Name.Namespace */
176
- .nt { color: $solar-blue !important; font-weight: bold !important; } /* Name.Tag */
177
- .nx { color: $solar-yellow !Important; }
178
- //.bp { color: #999999 } /* Name.Builtin.Pseudo */
179
- //.vc { color: #008080 } /* Name.Variable.Class */
180
- .vg { color: $solar-blue !important; } /* Name.Variable.Global */
181
- .vi { color: $solar-blue !important; } /* Name.Variable.Instance */
182
- .nv { color: $solar-blue !important; } /* Name.Variable */
183
- //.w { color: #bbbbbb } /* Text.Whitespace */
184
- .mf { color: $solar-cyan !important; } /* Literal.Number.Float */
185
- .m { color: $solar-cyan !important; } /* Literal.Number */
186
- .mh { color: $solar-cyan !important; } /* Literal.Number.Hex */
187
- .mi { color: $solar-cyan !important; } /* Literal.Number.Integer */
188
- //.mo { color: #009999 } /* Literal.Number.Oct */
189
- .s { color: $solar-cyan !important; } /* Literal.String */
190
- //.sb { color: #d14 } /* Literal.String.Backtick */
191
- //.sc { color: #d14 } /* Literal.String.Char */
192
- .sd { color: $solar-cyan !important; } /* Literal.String.Doc */
193
- .s2 { color: $solar-cyan !important; } /* Literal.String.Double */
194
- .se { color: $solar-red !important; } /* Literal.String.Escape */
195
- //.sh { color: #d14 } /* Literal.String.Heredoc */
196
- .si { color: $solar-blue !important; } /* Literal.String.Interpol */
197
- //.sx { color: #d14 } /* Literal.String.Other */
198
- .sr { color: $solar-cyan !important; } /* Literal.String.Regex */
199
- .s1 { color: $solar-cyan !important; } /* Literal.String.Single */
200
- //.ss { color: #990073 } /* Literal.String.Symbol */
201
- //.il { color: #009999 } /* Literal.Number.Integer.Long */
202
- div { .gd, .gd .x, .gi, .gi .x { display: inline-block; width: 100%; }}
203
- }
204
-
205
- .highlight, .gist-highlight {
206
- pre { background: none; @include border-radius(0px); border: none; padding: 0; margin-bottom: 0; }
207
- margin-bottom: 1.8em;
208
- background: $base03;
209
- overflow-y: hidden;
210
- overflow-x: auto;
211
- }
212
-
213
- $solar-scroll-bg: rgba(#fff, .15);
214
- $solar-scroll-thumb: rgba(#fff, .2);
215
- @if $solarized == light {
216
- $solar-scroll-bg: rgba(#000, .15);
217
- $solar-scroll-thumb: rgba(#000, .15);
218
- }
219
-
220
- pre, .highlight, .gist-highlight {
221
- &::-webkit-scrollbar { height: .5em; background: $solar-scroll-bg; }
222
- &::-webkit-scrollbar-thumb:horizontal { background: $solar-scroll-thumb; -webkit-border-radius: 4px; border-radius: 4px }
223
- }
224
-
225
- .highlight code {
226
- @extend .pre-code; background: #000;
227
- }
228
- figure.code {
229
- background: none;
230
- padding: 0;
231
- border: 0;
232
- margin-bottom: 1.5em;
233
- pre { margin-bottom: 0; }
234
- figcaption {
235
- position: relative;
236
- @extend .code-title;
237
- a { @extend .download-source; }
238
- }
239
- .highlight {
240
- margin-bottom: 0;
241
- }
242
- }
243
-
244
- .code-title {
245
- text-align: center;
246
- font-size: 13px;
247
- line-height: 2em;
248
- text-shadow: #cbcccc 0 1px 0;
249
- color: #474747;
250
- font-weight: normal;
251
- margin-bottom: 0;
252
- @include border-top-radius(5px);
253
- font-family: "Helvetica Neue", Arial, "Lucida Grande", "Lucida Sans Unicode", Lucida, sans-serif;
254
- background: #aaaaaa image-url("code_bg.png") top repeat-x;
255
- border: 1px solid #565656;
256
- border-top-color: #cbcbcb;
257
- border-left-color: #a5a5a5;
258
- border-right-color: #a5a5a5;
259
- border-bottom: 0;
260
- }
261
-
262
- .download-source {
263
- position: absolute; right: .8em;
264
- @include hover-link;
265
- color: #666 !important;
266
- z-index: 1;
267
- font-size: 13px;
268
- text-shadow: #cbcccc 0 1px 0;
269
- padding-left: 3em;
270
- }
271
-
272
- .gist-file {
273
- font-size:.8em !important;
274
- }
275
-
276
- table.lines{
277
- width: 100%;
278
- }
@@ -1,106 +0,0 @@
1
- .side-shadow-border {
2
- @include box-shadow(lighten($sidebar-bg, 5) 0 1px);
3
- }
4
- aside.sidebar {
5
- overflow: hidden;
6
- color: $sidebar-color;
7
- text-shadow: lighten($sidebar-bg, 8) 0 1px;
8
- a { @extend .force-wrap; }
9
- section {
10
- @extend .sans;
11
- font-size: .8em;
12
- line-height: 1.4em;
13
- margin-bottom: 1.5em;
14
- h1 {
15
- margin: 1.5em 0 0;
16
- padding-bottom: .2em;
17
- border-bottom: 1px solid $sidebar-border;
18
- @extend .side-shadow-border;
19
- + p {
20
- padding-top: .4em;
21
- }
22
- }
23
- }
24
- img {
25
- @extend .flex-content;
26
- @extend .basic-alignment;
27
- @include shadow-box($border: #fff .3em solid);
28
- }
29
- ul {
30
- margin-bottom: 0.5em;
31
- margin-left: 0;
32
- }
33
- li {
34
- list-style: none;
35
- padding: .5em 0;
36
- margin: 0;
37
- border-bottom: 1px solid $sidebar-border;
38
- @extend .side-shadow-border;
39
- p:last-child {
40
- margin-bottom: 0;
41
- }
42
- }
43
- a {
44
- color: inherit;
45
- @include transition(color .5s);
46
- }
47
- &:hover a {
48
- color: $sidebar-link-color;
49
- &:hover { color: $sidebar-link-color-hover; }
50
- }
51
- }
52
- .aside-alt-link {
53
- color: $sidebar-link-color-subdued;
54
- &:hover {
55
- color: $sidebar-link-color-subdued-hover;
56
- }
57
- }
58
-
59
- @media only screen and (min-width: 768px) {
60
- .toggle-sidebar {
61
- outline: none;
62
- position: absolute; right: -10px; top: 0; bottom: 0;
63
- display: inline-block;
64
- text-decoration: none;
65
- color: mix($text-color-light, $sidebar-bg);
66
- width: 9px;
67
- cursor: pointer;
68
- &:hover {
69
- background: mix($sidebar-border, $sidebar-bg);
70
- @include background(linear-gradient(left, rgba($sidebar-border, .5), rgba($sidebar-border, 0)));
71
- }
72
- &:after {
73
- position: absolute; right: -11px; top: 0;
74
- width: 20px;
75
- font-size: 1.2em;
76
- line-height: 1.1em;
77
- padding-bottom: .15em;
78
- @include border-bottom-right-radius(.3em);
79
- text-align: center;
80
- background: $main-bg $noise-bg;
81
- border-bottom: 1px solid $sidebar-border;
82
- border-right: 1px solid $sidebar-border;
83
- content: "\00BB";
84
- text-indent: -1px;
85
- }
86
- .collapse-sidebar & {
87
- text-indent: 0px;
88
- right: -20px;
89
- width: 19px;
90
- &:hover {
91
- background: mix($sidebar-border, $sidebar-bg);
92
- }
93
- &:after {
94
- border-left: 1px solid $sidebar-border;
95
- text-shadow: #fff 0 1px;
96
- content: "\00AB";
97
- left: 0px; right: 0;
98
- text-align: center;
99
- text-indent: 0;
100
- border: 0;
101
- border-right-width: 0;
102
- background: none;
103
- }
104
- }
105
- }
106
- }