fan-standard-comp 3.2.1 → 3.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (293) hide show
  1. package/Readme.md +1 -33
  2. package/dist/09cd8e9be7081f2166444cce393fe968.svg +54 -0
  3. package/dist/e3378c145b7db195ad068735e15fb28a.svg +165 -0
  4. package/dist/fan-standard-comp.umd.js +166 -444
  5. package/dist/fonts/iconfont.ttf +0 -0
  6. package/dist/fonts/iconfont.woff +0 -0
  7. package/dist/fonts/lg.ttf +0 -0
  8. package/dist/fonts/lg.woff +0 -0
  9. package/dist/fonts/lg.woff2 +0 -0
  10. package/es/ButtonGroup/ButtonList.d.ts +2 -1
  11. package/es/ButtonGroup/ButtonMenu.d.ts +2 -1
  12. package/es/ButtonGroup/PopConfirmTitle.js +5 -5
  13. package/es/ButtonGroup/index.d.ts +3 -1
  14. package/es/ButtonGroup/index.js +146 -180
  15. package/es/ButtonGroup/style/index.less +4 -1
  16. package/es/CalendarCoordPicker/CalendarMonthPicker.d.ts +5 -0
  17. package/es/CalendarCoordPicker/CalendarMonthPicker.js +26 -0
  18. package/es/CalendarCoordPicker/index.d.ts +8 -0
  19. package/es/CalendarCoordPicker/index.js +296 -0
  20. package/es/CalendarCoordPicker/index.less +31 -0
  21. package/es/ConfigContext/index.d.ts +7 -0
  22. package/es/ConfigContext/index.js +12 -0
  23. package/es/DragContent/index.d.ts +1 -1
  24. package/es/DragContent/index.js +5 -5
  25. package/es/FormComp/ChunkUploader/api.js +14 -14
  26. package/es/FormComp/ChunkUploader/index.js +132 -139
  27. package/es/FormComp/ChunkUploader/lib.js +21 -21
  28. package/es/FormComp/ChunkUploader/upload-queue.class.js +64 -66
  29. package/es/FormComp/EditButton/index.d.ts +1 -1
  30. package/es/FormComp/EditButton/index.js +15 -17
  31. package/es/FormComp/FieldComponent/ReUpload.d.ts +1 -1
  32. package/es/FormComp/FieldComponent/ReUpload.js +37 -23
  33. package/es/FormComp/FieldComponent/RefactorTextarea.js +32 -0
  34. package/es/FormComp/FieldComponent/RefactorTreeSelect.js +72 -19
  35. package/es/FormComp/FieldComponent/TitleNode.d.ts +2 -1
  36. package/es/FormComp/FieldComponent/index.d.ts +1 -1
  37. package/es/FormComp/FieldComponent/index.js +33 -23
  38. package/es/FormComp/FieldComponent/setReadonlyValues.js +6 -6
  39. package/es/FormComp/RenderItemGroup/index.js +24 -8
  40. package/es/FormComp/Uploader/index.d.ts +3 -1
  41. package/es/FormComp/Uploader/index.js +243 -119
  42. package/es/FormComp/VarTemplate/index.js +57 -64
  43. package/es/ImageGallery/ImagePreview.d.ts +13 -0
  44. package/es/ImageGallery/ImagePreview.js +168 -0
  45. package/es/ImageGallery/PreviewStyles/ImagePreview.less +730 -0
  46. package/es/ImageGallery/PreviewStyles/fonts/lg.svg +54 -0
  47. package/es/ImageGallery/PreviewStyles/fonts/lg.ttf +0 -0
  48. package/es/ImageGallery/PreviewStyles/fonts/lg.woff +0 -0
  49. package/es/ImageGallery/PreviewStyles/fonts/lg.woff2 +0 -0
  50. package/es/ImageGallery/PreviewStyles/lg-thumbnail.css +108 -0
  51. package/es/ImageGallery/PreviewStyles/lg-video.css +144 -0
  52. package/es/ImageGallery/PreviewStyles/lg-zoom.css +116 -0
  53. package/es/ImageGallery/PreviewStyles/lightgallery.css +728 -0
  54. package/es/ImageGallery/SliderContent.d.ts +7 -0
  55. package/es/ImageGallery/SliderContent.js +699 -0
  56. package/es/ImageGallery/Thumbnail.d.ts +3 -0
  57. package/es/ImageGallery/Thumbnail.js +296 -0
  58. package/es/ImageGallery/hook/uniqueId.d.ts +1 -0
  59. package/es/ImageGallery/hook/uniqueId.js +10 -0
  60. package/es/ImageGallery/index.d.ts +4 -0
  61. package/es/ImageGallery/index.js +29 -0
  62. package/es/ImageGallery/style/index.less +5 -0
  63. package/es/ImageGallery/types.d.ts +5 -0
  64. package/es/ImageGallery/types.js +1 -0
  65. package/es/NavLeafScroll/index.js +94 -50
  66. package/es/RefactorTree/index.d.ts +1 -1
  67. package/es/RefactorTree/index.js +6 -6
  68. package/es/RefactorTree/indexTreeNode.d.ts +1 -1
  69. package/es/RefactorTree/indexTreeNode.js +19 -17
  70. package/es/RefactorTree/util.js +18 -18
  71. package/es/SpecIcon/fonts/demo_index.html +559 -5
  72. package/es/SpecIcon/fonts/iconfont.css +101 -3
  73. package/es/SpecIcon/fonts/iconfont.js +34 -27
  74. package/es/SpecIcon/fonts/iconfont.json +168 -0
  75. package/es/SpecIcon/fonts/iconfont.svg +163 -171
  76. package/es/SpecIcon/fonts/iconfont.ttf +0 -0
  77. package/es/SpecIcon/fonts/iconfont.woff +0 -0
  78. package/es/SpecIcon/fonts/iconfont.woff2 +0 -0
  79. package/es/SpecIcon/style/iconfont.less +106 -11
  80. package/es/SplitterLayout/Pane.d.ts +1 -1
  81. package/es/SplitterLayout/index.js +25 -26
  82. package/es/StandardContent/SplitterLayout/Pane.js +3 -3
  83. package/es/StandardContent/SplitterLayout/index.js +25 -26
  84. package/es/StandardContent/SubfieldContent.d.ts +1 -1
  85. package/es/StandardContent/WrapperContent.d.ts +1 -1
  86. package/es/StandardDragModal/index.d.ts +11 -3
  87. package/es/StandardDragModal/index.js +25 -3
  88. package/es/StandardFilter/index.d.ts +5 -16
  89. package/es/StandardFilter/index.js +212 -200
  90. package/es/StandardFilter/indexClass.d.ts +37 -0
  91. package/es/StandardFilter/indexClass.js +217 -0
  92. package/es/StandardFilter/style/index.less +82 -9
  93. package/es/StandardForm/StepForm.d.ts +1 -1
  94. package/es/StandardForm/StepForm.js +28 -22
  95. package/es/StandardForm/TabForm.d.ts +1 -1
  96. package/es/StandardForm/TabForm.js +41 -43
  97. package/es/StandardForm/index.d.ts +1 -1
  98. package/es/StandardForm/index.js +5 -5
  99. package/es/StandardModal/UpdateFormRef.js +0 -1
  100. package/es/StandardModal/index.d.ts +2 -1
  101. package/es/StandardModal/index.js +25 -39
  102. package/es/StandardPanel/index.d.ts +1 -1
  103. package/es/StandardPanel/index.js +7 -7
  104. package/es/StandardTable/index.d.ts +1 -0
  105. package/es/StandardTable/index.js +44 -26
  106. package/es/components/IconNode/index.d.ts +1 -1
  107. package/es/components/IconNode/index.js +0 -1
  108. package/es/data/general.config.js +31 -0
  109. package/es/index.d.ts +3 -1
  110. package/es/index.js +6 -2
  111. package/es/utils/filterPermission.js +7 -10
  112. package/es/utils/getParentNodes.js +101 -26
  113. package/es/utils/index.js +2 -3
  114. package/es/utils/urlUtils.js +76 -0
  115. package/lib/ButtonGroup/ButtonList.d.ts +2 -1
  116. package/lib/ButtonGroup/ButtonList.js +2 -3
  117. package/lib/ButtonGroup/ButtonMenu.d.ts +2 -1
  118. package/lib/ButtonGroup/ButtonMenu.js +2 -3
  119. package/lib/ButtonGroup/PopConfirmTitle.js +7 -8
  120. package/lib/ButtonGroup/index.d.ts +3 -1
  121. package/lib/ButtonGroup/index.js +150 -185
  122. package/lib/ButtonGroup/style/index.less +4 -1
  123. package/lib/CalendarCoordPicker/CalendarMonthPicker.d.ts +5 -0
  124. package/lib/CalendarCoordPicker/CalendarMonthPicker.js +36 -0
  125. package/lib/CalendarCoordPicker/index.d.ts +8 -0
  126. package/lib/CalendarCoordPicker/index.js +305 -0
  127. package/lib/CalendarCoordPicker/index.less +31 -0
  128. package/lib/ConfigContext/index.d.ts +7 -0
  129. package/lib/ConfigContext/index.js +17 -0
  130. package/lib/DragContent/DragBar.js +2 -3
  131. package/lib/DragContent/index.d.ts +1 -1
  132. package/lib/DragContent/index.js +9 -10
  133. package/lib/FormComp/ChunkUploader/api.js +15 -15
  134. package/lib/FormComp/ChunkUploader/index.js +135 -142
  135. package/lib/FormComp/ChunkUploader/lib.js +22 -22
  136. package/lib/FormComp/ChunkUploader/upload-queue.class.js +66 -69
  137. package/lib/FormComp/ChunkUploader/worker.js +1 -1
  138. package/lib/FormComp/EditButton/index.d.ts +1 -1
  139. package/lib/FormComp/EditButton/index.js +19 -22
  140. package/lib/FormComp/FieldComponent/ReUpload.d.ts +1 -1
  141. package/lib/FormComp/FieldComponent/ReUpload.js +40 -28
  142. package/lib/FormComp/FieldComponent/RefactorTextarea.js +42 -0
  143. package/lib/FormComp/FieldComponent/RefactorTreeSelect.js +75 -23
  144. package/lib/FormComp/FieldComponent/TitleNode.d.ts +2 -1
  145. package/lib/FormComp/FieldComponent/TitleNode.js +2 -3
  146. package/lib/FormComp/FieldComponent/index.d.ts +1 -1
  147. package/lib/FormComp/FieldComponent/index.js +38 -26
  148. package/lib/FormComp/FieldComponent/setReadonlyValues.js +15 -20
  149. package/lib/FormComp/RenderItemGroup/index.js +26 -11
  150. package/lib/FormComp/Uploader/index.d.ts +3 -1
  151. package/lib/FormComp/Uploader/index.js +244 -123
  152. package/lib/FormComp/VarTemplate/index.js +63 -71
  153. package/lib/FormComp/index.js +1 -1
  154. package/lib/ImageGallery/ImagePreview.d.ts +13 -0
  155. package/lib/ImageGallery/ImagePreview.js +178 -0
  156. package/lib/ImageGallery/PreviewStyles/ImagePreview.less +730 -0
  157. package/lib/ImageGallery/PreviewStyles/fonts/lg.svg +54 -0
  158. package/lib/ImageGallery/PreviewStyles/fonts/lg.ttf +0 -0
  159. package/lib/ImageGallery/PreviewStyles/fonts/lg.woff +0 -0
  160. package/lib/ImageGallery/PreviewStyles/fonts/lg.woff2 +0 -0
  161. package/lib/ImageGallery/PreviewStyles/lg-thumbnail.css +108 -0
  162. package/lib/ImageGallery/PreviewStyles/lg-video.css +144 -0
  163. package/lib/ImageGallery/PreviewStyles/lg-zoom.css +116 -0
  164. package/lib/ImageGallery/PreviewStyles/lightgallery.css +728 -0
  165. package/lib/ImageGallery/SliderContent.d.ts +7 -0
  166. package/lib/ImageGallery/SliderContent.js +708 -0
  167. package/lib/ImageGallery/Thumbnail.d.ts +3 -0
  168. package/lib/ImageGallery/Thumbnail.js +306 -0
  169. package/lib/ImageGallery/hook/uniqueId.d.ts +1 -0
  170. package/lib/ImageGallery/hook/uniqueId.js +17 -0
  171. package/lib/ImageGallery/index.d.ts +4 -0
  172. package/lib/ImageGallery/index.js +36 -0
  173. package/lib/ImageGallery/style/index.less +5 -0
  174. package/lib/ImageGallery/types.d.ts +5 -0
  175. package/lib/ImageGallery/types.js +5 -0
  176. package/lib/NavLeafScroll/index.js +98 -55
  177. package/lib/RefactorTree/index.d.ts +1 -1
  178. package/lib/RefactorTree/index.js +10 -11
  179. package/lib/RefactorTree/indexTreeNode.d.ts +1 -1
  180. package/lib/RefactorTree/indexTreeNode.js +23 -22
  181. package/lib/RefactorTree/util.js +18 -18
  182. package/lib/SpecIcon/fonts/demo_index.html +559 -5
  183. package/lib/SpecIcon/fonts/iconfont.css +101 -3
  184. package/lib/SpecIcon/fonts/iconfont.js +34 -27
  185. package/lib/SpecIcon/fonts/iconfont.json +168 -0
  186. package/lib/SpecIcon/fonts/iconfont.svg +163 -171
  187. package/lib/SpecIcon/fonts/iconfont.ttf +0 -0
  188. package/lib/SpecIcon/fonts/iconfont.woff +0 -0
  189. package/lib/SpecIcon/fonts/iconfont.woff2 +0 -0
  190. package/lib/SpecIcon/index.js +2 -3
  191. package/lib/SpecIcon/style/iconfont.less +106 -11
  192. package/lib/SplitterLayout/Pane.d.ts +1 -1
  193. package/lib/SplitterLayout/Pane.js +2 -3
  194. package/lib/SplitterLayout/index.js +27 -29
  195. package/lib/StandardContent/SplitterLayout/Pane.js +5 -6
  196. package/lib/StandardContent/SplitterLayout/index.js +27 -29
  197. package/lib/StandardContent/SubfieldContent.d.ts +1 -1
  198. package/lib/StandardContent/SubfieldContent.js +2 -3
  199. package/lib/StandardContent/WrapperContent.d.ts +1 -1
  200. package/lib/StandardContent/WrapperContent.js +2 -3
  201. package/lib/StandardDragModal/index.d.ts +11 -3
  202. package/lib/StandardDragModal/index.js +27 -33
  203. package/lib/StandardFilter/index.d.ts +5 -16
  204. package/lib/StandardFilter/index.js +215 -201
  205. package/lib/StandardFilter/indexClass.d.ts +37 -0
  206. package/lib/StandardFilter/indexClass.js +223 -0
  207. package/lib/StandardFilter/style/index.less +82 -9
  208. package/lib/StandardForm/ActionList.js +2 -3
  209. package/lib/StandardForm/StepForm.d.ts +1 -1
  210. package/lib/StandardForm/StepForm.js +32 -27
  211. package/lib/StandardForm/TabForm.d.ts +1 -1
  212. package/lib/StandardForm/TabForm.js +45 -48
  213. package/lib/StandardForm/index.d.ts +1 -1
  214. package/lib/StandardForm/index.js +9 -10
  215. package/lib/StandardModal/UpdateFormRef.js +3 -4
  216. package/lib/StandardModal/index.d.ts +2 -1
  217. package/lib/StandardModal/index.js +29 -43
  218. package/lib/StandardPanel/index.d.ts +1 -1
  219. package/lib/StandardPanel/index.js +11 -12
  220. package/lib/StandardTable/index.d.ts +1 -0
  221. package/lib/StandardTable/index.js +49 -29
  222. package/lib/components/IconNode/index.d.ts +1 -1
  223. package/lib/components/IconNode/index.js +2 -4
  224. package/lib/components/index.js +1 -1
  225. package/lib/data/func.code.js +2 -3
  226. package/lib/data/general.config.js +33 -3
  227. package/lib/data/index.js +1 -1
  228. package/lib/index.d.ts +3 -1
  229. package/lib/index.js +30 -10
  230. package/lib/utils/ValueFormat.js +1 -2
  231. package/lib/utils/filterPermission.js +11 -18
  232. package/lib/utils/getParentNodes.js +103 -29
  233. package/lib/utils/index.js +5 -27
  234. package/lib/utils/urlUtils.js +82 -0
  235. package/package.json +14 -9
  236. package/dist/f26952c118ab6cdcd23dc0028ee98c11.svg +0 -173
  237. package/dist/fonts/iconfont.eot +0 -0
  238. package/es/StandardDragModal/ChangeStandardModal.d.ts +0 -44
  239. package/es/StandardDragModal/ChangeStandardModal.js +0 -493
  240. package/es/StandardDragModal/DraggableModal.d.ts +0 -7
  241. package/es/StandardDragModal/DraggableModal.js +0 -31
  242. package/es/StandardDragModal/DraggableModalContext.d.ts +0 -9
  243. package/es/StandardDragModal/DraggableModalContext.js +0 -5
  244. package/es/StandardDragModal/DraggableModalInner.d.ts +0 -16
  245. package/es/StandardDragModal/DraggableModalInner.js +0 -114
  246. package/es/StandardDragModal/DraggableModalProvider.d.ts +0 -4
  247. package/es/StandardDragModal/DraggableModalProvider.js +0 -40
  248. package/es/StandardDragModal/Modal.d.ts +0 -11
  249. package/es/StandardDragModal/Modal.js +0 -24
  250. package/es/StandardDragModal/ResizeHandle.d.ts +0 -2
  251. package/es/StandardDragModal/ResizeHandle.js +0 -8
  252. package/es/StandardDragModal/clamp.d.ts +0 -1
  253. package/es/StandardDragModal/clamp.js +0 -3
  254. package/es/StandardDragModal/draggableModalReducer.d.ts +0 -66
  255. package/es/StandardDragModal/draggableModalReducer.js +0 -157
  256. package/es/StandardDragModal/getWindowSize.d.ts +0 -4
  257. package/es/StandardDragModal/getWindowSize.js +0 -6
  258. package/es/StandardDragModal/index.less +0 -65
  259. package/es/StandardDragModal/useDrag.d.ts +0 -5
  260. package/es/StandardDragModal/useDrag.js +0 -66
  261. package/es/StandardDragModal/usePrevious.d.ts +0 -1
  262. package/es/StandardDragModal/usePrevious.js +0 -8
  263. package/es/StandardDragModal/useResize.d.ts +0 -7
  264. package/es/StandardDragModal/useResize.js +0 -74
  265. package/es/utils/dictSelectUtil.js +0 -153
  266. package/lib/StandardDragModal/ChangeStandardModal.d.ts +0 -44
  267. package/lib/StandardDragModal/ChangeStandardModal.js +0 -502
  268. package/lib/StandardDragModal/DraggableModal.d.ts +0 -7
  269. package/lib/StandardDragModal/DraggableModal.js +0 -40
  270. package/lib/StandardDragModal/DraggableModalContext.d.ts +0 -9
  271. package/lib/StandardDragModal/DraggableModalContext.js +0 -15
  272. package/lib/StandardDragModal/DraggableModalInner.d.ts +0 -16
  273. package/lib/StandardDragModal/DraggableModalInner.js +0 -124
  274. package/lib/StandardDragModal/DraggableModalProvider.d.ts +0 -4
  275. package/lib/StandardDragModal/DraggableModalProvider.js +0 -48
  276. package/lib/StandardDragModal/Modal.d.ts +0 -11
  277. package/lib/StandardDragModal/Modal.js +0 -32
  278. package/lib/StandardDragModal/ResizeHandle.d.ts +0 -2
  279. package/lib/StandardDragModal/ResizeHandle.js +0 -18
  280. package/lib/StandardDragModal/clamp.d.ts +0 -1
  281. package/lib/StandardDragModal/clamp.js +0 -10
  282. package/lib/StandardDragModal/draggableModalReducer.d.ts +0 -66
  283. package/lib/StandardDragModal/draggableModalReducer.js +0 -167
  284. package/lib/StandardDragModal/getWindowSize.d.ts +0 -4
  285. package/lib/StandardDragModal/getWindowSize.js +0 -13
  286. package/lib/StandardDragModal/index.less +0 -65
  287. package/lib/StandardDragModal/useDrag.d.ts +0 -5
  288. package/lib/StandardDragModal/useDrag.js +0 -73
  289. package/lib/StandardDragModal/usePrevious.d.ts +0 -1
  290. package/lib/StandardDragModal/usePrevious.js +0 -15
  291. package/lib/StandardDragModal/useResize.d.ts +0 -7
  292. package/lib/StandardDragModal/useResize.js +0 -81
  293. package/lib/utils/dictSelectUtil.js +0 -161
