Просмотр файла wu-static/js/lightgallery/css/lightgallery.css

Размер файла: 23.78Kb
  1. /*! lightgallery - v1.3.3 - 2016-09-24
  2. * http://sachinchoolur.github.io/lightGallery/
  3. * Copyright (c) 2016 Sachin N; Licensed Apache 2.0 */
  4. @font-face {
  5. font-family: 'lg';
  6. src: url("../fonts/lg.eot?n1z373");
  7. src: url("../fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../fonts/lg.woff?n1z373") format("woff"), url("../fonts/lg.ttf?n1z373") format("truetype"), url("../fonts/lg.svg?n1z373#lg") format("svg");
  8. font-weight: normal;
  9. font-style: normal;
  10. }
  11. .lg-icon {
  12. font-family: 'lg';
  13. speak: none;
  14. font-style: normal;
  15. font-weight: normal;
  16. font-variant: normal;
  17. text-transform: none;
  18. line-height: 1;
  19. /* Better Font Rendering =========== */
  20. -webkit-font-smoothing: antialiased;
  21. -moz-osx-font-smoothing: grayscale;
  22. }
  23.  
  24. .lg-actions .lg-next, .lg-actions .lg-prev {
  25. background-color: rgba(0, 0, 0, 0.45);
  26. border-radius: 2px;
  27. color: #999;
  28. cursor: pointer;
  29. display: block;
  30. font-size: 22px;
  31. margin-top: -10px;
  32. padding: 8px 10px 9px;
  33. position: absolute;
  34. top: 50%;
  35. z-index: 1080;
  36. }
  37. .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
  38. pointer-events: none;
  39. opacity: 0.5;
  40. }
  41. .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
  42. color: #FFF;
  43. }
  44. .lg-actions .lg-next {
  45. right: 20px;
  46. }
  47. .lg-actions .lg-next:before {
  48. content: "\e095";
  49. }
  50. .lg-actions .lg-prev {
  51. left: 20px;
  52. }
  53. .lg-actions .lg-prev:after {
  54. content: "\e094";
  55. }
  56.  
  57. @-webkit-keyframes lg-right-end {
  58. 0% {
  59. left: 0;
  60. }
  61. 50% {
  62. left: -30px;
  63. }
  64. 100% {
  65. left: 0;
  66. }
  67. }
  68. @-moz-keyframes lg-right-end {
  69. 0% {
  70. left: 0;
  71. }
  72. 50% {
  73. left: -30px;
  74. }
  75. 100% {
  76. left: 0;
  77. }
  78. }
  79. @-ms-keyframes lg-right-end {
  80. 0% {
  81. left: 0;
  82. }
  83. 50% {
  84. left: -30px;
  85. }
  86. 100% {
  87. left: 0;
  88. }
  89. }
  90. @keyframes lg-right-end {
  91. 0% {
  92. left: 0;
  93. }
  94. 50% {
  95. left: -30px;
  96. }
  97. 100% {
  98. left: 0;
  99. }
  100. }
  101. @-webkit-keyframes lg-left-end {
  102. 0% {
  103. left: 0;
  104. }
  105. 50% {
  106. left: 30px;
  107. }
  108. 100% {
  109. left: 0;
  110. }
  111. }
  112. @-moz-keyframes lg-left-end {
  113. 0% {
  114. left: 0;
  115. }
  116. 50% {
  117. left: 30px;
  118. }
  119. 100% {
  120. left: 0;
  121. }
  122. }
  123. @-ms-keyframes lg-left-end {
  124. 0% {
  125. left: 0;
  126. }
  127. 50% {
  128. left: 30px;
  129. }
  130. 100% {
  131. left: 0;
  132. }
  133. }
  134. @keyframes lg-left-end {
  135. 0% {
  136. left: 0;
  137. }
  138. 50% {
  139. left: 30px;
  140. }
  141. 100% {
  142. left: 0;
  143. }
  144. }
  145. .lg-outer.lg-right-end .lg-object {
  146. -webkit-animation: lg-right-end 0.3s;
  147. -o-animation: lg-right-end 0.3s;
  148. animation: lg-right-end 0.3s;
  149. position: relative;
  150. }
  151. .lg-outer.lg-left-end .lg-object {
  152. -webkit-animation: lg-left-end 0.3s;
  153. -o-animation: lg-left-end 0.3s;
  154. animation: lg-left-end 0.3s;
  155. position: relative;
  156. }
  157.  
  158. .lg-toolbar {
  159. z-index: 1082;
  160. left: 0;
  161. position: absolute;
  162. top: 0;
  163. width: 100%;
  164. background-color: rgba(0, 0, 0, 0.45);
  165. }
  166. .lg-toolbar .lg-icon {
  167. color: #999;
  168. cursor: pointer;
  169. float: right;
  170. font-size: 24px;
  171. height: 47px;
  172. line-height: 27px;
  173. padding: 10px 0;
  174. text-align: center;
  175. width: 50px;
  176. text-decoration: none !important;
  177. outline: medium none;
  178. -webkit-transition: color 0.2s linear;
  179. -o-transition: color 0.2s linear;
  180. transition: color 0.2s linear;
  181. }
  182. .lg-toolbar .lg-icon:hover {
  183. color: #FFF;
  184. }
  185. .lg-toolbar .lg-close:after {
  186. content: "\e070";
  187. }
  188. .lg-toolbar .lg-download:after {
  189. content: "\e0f2";
  190. }
  191.  
  192. .lg-sub-html {
  193. background-color: rgba(0, 0, 0, 0.45);
  194. bottom: 0;
  195. color: #EEE;
  196. font-size: 16px;
  197. left: 0;
  198. padding: 10px 40px;
  199. position: fixed;
  200. right: 0;
  201. text-align: center;
  202. z-index: 1080;
  203. }
  204. .lg-sub-html h4 {
  205. margin: 0;
  206. font-size: 13px;
  207. font-weight: bold;
  208. }
  209. .lg-sub-html p {
  210. font-size: 12px;
  211. margin: 5px 0 0;
  212. }
  213.  
  214. #lg-counter {
  215. color: #999;
  216. display: inline-block;
  217. font-size: 16px;
  218. padding-left: 20px;
  219. padding-top: 12px;
  220. vertical-align: middle;
  221. }
  222.  
  223. .lg-toolbar, .lg-prev, .lg-next {
  224. opacity: 1;
  225. -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  226. -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  227. -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  228. transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  229. }
  230.  
  231. .lg-hide-items .lg-prev {
  232. opacity: 0;
  233. -webkit-transform: translate3d(-10px, 0, 0);
  234. transform: translate3d(-10px, 0, 0);
  235. }
  236. .lg-hide-items .lg-next {
  237. opacity: 0;
  238. -webkit-transform: translate3d(10px, 0, 0);
  239. transform: translate3d(10px, 0, 0);
  240. }
  241. .lg-hide-items .lg-toolbar {
  242. opacity: 0;
  243. -webkit-transform: translate3d(0, -10px, 0);
  244. transform: translate3d(0, -10px, 0);
  245. }
  246.  
  247. body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  248. -webkit-transform: scale3d(0.5, 0.5, 0.5);
  249. transform: scale3d(0.5, 0.5, 0.5);
  250. opacity: 0;
  251. -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  252. -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  253. -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  254. transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  255. -webkit-transform-origin: 50% 50%;
  256. -moz-transform-origin: 50% 50%;
  257. -ms-transform-origin: 50% 50%;
  258. transform-origin: 50% 50%;
  259. }
  260. body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  261. -webkit-transform: scale3d(1, 1, 1);
  262. transform: scale3d(1, 1, 1);
  263. opacity: 1;
  264. }
  265.  
  266. .lg-outer .lg-thumb-outer {
  267. background-color: #0D0A0A;
  268. bottom: 0;
  269. position: absolute;
  270. width: 100%;
  271. z-index: 1080;
  272. max-height: 350px;
  273. -webkit-transform: translate3d(0, 100%, 0);
  274. transform: translate3d(0, 100%, 0);
  275. -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  276. -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  277. -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  278. transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  279. }
  280. .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  281. cursor: -webkit-grab;
  282. cursor: -moz-grab;
  283. cursor: -o-grab;
  284. cursor: -ms-grab;
  285. cursor: grab;
  286. }
  287. .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  288. cursor: move;
  289. cursor: -webkit-grabbing;
  290. cursor: -moz-grabbing;
  291. cursor: -o-grabbing;
  292. cursor: -ms-grabbing;
  293. cursor: grabbing;
  294. }
  295. .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  296. -webkit-transition-duration: 0s !important;
  297. transition-duration: 0s !important;
  298. }
  299. .lg-outer.lg-thumb-open .lg-thumb-outer {
  300. -webkit-transform: translate3d(0, 0%, 0);
  301. transform: translate3d(0, 0%, 0);
  302. }
  303. .lg-outer .lg-thumb {
  304. padding: 10px 0;
  305. height: 100%;
  306. margin-bottom: -5px;
  307. }
  308. .lg-outer .lg-thumb-item {
  309. border-radius: 5px;
  310. cursor: pointer;
  311. float: left;
  312. overflow: hidden;
  313. height: 100%;
  314. border: 2px solid #FFF;
  315. border-radius: 4px;
  316. margin-bottom: 5px;
  317. }
  318. @media (min-width: 1025px) {
  319. .lg-outer .lg-thumb-item {
  320. -webkit-transition: border-color 0.25s ease;
  321. -o-transition: border-color 0.25s ease;
  322. transition: border-color 0.25s ease;
  323. }
  324. }
  325. .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  326. border-color: #a90707;
  327. }
  328. .lg-outer .lg-thumb-item img {
  329. width: 100%;
  330. height: 100%;
  331. object-fit: cover;
  332. }
  333. .lg-outer.lg-has-thumb .lg-item {
  334. padding-bottom: 120px;
  335. }
  336. .lg-outer.lg-can-toggle .lg-item {
  337. padding-bottom: 0;
  338. }
  339. .lg-outer.lg-pull-caption-up .lg-sub-html {
  340. -webkit-transition: bottom 0.25s ease;
  341. -o-transition: bottom 0.25s ease;
  342. transition: bottom 0.25s ease;
  343. }
  344. .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  345. bottom: 100px;
  346. }
  347. .lg-outer .lg-toogle-thumb {
  348. background-color: #0D0A0A;
  349. border-radius: 2px 2px 0 0;
  350. color: #999;
  351. cursor: pointer;
  352. font-size: 24px;
  353. height: 39px;
  354. line-height: 27px;
  355. padding: 5px 0;
  356. position: absolute;
  357. right: 20px;
  358. text-align: center;
  359. top: -39px;
  360. width: 50px;
  361. }
  362. .lg-outer .lg-toogle-thumb:after {
  363. content: "\e1ff";
  364. }
  365. .lg-outer .lg-toogle-thumb:hover {
  366. color: #FFF;
  367. }
  368.  
  369. .lg-outer .lg-video-cont {
  370. display: inline-block;
  371. vertical-align: middle;
  372. max-width: 1140px;
  373. max-height: 100%;
  374. width: 100%;
  375. padding: 0 5px;
  376. }
  377. .lg-outer .lg-video {
  378. width: 100%;
  379. height: 0;
  380. padding-bottom: 56.25%;
  381. overflow: hidden;
  382. position: relative;
  383. }
  384. .lg-outer .lg-video .lg-object {
  385. display: inline-block;
  386. position: absolute;
  387. top: 0;
  388. left: 0;
  389. width: 100% !important;
  390. height: 100% !important;
  391. }
  392. .lg-outer .lg-video .lg-video-play {
  393. width: 84px;
  394. height: 59px;
  395. position: absolute;
  396. left: 50%;
  397. top: 50%;
  398. margin-left: -42px;
  399. margin-top: -30px;
  400. z-index: 1080;
  401. cursor: pointer;
  402. }
  403. .lg-outer .lg-has-vimeo .lg-video-play {
  404. background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent;
  405. }
  406. .lg-outer .lg-has-vimeo:hover .lg-video-play {
  407. background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent;
  408. }
  409. .lg-outer .lg-has-html5 .lg-video-play {
  410. background: transparent url("../img/video-play.png") no-repeat scroll 0 0;
  411. height: 64px;
  412. margin-left: -32px;
  413. margin-top: -32px;
  414. width: 64px;
  415. opacity: 0.8;
  416. }
  417. .lg-outer .lg-has-html5:hover .lg-video-play {
  418. opacity: 1;
  419. }
  420. .lg-outer .lg-has-youtube .lg-video-play {
  421. background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent;
  422. }
  423. .lg-outer .lg-has-youtube:hover .lg-video-play {
  424. background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent;
  425. }
  426. .lg-outer .lg-video-object {
  427. width: 100% !important;
  428. height: 100% !important;
  429. position: absolute;
  430. top: 0;
  431. left: 0;
  432. }
  433. .lg-outer .lg-has-video .lg-video-object {
  434. visibility: hidden;
  435. }
  436. .lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
  437. display: none;
  438. }
  439. .lg-outer .lg-has-video.lg-video-playing .lg-video-object {
  440. visibility: visible;
  441. }
  442.  
  443. .lg-progress-bar {
  444. background-color: #333;
  445. height: 5px;
  446. left: 0;
  447. position: absolute;
  448. top: 0;
  449. width: 100%;
  450. z-index: 1083;
  451. opacity: 0;
  452. -webkit-transition: opacity 0.08s ease 0s;
  453. -moz-transition: opacity 0.08s ease 0s;
  454. -o-transition: opacity 0.08s ease 0s;
  455. transition: opacity 0.08s ease 0s;
  456. }
  457. .lg-progress-bar .lg-progress {
  458. background-color: #a90707;
  459. height: 5px;
  460. width: 0;
  461. }
  462. .lg-progress-bar.lg-start .lg-progress {
  463. width: 100%;
  464. }
  465. .lg-show-autoplay .lg-progress-bar {
  466. opacity: 1;
  467. }
  468.  
  469. .lg-autoplay-button:after {
  470. content: "\e01d";
  471. }
  472. .lg-show-autoplay .lg-autoplay-button:after {
  473. content: "\e01a";
  474. }
  475.  
  476. .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  477. -webkit-transition-duration: 0s;
  478. transition-duration: 0s;
  479. }
  480. .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  481. -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  482. -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  483. -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  484. transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  485. -webkit-transform: translate3d(0, 0, 0);
  486. transform: translate3d(0, 0, 0);
  487. -webkit-backface-visibility: hidden;
  488. -moz-backface-visibility: hidden;
  489. backface-visibility: hidden;
  490. }
  491. .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  492. -webkit-transform: scale3d(1, 1, 1);
  493. transform: scale3d(1, 1, 1);
  494. -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  495. -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  496. -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  497. transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  498. -webkit-transform-origin: 0 0;
  499. -moz-transform-origin: 0 0;
  500. -ms-transform-origin: 0 0;
  501. transform-origin: 0 0;
  502. -webkit-backface-visibility: hidden;
  503. -moz-backface-visibility: hidden;
  504. backface-visibility: hidden;
  505. }
  506.  
  507. #lg-zoom-in:after {
  508. content: "\e311";
  509. }
  510.  
  511. #lg-actual-size {
  512. font-size: 20px;
  513. }
  514. #lg-actual-size:after {
  515. content: "\e033";
  516. }
  517.  
  518. #lg-zoom-out {
  519. opacity: 0.5;
  520. pointer-events: none;
  521. }
  522. #lg-zoom-out:after {
  523. content: "\e312";
  524. }
  525. .lg-zoomed #lg-zoom-out {
  526. opacity: 1;
  527. pointer-events: auto;
  528. }
  529.  
  530. .lg-outer .lg-pager-outer {
  531. bottom: 60px;
  532. left: 0;
  533. position: absolute;
  534. right: 0;
  535. text-align: center;
  536. z-index: 1080;
  537. height: 10px;
  538. }
  539. .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  540. overflow: visible;
  541. }
  542. .lg-outer .lg-pager-cont {
  543. cursor: pointer;
  544. display: inline-block;
  545. overflow: hidden;
  546. position: relative;
  547. vertical-align: top;
  548. margin: 0 5px;
  549. }
  550. .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  551. opacity: 1;
  552. -webkit-transform: translate3d(0, 0, 0);
  553. transform: translate3d(0, 0, 0);
  554. }
  555. .lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  556. box-shadow: 0 0 0 2px white inset;
  557. }
  558. .lg-outer .lg-pager-thumb-cont {
  559. background-color: #fff;
  560. color: #FFF;
  561. bottom: 100%;
  562. height: 83px;
  563. left: 0;
  564. margin-bottom: 20px;
  565. margin-left: -60px;
  566. opacity: 0;
  567. padding: 5px;
  568. position: absolute;
  569. width: 120px;
  570. border-radius: 3px;
  571. -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  572. -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
  573. -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
  574. transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  575. -webkit-transform: translate3d(0, 5px, 0);
  576. transform: translate3d(0, 5px, 0);
  577. }
  578. .lg-outer .lg-pager-thumb-cont img {
  579. width: 100%;
  580. height: 100%;
  581. }
  582. .lg-outer .lg-pager {
  583. background-color: rgba(255, 255, 255, 0.5);
  584. border-radius: 50%;
  585. box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  586. display: block;
  587. height: 12px;
  588. -webkit-transition: box-shadow 0.3s ease 0s;
  589. -o-transition: box-shadow 0.3s ease 0s;
  590. transition: box-shadow 0.3s ease 0s;
  591. width: 12px;
  592. }
  593. .lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
  594. box-shadow: 0 0 0 8px white inset;
  595. }
  596. .lg-outer .lg-caret {
  597. border-left: 10px solid transparent;
  598. border-right: 10px solid transparent;
  599. border-top: 10px dashed;
  600. bottom: -10px;
  601. display: inline-block;
  602. height: 0;
  603. left: 50%;
  604. margin-left: -5px;
  605. position: absolute;
  606. vertical-align: middle;
  607. width: 0;
  608. }
  609.  
  610. .lg-fullscreen:after {
  611. content: "\e20c";
  612. }
  613. .lg-fullscreen-on .lg-fullscreen:after {
  614. content: "\e20d";
  615. }
  616.  
  617. .lg-outer #lg-dropdown-overlay {
  618. background-color: rgba(0, 0, 0, 0.25);
  619. bottom: 0;
  620. cursor: default;
  621. left: 0;
  622. position: fixed;
  623. right: 0;
  624. top: 0;
  625. z-index: 1081;
  626. opacity: 0;
  627. visibility: hidden;
  628. -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  629. -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  630. transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  631. }
  632. .lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
  633. -webkit-transition-delay: 0s;
  634. transition-delay: 0s;
  635. -moz-transform: translate3d(0, 0px, 0);
  636. -o-transform: translate3d(0, 0px, 0);
  637. -ms-transform: translate3d(0, 0px, 0);
  638. -webkit-transform: translate3d(0, 0px, 0);
  639. transform: translate3d(0, 0px, 0);
  640. opacity: 1;
  641. visibility: visible;
  642. }
  643. .lg-outer.lg-dropdown-active #lg-share {
  644. color: #FFF;
  645. }
  646. .lg-outer .lg-dropdown {
  647. background-color: #fff;
  648. border-radius: 2px;
  649. font-size: 14px;
  650. list-style-type: none;
  651. margin: 0;
  652. padding: 10px 0;
  653. position: absolute;
  654. right: 0;
  655. text-align: left;
  656. top: 50px;
  657. opacity: 0;
  658. visibility: hidden;
  659. -moz-transform: translate3d(0, 5px, 0);
  660. -o-transform: translate3d(0, 5px, 0);
  661. -ms-transform: translate3d(0, 5px, 0);
  662. -webkit-transform: translate3d(0, 5px, 0);
  663. transform: translate3d(0, 5px, 0);
  664. -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  665. -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  666. -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  667. transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  668. }
  669. .lg-outer .lg-dropdown:after {
  670. content: "";
  671. display: block;
  672. height: 0;
  673. width: 0;
  674. position: absolute;
  675. border: 8px solid transparent;
  676. border-bottom-color: #FFF;
  677. right: 16px;
  678. top: -16px;
  679. }
  680. .lg-outer .lg-dropdown > li:last-child {
  681. margin-bottom: 0px;
  682. }
  683. .lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
  684. color: #333;
  685. }
  686. .lg-outer .lg-dropdown a {
  687. color: #333;
  688. display: block;
  689. white-space: pre;
  690. padding: 4px 12px;
  691. font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  692. font-size: 12px;
  693. }
  694. .lg-outer .lg-dropdown a:hover {
  695. background-color: rgba(0, 0, 0, 0.07);
  696. }
  697. .lg-outer .lg-dropdown .lg-dropdown-text {
  698. display: inline-block;
  699. line-height: 1;
  700. margin-top: -3px;
  701. vertical-align: middle;
  702. }
  703. .lg-outer .lg-dropdown .lg-icon {
  704. color: #333;
  705. display: inline-block;
  706. float: none;
  707. font-size: 20px;
  708. height: auto;
  709. line-height: 1;
  710. margin-right: 8px;
  711. padding: 0;
  712. vertical-align: middle;
  713. width: auto;
  714. }
  715. .lg-outer #lg-share {
  716. position: relative;
  717. }
  718. .lg-outer #lg-share:after {
  719. content: "\e80d";
  720. }
  721. .lg-outer #lg-share-facebook .lg-icon {
  722. color: #3b5998;
  723. }
  724. .lg-outer #lg-share-facebook .lg-icon:after {
  725. content: "\e901";
  726. }
  727. .lg-outer #lg-share-twitter .lg-icon {
  728. color: #00aced;
  729. }
  730. .lg-outer #lg-share-twitter .lg-icon:after {
  731. content: "\e904";
  732. }
  733. .lg-outer #lg-share-googleplus .lg-icon {
  734. color: #dd4b39;
  735. }
  736. .lg-outer #lg-share-googleplus .lg-icon:after {
  737. content: "\e902";
  738. }
  739. .lg-outer #lg-share-pinterest .lg-icon {
  740. color: #cb2027;
  741. }
  742. .lg-outer #lg-share-pinterest .lg-icon:after {
  743. content: "\e903";
  744. }
  745.  
  746. .group {
  747. *zoom: 1;
  748. }
  749.  
  750. .group:before, .group:after {
  751. display: table;
  752. content: "";
  753. line-height: 0;
  754. }
  755.  
  756. .group:after {
  757. clear: both;
  758. }
  759.  
  760. .lg-outer {
  761. width: 100%;
  762. height: 100%;
  763. position: fixed;
  764. top: 0;
  765. left: 0;
  766. z-index: 1050;
  767. opacity: 0;
  768. -webkit-transition: opacity 0.15s ease 0s;
  769. -o-transition: opacity 0.15s ease 0s;
  770. transition: opacity 0.15s ease 0s;
  771. }
  772. .lg-outer * {
  773. -webkit-box-sizing: border-box;
  774. -moz-box-sizing: border-box;
  775. box-sizing: border-box;
  776. }
  777. .lg-outer.lg-visible {
  778. opacity: 1;
  779. }
  780. .lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
  781. -webkit-transition-duration: inherit !important;
  782. transition-duration: inherit !important;
  783. -webkit-transition-timing-function: inherit !important;
  784. transition-timing-function: inherit !important;
  785. }
  786. .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  787. -webkit-transition-duration: 0s !important;
  788. transition-duration: 0s !important;
  789. opacity: 1;
  790. }
  791. .lg-outer.lg-grab img.lg-object {
  792. cursor: -webkit-grab;
  793. cursor: -moz-grab;
  794. cursor: -o-grab;
  795. cursor: -ms-grab;
  796. cursor: grab;
  797. }
  798. .lg-outer.lg-grabbing img.lg-object {
  799. cursor: move;
  800. cursor: -webkit-grabbing;
  801. cursor: -moz-grabbing;
  802. cursor: -o-grabbing;
  803. cursor: -ms-grabbing;
  804. cursor: grabbing;
  805. }
  806. .lg-outer .lg {
  807. height: 100%;
  808. width: 100%;
  809. position: relative;
  810. overflow: hidden;
  811. margin-left: auto;
  812. margin-right: auto;
  813. max-width: 100%;
  814. max-height: 100%;
  815. }
  816. .lg-outer .lg-inner {
  817. width: 100%;
  818. height: 100%;
  819. position: absolute;
  820. left: 0;
  821. top: 0;
  822. white-space: nowrap;
  823. }
  824. .lg-outer .lg-item {
  825. background: url("../img/loading.gif") no-repeat scroll center center transparent;
  826. display: none !important;
  827. }
  828. .lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
  829. display: inline-block !important;
  830. }
  831. .lg-outer.lg-css .lg-current {
  832. display: inline-block !important;
  833. }
  834. .lg-outer .lg-item, .lg-outer .lg-img-wrap {
  835. display: inline-block;
  836. text-align: center;
  837. position: absolute;
  838. width: 100%;
  839. height: 100%;
  840. }
  841. .lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
  842. content: "";
  843. display: inline-block;
  844. height: 50%;
  845. width: 1px;
  846. margin-right: -1px;
  847. }
  848. .lg-outer .lg-img-wrap {
  849. position: absolute;
  850. padding: 0 5px;
  851. left: 0;
  852. right: 0;
  853. top: 0;
  854. bottom: 0;
  855. }
  856. .lg-outer .lg-item.lg-complete {
  857. background-image: none;
  858. }
  859. .lg-outer .lg-item.lg-current {
  860. z-index: 1060;
  861. }
  862. .lg-outer .lg-image {
  863. display: inline-block;
  864. vertical-align: middle;
  865. max-width: 100%;
  866. max-height: 100%;
  867. width: auto !important;
  868. height: auto !important;
  869. }
  870. .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
  871. opacity: 0;
  872. -webkit-transition: opacity 0.15s ease 0s;
  873. -o-transition: opacity 0.15s ease 0s;
  874. transition: opacity 0.15s ease 0s;
  875. }
  876. .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  877. opacity: 1;
  878. }
  879. .lg-outer .lg-empty-html {
  880. display: none;
  881. }
  882. .lg-outer.lg-hide-download #lg-download {
  883. display: none;
  884. }
  885.  
  886. .lg-backdrop {
  887. position: fixed;
  888. top: 0;
  889. left: 0;
  890. right: 0;
  891. bottom: 0;
  892. z-index: 1040;
  893. background-color: #000;
  894. opacity: 0;
  895. -webkit-transition: opacity 0.15s ease 0s;
  896. -o-transition: opacity 0.15s ease 0s;
  897. transition: opacity 0.15s ease 0s;
  898. }
  899. .lg-backdrop.in {
  900. opacity: 1;
  901. }
  902.  
  903. .lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
  904. -webkit-transition: none 0s ease 0s !important;
  905. -moz-transition: none 0s ease 0s !important;
  906. -o-transition: none 0s ease 0s !important;
  907. transition: none 0s ease 0s !important;
  908. }
  909. .lg-css3.lg-use-css3 .lg-item {
  910. -webkit-backface-visibility: hidden;
  911. -moz-backface-visibility: hidden;
  912. backface-visibility: hidden;
  913. }
  914. .lg-css3.lg-use-left .lg-item {
  915. -webkit-backface-visibility: hidden;
  916. -moz-backface-visibility: hidden;
  917. backface-visibility: hidden;
  918. }
  919. .lg-css3.lg-fade .lg-item {
  920. opacity: 0;
  921. }
  922. .lg-css3.lg-fade .lg-item.lg-current {
  923. opacity: 1;
  924. }
  925. .lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
  926. -webkit-transition: opacity 0.1s ease 0s;
  927. -moz-transition: opacity 0.1s ease 0s;
  928. -o-transition: opacity 0.1s ease 0s;
  929. transition: opacity 0.1s ease 0s;
  930. }
  931. .lg-css3.lg-slide.lg-use-css3 .lg-item {
  932. opacity: 0;
  933. }
  934. .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  935. -webkit-transform: translate3d(-100%, 0, 0);
  936. transform: translate3d(-100%, 0, 0);
  937. }
  938. .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  939. -webkit-transform: translate3d(100%, 0, 0);
  940. transform: translate3d(100%, 0, 0);
  941. }
  942. .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  943. -webkit-transform: translate3d(0, 0, 0);
  944. transform: translate3d(0, 0, 0);
  945. opacity: 1;
  946. }
  947. .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  948. -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  949. -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  950. -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  951. transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  952. }
  953. .lg-css3.lg-slide.lg-use-left .lg-item {
  954. opacity: 0;
  955. position: absolute;
  956. left: 0;
  957. }
  958. .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  959. left: -100%;
  960. }
  961. .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  962. left: 100%;
  963. }
  964. .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  965. left: 0;
  966. opacity: 1;
  967. }
  968. .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  969. -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  970. -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  971. -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  972. transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  973. }
  974.  
  975. /*# sourceMappingURL=lightgallery.css.map */