"
Team:Northwestern/Templates/twitter
From 2011.igem.org
(Difference between revisions)
| (57 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
<html> | <html> | ||
| - | <div style=" | + | |
| - | <a | + | <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/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> | ||
| + | <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/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> | ||
| + | |||
| + | </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> | ||
Latest revision as of 23:51, 13 August 2011
