Skip to content

Instantly share code, notes, and snippets.

@fleeting
Created January 1, 2010 23:13
Show Gist options
  • Save fleeting/267301 to your computer and use it in GitHub Desktop.
Save fleeting/267301 to your computer and use it in GitHub Desktop.
<style>
/* Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started! */
#flickr_badge_uber_wrapper {
text-align: center;
width: 265px;
}
#flickr_badge_wrapper {
padding: 0;
}
.flickr_badge_image {
margin: 0 5px 10px 0;
float: left;
}
.flickr_badge_image img {
border: 3px solid #b4ac90;
}
.flickr_badge_image img:hover {
border: 3px solid #323232;
}
#flickr_badge_source {
text-align: left;
margin: 0 10px 0 10px;
}
#flickr_badge_icon {
float: left;
margin-right: 5px;
}
#flickr_www {
display: block;
padding: 0 10px 0 10px !important;
font: 11px Arial, Helvetica, Sans serif !important;
color: #3993ff !important;
}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {
text-decoration: none !important;
background: inherit !important;
border: 0;
color: #3993ff;
}
#flickr_badge_wrapper {
}
#flickr_badge_source {
padding: 0 !important;
font: 11px Arial, Helvetica, Sans serif !important;
color: #666666 !important;
}
</style>
<div id="flickr_badge_uber_wrapper"><div id="flickr_badge_wrapper">
<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=9&display=latest&size=s&layout=x&source=user&user=32609765%40N00"></script>
</div></div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment