Team:Northwestern/Templates/twitter

From 2011.igem.org

(Difference between revisions)
 
(49 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<div style="float:right; text-align:center;" id="twitter_div"><ul id="twitter_update_list"></ul>
+
<div style="float:right;margin: -9px -06px 0px 0px; text-align:left;" id="twitter_div">
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/iGEM_NU.json?callback=twitterCallback2&count=4" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/iGEM_NU.json?callback=twitterCallback2&count=4" type="text/javascript"></script>
Line 10: Line 10:
-moz-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-radius: 5px;
-
width:430px;
+
width:280px;
border:1px solid #c9c9c9;
border:1px solid #c9c9c9;
}
}
 +
#twitter_t {
#twitter_t {
-
width:405px;
+
width:255px;
height: 44px;
height: 44px;
-
background:#c68aeb url();
+
background:#333333;
 +
!background-size:205px 55px;
color:#fff;
color:#fff;
text-shadow:.5px .5px #333;
text-shadow:.5px .5px #333;
font-size:18px;
font-size:18px;
-
font-family:Candara;
+
font-family:Helvitica;
padding-top:20px;
padding-top:20px;
padding-left:25px;
padding-left:25px;
}
}
 +
#twitter_m {
#twitter_m {
-
width: 400px;
+
width: 250px;
padding: 0 15px;
padding: 0 15px;
-
background:#f7effc;
+
background:#f7effc url(https://static.igem.org/mediawiki/2011/5/53/Twitter_back.jpg);
}
}
#twitter_container {
#twitter_container {
Line 33: Line 36:
height:auto !important;
height:auto !important;
height:40px;
height:40px;
-
padding-bottom:5px;
+
padding-bottom:2px;
-
padding-top:5px;
+
padding-top:2px;
}
}
#twitter_update_list {
#twitter_update_list {
-
width: 413px;
+
width: 270px;
padding: 0;
padding: 0;
-
overflow: hidden;
+
!overflow: hidden;
-
font-family: Georgia;
+
font-family: Helvetica;
-
font-size: 14px;
+
font-size: 12px;
-
font-style: italic;
+
color: #31353d;
color: #31353d;
-
line-height: 16px;
+
line-height: 15px;
font-weight:bold;
font-weight:bold;
-
margin-left:-13px;
+
margin-left:-15px;
}
}
#twitter_update_list li {
#twitter_update_list li {
-
width: 400px;
+
width: 250px;
list-style: none;
list-style: none;
padding:15px;
padding:15px;
Line 62: Line 64:
}
}
#twitter_b {
#twitter_b {
-
width: 430px;
+
width: 280px;
height: 29px;
height: 29px;
-
background:#c68aeb url();
+
background:#333333 url();
}
}
</style>
</style>
<div id="twitter">
<div id="twitter">
-
<div id="twitter_t"></div>
+
<div id="twitter_t">
 +
 
 +
<a target="_blank" href="http://twitter.com/intent/user?screen_name=iGEM_NU"><img src="https://static.igem.org/mediawiki/2011/9/91/Twitter_banner2.gif"  width="205" height="55" style="opacity:1;filter:alpha(opacity=100);margin: -16px 0px 0px -16px;" alt="iGEM_NU"></a>
 +
 
 +
</div>
<div id="twitter_m">
<div id="twitter_m">
  <div id="twitter_container">
  <div id="twitter_container">
-
<ul id="twitter_update_list"></ul>
+
<ul id="twitter_update_list"></ul>
 +
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
 +
<script src="http://twitter.com/statuses/user_timeline/iGEM_NU.json?callback=twitterCallback2&count=4" type="text/javascript"></script>
 +
 
  </div>
  </div>
</div>
</div>
-
<div id="twitter_b"></div>
+
<div id="twitter_b">  
 +
 
 +
<a target="_blank" href="http://twitter.com/"><img src="https://static.igem.org/mediawiki/2011/5/5f/Twitter_footer.gif"  height="27" style="opacity:1;filter:alpha(opacity=100);margin: 0px 0px 0px 165px;" alt="twitter"></a>
 +
 
 +
</div>
</div>
</div>

Latest revision as of 23:51, 13 August 2011

iGEM_NU
    twitter