You are here

media_unsplash.css in Media Unsplash 7

form#media-unsplash-external .form-item-unsplash-image,
form#media-unsplash-external input#edit-search {
  display: inline-block;
}

#unsplash-output .media-list-thumbnails li {
  float: none;
  display: inline-block;
}

#unsplash-output ul#photos {
  margin: 0;
  padding: 0;
}

#unsplash-output li .label-wrapper {
  display: none;
}

#unsplash-output li .label-wrapper a {
  padding: 15px 0;
}

#unsplash-output li:hover .label-wrapper {
  display: block;
}

#unsplash-output ul li .media-thumbnail {
  position: relative;
  cursor: pointer;
}

#unsplash-output ul li .media-thumbnail img {
  vertical-align: bottom;
  width: 100%;
  height: auto;
}

File

css/media_unsplash.css
View source
  1. form#media-unsplash-external .form-item-unsplash-image,
  2. form#media-unsplash-external input#edit-search {
  3. display: inline-block;
  4. }
  5. #unsplash-output .media-list-thumbnails li {
  6. float: none;
  7. display: inline-block;
  8. }
  9. #unsplash-output ul#photos {
  10. margin: 0;
  11. padding: 0;
  12. }
  13. #unsplash-output li .label-wrapper {
  14. display: none;
  15. }
  16. #unsplash-output li .label-wrapper a {
  17. padding: 15px 0;
  18. }
  19. #unsplash-output li:hover .label-wrapper {
  20. display: block;
  21. }
  22. #unsplash-output ul li .media-thumbnail {
  23. position: relative;
  24. cursor: pointer;
  25. }
  26. #unsplash-output ul li .media-thumbnail img {
  27. vertical-align: bottom;
  28. width: 100%;
  29. height: auto;
  30. }