Skip to content

Instantly share code, notes, and snippets.

@bluewhalelabs
Created September 5, 2012 21:20
Show Gist options
  • Select an option

  • Save bluewhalelabs/3644974 to your computer and use it in GitHub Desktop.

Select an option

Save bluewhalelabs/3644974 to your computer and use it in GitHub Desktop.
Tinymeme Modal Styles
#memeModal{
border-radius: 0;
background-image: none;
padding: 0;
margin-left: -210px;
width: 420px;
padding: 5px;
background-color: #fff;
}
#memeModal .meme-image-container{
min-height: 200px;
background-color: #232529;
}
#memeModal .meme-image-container img{
width: 100%;
display: block;
}
#memeModal .close-reveal-modal{
top:11px;
}
#memeModal .meme-share {
text-align: center;
background-color: white;
padding: 10px 0;
}
#memeModal .meme-share input{
width: 99%;
margin-bottom: 10px;
font-size: 15px;
padding: 6px 0;
text-indent: 5px;
background-color: #f1f1f1;
border: 2px solid #e6e6e6;
color: #a1a1a1;
font-family: helvetica, arial;
border-radius: 3px;
}
#memeModal .meme-share a{
width: 81px;
height: 34px;
display: inline-block;
background: transparent url(share-buttons.png) no-repeat 0 0;
text-indent: -50000px;
margin: 0 8px;
}
#memeModal .meme-share a.meme-share-facebook{
}
#memeModal .meme-share a.meme-share-twitter{
background-position: -93px 0;
}
#memeModal .meme-share a.meme-share-tumblr{
background-position: -186px 0;
}
#memeModal .meme-share a.meme-share-pinterest{
background-position: -280px 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment