updated to latest theme

This commit is contained in:
Brandon Mathis 2012-06-05 00:08:10 -05:00
parent 92194e2d01
commit 6ba5fce061
15 changed files with 77 additions and 1553 deletions

View File

@ -62,9 +62,10 @@ $page-border-bottom: darken($footer-bg, 5) !default;
/* Core theme application */
a {
color: $link-color;
@include link-colors($link-color, $hover: $link-color-hover, $focus: $link-color-hover, $visited: $link-color-visited, $active: $link-color-active);
}
aside.sidebar a {
.sidebar a {
@include link-colors($sidebar-link-color, $hover: $sidebar-link-color-hover, $focus: $sidebar-link-color-hover, $active: $sidebar-link-color-active);
}
a {

View File

@ -19,7 +19,7 @@ article {
}
.blog-index & { background: none; padding-bottom: 0; }
p {
font-size: .9em;
font-size: .8em;
margin: 0;
color: $text-color-light;
&.meta { @extend .sans; position: absolute; top: 0; }

View File

@ -117,7 +117,7 @@ body > nav {
}
&:hover:after { background-color: lighten($nav-color, 20); }
}
.maskImage {
.cssmask {
body > nav {
@media only screen and (min-width: 550px) {
ul[data-subscription$=email] + form {

View File

@ -1,3 +1,37 @@
@mixin social-button-bg($img, $color: #444) {
color: $color;
&:visited, &:hover, &:visited:hover { color: $color; }
position: relative;
padding-left: image-width($img) + 6px;
&:before {
content: "";
background: image-url($img) no-repeat center center;
width: image-width($img);
height: image-height($img);
display: inline-block;
position: absolute; left: 3px;
top: 3px;
}
}
.simple-social-button {
display: inline-block;
border: 1px solid #ccc;
background-color: #e5e5e5;
@include background-image(linear-gradient(#fff, #ddd));
&:hover {
@include background-image(linear-gradient(#f5f5f5, #ccc));
border-color: #b5b5b5;
background-color: #ddd;
}
padding: .2em .5em .1em; line-height: 1.45em;
font-size: 13px;
font-weight: bold;
text-decoration: none;
text-shadow: #fff 0 1px;
@include border-radius(.3em);
}
.sharing {
p.meta + & {
padding: { top: 1em; left: 0; }
@ -6,3 +40,16 @@
}
#fb-root { display: none; }
.googleplus-share {
@extend .simple-social-button;
@include social-button-bg('googleplus.png', #db583b);
}
.facebook-share {
@extend .simple-social-button;
@include social-button-bg('facebook.png', #4e5a9b);
}
.twitter-share, .sidebar a.twitter-follow-button {
@extend .simple-social-button;
@include social-button-bg('twitter.png');
}

View File

@ -1,7 +1,7 @@
.side-shadow-border {
@include box-shadow(lighten($sidebar-bg, 5) 0 1px);
}
aside.sidebar {
.sidebar {
overflow: hidden;
color: $sidebar-color;
text-shadow: lighten($sidebar-bg, 8) 0 1px;
@ -44,7 +44,7 @@ aside.sidebar {
color: inherit;
@include transition(color .5s);
}
&:hover a {
&:hover p a, &:hover li a {
color: $sidebar-link-color;
&:hover { color: $sidebar-link-color-hover; }
}

View File

@ -1,5 +1,7 @@
{% include disqus.html %}
{% unless site.do_not_track %}
{% include facebook_like.html %}
{% include google_plus_one.html %}
{% include twitter_sharing.html %}
{% endunless %}
{% include custom/after_footer.html %}

View File

@ -0,0 +1,3 @@
{% comment %}
You can add sharing buttons here. Just so you know, some services may use these buttons to track visitors to your site, and also these can trigger lots of http requests slowing your site down for low bandwidth and mobile users.
{% endcomment %}

View File

@ -1,6 +1,6 @@
{% if site.facebook_like %}
<div id="fb-root"></div>
<script>(function(d, s, id) {
<script type="text/javascript">(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;

View File

@ -1,11 +1,24 @@
<div class="sharing">
{% if site.twitter_tweet_button %}
<a href="http://twitter.com/share" class="twitter-share-button" data-url="{{ site.url }}{{ page.url }}" data-via="{{ site.twitter_user }}" data-counturl="{{ site.url }}{{ page.url }}" >Tweet</a>
{% if site.do_not_track %}
<a href="http://twitter.com/share" title="Tweet this" class="twitter-share" target="_blank">Tweet</a>
{% else %}
<a href="http://twitter.com/share" title="Tweet this" class="twitter-share-button twitter-share" data-url="{{ site.url }}{{ page.url }}" data-via="{{ site.twitter_user }}" data-counturl="{{ site.url }}{{ page.url }}" target="_blank" >Tweet</a>
{% endif %}
{% endif %}
{% if site.google_plus_one %}
<div class="g-plusone" data-size="{{ site.google_plus_one_size }}"></div>
{% if site.do_not_track %}
<a title="+1 on Google Plus" class="googleplus-share" href="https://plusone.google.com/_/+1/confirm?hl=en&url={{site.url}}{{page.url}}" target="_blank">+1</a>
{% else %}
<div class="g-plusone" data-size="{{ site.google_plus_one_size }}"></div>
{% endif %}
{% endif %}
{% if site.facebook_like %}
<div class="fb-like" data-send="true" data-width="450" data-show-faces="false"></div>
{% if site.do_not_track %}
<a title="Share on Facebook" class="facebook-share" href="http://www.facebook.com/sharer.php?s=100&p[url]={{site.url}}{{page.url}}" target="_blank">Share</a>
{% else %}
<div class="fb-like" data-send="true" data-width="450" data-show-faces="false"></div>
{% endif %}
{% endif %}
{% include custom/sharing.html %}
</div>

BIN
source/images/facebook.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 209 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 365 B

BIN
source/images/twitter.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 302 B

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long