Biomod/2012/TU Dresden/Nanosaurs/sandbox: Difference between revisions
From OpenWetWare
Jump to navigationJump to search
No edit summary |
No edit summary |
||
Line 8: | Line 8: | ||
.tweet, .query { | .tweet, .query { | ||
color: # | color: #777777; | ||
font: | font: 80% sans-serif; | ||
width: 200px; | |||
} | } | ||
.tweet_list { | .tweet_list { | ||
background-color: # | background-color: #F9F9F9; | ||
border-radius: 0.5em 0.5em 0.5em 0.5em; | border-radius: 0.5em 0.5em 0.5em 0.5em; | ||
list-style: none outside none; | list-style: none outside none; | ||
Line 26: | Line 27: | ||
} | } | ||
.tweet_list li a { | .tweet_list li a { | ||
color: # | color: #505050 ; | ||
} | } | ||
.tweet_list .tweet_even { | .tweet_list .tweet_even { | ||
background-color: # | background-color: #EBEBEB; | ||
} | } | ||
.tweet_list .tweet_avatar { | .tweet_list .tweet_avatar { | ||
Line 48: | Line 49: | ||
$(window).load(function() { | $(window).load(function() { | ||
$(".tweet").tweet({ | $(".tweet").tweet({ | ||
count: | count: 3, | ||
query: "from: | query: "from:seaofclouds http", | ||
loading_text: "searching twitter..." | loading_text: "searching twitter..." | ||
}); | }); |
Revision as of 13:33, 8 October 2012
<html>
<link rel="stylesheet" href="http://openwetware.org/images/a/a5/Light.css" type="text/css" media="screen" /> <link rel="stylesheet" href="http://openwetware.org/images/0/01/Nivo-slider.css" type="text/css" media="screen" />
<style type="text/css">
.tweet, .query {
color: #777777; font: 80% sans-serif; width: 200px;
} .tweet_list {
background-color: #F9F9F9; border-radius: 0.5em 0.5em 0.5em 0.5em; list-style: none outside none; margin: 0; overflow-y: hidden; padding: 0;
} .tweet_list li {
list-style-type: none; overflow-x: hidden; overflow-y: auto; padding: 0.5em;
} .tweet_list li a {
color: #505050 ;
} .tweet_list .tweet_even {
background-color: #EBEBEB;
} .tweet_list .tweet_avatar {
float: left; padding-right: 0.5em;
} .tweet_list .tweet_avatar img {
vertical-align: middle;
}
</style> <body> <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://tweet.seaofclouds.com/jquery.tweet.js"></script> <script type="text/javascript"> $(window).load(function() {
$(".tweet").tweet({
count: 3, query: "from:seaofclouds http", loading_text: "searching twitter..." }); }); </script>
</body> </html>