object.css 844 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. /* The grid: Four equal columns that floats next to each other */
  2. .singleImg {
  3. float: left;
  4. width: 25%;
  5. padding: 10px;
  6. }
  7. /* Style the images inside the grid */
  8. .singleImg img {
  9. opacity: 0.8;
  10. cursor: pointer;
  11. }
  12. .singleImg img:hover {
  13. opacity: 1;
  14. }
  15. /* Clear floats after the columns */
  16. .row#images:after {
  17. content: "";
  18. display: table;
  19. clear: both;
  20. }
  21. /* The expanding image container */
  22. .container_img {
  23. position: relative;
  24. display: none;
  25. }
  26. /* Expanding image text */
  27. #imgtext {
  28. position: absolute;
  29. bottom: 15px;
  30. left: 15px;
  31. color: white;
  32. font-size: 20px;
  33. }
  34. /* Closable button inside the expanded image */
  35. .closebtn {
  36. top: 10px;
  37. right: 15px;
  38. color: #000;
  39. font-size: 40px;
  40. cursor: pointer;
  41. float:right;
  42. }