OA.css 898 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. .viewImage {
  2. width: 100%;
  3. height: auto;
  4. }
  5. .center {
  6. text-align: center;
  7. }
  8. #image_body {
  9. overflow: scroll;
  10. max-height: 800px;
  11. vertical-align: middle;
  12. }
  13. .border-grey {
  14. border: 1px solid #dee2e6;
  15. padding: 16px 20px;
  16. }
  17. #images_container {
  18. max-height: 900px;
  19. overflow: hidden;
  20. }
  21. #image_min {
  22. max-height: 900px;
  23. overflow: auto;
  24. }
  25. #expandedImg {
  26. max-height: 600px;
  27. width: auto;
  28. }
  29. /*.glassStyle {
  30. border: 1px solid black;
  31. box-shadow: 5px 5px 12px black;
  32. background: rgba(0, 0, 0, 0.25);
  33. }*/
  34. .img-magnifier-container {
  35. position:relative;
  36. }
  37. .img-magnifier-glass {
  38. position: absolute;
  39. border: 1px solid black;
  40. box-shadow: 5px 5px 12px black;
  41. background: rgba(0, 0, 0, 0.25);
  42. border-radius: 50%;
  43. cursor: none;
  44. /*Set the size of the magnifier glass:*/
  45. width: 200px;
  46. height: 200px;
  47. }