Team:Northwestern/Templates/twitter

From 2011.igem.org

(Difference between revisions)
Line 3: Line 3:
-
<script src="http://widgets.twimg.com/j/2/widget.js" type="text/javascript"></script>
 
-
<script src="http://twitter.com/statuses/user_timeline/iGEM_NU.json?callback=twitterCallback2&count=4" type="text/javascript"></script>
 
-
<style type="text/css">
 
-
#twitter {
 
-
-webkit-border-radius: 5px;
 
-
-moz-border-radius: 5px;
 
-
border-radius: 5px;
 
-
width:430px;
 
-
border:1px solid #c9c9c9;
 
-
}
 
-
#twitter_t {
 
-
width:405px;
 
-
height: 44px;
 
-
background:#c68aeb url(https://static.igem.org/mediawiki/2011/9/93/Background_texture.jpg);
 
-
color:#fff;
 
-
text-shadow:.5px .5px #333;
 
-
font-size:18px;
 
-
font-family:Candara;
 
-
padding-top:20px;
 
-
padding-left:25px;
 
-
}
 
-
#twitter_m {
 
-
width: 400px;
 
-
padding: 0 15px;
 
-
background:#f7effc;
 
-
}
 
-
#twitter_container {
 
-
min-height:45px;
 
-
height:auto !important;
 
-
height:40px;
 
-
padding-bottom:5px;
 
-
padding-top:5px;
 
-
}
 
-
#twitter_update_list {
 
-
width: 413px;
 
-
padding: 0;
 
-
overflow: hidden;
 
-
font-family: Georgia;
 
-
font-size: 14px;
 
-
font-style: italic;
 
-
color: #31353d;
 
-
line-height: 16px;
 
-
font-weight:bold;
 
-
margin-left:-13px;
 
-
}
 
-
#twitter_update_list li {
 
-
width: 400px;
 
-
list-style: none;
 
-
padding:15px;
 
-
border-bottom: dotted 1px #ccc;
 
-
}
 
-
#twitter_update_list li a {
 
-
color:#631891;
 
-
text-decoration: none;
 
-
}
 
-
#twitter_update_list li a:hover {
 
-
color: #31353d;
 
-
}
 
-
#twitter_b {
 
-
width: 430px;
 
-
height: 29px;
 
-
background:#c68aeb url();
 
-
}
 
-
</style>
 
-
</script>
 
-
<div id="twitter" style="float:right; text-align:center;">
+
 
-
<div id="twitter_t"></div>
+
 
-
<div id="twitter_m">
+
<div style="background: url(img src="https://static.igem.org/mediawiki/2011/e/e9/NUbanner_new2.jpg); float:right; text-align:center;">
-
<div id="twitter_container">
+
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
-
<ul id="twitter_update_list"></ul>
+
<script>
-
</div>
+
-
</div>
+
-
<div id="twitter_b"></div>
+
-
<script type="text/javascript">
+
new TWTR.Widget({
new TWTR.Widget({
   version: 2,
   version: 2,
Line 91: Line 22:
   theme: {
   theme: {
     shell: {
     shell: {
-
       background: #333333,
+
       background: '#333333',
       color: '#ffffff'
       color: '#ffffff'
     },
     },
     tweets: {
     tweets: {
-
       background: url('https://static.igem.org/mediawiki/2011/5/50/Mini_igem_return.gif'),
+
       background: '#000000',
       color: '#ffffff',
       color: '#ffffff',
       links: '#4aed05'
       links: '#4aed05'
Line 112: Line 43:
</script>
</script>
</div>
</div>
-
 
-
 
-
 
-
 
-
 
</html>
</html>

Revision as of 16:43, 11 August 2011