Skip to content

Instantly share code, notes, and snippets.

@walterdavis
Created December 3, 2013 15:51
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save walterdavis/7771562 to your computer and use it in GitHub Desktop.
Save walterdavis/7771562 to your computer and use it in GitHub Desktop.
<style type="text/css">
/* twitter feed styling */
.jcarousel-container, .jcarousel-clip { height:300px /* amount of tweets displayed x 100 */; }
.tweetbox { border:1px solid #ddd; color:#696969; }
.tweetbox li { border-bottom:1px solid #ddd; }
.tweetbox a { color:#4484A1; }
.tweetbox a:hover { color:#4484A1; }
.twitter-link { background-color:#4484A1; }
.twitter-link a { color:#fff; }
/* twitter feed layout */
#twitter-container { position:relative; }
.jcarousel-container, .jcarousel-clip { width:100%; position:relative; }
.jcarousel-prev, .jcarousel-next, .twitter-retweet, .twitter-link { background-image:url(twitter-sprite.png); background-repeat:no-repeat; }
.jcarousel-clip { overflow:hidden; }
.jcarousel-prev, .jcarousel-next { width:13px; height:30px; position:absolute; bottom:-30px; opacity:0.5; cursor:pointer; }
.jcarousel-prev:hover, .jcarousel-next:hover { opacity:1; }
.jcarousel-prev { background-position:0 -89px; right:25px; }
.jcarousel-next { background-position:0 -139px; right:8px; }
.jcarousel-prev-disabled, .jcarousel-next-disabled { visibility:hidden !important; }
.tweetbox { font:13px/17px arial, sans-serif; margin:0; padding:0; list-style:none; }
.tweetbox li { position:relative; margin:0; float:none !important; height:79px; padding:10px; }
.tweetbox a:hover { text-decoration:none; }
.tweetwhen { display:block; width:100%; position:absolute; left:0; bottom:-5px; }
.tweetwhen a { font-size:11px; line-height:1; font-weight:bold; text-decoration:none }
.twitter-time { position:absolute; left:10px; bottom:10px; }
.twitter-reply, .tweetbox .twitter-favourite { display:none; }
.twitter-retweet { opacity:0.5; display:block; width:21px; height:16px; background-position:4px -48px; text-indent:300px; overflow:hidden; position:absolute; right:10px; bottom:10px; }
.twitter-retweet:hover { opacity:1; }
.twitter-link { display:block; background-position:6px 8px; padding:0 0 0 28px; height:30px; font-size:11px; line-height:30px; }
.twitter-link a { text-decoration:none; }
.twitter-link span { font-weight:bold; }
.twitter-link a:hover span { text-decoration:underline; }
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment