Instantly share code, notes, and snippets.
czenzel/responsive_social.css
Created Nov 10, 2016
Responsive Social Media Widgets for Twitter, YouTubes, and Others - Built for Weebly Themes
| /* | |
| Christopher Zenzel Web Site | |
| Copyright 2016 Christopher Zenzel. All Rights Reserved. | |
| */ | |
| /* | |
| Embeeded Tweet Customized | |
| https://jsfiddle.net/gabrieleromanato/wL298/ | |
| http://jsfiddle.net/lightbe/v7xom6ms/ | |
| */ | |
| div.twitter-tweet-rendered p.entry-title { | |
| font-family: Arial, sans-serif !important; | |
| font-size: 14px !important; | |
| padding: 5px !important; | |
| background: #eee !important; | |
| max-width: 120px !important; | |
| } | |
| div.twitter-tweet-rendered p.entry-title a.link { | |
| font-family: Arial, sans-serif !important; | |
| font-size: 14px !important; | |
| } | |
| div.twitter-tweet-rendered div.twt-border { | |
| padding: 0 !important; | |
| border: none !important; | |
| box-shadow: none !important; | |
| } | |
| div.twitter-tweet-rendered { | |
| max-width: 80% !important; | |
| } | |
| div.twitter-tweet-rendered iframe.twt-follow-button { display: none !important; } | |
| div.twitter-tweet-rendered div.footer ul.twt-actions {display: none !important;} | |
| div.twitter-tweet-rendered div.footer a.view-details { | |
| display:block !important; | |
| width: 120px !important; | |
| margin: 5px 0 !important; | |
| padding: 7px 0 !important; | |
| background: #000 !important; | |
| color: #fff !important; | |
| text-decoration: none !important; | |
| border-radius: 13px !important; | |
| text-align: center !important; | |
| box-shadow: -1px -1px 2px #555 !important; | |
| } | |
| div.twitter-tweet-rendered div.footer a.view-details span { | |
| font: 14px Georgia, serif !important; | |
| color: #fff !important; | |
| } | |
| iframe[id^="twitter-widget-"] { | |
| float: none; | |
| width: 100% !important; | |
| font-size: 12px; | |
| } |
| function load_twitter_sizing() { | |
| $(window).resize(function() { | |
| $("iframe[id^=twitter-widget-]").each(function () { | |
| $(this).css({ | |
| 'max-width': '95%', | |
| 'width': '100%', | |
| 'margin-left': 'auto', | |
| 'marin-right': 'auto' | |
| }); | |
| }); | |
| }); | |
| $(document).ready(function() { | |
| $("iframe[id^=twitter-widget-]").each(function () { | |
| $(this).css({ | |
| 'max-width': '95%', | |
| 'width': '100%', | |
| 'margin-left': 'auto', | |
| 'marin-right': 'auto' | |
| }); | |
| }); | |
| }); | |
| } | |
| load_twitter_sizing(); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment