You are here

flickr.css in Flickr 6

Same filename and directory in other branches
  1. 5 flickr.css
  2. 7 flickr.css
.flickr-photo-img {
  vertical-align: text-bottom;
}

.flickr-photo-box {
  padding: 10px;
  float: left;
  text-align: center;
  width: 260px;
  height: 260px;
}

.flickr-photoset-img {
  vertical-align: text-bottom;
}

.flickr-photoset-box {
  padding: 10px;
  float: left;
  text-align: center;
  width: 130px;
  height: 130px;
}

span.flickr-wrap {
  display: inline-block;
  vertical-align: top;
  margin: 0 5px 5px 0;
}

span.flickr-credit {
  display: block;
  line-height: 100%;
  font-size: 80%;
}

.flickr-photoset-slideshow {
  height: 0;
  width: 100%;
  /*Change percentage below to change ratio. Currently 16:9 (as most screens).*/
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}

.flickr-photoset-slideshow object {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

File

flickr.css
View source
  1. .flickr-photo-img {
  2. vertical-align: text-bottom;
  3. }
  4. .flickr-photo-box {
  5. padding: 10px;
  6. float: left;
  7. text-align: center;
  8. width: 260px;
  9. height: 260px;
  10. }
  11. .flickr-photoset-img {
  12. vertical-align: text-bottom;
  13. }
  14. .flickr-photoset-box {
  15. padding: 10px;
  16. float: left;
  17. text-align: center;
  18. width: 130px;
  19. height: 130px;
  20. }
  21. span.flickr-wrap {
  22. display: inline-block;
  23. vertical-align: top;
  24. margin: 0 5px 5px 0;
  25. }
  26. span.flickr-credit {
  27. display: block;
  28. line-height: 100%;
  29. font-size: 80%;
  30. }
  31. .flickr-photoset-slideshow {
  32. height: 0;
  33. width: 100%;
  34. /*Change percentage below to change ratio. Currently 16:9 (as most screens).*/
  35. padding-bottom: 56.25%;
  36. overflow: hidden;
  37. position: relative;
  38. }
  39. .flickr-photoset-slideshow object {
  40. width: 100%;
  41. height: 100%;
  42. position: absolute;
  43. top: 0;
  44. left: 0;
  45. }