fsgallery.css 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. .fs_gallery {
  2. background: rgba(0, 0, 0, 0.9); left: 0px; top: 0px; right: 0px; bottom: 0px; position: fixed; z-index: 1000000000000000000;
  3. }
  4. .fs_gallery_close {
  5. top: 20px; width: 25px; height: 25px; text-align: center; right: 20px; color: rgb(204, 204, 204); line-height: 23px; font-size: 34px; position: absolute; z-index: 1002; cursor: pointer;
  6. }
  7. .fs_gallery_close::before {
  8. content: "x";
  9. }
  10. .fs_gallery_close:hover {
  11. color: rgb(255, 255, 255);
  12. }
  13. .fs_gallery_prev {
  14. width: 80px; color: rgb(204, 204, 204); font-size: 30px; position: absolute; z-index: 1001; cursor: pointer;
  15. }
  16. .fs_gallery_next {
  17. width: 80px; color: rgb(204, 204, 204); font-size: 30px; position: absolute; z-index: 1001; cursor: pointer;
  18. }
  19. .fs_gallery_prev:hover {
  20. background: rgba(0, 0, 0, 0.1); color: rgb(255, 255, 255);
  21. }
  22. .fs_gallery_next:hover {
  23. background: rgba(0, 0, 0, 0.1); color: rgb(255, 255, 255);
  24. }
  25. .fs_gallery_prev {
  26. left: 0px; top: 0px; bottom: 0px;
  27. }
  28. .fs_gallery_next {
  29. top: 0px; right: 0px; bottom: 0px;
  30. }
  31. .fs_gallery_prev::before {
  32. left: 35px; top: 50%; height: 30px; margin-top: -30px; position: absolute; content: "<";
  33. }
  34. .fs_gallery_next::before {
  35. left: 35px; top: 50%; height: 30px; margin-top: -30px; position: absolute; content: ">";
  36. }
  37. .fs_gallery_shuft {
  38. width: 9999999px; position: relative;
  39. }
  40. .fs_gallery_shuft::after {
  41. clear: both; display: block; content: "";
  42. }
  43. .fs_gallery_shuft_item {
  44. background-position: center; float: left; position: relative; background-repeat: no-repeat;
  45. }
  46. .fs_gallery_shuft_item img {
  47. left: 50%; top: 50%; position: absolute; box-shadow: 0px 0px 8px rgba(0,0,0,0.8);
  48. }