Difference between revisions of "Biomod/2012/TU Dresden/Nanosaurs/sandbox"

From OpenWetWare
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 12:23, 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: #085258;
   font: 120% Georgia,serif;

} .tweet_list {

   background-color: #8ADEE2;
   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: #0C717A;

} .tweet_list .tweet_even {

   background-color: #91E5E7;

} .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({

           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>

</body> </html>