Team:Northwestern/Templates/twitter
From 2011.igem.org
(Difference between revisions)
(78 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
- | <div style="float:right; text-align: | + | |
- | <script src="http:// | + | <div style="float:right;margin: -9px -06px 0px 0px; text-align:left;" id="twitter_div"> |
- | <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> | |
- | + | ||
- | + | <style type="text/css"> | |
- | + | #twitter { | |
- | + | -webkit-border-radius: 5px; | |
- | + | -moz-border-radius: 5px; | |
- | + | border-radius: 5px; | |
- | + | width:280px; | |
- | + | border:1px solid #c9c9c9; | |
- | + | } | |
- | + | ||
- | + | #twitter_t { | |
- | + | width:255px; | |
- | + | height: 44px; | |
- | + | background:#333333; | |
- | + | !background-size:205px 55px; | |
- | + | color:#fff; | |
- | + | text-shadow:.5px .5px #333; | |
- | + | font-size:18px; | |
- | + | font-family:Helvitica; | |
- | + | padding-top:20px; | |
- | + | padding-left:25px; | |
- | + | } | |
- | + | ||
- | + | #twitter_m { | |
- | + | width: 250px; | |
- | + | padding: 0 15px; | |
- | }). | + | background:#f7effc url(https://static.igem.org/mediawiki/2011/5/53/Twitter_back.jpg); |
- | </ | + | } |
+ | #twitter_container { | ||
+ | min-height:45px; | ||
+ | height:auto !important; | ||
+ | height:40px; | ||
+ | padding-bottom:2px; | ||
+ | padding-top:2px; | ||
+ | } | ||
+ | #twitter_update_list { | ||
+ | width: 270px; | ||
+ | padding: 0; | ||
+ | !overflow: hidden; | ||
+ | font-family: Helvetica; | ||
+ | font-size: 12px; | ||
+ | color: #31353d; | ||
+ | line-height: 15px; | ||
+ | font-weight:bold; | ||
+ | margin-left:-15px; | ||
+ | } | ||
+ | #twitter_update_list li { | ||
+ | width: 250px; | ||
+ | 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: 280px; | ||
+ | height: 29px; | ||
+ | background:#333333 url(); | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <div id="twitter"> | ||
+ | <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_container"> | ||
+ | <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 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> | </div> | ||
</html> | </html> |
Latest revision as of 23:51, 13 August 2011