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