Biomod/2012/TU Dresden/Nanosaurs/sandbox

From OpenWetWare

(Difference between revisions)
Jump to: navigation, search
Line 6: Line 6:
   
   
<style type="text/css">
<style type="text/css">
-
.tweets {
+
 
-
     background: none repeat scroll 0 0 #444444;
+
.tweet, .query {
-
     padding: 1px 5px;
+
     color: #085258;
 +
     font: 120% Georgia,serif;
}
}
-
.tweets .loading {
+
.tweet_list {
-
     color: #CCCCCC;
+
     background-color: #8ADEE2;
-
     padding: 10px 20px;
+
    border-radius: 0.5em 0.5em 0.5em 0.5em;
 +
    list-style: none outside none;
 +
    margin: 0;
 +
    overflow-y: hidden;
 +
     padding: 0;
}
}
-
.tweet {
+
.tweet_list li {
-
     background: none repeat scroll 0 0 #FFFFFF;
+
     list-style-type: none;
-
     font-size: 13px;
+
     overflow-x: hidden;
-
     margin: 4px 0;
+
     overflow-y: auto;
-
     padding: 8px;
+
     padding: 0.5em;
}
}
-
.tweet img {
+
.tweet_list li a {
-
     float: left;
+
     color: #0C717A;
}
}
-
.tweet .text {
+
.tweet_list .tweet_even {
-
     margin: 0 0 0 44px;
+
     background-color: #91E5E7;
}
}
-
.tweet .username {
+
.tweet_list .tweet_avatar {
-
     display: block;
+
     float: left;
 +
    padding-right: 0.5em;
}
}
-
.tweet .username a {
+
.tweet_list .tweet_avatar img {
-
     color: #111111;
+
     vertical-align: middle;
-
    font-weight: bold;
+
-
    text-decoration: none;
+
-
}
+
-
.tweet .time a {
+
-
    color: #888888;
+
-
    font-size: 80%;
+
-
    padding-left: 8px;
+
-
    text-decoration: none;
+
-
    white-space: nowrap;
+
}
}
 +
</style>
</style>
<body>
<body>
-
<div id="tweets"></div>
+
<div class="tweet"></div>  
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
-
     <script type="text/javascript" src="http://elektronaut.github.com/jquery.livetwitter/cdn/jquery.livetwitter-1.7.0.min.js"></script>
+
     <script type="text/javascript" src="http://tweet.seaofclouds.com/jquery.tweet.js"></script>
     <script type="text/javascript">
     <script type="text/javascript">
     $(window).load(function() {
     $(window).load(function() {
-
  $("#tweets").liveTwitter('nanosaurs', {mode: 'user_timeline'});
+
$(".tweet").tweet({
 +
            username: "seaofclouds",
 +
            join_text: "auto",
 +
            avatar_size: 32,
 +
            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 to",
 +
            auto_join_text_url: "we were checking out",
 +
            loading_text: "loading tweets..."
 +
        });
     });
     });
     </script>
     </script>
</body>
</body>
</html>
</html>

Revision as of 16:23, 8 October 2012

Personal tools