You are here

flickr.stylez.css in Flickr 8

.flickr-photo a {
  border: 0;
}

.flickr-photo img {
  display: block;
}

.flickr-photo {
  float: left;
  margin-right: 0.4em;
  margin-bottom: 0.4em;
  display: block;
}

/*.flickr-photos {}*/

.flickr-photoset {
  clear: both;
  display: table;
}

/*.flickr-photoset-title {}*/

/*.flickr-photo-caption {}*/

.flickr-photo-caption-title {
  font-weight: bold;
}

.flickr-photo-caption-realname {
  font-style: italic;
}

.flickr-photo-caption-dateuploaded {
  font-size: .7em;
  display: block;
  text-transform: uppercase;
}

.flickr-photo-n-landscape {
  max-width: 320px;
}

.flickr-photo-n-portrait {
  max-width: 240px;
}

.flickr-photo-n-square {
  max-width: 320px;
}

.flickr-photo-m-landscape {
  max-width: 240px;
}

.flickr-photo-m-portrait {
  max-width: 160px;
}

.flickr-photo-m-square {
  max-width: 240px;
}

File

css/flickr.stylez.css
View source
  1. .flickr-photo a {
  2. border: 0;
  3. }
  4. .flickr-photo img {
  5. display: block;
  6. }
  7. .flickr-photo {
  8. float: left;
  9. margin-right: 0.4em;
  10. margin-bottom: 0.4em;
  11. display: block;
  12. }
  13. /*.flickr-photos {}*/
  14. .flickr-photoset {
  15. clear: both;
  16. display: table;
  17. }
  18. /*.flickr-photoset-title {}*/
  19. /*.flickr-photo-caption {}*/
  20. .flickr-photo-caption-title {
  21. font-weight: bold;
  22. }
  23. .flickr-photo-caption-realname {
  24. font-style: italic;
  25. }
  26. .flickr-photo-caption-dateuploaded {
  27. font-size: .7em;
  28. display: block;
  29. text-transform: uppercase;
  30. }
  31. .flickr-photo-n-landscape {
  32. max-width: 320px;
  33. }
  34. .flickr-photo-n-portrait {
  35. max-width: 240px;
  36. }
  37. .flickr-photo-n-square {
  38. max-width: 320px;
  39. }
  40. .flickr-photo-m-landscape {
  41. max-width: 240px;
  42. }
  43. .flickr-photo-m-portrait {
  44. max-width: 160px;
  45. }
  46. .flickr-photo-m-square {
  47. max-width: 240px;
  48. }