Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Theme changes

  • Loading branch information...
commit 12c12c46cecb26e276884dc143a39a5c556085e2 1 parent d22088c
@dsog authored
View
2  sass/_base.scss
@@ -2,4 +2,4 @@
@import "base/font";
@import "base/layout";
@import "base/typography";
-@import "base/utilities";
+@import "base/utilities";
View
4 sass/_custom.scss
@@ -0,0 +1,4 @@
+@import "custom/layout";
+@import "custom/parts/post";
+@import "custom/parts/article";
+
View
2  sass/base/_color.scss
@@ -4,4 +4,4 @@ $gray01: #666;
$gray02: #999;
$gray03: #ccc;
$gray04: #ddd;
-$gray05: #fff;
+$gray05: #fff;
View
56 sass/base/_layout.scss
@@ -1,49 +1,49 @@
$max-width: 1000px;
*{
- margin: 0;
- padding: 0;
+ margin: 0;
+ padding: 0;
}
body{
- font-family: $default;
- font-weight: 300;
- font-size: 14px;
- background: $background;
- color: $gray01;
- @media screen and (max-width: 1040px){
- margin: 0 20px;
- }
- @media screen and (max-width: 600px){
- font-size: 13px;
- }
+ font-family: $default;
+ font-weight: 300;
+ font-size: 14px;
+ background: $background;
+ color: $gray01;
+ @media screen and (max-width: 1040px){
+ margin: 0 20px;
+ }
+ @media screen and (max-width: 600px){
+ font-size: 13px;
+ }
}
h1{
- font-size: 1.8em;
+ font-size: 1.8em;
}
h2{
- font-size: 1.5em;
+ font-size: 1.5em;
}
h3{
- font-size: 1.3em;
+ font-size: 1.3em;
}
a{
- text-decoration: none;
- outline-width: 0;
- color: $main;
+ text-decoration: none;
+ outline-width: 0;
+ color: $main;
}
.left{
- float: left;
+ float: left;
}
.right{
- float: right;
+ float: right;
}
.clear{
- @include pie-clearfix;
+ @include pie-clearfix;
}
.inner{
- width: $max-width;
- margin: 0 auto;
- @media screen and (max-width: 1040px){
- width: 100%;
- }
-}
+ width: $max-width;
+ margin: 0 auto;
+ @media screen and (max-width: 1040px){
+ width: 100%;
+ }
+}
View
4 sass/custom/_layout.scss
@@ -0,0 +1,4 @@
+body{
+ background: none !important;
+ font-size: inherit;
+}
View
6 sass/custom/parts/_article.scss
@@ -0,0 +1,6 @@
+article{
+ h1.title{
+ margin-bottom: 0px;
+ }
+}
+
View
18 sass/custom/parts/_post.scss
@@ -0,0 +1,18 @@
+.post{
+ h1.title, .entry{
+ margin-left: 0px;
+ }
+ .meta{
+ position: inherit;
+ top: inherit;
+ width: inherit;
+ margin-bottom: 35px;
+ padding-bottom: 1px;
+ .comments{
+ float: right;
+ }
+ .date{
+ float: left;
+ }
+ }
+}
View
242 sass/parts/_article.scss
@@ -1,124 +1,124 @@
article{
- border-bottom: 1px solid $gray04;
- border-top: 1px solid $gray05;
- padding: 30px 0;
- position: relative;
- @media screen and (max-width: 800px){
- padding-bottom: 15px;
- }
- @media screen and (max-width: 600px){
- padding: 15px 0;
- }
- h1.title{
- font-weight: 300;
- line-height: 35px;
- margin-bottom: 20px;
- a{
- color: $gray01;
- }
- }
- .entry{
- line-height: 2;
- text-align: justify;
- a{
- &:hover{
- text-decoration: underline;
- }
- }
- .more-link{
- display: block;
- margin-top: 20px;
- padding-left: 30px;
- background: image-url('more.png') 0 center no-repeat;
- }
- p, blockquote, ul, ol, dl, table, iframe, h1, h2, h3, h4, h5, h6, .video-container{
- margin-top: 10px;
- }
- ul, ol, dl{
- margin-left: 20px;
- ul, ol, dl{
- margin-top: 0;
- }
- }
- strong{
- font-weight: bold;
- }
- em{
- font-style: italic;
- }
- p{
- margin-top: 10px;
- }
- h2{
- font-weight: 300;
- border-bottom: 1px solid $gray04;
- position: relative;
- &:before{
- content: "";
- position: absolute;
- bottom: -2px;
- border-bottom: 1px solid $gray05;
- width: 100%;
- }
- }
- img, video{
- max-width: 100%;
- height: auto;
- }
- blockquote{
- background: $gray04;
- border-left: 5px solid $gray03;
- padding: 15px 20px;
- margin-top: 10px;
- & > p:first-of-type{
- margin-top: 0;
- }
- }
- iframe{
- border: none;
- }
- table{
- background: $gray04;
- border: 1px solid $gray03;
- border-spacing: 0;
- margin-top: 10px;
- th{
- background: $gray03;
- padding: 0 15px;
- }
- td{
- text-align: center;
- }
- tr{
- &:nth-of-type(2n){
- background: #d5d5d5;
- }
- }
- }
- .caption{
- background: image-url('caption.png') 0 4px no-repeat;
- display: block;
- font-size: $meta-size;
- color: $gray02;
- padding-left: 25px;
- }
- .video-container{
- position: relative;
- padding-bottom: 56.25%;
- padding-top: 30px;
- height: 0;
- overflow: hidden;
- iframe, object, embed{
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
- }
- }
+ border-bottom: 1px solid $gray04;
+ border-top: 1px solid $gray05;
+ padding: 30px 0;
+ position: relative;
+ @media screen and (max-width: 800px){
+ padding-bottom: 15px;
+ }
+ @media screen and (max-width: 600px){
+ padding: 15px 0;
+ }
+ h1.title{
+ font-weight: 300;
+ line-height: 35px;
+ margin-bottom: 20px;
+ a{
+ color: $gray01;
+ }
+ }
+ .entry{
+ line-height: 2;
+ text-align: justify;
+ a{
+ &:hover{
+ text-decoration: underline;
+ }
+ }
+ .more-link{
+ display: block;
+ margin-top: 20px;
+ padding-left: 30px;
+ background: image-url('more.png') 0 center no-repeat;
+ }
+ p, blockquote, ul, ol, dl, table, iframe, h1, h2, h3, h4, h5, h6, .video-container{
+ margin-top: 10px;
+ }
+ ul, ol, dl{
+ margin-left: 20px;
+ ul, ol, dl{
+ margin-top: 0;
+ }
+ }
+ strong{
+ font-weight: bold;
+ }
+ em{
+ font-style: italic;
+ }
+ p{
+ margin-top: 10px;
+ }
+ h2{
+ font-weight: 300;
+ border-bottom: 1px solid $gray04;
+ position: relative;
+ &:before{
+ content: "";
+ position: absolute;
+ bottom: -2px;
+ border-bottom: 1px solid $gray05;
+ width: 100%;
+ }
+ }
+ img, video{
+ max-width: 100%;
+ height: auto;
+ }
+ blockquote{
+ background: $gray04;
+ border-left: 5px solid $gray03;
+ padding: 15px 20px;
+ margin-top: 10px;
+ & > p:first-of-type{
+ margin-top: 0;
+ }
+ }
+ iframe{
+ border: none;
+ }
+ table{
+ background: $gray04;
+ border: 1px solid $gray03;
+ border-spacing: 0;
+ margin-top: 10px;
+ th{
+ background: $gray03;
+ padding: 0 15px;
+ }
+ td{
+ text-align: center;
+ }
+ tr{
+ &:nth-of-type(2n){
+ background: #d5d5d5;
+ }
+ }
+ }
+ .caption{
+ background: image-url('caption.png') 0 4px no-repeat;
+ display: block;
+ font-size: $meta-size;
+ color: $gray02;
+ padding-left: 25px;
+ }
+ .video-container{
+ position: relative;
+ padding-bottom: 56.25%;
+ padding-top: 30px;
+ height: 0;
+ overflow: hidden;
+ iframe, object, embed{
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ }
+ }
+ }
}
.share{
- padding: 15px 0;
- @include border-shadow();
-}
+ padding: 15px 0;
+ @include border-shadow();
+}
View
80 sass/parts/_post.scss
@@ -1,41 +1,41 @@
.post{
- h1.title, .entry{
- margin-left: 200px;
- @media screen and (max-width: 800px){
- margin-left: 0;
- }
- }
- .meta{
- position: absolute;
- top: 85px;
- line-height: 2;
- font-size: $meta-size;
- color: $gray02;
- width: 170px;
- @media screen and (max-width: 800px){
- margin-top: 15px;
- position: static;
- width: auto;
- }
- a{
- @include link-colors($gray02, $gray01);
- @include transition(0.3s);
- }
- .date, .tags, .comments{
- padding-left: 30px;
- @media screen and (max-width: 800px){
- @include inline-block;
- margin-right: 30px;
- }
- }
- .date{
- background: image-url('date.png') 0 center no-repeat;
- }
- .tags{
- background: image-url('tags.png') 0 center no-repeat;
- }
- .comments{
- background: image-url('comments.png') 0 center no-repeat;
- }
- }
-}
+ h1.title, .entry{
+ margin-left: 200px;
+ @media screen and (max-width: 800px){
+ margin-left: 0;
+ }
+ }
+ .meta{
+ position: absolute;
+ top: 85px;
+ line-height: 2;
+ font-size: $meta-size;
+ color: $gray02;
+ width: 170px;
+ @media screen and (max-width: 800px){
+ margin-top: 15px;
+ position: static;
+ width: auto;
+ }
+ a{
+ @include link-colors($gray02, $gray01);
+ @include transition(0.3s);
+ }
+ .date, .tags, .comments{
+ padding-left: 30px;
+ @media screen and (max-width: 800px){
+ @include inline-block;
+ margin-right: 30px;
+ }
+ }
+ .date{
+ background: image-url('date.png') 0 center no-repeat;
+ }
+ .tags{
+ background: image-url('tags.png') 0 center no-repeat;
+ }
+ .comments{
+ background: image-url('comments.png') 0 center no-repeat;
+ }
+ }
+}
View
3  sass/screen.scss
@@ -2,4 +2,5 @@
@import "base";
@import "parts";
-@import "plugin";
+@import "plugin";
+@import "custom";
View
16 source/_includes/article.html
@@ -1,25 +1,23 @@
{% if index %}
<h1 class="title"><a href="{{ root_url }}{{ post.url }}">{% if site.titlecase %}{{ post.title | titlecase }}{% else %}{{ post.title }}{% endif %}</a></h1>
- <div class="entry">
- {{ content | excerpt }}
- {% capture excerpted %}{{ content | has_excerpt }}{% endcapture %}
- {% if excerpted == 'true' %}<a href="{{ root_url }}{{ post.url }}" class="more-link">{{ site.excerpt_link }}</a>{% endif %}
- </div>
<div class="meta">
<div class="date">{% include post/date.html %}{{ time }}</div>
- <div class="tags">{% include post/categories.html %}</div>
{% if site.disqus_short_name and post.comments == true and site.disqus_show_comment_count == true %}
<span class="comments"><a href="{{ root_url }}{{ post.url }}#disqus_thread">Comments</a></span>
{% endif %}
</div>
+ <div class="entry">
+ {{ content | excerpt }}
+ {% capture excerpted %}{{ content | has_excerpt }}{% endcapture %}
+ {% if excerpted == 'true' %}<a href="{{ root_url }}{{ post.url }}" class="more-link">{{ site.excerpt_link }}</a>{% endif %}
+ </div>
{% else %}
<h1 class="title">{% if site.titlecase %}{{ page.title | titlecase }}{% else %}{{ page.title }}{% endif %}</h1>
- <div class="entry">{{ content }}</div>
<div class="meta">
<div class="date">{% include post/date.html %}{{ time }}</div>
- <div class="tags">{% include post/categories.html %}</div>
{% if site.disqus_short_name and page.comments == true and site.disqus_show_comment_count == true %}
<span class="comments"><a href="{{ root_url }}{{ post.url }}#disqus_thread">Comments</a></span>
{% endif %}
</div>
-{% endif %}
+ <div class="entry">{{ content }}</div>
+{% endif %}
View
3  source/_includes/custom/footer.html
@@ -1 +1,2 @@
-Copyright &copy; {{ site.time | date: "%Y" }} {{ site.title }}
+Copyright &copy; {{ site.time | date: "%Y" }} <a
+ href="http://KnightHacker.com">{{ site.author }}</a>
View
48 source/_includes/header.html
@@ -1,29 +1,29 @@
<h1 class="left"><a href="{{ root_url }}/">{{ site.title }}</a></h1>
<nav class="menu left">{% include navigation.html %}</nav>
<div class="right">
- <form class="search right" action="{{ site.simple_search }}" method="get">
- <input class="left" type="text" name="q" results="0">
- <input type="hidden" name="q" value="site:{{ site.url | shorthand_url }}">
- </form>
- <div class="social right">
- {% if site.facebook_user %}
- <a class="facebook" href="http://www.facebook.com/{{ site.facebook_user }}" title="Facebook">Facebook</a>
- {% endif %}
- {% if site.googleplus_user %}
- <a class="google" href="https://plus.google.com/{{ site.googleplus_user }}" title="Google+">Google+</a>
- {% endif %}
- {% if site.twitter_user %}
- <a class="twitter" href="http://twitter.com/{{ site.twitter_user }}" title="Twitter">Twitter</a>
- {% endif %}
- {% if site.github_user %}
- <a class="github" href="https://github.com/{{ site.github_user }}" title="GitHub">GitHub</a>
- {% endif %}
- {% if site.pinterest_user %}
- <a class="pinterest" href="https://pinterest.com/{{ site.pinterest_user }}" title="Pinterest">Pinterest</a>
- {% endif %}
- {% if site.subscribe_rss %}
- <a class="rss" href="{{ site.subscribe_rss }}" title="RSS">RSS</a>
- {% endif %}
- </div>
+ <form class="search right" action="{{ site.simple_search }}" method="get">
+ <input class="left" type="text" name="q" results="0">
+ <input type="hidden" name="q" value="site:{{ site.url | shorthand_url }}">
+ </form>
+ <div class="social right">
+ {% if site.facebook_user %}
+ <a class="facebook" href="http://www.facebook.com/{{ site.facebook_user }}" title="Facebook">Facebook</a>
+ {% endif %}
+ {% if site.googleplus_user %}
+ <a class="google" href="https://plus.google.com/{{ site.googleplus_user }}" title="Google+">Google+</a>
+ {% endif %}
+ {% if site.twitter_user %}
+ <a class="twitter" href="http://twitter.com/{{ site.twitter_user }}" title="Twitter">Twitter</a>
+ {% endif %}
+ {% if site.github_user %}
+ <a class="github" href="https://github.com/{{ site.github_user }}" title="GitHub">GitHub</a>
+ {% endif %}
+ {% if site.pinterest_user %}
+ <a class="pinterest" href="https://pinterest.com/{{ site.pinterest_user }}" title="Pinterest">Pinterest</a>
+ {% endif %}
+ {% if site.subscribe_rss %}
+ <a class="rss" href="{{ site.subscribe_rss }}" title="RSS">RSS</a>
+ {% endif %}
+ </div>
</div>
{% include custom/header.html %}
View
12 source/_layouts/default.html
@@ -2,10 +2,10 @@
{% include head.html %}
<body>
- <header class="inner">{% include header.html %}</header>
- {% include banner.html %}
- <div id="content" class="inner">{{ content | expand_urls: root_url }}</div>
- <footer class="inner">{% include footer.html %}</footer>
- {% include after_footer.html %}
+ <header class="inner">{% include header.html %}</header>
+ {% include banner.html %}
+ <div id="content" class="inner">{{ content | expand_urls: root_url }}</div>
+ <footer class="inner">{% include footer.html %}</footer>
+ {% include after_footer.html %}
</body>
-</html>
+</html>
Please sign in to comment.
Something went wrong with that request. Please try again.