Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

minor styling

  • Loading branch information...
commit 841b0c497cd2b370c1d6755d3836a472fa88bb9b 1 parent 780b5df
@Pomax Pomax authored
Showing with 17 additions and 10 deletions.
  1. +4 −4 controllers/share.js
  2. +13 −6 views/portfolio.hogan.js
View
8 controllers/share.js
@@ -117,10 +117,10 @@ exports.show = function (request, response, next) {
if (owner)
message = '<p style="float: left;">This is what your portfolio page looks like to the public.</p>'
+ '<div class="socialshare" style="float: right;" tabindex="0" onclick="injectSocialMedia(this)">'
- + '<span>TweetBook+ this link!</span>'
- + '<div class="twitter"></div>'
- + '<div class="google"></div>'
- + '<div class="facebook"></div>'
+ + '<span>Share this on twitter, google+ or facebook</span>'
+ + '<div class="social-medium twitter"></div>'
+ + '<div class="social-medium google"></div>'
+ + '<div class="social-medium facebook"></div>'
+ '</div>';
View
19 views/portfolio.hogan.js
@@ -116,25 +116,32 @@
<style>
.socialshare {
opacity: 0.8;
+ text-shadow: 2px 2px 4px rgba(0, 200, 160, 0.2);
+ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.socialshare:focus {
outline: 0;
}
+
+ .socialshare span {
+ cursor: pointer;
+ }
- .socialshare div {
+ .social-medium {
display: table-cell;
vertical-align: top;
height: 20px;
}
- .socialshare div.twitter {
- }
-
- .socialshare div.google {
+ .social-medium + .social-medium {
+ padding-left: 1em;
}
- .socialshare div.facebook {
+ .social-medium iframe {
+ height: 20px;
+ box-shadow: 4px 4px 3px rgba(100, 190, 180, 0.3);
+ background-color: rgba(100, 190, 180, 0.3);
}
</style>
Please sign in to comment.
Something went wrong with that request. Please try again.