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: #085258;
     color: #777777;
     font: 120% Georgia,serif;
     font: 80% sans-serif;
    width: 200px;
}
}
.tweet_list {
.tweet_list {
     background-color: #8ADEE2;
     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: #0C717A;
     color: #505050 ;
}
}
.tweet_list .tweet_even {
.tweet_list .tweet_even {
     background-color: #91E5E7;
     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: 6,
           count: 3,
           query: "from:nanosaurs",
           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>