You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

73 lines
5.7 KiB

2 years ago
  1. .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}
  2. .mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}
  3. .mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}
  4. .mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}
  5. .mfp-align-top .mfp-container:before{display:none}
  6. .mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}
  7. .mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{max-width:800px;width:100%;cursor:auto}
  8. .mfp-ajax-cur{cursor:progress}
  9. .mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}
  10. .mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
  11. .mfp-auto-cursor .mfp-content{cursor:auto}
  12. .mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}
  13. .mfp-loading.mfp-figure{display:none}
  14. .mfp-hide{display:none!important}
  15. .mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}
  16. .mfp-preloader a{color:#CCC}
  17. .mfp-preloader a:hover{color:#FFF}
  18. .mfp-s-ready .mfp-preloader{display:none}
  19. .mfp-s-error .mfp-content{display:none}
  20. button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}
  21. button::-moz-focus-inner{padding:0;border:0}
  22. .mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}
  23. .mfp-close:hover,.mfp-close:focus{opacity:1}
  24. .mfp-close:active{top:1px}
  25. .mfp-close-btn-in .mfp-close{color:#adadad}
  26. .mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}
  27. .mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap;display:none}
  28. .mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}
  29. .mfp-arrow:active{margin-top:-54px}
  30. .mfp-arrow:hover,.mfp-arrow:focus{opacity:1}
  31. .mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}
  32. .mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}
  33. .mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}
  34. .mfp-arrow-left{left:0}
  35. .mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}
  36. .mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}
  37. .mfp-arrow-right{right:0}
  38. .mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}
  39. .mfp-arrow-right:before{border-left:27px solid #3F3F3F}
  40. .mfp-iframe-holder{padding-top:40px;padding-bottom:40px}
  41. .mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}
  42. .mfp-iframe-holder .mfp-close{top:-40px}
  43. .mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}
  44. .mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}
  45. img.mfp-img{width:auto;max-width:100%;height:auto;display:inline-block;line-height:0;box-sizing:border-box;padding:0;margin:80px auto}
  46. .mfp-imgbox-four .mfp-img{width:50%;max-width:50%;float:left;margin:0;border-style:solid;border-color:#fff}
  47. .mfp-imgbox-four .mfp-img:nth-child(1){margin-top:80px;border-width:3px 2px 2px 3px}
  48. .mfp-imgbox-four .mfp-img:nth-child(2){margin-top:80px;border-width:3px 3px 2px 2px}
  49. .mfp-imgbox-four .mfp-img:nth-child(3){margin-bottom:80px;border-width:2px 2px 3px 3px}
  50. .mfp-imgbox-four .mfp-img:nth-child(4){margin-bottom:80px;border-width:2px 3px 3px 2px}
  51. .mfp-figure{line-height:0}
  52. .mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}
  53. .mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}
  54. .mfp-figure figure{margin:0}
  55. .mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}
  56. .mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}
  57. .mfp-image-holder .mfp-content{max-width:100%}
  58. .mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}
  59. @media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px) {
  60. .mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}
  61. .mfp-img-mobile img.mfp-img{padding:0}
  62. .mfp-img-mobile .mfp-figure:after{top:0;bottom:0}
  63. .mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}
  64. .mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}
  65. .mfp-img-mobile .mfp-bottom-bar:empty{padding:0}
  66. .mfp-img-mobile .mfp-counter{right:5px;top:3px}
  67. .mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}
  68. }
  69. @media all and (max-width: 900px) {
  70. .mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}
  71. .mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}
  72. .mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}
  73. .mfp-container{padding-left:6px;padding-right:6px}
  74. }