package/es/ImageGallery/PreviewStyles/ImagePreview.less ADDED
@@ -0,0 +1,730 @@
1
+ @import "./lg-thumbnail.css";
2
+ @import "./lg-zoom.css";
3
+ @font-face {
4
+ font-family: 'lg';
5
+ src: url("./fonts/lg.woff2?io9a6k") format("woff2"), url("./fonts/lg.ttf?io9a6k") format("truetype"), url("./fonts/lg.woff?io9a6k") format("woff"), url("./fonts/lg.svg?io9a6k#lg") format("svg");
6
+ font-weight: normal;
7
+ font-style: normal;
8
+ font-display: block;
9
+ }
10
+
11
+ .spec-image-preview-icon {
12
+ /* use !important to prevent issues with browser extensions that change fonts */
13
+ font-family: 'lg' !important;
14
+ speak: never;
15
+ font-style: normal;
16
+ font-weight: normal;
17
+ font-variant: normal;
18
+ text-transform: none;
19
+ line-height: 1;
20
+ /* Better Font Rendering =========== */
21
+ -webkit-font-smoothing: antialiased;
22
+ -moz-osx-font-smoothing: grayscale;
23
+ }
24
+
25
+ .spec-image-preview-container {
26
+ font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
27
+ }
28
+
29
+ .spec-image-preview-next,
30
+ .spec-image-preview-prev {
31
+ background-color: rgba(0, 0, 0, 0.45);
32
+ border-radius: 2px;
33
+ color: #999;
34
+ cursor: pointer;
35
+ display: block;
36
+ font-size: 22px;
37
+ margin-top: -10px;
38
+ padding: 8px 10px 9px;
39
+ position: absolute;
40
+ top: 50%;
41
+ z-index: 1084;
42
+ outline: none;
43
+ border: none;
44
+ }
45
+
46
+ .spec-image-preview-next.disabled,
47
+ .spec-image-preview-prev.disabled {
48
+ opacity: 0 !important;
49
+ cursor: default;
50
+ }
51
+
52
+ .spec-image-preview-next:hover:not(.disabled),
53
+ .spec-image-preview-prev:hover:not(.disabled) {
54
+ color: #fff;
55
+ }
56
+
57
+ .spec-image-preview-single-item .spec-image-preview-next, .spec-image-preview-single-item
58
+ .spec-image-preview-prev {
59
+ display: none;
60
+ }
61
+
62
+ .spec-image-preview-next {
63
+ right: 20px;
64
+ }
65
+
66
+ .spec-image-preview-next:before {
67
+ content: '\e095';
68
+ }
69
+
70
+ .spec-image-preview-prev {
71
+ left: 20px;
72
+ }
73
+
74
+ .spec-image-preview-prev:after {
75
+ content: '\e094';
76
+ }
77
+
78
+ @-webkit-keyframes lg-right-end {
79
+ 0% {
80
+ left: 0;
81
+ }
82
+ 50% {
83
+ left: -30px;
84
+ }
85
+ 100% {
86
+ left: 0;
87
+ }
88
+ }
89
+
90
+ @-moz-keyframes lg-right-end {
91
+ 0% {
92
+ left: 0;
93
+ }
94
+ 50% {
95
+ left: -30px;
96
+ }
97
+ 100% {
98
+ left: 0;
99
+ }
100
+ }
101
+
102
+ @-ms-keyframes lg-right-end {
103
+ 0% {
104
+ left: 0;
105
+ }
106
+ 50% {
107
+ left: -30px;
108
+ }
109
+ 100% {
110
+ left: 0;
111
+ }
112
+ }
113
+
114
+ @keyframes lg-right-end {
115
+ 0% {
116
+ left: 0;
117
+ }
118
+ 50% {
119
+ left: -30px;
120
+ }
121
+ 100% {
122
+ left: 0;
123
+ }
124
+ }
125
+
126
+ @-webkit-keyframes lg-left-end {
127
+ 0% {
128
+ left: 0;
129
+ }
130
+ 50% {
131
+ left: 30px;
132
+ }
133
+ 100% {
134
+ left: 0;
135
+ }
136
+ }
137
+
138
+ @-moz-keyframes lg-left-end {
139
+ 0% {
140
+ left: 0;
141
+ }
142
+ 50% {
143
+ left: 30px;
144
+ }
145
+ 100% {
146
+ left: 0;
147
+ }
148
+ }
149
+
150
+ @-ms-keyframes lg-left-end {
151
+ 0% {
152
+ left: 0;
153
+ }
154
+ 50% {
155
+ left: 30px;
156
+ }
157
+ 100% {
158
+ left: 0;
159
+ }
160
+ }
161
+
162
+ @keyframes lg-left-end {
163
+ 0% {
164
+ left: 0;
165
+ }
166
+ 50% {
167
+ left: 30px;
168
+ }
169
+ 100% {
170
+ left: 0;
171
+ }
172
+ }
173
+
174
+ .spec-image-preview-outer.spec-image-preview-right-end .spec-image-preview-object {
175
+ -webkit-animation: lg-right-end 0.3s;
176
+ -o-animation: lg-right-end 0.3s;
177
+ animation: lg-right-end 0.3s;
178
+ position: relative;
179
+ }
180
+
181
+ .spec-image-preview-outer.spec-image-preview-left-end .spec-image-preview-object {
182
+ -webkit-animation: lg-left-end 0.3s;
183
+ -o-animation: lg-left-end 0.3s;
184
+ animation: lg-left-end 0.3s;
185
+ position: relative;
186
+ }
187
+
188
+ .spec-image-preview-toolbar {
189
+ z-index: 1082;
190
+ left: 0;
191
+ position: absolute;
192
+ top: 0;
193
+ width: 100%;
194
+ }
195
+
196
+ .spec-image-preview-media-overlap .spec-image-preview-toolbar {
197
+ background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
198
+ }
199
+
200
+ .spec-image-preview-toolbar .spec-image-preview-icon {
201
+ color: #999;
202
+ cursor: pointer;
203
+ float: right;
204
+ font-size: 24px;
205
+ height: 47px;
206
+ line-height: 27px;
207
+ padding: 10px 0;
208
+ text-align: center;
209
+ width: 50px;
210
+ text-decoration: none !important;
211
+ outline: medium none;
212
+ will-change: color;
213
+ -webkit-transition: color 0.2s linear;
214
+ -o-transition: color 0.2s linear;
215
+ transition: color 0.2s linear;
216
+ background: none;
217
+ border: none;
218
+ box-shadow: none;
219
+ }
220
+
221
+ .spec-image-preview-toolbar .spec-image-preview-icon.spec-image-preview-icon-18 {
222
+ font-size: 18px;
223
+ }
224
+
225
+ .spec-image-preview-toolbar .spec-image-preview-icon:hover {
226
+ color: #fff;
227
+ }
228
+
229
+ .spec-image-preview-toolbar .spec-image-preview-close:after {
230
+ content: '\e070';
231
+ }
232
+
233
+ .spec-image-preview-toolbar .spec-image-preview-maximize {
234
+ font-size: 22px;
235
+ }
236
+
237
+ .spec-image-preview-toolbar .spec-image-preview-maximize:after {
238
+ content: '\e90a';
239
+ }
240
+
241
+ .spec-image-preview-toolbar .spec-image-preview-download:after {
242
+ content: '\e0f2';
243
+ }
244
+
245
+ .spec-image-preview-sub-html {
246
+ color: #eee;
247
+ font-size: 16px;
248
+ padding: 10px 40px;
249
+ text-align: center;
250
+ z-index: 1080;
251
+ opacity: 0;
252
+ -webkit-transition: opacity 0.2s ease-out 0s;
253
+ -o-transition: opacity 0.2s ease-out 0s;
254
+ transition: opacity 0.2s ease-out 0s;
255
+ }
256
+
257
+ .spec-image-preview-sub-html h4 {
258
+ margin: 0;
259
+ font-size: 13px;
260
+ font-weight: bold;
261
+ }
262
+
263
+ .spec-image-preview-sub-html p {
264
+ font-size: 12px;
265
+ margin: 5px 0 0;
266
+ }
267
+
268
+ .spec-image-preview-sub-html a {
269
+ color: inherit;
270
+ }
271
+
272
+ .spec-image-preview-sub-html a:hover {
273
+ text-decoration: underline;
274
+ }
275
+
276
+ .spec-image-preview-media-overlap .spec-image-preview-sub-html {
277
+ background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
278
+ }
279
+
280
+ .spec-image-preview-item .spec-image-preview-sub-html {
281
+ position: absolute;
282
+ bottom: 0;
283
+ right: 0;
284
+ left: 0;
285
+ }
286
+
287
+ .spec-image-preview-error-msg {
288
+ font-size: 14px;
289
+ color: #999;
290
+ }
291
+
292
+ .spec-image-preview-counter {
293
+ color: #999;
294
+ display: inline-block;
295
+ font-size: 16px;
296
+ padding-left: 20px;
297
+ padding-top: 12px;
298
+ height: 47px;
299
+ vertical-align: middle;
300
+ }
301
+
302
+ .spec-image-preview-closing .spec-image-preview-toolbar,
303
+ .spec-image-preview-closing .spec-image-preview-prev,
304
+ .spec-image-preview-closing .spec-image-preview-next,
305
+ .spec-image-preview-closing .spec-image-preview-sub-html {
306
+ opacity: 0;
307
+ -webkit-transition: -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
308
+ -moz-transition: -moz-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
309
+ -o-transition: -o-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
310
+ transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
311
+ }
312
+
313
+ body:not(.spec-image-preview-from-hash) .spec-image-preview-outer.spec-image-preview-start-zoom .spec-image-preview-item:not(.spec-image-preview-zoomable) .spec-image-preview-img-wrap,
314
+ body:not(.spec-image-preview-from-hash) .spec-image-preview-outer.spec-image-preview-start-zoom .spec-image-preview-item:not(.spec-image-preview-zoomable) .spec-image-preview-video-cont {
315
+ opacity: 0;
316
+ -moz-transform: scale3d(0.5, 0.5, 0.5);
317
+ -o-transform: scale3d(0.5, 0.5, 0.5);
318
+ -ms-transform: scale3d(0.5, 0.5, 0.5);
319
+ -webkit-transform: scale3d(0.5, 0.5, 0.5);
320
+ transform: scale3d(0.5, 0.5, 0.5);
321
+ will-change: transform, opacity;
322
+ -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
323
+ -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
324
+ -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
325
+ transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
326
+ }
327
+
328
+ body:not(.spec-image-preview-from-hash) .spec-image-preview-outer.spec-image-preview-start-zoom .spec-image-preview-item:not(.spec-image-preview-zoomable).spec-image-preview-complete .spec-image-preview-img-wrap,
329
+ body:not(.spec-image-preview-from-hash) .spec-image-preview-outer.spec-image-preview-start-zoom .spec-image-preview-item:not(.spec-image-preview-zoomable).spec-image-preview-complete .spec-image-preview-video-cont {
330
+ opacity: 1;
331
+ -moz-transform: scale3d(1, 1, 1);
332
+ -o-transform: scale3d(1, 1, 1);
333
+ -ms-transform: scale3d(1, 1, 1);
334
+ -webkit-transform: scale3d(1, 1, 1);
335
+ transform: scale3d(1, 1, 1);
336
+ }
337
+
338
+ .spec-image-preview-icon:focus-visible {
339
+ color: #fff;
340
+ border-radius: 3px;
341
+ outline: 1px dashed rgba(255, 255, 255, 0.6);
342
+ }
343
+
344
+ .spec-image-preview-toolbar .spec-image-preview-icon:focus-visible {
345
+ border-radius: 8px;
346
+ outline-offset: -5px;
347
+ }
348
+
349
+ .spec-image-preview-group:after {
350
+ content: '';
351
+ display: table;
352
+ clear: both;
353
+ }
354
+
355
+ .spec-image-preview-container {
356
+ display: none;
357
+ outline: none;
358
+ }
359
+
360
+ .spec-image-preview-container.spec-image-preview-show {
361
+ display: block;
362
+ }
363
+
364
+ .spec-image-preview-on {
365
+ scroll-behavior: unset;
366
+ }
367
+
368
+ .spec-image-preview-overlay-open {
369
+ overflow: hidden;
370
+ }
371
+
372
+ .spec-image-preview-toolbar,
373
+ .spec-image-preview-prev,
374
+ .spec-image-preview-next,
375
+ .spec-image-preview-pager-outer,
376
+ .spec-image-preview-hide-sub-html .spec-image-preview-sub-html {
377
+ opacity: 0;
378
+ will-change: transform, opacity;
379
+ -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
380
+ -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
381
+ -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
382
+ transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
383
+ }
384
+
385
+ .spec-image-preview-show-in .spec-image-preview-toolbar,
386
+ .spec-image-preview-show-in .spec-image-preview-prev,
387
+ .spec-image-preview-show-in .spec-image-preview-next,
388
+ .spec-image-preview-show-in .spec-image-preview-pager-outer {
389
+ opacity: 1;
390
+ }
391
+
392
+ .spec-image-preview-show-in.spec-image-preview-hide-sub-html .spec-image-preview-sub-html {
393
+ opacity: 1;
394
+ }
395
+
396
+ .spec-image-preview-show-in .spec-image-preview-hide-items .spec-image-preview-prev {
397
+ opacity: 0;
398
+ -webkit-transform: translate3d(-10px, 0, 0);
399
+ transform: translate3d(-10px, 0, 0);
400
+ }
401
+
402
+ .spec-image-preview-show-in .spec-image-preview-hide-items .spec-image-preview-next {
403
+ opacity: 0;
404
+ -webkit-transform: translate3d(10px, 0, 0);
405
+ transform: translate3d(10px, 0, 0);
406
+ }
407
+
408
+ .spec-image-preview-show-in .spec-image-preview-hide-items .spec-image-preview-toolbar {
409
+ opacity: 0;
410
+ -webkit-transform: translate3d(0, -10px, 0);
411
+ transform: translate3d(0, -10px, 0);
412
+ }
413
+
414
+ .spec-image-preview-show-in .spec-image-preview-hide-items.spec-image-preview-hide-sub-html .spec-image-preview-sub-html {
415
+ opacity: 0;
416
+ -webkit-transform: translate3d(0, 20px, 0);
417
+ transform: translate3d(0, 20px, 0);
418
+ }
419
+
420
+ .spec-image-preview-outer {
421
+ width: 100%;
422
+ height: 100%;
423
+ position: fixed;
424
+ top: 0;
425
+ left: 0;
426
+ z-index: 1050;
427
+ text-align: left;
428
+ opacity: 0.001;
429
+ outline: none;
430
+ will-change: auto;
431
+ overflow: hidden;
432
+ -webkit-transition: opacity 0.15s ease 0s;
433
+ -o-transition: opacity 0.15s ease 0s;
434
+ transition: opacity 0.15s ease 0s;
435
+ }
436
+
437
+ .spec-image-preview-outer * {
438
+ -webkit-box-sizing: border-box;
439
+ -moz-box-sizing: border-box;
440
+ box-sizing: border-box;
441
+ }
442
+
443
+ .spec-image-preview-outer.spec-image-preview-zoom-from-image {
444
+ opacity: 1;
445
+ }
446
+
447
+ .spec-image-preview-outer.spec-image-preview-visible {
448
+ opacity: 1;
449
+ }
450
+
451
+ .spec-image-preview-outer.spec-image-preview-css3 .spec-image-preview-item:not(.spec-image-preview-start-end-progress).spec-image-preview-prev-slide, .spec-image-preview-outer.spec-image-preview-css3 .spec-image-preview-item:not(.spec-image-preview-start-end-progress).spec-image-preview-next-slide, .spec-image-preview-outer.spec-image-preview-css3 .spec-image-preview-item:not(.spec-image-preview-start-end-progress).spec-image-preview-current {
452
+ -webkit-transition-duration: inherit !important;
453
+ transition-duration: inherit !important;
454
+ -webkit-transition-timing-function: inherit !important;
455
+ transition-timing-function: inherit !important;
456
+ }
457
+
458
+ .spec-image-preview-outer.spec-image-preview-css3.spec-image-preview-dragging .spec-image-preview-item.spec-image-preview-prev-slide, .spec-image-preview-outer.spec-image-preview-css3.spec-image-preview-dragging .spec-image-preview-item.spec-image-preview-next-slide, .spec-image-preview-outer.spec-image-preview-css3.spec-image-preview-dragging .spec-image-preview-item.spec-image-preview-current {
459
+ -webkit-transition-duration: 0s !important;
460
+ transition-duration: 0s !important;
461
+ opacity: 1;
462
+ }
463
+
464
+ .spec-image-preview-outer.spec-image-preview-grab img.spec-image-preview-object {
465
+ cursor: -webkit-grab;
466
+ cursor: -moz-grab;
467
+ cursor: -o-grab;
468
+ cursor: -ms-grab;
469
+ cursor: grab;
470
+ }
471
+
472
+ .spec-image-preview-outer.spec-image-preview-grabbing img.spec-image-preview-object {
473
+ cursor: move;
474
+ cursor: -webkit-grabbing;
475
+ cursor: -moz-grabbing;
476
+ cursor: -o-grabbing;
477
+ cursor: -ms-grabbing;
478
+ cursor: grabbing;
479
+ }
480
+
481
+ .spec-image-preview-outer .spec-image-preview-content {
482
+ position: absolute;
483
+ top: 0;
484
+ left: 0;
485
+ right: 0;
486
+ bottom: 0;
487
+ }
488
+
489
+ .spec-image-preview-outer .spec-image-preview-inner {
490
+ width: 100%;
491
+ position: absolute;
492
+ left: 0;
493
+ top: 0;
494
+ bottom: 0;
495
+ -webkit-transition: opacity 0s;
496
+ -o-transition: opacity 0s;
497
+ transition: opacity 0s;
498
+ white-space: nowrap;
499
+ }
500
+
501
+ .spec-image-preview-outer .spec-image-preview-item {
502
+ display: none !important;
503
+ }
504
+
505
+ .spec-image-preview-outer .spec-image-preview-item:not(.spec-image-preview-start-end-progress) {
506
+ //background: url("../images/loading.gif") no-repeat scroll center center transparent;
507
+ }
508
+
509
+ .spec-image-preview-outer.spec-image-preview-css3 .spec-image-preview-prev-slide,
510
+ .spec-image-preview-outer.spec-image-preview-css3 .spec-image-preview-current,
511
+ .spec-image-preview-outer.spec-image-preview-css3 .spec-image-preview-next-slide {
512
+ display: inline-block !important;
513
+ }
514
+
515
+ .spec-image-preview-outer.spec-image-preview-css .spec-image-preview-current {
516
+ display: inline-block !important;
517
+ }
518
+
519
+ .spec-image-preview-outer .spec-image-preview-item,
520
+ .spec-image-preview-outer .spec-image-preview-img-wrap {
521
+ display: inline-block;
522
+ text-align: center;
523
+ position: absolute;
524
+ width: 100%;
525
+ height: 100%;
526
+ }
527
+
528
+ .spec-image-preview-outer .spec-image-preview-item:before,
529
+ .spec-image-preview-outer .spec-image-preview-img-wrap:before {
530
+ content: '';
531
+ display: inline-block;
532
+ height: 100%;
533
+ vertical-align: middle;
534
+ }
535
+
536
+ .spec-image-preview-outer .spec-image-preview-img-wrap {
537
+ position: absolute;
538
+ left: 0;
539
+ right: 0;
540
+ top: 0;
541
+ bottom: 0;
542
+ white-space: nowrap;
543
+ font-size: 0;
544
+ }
545
+
546
+ .spec-image-preview-outer .spec-image-preview-item.spec-image-preview-complete {
547
+ background-image: none;
548
+ }
549
+
550
+ .spec-image-preview-outer .spec-image-preview-item.spec-image-preview-current {
551
+ z-index: 1060;
552
+ }
553
+
554
+ .spec-image-preview-outer .spec-image-preview-object {
555
+ display: inline-block;
556
+ vertical-align: middle;
557
+ max-width: 100%;
558
+ max-height: 100%;
559
+ width: auto;
560
+ height: auto;
561
+ position: relative;
562
+ }
563
+
564
+ .spec-image-preview-outer .spec-image-preview-empty-html.spec-image-preview-sub-html,
565
+ .spec-image-preview-outer .spec-image-preview-empty-html .spec-image-preview-sub-html {
566
+ display: none;
567
+ }
568
+
569
+ .spec-image-preview-outer.spec-image-preview-hide-download .spec-image-preview-download {
570
+ opacity: 0.75;
571
+ pointer-events: none;
572
+ }
573
+
574
+ .spec-image-preview-outer .spec-image-preview-first-slide .spec-image-preview-dummy-img {
575
+ position: absolute;
576
+ top: 50%;
577
+ left: 50%;
578
+ }
579
+
580
+ .spec-image-preview-outer.spec-image-preview-components-open:not(.spec-image-preview-zoomed) .spec-image-preview-components {
581
+ -webkit-transform: translate3d(0, 0%, 0);
582
+ transform: translate3d(0, 0%, 0);
583
+ opacity: 1;
584
+ }
585
+
586
+ .spec-image-preview-outer.spec-image-preview-components-open:not(.spec-image-preview-zoomed) .spec-image-preview-sub-html {
587
+ opacity: 1;
588
+ transition: opacity 0.2s ease-out 0.15s;
589
+ }
590
+
591
+ .spec-image-preview-backdrop {
592
+ position: fixed;
593
+ top: 0;
594
+ left: 0;
595
+ right: 0;
596
+ bottom: 0;
597
+ z-index: 1040;
598
+ background-color: #000;
599
+ opacity: 0;
600
+ will-change: auto;
601
+ -webkit-transition: opacity 333ms ease-in 0s;
602
+ -o-transition: opacity 333ms ease-in 0s;
603
+ transition: opacity 333ms ease-in 0s;
604
+ }
605
+
606
+ .spec-image-preview-backdrop.in {
607
+ opacity: 1;
608
+ }
609
+
610
+ .spec-image-preview-css3.spec-image-preview-no-trans .spec-image-preview-prev-slide,
611
+ .spec-image-preview-css3.spec-image-preview-no-trans .spec-image-preview-next-slide,
612
+ .spec-image-preview-css3.spec-image-preview-no-trans .spec-image-preview-current {
613
+ -webkit-transition: none 0s ease 0s !important;
614
+ -moz-transition: none 0s ease 0s !important;
615
+ -o-transition: none 0s ease 0s !important;
616
+ transition: none 0s ease 0s !important;
617
+ }
618
+
619
+ .spec-image-preview-css3.spec-image-preview-use-css3 .spec-image-preview-item {
620
+ -webkit-backface-visibility: hidden;
621
+ -moz-backface-visibility: hidden;
622
+ backface-visibility: hidden;
623
+ }
624
+
625
+ .spec-image-preview-css3.spec-image-preview-fade .spec-image-preview-item {
626
+ opacity: 0;
627
+ }
628
+
629
+ .spec-image-preview-css3.spec-image-preview-fade .spec-image-preview-item.spec-image-preview-current {
630
+ opacity: 1;
631
+ }
632
+
633
+ .spec-image-preview-css3.spec-image-preview-fade .spec-image-preview-item.spec-image-preview-prev-slide, .spec-image-preview-css3.spec-image-preview-fade .spec-image-preview-item.spec-image-preview-next-slide, .spec-image-preview-css3.spec-image-preview-fade .spec-image-preview-item.spec-image-preview-current {
634
+ -webkit-transition: opacity 0.1s ease 0s;
635
+ -moz-transition: opacity 0.1s ease 0s;
636
+ -o-transition: opacity 0.1s ease 0s;
637
+ transition: opacity 0.1s ease 0s;
638
+ }
639
+
640
+ .spec-image-preview-css3.spec-image-preview-use-css3 .spec-image-preview-item.spec-image-preview-start-progress {
641
+ -webkit-transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
642
+ -moz-transition: -moz-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
643
+ -o-transition: -o-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
644
+ transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
645
+ }
646
+
647
+ .spec-image-preview-css3.spec-image-preview-use-css3 .spec-image-preview-item.spec-image-preview-start-end-progress {
648
+ -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
649
+ -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
650
+ -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
651
+ transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
652
+ }
653
+
654
+ .spec-image-preview-css3.spec-image-preview-slide.spec-image-preview-use-css3 .spec-image-preview-item {
655
+ opacity: 0;
656
+ }
657
+
658
+ .spec-image-preview-css3.spec-image-preview-slide.spec-image-preview-use-css3 .spec-image-preview-item.spec-image-preview-prev-slide {
659
+ -webkit-transform: translate3d(-100%, 0, 0);
660
+ transform: translate3d(-100%, 0, 0);
661
+ }
662
+
663
+ .spec-image-preview-css3.spec-image-preview-slide.spec-image-preview-use-css3 .spec-image-preview-item.spec-image-preview-next-slide {
664
+ -webkit-transform: translate3d(100%, 0, 0);
665
+ transform: translate3d(100%, 0, 0);
666
+ }
667
+
668
+ .spec-image-preview-css3.spec-image-preview-slide.spec-image-preview-use-css3 .spec-image-preview-item.spec-image-preview-current {
669
+ -webkit-transform: translate3d(0, 0, 0);
670
+ transform: translate3d(0, 0, 0);
671
+ opacity: 1;
672
+ }
673
+
674
+ .spec-image-preview-css3.spec-image-preview-slide.spec-image-preview-use-css3 .spec-image-preview-item.spec-image-preview-prev-slide, .spec-image-preview-css3.spec-image-preview-slide.spec-image-preview-use-css3 .spec-image-preview-item.spec-image-preview-next-slide, .spec-image-preview-css3.spec-image-preview-slide.spec-image-preview-use-css3 .spec-image-preview-item.spec-image-preview-current {
675
+ -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
676
+ -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
677
+ -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
678
+ transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
679
+ }
680
+
681
+ .spec-image-preview-container {
682
+ display: none;
683
+ }
684
+
685
+ .spec-image-preview-container.spec-image-preview-show {
686
+ display: block;
687
+ }
688
+
689
+ .spec-image-preview-container.spec-image-preview-dragging-vertical .spec-image-preview-backdrop {
690
+ -webkit-transition-duration: 0s !important;
691
+ transition-duration: 0s !important;
692
+ }
693
+
694
+ .spec-image-preview-container.spec-image-preview-dragging-vertical .spec-image-preview-css3 .spec-image-preview-item.spec-image-preview-current {
695
+ -webkit-transition-duration: 0s !important;
696
+ transition-duration: 0s !important;
697
+ opacity: 1;
698
+ }
699
+
700
+ .spec-image-preview-inline .spec-image-preview-backdrop,
701
+ .spec-image-preview-inline .spec-image-preview-outer {
702
+ position: absolute;
703
+ }
704
+
705
+ .spec-image-preview-inline .spec-image-preview-backdrop {
706
+ z-index: 1;
707
+ }
708
+
709
+ .spec-image-preview-inline .spec-image-preview-outer {
710
+ z-index: 2;
711
+ }
712
+
713
+ .spec-image-preview-inline .spec-image-preview-maximize:after {
714
+ content: '\e909';
715
+ }
716
+
717
+ .spec-image-preview-components {
718
+ -webkit-transform: translate3d(0, 100%, 0);
719
+ transform: translate3d(0, 100%, 0);
720
+ will-change: transform;
721
+ -webkit-transition: -webkit-transform 0.35s ease-out 0s;
722
+ -moz-transition: -moz-transform 0.35s ease-out 0s;
723
+ -o-transition: -o-transform 0.35s ease-out 0s;
724
+ transition: transform 0.35s ease-out 0s;
725
+ z-index: 1080;
726
+ position: absolute;
727
+ bottom: 0;
728
+ right: 0;
729
+ left: 0;
730
+ }