lightbox.css 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. .ui-lightbox {
  2. position: fixed;
  3. display: none;
  4. top: 50%;
  5. left: 50%;
  6. transform: translateX(-50%) translateY(-50%);
  7. }
  8. .ui-lightbox-content-wrapper {
  9. position: relative;
  10. }
  11. .ui-lightbox-content {
  12. position: relative;
  13. margin: 0;
  14. padding: 0;
  15. background-color: #000000;
  16. }
  17. .ui-lightbox-nav-right, .ui-lightbox-nav-left {
  18. position: absolute;
  19. top: 50%;
  20. cursor: pointer;
  21. }
  22. .ui-lightbox-nav-left {
  23. left: 0;
  24. }
  25. .ui-lightbox-nav-right {
  26. right: 0;
  27. }
  28. .ui-lightbox-loading .ui-lightbox-content {
  29. background: url("./images/loading.gif") #000000 center center no-repeat;
  30. }
  31. .ui-lightbox-caption {
  32. padding: 0.2em 0.4em;
  33. display: none;
  34. }
  35. .ui-lightbox-caption-text {
  36. margin: 0.3em 0 0.1em 0;
  37. float:left;
  38. }
  39. .ui-lightbox-close {
  40. float:right;
  41. margin: 0;
  42. padding: .125em;
  43. }
  44. .ui-lightbox-close.ui-state-hover {
  45. padding: 0;
  46. }
  47. .ui-lightbox-nav-left, .ui-lightbox-nav-right {
  48. opacity: .5;
  49. }
  50. .ui-lightbox-nav-left:hover, .ui-lightbox-nav-right:hover{
  51. opacity: 1;
  52. }