Sea of Clouds Twitter

Working Twitter example with image and Retweets

by will525

HTML

<script src="http://tweet.seaofclouds.com/jquery.tweet.js"></script>
<div class="recentTweets">
    
    <h2>Recent Tweets</h2>
    
    <div class="tweet"></div>
    
    
</div>

CSS

.tweet,.query{font:120% Georgia,serif;color:#085258}
.tweet_list{-webkit-border-radius:.5em;-moz-border-radius:.5em;border-radius:.5em;list-style:none;margin:0;padding:0;overflow-y:hidden;background-color:transparent}
.tweet_list li{overflow-y:auto;overflow-x:hidden;padding:.5em 0 1em 0!important;margin-bottom:1em;list-style-type:none;border-bottom:1px solid #eee}
.tweet_list li a{color:#fc5da0;text-decoration:none}
.tweet_list li a:hover{text-decoration:underline}
.tweet_list .tweet_even{background-color:transparent}
.tweet_list .tweet_avatar{padding-right:.5em;float:left}
.tweet_list .tweet_avatar img{vertical-align:middle}

JavaScript

jQuery(function ($) {
            $(".tweet").tweet({
                join_text: "auto",
                username: "willgilberthorp",
                avatar_size: 48,
                count: 3,
                auto_join_text_default: " we said, ",
                auto_join_text_ed: " we ",
                auto_join_text_ing: " we were ",
                auto_join_text_reply: " we replied ",
                auto_join_text_url: " we were checking out ",
                loading_text: "loading tweets..."
            });
        });