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,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
- }