jekyll-lenciel-theme 0.1.8 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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,21 +0,0 @@
1
- // Here you can easily change your sites's layout.
2
- // To give it a try, uncomment some of the lines below, make changes, rebuild your blog, and see how it works.
3
-
4
- //$header-font-size: 1em;
5
- //$header-padding-top: 1.5em;
6
- //$header-padding-bottom: 1.5em;
7
-
8
- $max-width: 1000px;
9
- $indented-lists: true;
10
-
11
- // Padding used for layout margins
12
- //$pad-min: 18px;
13
- //$pad-narrow: 25px;
14
- //$pad-medium: 35px;
15
- //$pad-wide: 55px;
16
-
17
- // Sidebar widths used in media queries
18
- //$sidebar-width-medium: 240px;
19
- //$sidebar-pad-medium: 15px;
20
- //$sidebar-pad-wide: 20px;
21
- //$sidebar-width-wide: 300px;
@@ -1,50 +0,0 @@
1
- // Navigation
2
- body > nav {
3
- @include single-box-shadow(#000, 0px, 2px, 5px);
4
- li + li {
5
- border-left: none;
6
- a {
7
- border-left: none;
8
- }
9
- }
10
- ul.main-navigation {
11
- padding-left: 3px;
12
- }
13
- // ul.subscription {
14
- // display: none;
15
- // }
16
- a {
17
- &:hover {
18
- color: hsl(209.01, 86.94%, 50.04%);
19
- text-shadow:
20
- hsl(209.01, 86.94%, 42.04%) 0px 0px 5px,
21
- hsl(209.01, 86.94%, 42.04%) 0px 0px 7px,
22
- hsl(209.01, 86.94%, 52.04%) 0px 0px 9px,
23
- hsl(209.01, 86.94%, 52.04%) 0px 0px 11px,
24
- hsl(0, 0%, 0%) 0 0 2px;
25
-
26
- }
27
- i {
28
- color: hsl(209.01, 86.94%, 50.04%);
29
- text-shadow:
30
- hsl(209.01, 86.94%, 42.04%) 0px 0px 5px,
31
- hsl(209.01, 86.94%, 42.04%) 0px 0px 7px,
32
- hsl(209.01, 86.94%, 52.04%) 0px 0px 9px,
33
- hsl(209.01, 86.94%, 52.04%) 0px 0px 11px,
34
- hsl(0, 0%, 0%) 0 0 2px;
35
- &.icon-home, &.icon-book-alt, &.icon-user {
36
- padding-right: 5px;
37
- }
38
- }
39
- }
40
- }
41
-
42
- .divider {
43
- position: absolute;
44
- display: block;
45
- height: 42px; /* this */
46
- width: 1px; /* where the magic happens */
47
- @include background-image(linear-gradient(top, rgb(40, 54, 62) 50%, rgb(30, 40, 47) 100%));
48
- margin: -.57em 0em 0em 0em; /* pulls the border to the top of the header */
49
- box-shadow: 1px 0 0 0 rgba(255,255,255,.1); /* white highlight on the inside of the border, ff now accepts this w/o a prefix */
50
- }
@@ -1,81 +0,0 @@
1
- // This File is imported last, and will override other styles in the cascade
2
- // Add styles here to make changes without digging in too much
3
-
4
- // Import
5
- @import "icomoon";
6
- @import "footnotes";
7
- @import "tablestyle";
8
- @import "background";
9
- @import "header";
10
- @import "navigation";
11
- @import "article";
12
- @import "footer";
13
-
14
- // Main layout
15
- html {
16
- body > div > div {
17
- border-right: none;
18
- }
19
-
20
- audio {
21
- width:100%;
22
- }
23
-
24
- i.icon { // 使用 Pictos 的 icon font
25
- font-family: 'Pictos Custom';
26
- -webkit-font-smoothing: antialiased;
27
- font-style: normal;
28
- font-weight: normal;
29
- font-size: 22px;
30
- }
31
-
32
- ::selection {
33
- color: hsl(0, 0, 100%);
34
- background: hsl(0, 0, 0); /* Safari */
35
- }
36
- ::-moz-selection {
37
- color: hsl(0, 0, 100%);
38
- background: hsl(0, 0, 0); /* Firefox */
39
- }
40
- }
41
-
42
- // Responsive design
43
- @media only screen and (min-width: 1037px) {
44
- body > nav {
45
- @include border-top-radius(.4em);
46
- }
47
-
48
- body > footer {
49
- @include border-bottom-radius(.4em);
50
- }
51
- }
52
-
53
- @media only screen and (min-width: 550px) {
54
- body > header > hgroup {
55
- section div#banner {
56
- display: none;
57
- }
58
- }
59
- }
60
-
61
- // the divider between links in navigator
62
- @media only screen and (min-width: 992px) {
63
- .divider {
64
- height: 48px; /* this */
65
- margin: -.57em 0em 0em 0em; /* pulls the border to the top of the header */
66
- }
67
- }
68
-
69
- @media only screen and (max-width: 992px) {
70
- .divider {
71
- height: 42px; /* this */
72
- margin: -.57em 0em 0em 0em; /* pulls the border to the top of the header */
73
- }
74
- }
75
-
76
- @media only screen and (max-width: 768px) {
77
- .divider {
78
- height: 40px;
79
- margin: -.53em 0 0 0;
80
- }
81
- }
@@ -1,37 +0,0 @@
1
- // table style
2
- #gradient-style
3
- {
4
- margin-bottom: 1.5em;
5
- width: 100%;
6
- text-align: left;
7
- border-collapse: collapse;
8
- }
9
- #gradient-style th
10
- {
11
- text-align: left;
12
- font-weight: normal;
13
- padding: 8px;
14
- background: #b9c9fe url('../images/gradhead.png') repeat-x;
15
- border-top: 2px solid #d3ddff;
16
- border-bottom: 1px solid #fff;
17
- color: #039;
18
- }
19
- #gradient-style td
20
- {
21
- padding: 8px;
22
- border-bottom: 1px solid #fff;
23
- color: #669;
24
- border-top: 1px solid #fff;
25
- background: #e8edff url('../images/gradback.png') repeat-x;
26
- }
27
- #gradient-style tfoot tr td
28
- {
29
- background: #e8edff;
30
- font-size: 12px;
31
- color: #99c;
32
- }
33
- #gradient-style tbody tr:hover td
34
- {
35
- background: #d0dafd url('../images/gradhover.png') repeat-x;
36
- color: #339;
37
- }
@@ -1,72 +0,0 @@
1
- #archive {
2
- #content > div { &, > article { padding-top: 0; } }
3
- }
4
- #blog-archives {
5
- article {
6
- padding: 1em 0 1em;
7
- position: relative;
8
- background: $img-border bottom left repeat-x;
9
- &:last-child {
10
- background: none;
11
- }
12
- footer { padding: 0; margin: 0;}
13
- }
14
- h1 { color: $text-color; margin-bottom: .3em; }
15
- h2 { display: none; }
16
- h1 {
17
- font-size: 1.5em;
18
- a {
19
- @include hover-link;
20
- color: inherit;
21
- &:hover { color: $link-color-hover; }
22
- font-weight: normal;
23
- display: inline-block;
24
- }
25
- }
26
- a.category, time {
27
- @extend .sans;
28
- color: $text-color-light;
29
- }
30
- color: $text-color-light;
31
- .entry-content { display: none; }
32
- time {
33
- font-size: .9em;
34
- line-height: 1.2em;
35
- .month, .day { display: inline-block; }
36
- .month { text-transform: uppercase; }
37
- }
38
- p { margin-bottom: 1em; }
39
- &, .entry-content { a { @include link-colors(inherit, $link-color-hover); }}
40
- a:hover { color: $link-color-hover; }
41
- @media only screen and (min-width: 550px) {
42
- article { margin-left: 5em; }
43
- h2 {
44
- margin-bottom: .3em;
45
- font-weight: normal;
46
- display: inline-block;
47
- position: relative; top: -1px;
48
- float: left;
49
- &:first-child { padding-top: .75em; }
50
- }
51
- time {
52
- position: absolute;
53
- text-align: right;
54
- left: 0em;
55
- top: 1.8em;
56
- }
57
- .year { display: none; }
58
- article {
59
- padding:{left: 4.5em; bottom: .7em;}
60
- }
61
- a.category {
62
- line-height: 1.1em;
63
- }
64
- }
65
- }
66
- #content > .category {
67
- article {
68
- margin-left: 0;
69
- padding-left: 6.8em;
70
- }
71
- .year { display: inline; }
72
- }
@@ -1,157 +0,0 @@
1
- article {
2
- padding-top: 1em;
3
- a {
4
- color: #d0648a;
5
- font-weight: bold;
6
- text-decoration: none;
7
- text-shadow: 1px 1px #efefef,2px 2px #ccc;
8
- word-wrap: break-word;
9
- -webkit-transition-duration: 0.5s;
10
- -moz-transition-duration: 0.5s;
11
- -ms-transition-duration: 0.5s;
12
- -o-transition-duration: 0.5s;
13
- transition-duration: 0.5s;
14
- }
15
- header {
16
- position: relative;
17
- padding-top: 2em;
18
- padding-bottom: 1em;
19
- margin-bottom: 1em;
20
- background: $img-border bottom left repeat-x;
21
- h1 {
22
- margin: 0;
23
- text-shadow: 1px 1px #efefef,2px 2px #828887;
24
- a { text-decoration: none;
25
- &:hover { text-decoration: none; } }
26
- }
27
- p {
28
- font-size: .9em;
29
- color: $text-color-light;
30
- margin: 0;
31
- &.meta {
32
- @extend .sans;
33
- text-transform: uppercase;
34
- position: absolute; top: 0;
35
- }
36
- }
37
- @media only screen and (min-width: 768px) {
38
- margin-bottom: 1.5em;
39
- padding-bottom: 1em;
40
- background: $img-border bottom left repeat-x;
41
- }
42
- }
43
- h2 {
44
- text-shadow: 1px 1px #efefef,2px 2px #828887;
45
- padding-top: 0.8em;
46
- border-top: 3px dashed #828887;
47
- }
48
- .entry-content & h2:first-child, header + h2 { padding-top: 0; }
49
- h2:first-child, header + h2 { background: none; }
50
- .feature {
51
- padding-top: .5em;
52
- margin-bottom: 1em;
53
- padding-bottom: 1em;
54
- background: $img-border bottom left repeat-x;
55
- font-size: 2.0em; font-style: italic;
56
- line-height: 1.3em;
57
- }
58
- img, video, .flash-video {
59
- @extend .flex-content;
60
- @extend .basic-alignment;
61
- @include shadow-box;
62
- }
63
- video, .flash-video { margin: 0 auto 1.5em; }
64
- video { display: block; width: 100%; }
65
- .flash-video {
66
- > div {
67
- position: relative;
68
- display: block;
69
- padding-bottom: 56.25%;
70
- padding-top: 1px;
71
- height: 0;
72
- overflow: hidden;
73
- iframe, object, embed {
74
- position: absolute;
75
- top: 0;
76
- left: 0;
77
- width: 100%;
78
- height: 100%;
79
- }
80
- }
81
- }
82
- > footer {
83
- padding-bottom: 2.5em;
84
- margin-top: 2em;
85
- @extend .sans;
86
- p.meta {
87
- margin-bottom: .8em;
88
- font-size: .85em;
89
- clear: both;
90
- overflow: hidden;
91
- }
92
- .byline + time:before, time +time:before, .comments:before, .byline ~ .categories:before {
93
- @extend .separator;
94
- }
95
- }
96
-
97
- }
98
- article + article {
99
- .blog-index & {
100
- border-top: 3px dashed #828887;
101
- }
102
- }
103
- #content .blog-index {
104
- padding: { top: 0; bottom: 0; }
105
- article { padding-top: 2em; }
106
- article header { background: none; padding-bottom: 0; }
107
- article h1 {
108
- font-size: 2.2em;
109
- text-shadow: 1px 1px #efefef,2px 2px #828887;
110
- a { text-decoration: none;
111
- color: inherit;
112
- &:hover { text-decoration: none; color: $link-color-hover;} }
113
- }
114
- a[rel=full-article] {
115
- background: darken($main-bg, 5);
116
- display: inline-block;
117
- padding: .4em .8em;
118
- margin-right: .5em;
119
- text-decoration: none;
120
- color: mix($text-color, $text-color-light);
121
- @extend .serif;
122
- @include transition(background-color .5s);
123
- &:hover {
124
- background: $link-color-hover;
125
- text-shadow: none;
126
- color: $main-bg;
127
- }
128
- }
129
- footer {
130
- @extend .sans;
131
- margin-top: 1em;
132
- }
133
- }
134
-
135
- .separator {
136
- content: "\2022 ";
137
- padding: 0 .4em 0 .2em;
138
- display: inline-block;
139
- }
140
-
141
- #content div.pagination {
142
- text-align: center;
143
- font-size: .95em;
144
- position: relative;
145
- border-top: 3px dashed #828887;
146
- padding: {top: 1.5em; bottom: 1.5em;}
147
- a {
148
- text-decoration: none;
149
- color: $text-color-light;
150
- &.prev { position: absolute; left: 0; }
151
- &.next { position: absolute; right: 0; }
152
- &:hover { color: $link-color-hover; }
153
- &[href*=archive] {
154
- &:before, &:after { content: '\2014'; padding: 0 .3em; }
155
- }
156
- }
157
- }
@@ -1,19 +0,0 @@
1
- body > footer {
2
- @extend .sans;
3
- font-size: .8em;
4
- color: $footer-color;
5
- text-shadow: lighten($footer-bg, 5) 0 1px;
6
- background-color: $footer-bg;
7
- @include background($footer-bg-front, $footer-bg-back);
8
- border-top: 1px solid $footer-border-top;
9
- position: relative;
10
- padding-top: 1em;
11
- padding-bottom: 1em;
12
- margin-bottom: 3em;
13
- @include border-bottom-radius(.4em);
14
- z-index: 1;
15
- a {
16
- @include link-colors($footer-link-color, $footer-link-color-hover, $visited: $footer-link-color);
17
- }
18
- p:last-child { margin-bottom: 0; }
19
- }
@@ -1,18 +0,0 @@
1
- body > header {
2
- background: $header-bg;
3
- h1 {
4
- display: inline-block;
5
- margin: 0;
6
- a, a:visited, a:hover {
7
- color: $title_color;
8
- text-decoration: none;
9
- }
10
- }
11
- h2 {
12
- margin: .2em 0 0;
13
- @extend .sans;
14
- font-size: 1em;
15
- color: $subtitle-color;
16
- font-weight: normal;
17
- }
18
- }