Mise-à-jour sur-le-sentier.fr

version 2
This commit is contained in:
2024-12-10 11:39:15 +01:00
parent 26b17d9232
commit d8f28b47b8
55 changed files with 8972 additions and 1159 deletions

Binary file not shown.

View File

@@ -0,0 +1,33 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>Generated by IcoMoon</metadata>
<defs>
<font id="lc_lightbox" horiz-adv-x="512">
<font-face units-per-em="512" ascent="480" descent="-32" />
<missing-glyph horiz-adv-x="512" />
<glyph unicode="&#x20;" horiz-adv-x="256" d="" />
<glyph unicode="&#xe600;" glyph-name="share" d="M411.861 145.136c-21.366 0-40.514-8.425-55.171-21.841l-175.683 86.653c0.159 1.849 0.581 3.671 0.581 5.599 0 1.241-0.317 2.43-0.369 3.618l180.965 91.882c13.786-10.697 30.848-17.351 49.678-17.351 45.109 0 81.688 36.552 81.688 81.582-0.026 45.056-36.579 81.582-81.688 81.582-44.977 0-81.503-36.526-81.503-81.555l-183.526-93.124c-13.258 9.35-29.343 14.949-46.826 14.949-45.030 0-81.555-36.526-81.555-81.582 0-45.003 36.526-81.635 81.555-81.635 17.378 0 33.383 5.573 46.614 14.817l184.24-90.826c2.906-42.336 37.873-75.904 80.975-75.904 45.109 0 81.688 36.499 81.688 81.529s-36.552 81.608-81.661 81.608z" />
<glyph unicode="&#xe900;" glyph-name="comprime" d="M252.457 197.202v-128c0-4.914-1.828-9.257-5.486-12.914s-7.886-5.372-12.8-5.372-9.257 1.829-12.915 5.486l-41.143 41.143-94.857-94.857c-1.943-1.943-4.114-2.857-6.629-2.857s-4.686 0.914-6.629 2.857l-32.572 32.572c-1.943 1.943-2.857 4.115-2.857 6.628s0.914 4.685 2.857 6.628l94.857 94.857-41.143 41.143c-3.657 3.657-5.486 7.885-5.486 12.914s1.829 9.257 5.486 12.914 7.886 5.486 12.915 5.486h128.114c4.915 0 9.257-1.829 12.915-5.486s5.371-8.228 5.371-13.143zM475.428 396.973c0-2.514-0.914-4.685-2.857-6.628l-94.857-94.857 41.143-41.143c3.657-3.657 5.486-7.886 5.486-12.915s-1.829-9.257-5.486-12.914c-3.657-3.657-7.885-5.257-12.8-5.257h-128c-4.914 0-9.257 1.828-12.914 5.486s-5.372 7.885-5.372 12.8v128c0 4.914 1.829 9.257 5.486 12.914s7.885 5.486 12.914 5.486c5.029 0 9.257-1.828 12.914-5.486l41.143-41.143 94.857 94.857c1.943 1.943 4.115 2.857 6.628 2.857s4.685-0.915 6.628-2.857l32.572-32.571c1.6-1.943 2.514-4.115 2.514-6.629z" />
<glyph unicode="&#xe901;" glyph-name="cancel" d="M313.392 223.984l97.536-97.536c6.336-6.336 6.336-16.624 0-22.96l-34.416-34.416c-6.336-6.336-16.608-6.336-22.96 0l-97.552 97.536-97.552-97.536c-6.336-6.336-16.608-6.336-22.944 0l-34.432 34.416c-6.336 6.336-6.336 16.608 0 22.96l97.552 97.536-97.552 97.552c-6.336 6.336-6.336 16.624 0 22.96l34.448 34.416c6.336 6.336 16.608 6.336 22.944 0l97.536-97.552 97.552 97.552c6.336 6.336 16.608 6.336 22.96 0l34.416-34.432c6.336-6.336 6.336-16.608 0-22.96l-97.536-97.536z" />
<glyph unicode="&#xe902;" glyph-name="th_new3" d="M229.134 237.154h-182.743c-5.029 0-9.143 4.114-9.143 9.143v183.315c0 5.029 4.114 9.143 9.143 9.143h182.743c5.029 0 9.143-4.115 9.143-9.143v-183.315c0-5.029-4.114-9.143-9.143-9.143zM229.134-36.56h-182.743c-5.029 0-9.143 4.115-9.143 9.143v182.743c0 5.029 4.114 9.143 9.143 9.143h182.743c5.029 0 9.143-4.115 9.143-9.143v-182.743c0-5.029-4.114-9.143-9.143-9.143zM319.991 236.925h182.857c5.029 0 9.143 4.115 9.143 9.143v182.857c0 5.029-4.115 9.143-9.143 9.143h-182.857c-5.029 0-9.143-4.115-9.143-9.143v-182.857c0-5.029 4.115-9.143 9.143-9.143zM319.991 165.154h182.857c5.029 0 9.143-4.115 9.143-9.143v-182.857c0-5.029-4.115-9.143-9.143-9.143h-182.857c-5.029 0-9.143 4.115-9.143 9.143v182.857c0 5.029 4.115 9.143 9.143 9.143z" />
<glyph unicode="&#xe903;" glyph-name="file-web" d="M458.9 360.929c-11.1 15.1-26.6 32.8-43.6 49.9s-34.7 32.5-49.9 43.6c-25.7 18.8-38.2 21-45.4 21h-248c-22.1 0-40-17.9-40-40v-432c0-22.1 17.9-40 40-40h368c22.1 0 40 17.9 40 40v312c0 7.2-2.2 19.7-21.1 45.5v0c0 0 0 0 0 0zM392.7 388.129c15.3-15.4 27.4-29.2 36.3-40.7h-77v77c11.5-8.9 25.3-21 40.7-36.3v0 0 0zM448 3.429c0-4.3-3.7-8-8-8h-368c-4.3 0-8 3.7-8 8v432c0 4.3 3.7 8 8 8 0 0 248 0 248 0v-112c0-8.8 7.2-16 16-16h112v-312zM254.2 283.429c71.7 0 129.8-58.2 129.8-129.8s-58.2-129.8-129.8-129.8-129.8 58.2-129.8 129.8 58.1 129.8 129.8 129.8zM300.5 195.329c-1.4-1-2.2-2.9-3.9-3.2 0.8 0.2 1.7 3.2 2.2 3.9 1 1.2 2.4 1.9 3.7 2.5 2.9 1.2 5.7 1.5 8.8 2 2.9 0.7 6.4 0.7 8.6-1.9-0.5 0.5 3.6 4.1 4.1 4.2 1.5 0.8 4.1 0.5 5.1 2 0.3 0.5 0.3 3.7 0.3 3.7-2.9-0.3-3.9 2.4-4.1 4.7 0-0.2-0.3-0.7-1-1.4 0.2 2.5-3 0.7-4.2 1-3.9 1-3.4 3.7-4.6 6.6-0.7 1.5-2.5 2-3.2 3.6-0.7 1-1 3.2-2.5 3.4-1 0.2-2.9-3.6-3.2-3.4-1.5 0.8-2.2-0.3-3.4-1-1-0.7-1.9-0.3-2.9-0.8 3 1-1.4 2.7-2.9 2.4 2.4 0.7 1.2 3.2-0.2 4.4h0.8c-0.3 1.5-5.1 2.9-6.6 3.9s-9.6 2.7-11.3 1.7c-2-1.2 0.5-4.6 0.5-6.3 0.2-2-2-2.5-2-4.2 0-2.9 5.4-2.4 4.1-6.3-0.8-2.4-4.1-2.9-5.4-4.7-1.4-1.7 0.2-4.7 1.5-5.9 1.4-1-2.4-2.7-2.9-3-2.9-1.4-5.1 2.9-5.7 5.4-0.5 1.9-0.7 4.1-2.7 5.1-1 0.3-4.2 0.8-4.9-0.2-1 2.5-4.6 3.6-6.9 4.4-3.4 1.2-6.3 1.2-9.8 0.7 1.2 0.2-0.3 5.4-3.2 4.6 0.8 1.7 0.5 3.6 0.8 5.2 0.3 1.4 1 2.7 2 3.9 0.3 0.7 4.1 4.6 2.9 4.7 2.9-0.3 6.1-0.5 8.5 1.9 1.5 1.5 2.2 4.1 3.7 5.7 2.2 2.5 4.9-0.7 7.3-0.8 3.4-0.2 3.2 3.6 1.4 5.2 2.2-0.2 0.3 3.9-0.8 4.4-1.5 0.5-7.3-1-4.2-2.2-0.7 0.3-4.7-8.1-7.1-3.9-0.7 0.8-1 4.4-2.5 4.6-1.4 0-2.2-1.5-2.7-2.5 0.8 2.2-4.7 3.7-5.9 3.9 2.5 1.7 0.5 3.6-1.4 4.6-1.4 0.8-5.6 1.5-6.8 0.2-3.2-3.9 3.4-4.4 5.1-5.4 0.5-0.3 2.5-1.5 1.4-2.4-1-0.5-4.1-1.4-4.4-2-1-1.5 1.2-3.2-0.3-4.7-1.5 1.5-1.5 4.1-2.7 5.7 1.5-1.9-6.1-0.8-5.9-0.8-2.5 0-6.6-1.7-8.5 0.8-0.3 0.7-0.3 4.6 0.7 3.7-1.5 1.2-2.5 2.4-3.6 3-5.6-1.9-10.8-4.2-15.9-6.9 0.7-0.2 1.2-0.2 2 0.2 1.4 0.5 2.5 1.4 3.9 2 1.7 0.7 5.2 2.7 7.1 1.2 0.2 0.3 0.7 0.7 0.8 0.8 1.2-1.4 2.4-2.7 3.4-4.2-1.4 0.7-3.6 0.3-5.1 0.2-1.2-0.3-3.2-0.7-3.7-2 0.5-0.8 1.2-2.2 0.8-3-2.2 1.5-3.9 4.1-6.9 4.4-1.4 0-2.7 0-3.7-0.2-16.2-9-29.9-22-39.7-37.5 0.7-0.7 1.4-1.2 2-1.4 1.7-0.5 0-5.4 3.2-2.9 1-0.8 1.2-2 0.5-3.2 0.2 0.2 6.9-4.2 7.4-4.6 1.2-1 3-2.2 3.6-3.6 0.3-1.2-0.7-2.5-1.7-3-0.2 0.3-2.7 2.9-3 2.2-0.5-0.8 0-5.4 1.9-5.2-2.7-0.2-1.5-10.7-2.2-12.7 0-0.2 0.3-0.2 0.3-0.2-0.5-2 1.2-10 4.6-9.1-2.2-0.5 3.9-8.3 4.7-8.8 2.2-1.5 4.7-2.5 6.3-4.7 1.7-2.4 1.7-5.9 4.1-7.8-0.7-2 3.6-4.4 3.4-7.3-0.3-0.2-0.5-0.2-0.8-0.3 0.8-2.4 4.1-2.4 5.2-4.6 0.7-1.4 0-4.6 2.2-3.9 0.3 3.7-2.2 7.4-4.1 10.5-1 1.7-2 3.2-2.9 4.9-0.8 1.5-1 3.4-1.7 5.1 0.7-0.2 4.4-1.5 4.1-2-1.4-3.4 5.4-9.3 7.3-11.5 0.5-0.5 4.4-5.6 2.4-5.6 2.2 0 5.2-3.4 6.3-5.1 1.5-2.5 1.2-5.7 2.2-8.5 1-3.4 5.7-4.9 8.5-6.4 2.4-1.2 4.4-2.9 6.8-3.7 3.6-1.4 4.4-0.2 7.4 0.3 4.4 0.7 4.9-4.2 8.5-6.1 2.2-1.2 6.9-2.9 9.3-1.9-1-0.3 3.6-7.3 3.9-7.8 1.5-2 4.4-3 6.1-5.1 0.5 0.3 1 0.8 1.2 1.5-0.7-1.9 2.5-5.4 4.2-5.1 1.9 0.3 2.4 4.1 2.4 5.4-3.4-1.7-6.4-0.3-8.3 3-0.3 0.8-3 5.6-0.7 5.6 3.2 0 1 2.5 0.7 4.9s-2.7 3.9-3.9 5.9c-1-2-4.4-1.5-5.4 0.2 0-0.5-0.5-1.4-0.5-2-0.8 0-1.7-0.2-2.5 0.2 0.3 2 0.5 4.6 1 6.8 0.8 3 6.4 9-0.8 8.6-2.5-0.2-3.6-1.2-4.4-3.4-0.8-2-0.5-3.9-2.9-4.9-1.5-0.7-6.6-0.3-8.1 0.5-3.2 1.9-5.4 7.8-5.4 11.2-0.2 4.6 2.2 8.6 0 12.8 1 0.8 2 2.5 3.2 3.4 1 0.7 2.2-0.5 2.7 1.5-0.5 0.3-1.2 1-1.4 1 2.5-1.2 7.3 1.7 9.5 0 1.4-1 2.9-1.4 3.7 0.3 0.2 0.5-1.2 2.5-0.5 3.9 0.5-2.9 2.4-3.4 4.9-1.5 1-1 3.7-0.7 5.6-1.7 1.9-1.2 2.2-3 4.4-0.5 1.4-2 1.5-2 2-4.1 0.5-1.9 1.5-6.6 3.2-7.4 3.6-2.2 2.7 3.7 2.4 5.7-0.2 0.2-0.2 5.7-0.3 5.7-5.4 1.2-3.4 5.4-0.3 8.3 0.5 0.3 4.4 1.7 6.1 3 1.5 1.4 3.4 3.7 2.5 5.9 0.8 0 1.5 0.7 1.9 1.5-0.5 0.2-2.5 1.9-2.9 1.7 1.2 0.7 1 1.7 0.3 2.7 1.7 1 0.8 2.9 2.5 3.6 1.9-2.5 5.6 0.3 3.7 2.4 1.7 2.4 5.6 1.2 6.6 3.4 2.5-0.7 0.7 2.5 2 4.4 1.2 1.5 3.2 1.5 4.7 2.4 0-0.2 4.2 2.4 2.9 2.5 2.9-0.3 8.6 2.7 4.2 5.2 0.7 1.5-1.5 2.2-3 2.5 1.2 0.3 2.7-0.3 3.7 0.3 2.2 1.5 0.7 2.2-1.2 2.7-2.8 1-5.9-0.5-7.7-1.7zM272.9 47.029c23.2 4.1 43.8 15.6 59.3 32-1 1-2.9 0.7-4.2 1.4-1.4 0.5-2.4 1-4.1 1.4 0.3 3.4-3.4 4.6-5.7 6.3-2.2 1.7-3.6 3.6-6.8 2.9-0.3-0.2-3.7-1.4-3-2-2.2 1.9-3.2 2.9-6.1 3.7-2.7 0.8-4.6 4.2-7.3 1.2-1.4-1.4-0.7-3.4-1.4-4.7-2.2 1.9 2 4.1 0.3 6.1-2 2.4-5.6-1.5-7.3-2.5-1-0.8-2.2-1.2-2.9-2.2-0.8-1.2-1.2-2.7-1.9-3.9-0.5 1.4-3.4 1-3.6 2 0.7-4.1 0.7-8.3 1.5-12.3 0.5-2.4 0-6.3-2-8.1s-4.6-3.9-4.9-6.8c-0.3-2 0.2-3.9 2-4.4 0.2-2.5-2.7-4.4-2.5-7.1 0.3-0.4 0.5-2.1 0.6-3z" />
<glyph unicode="&#xe908;" glyph-name="zoomin" d="M497.914-17.914c-18.783-18.781-49.226-18.781-68.008 0l-84.863 84.864c-34.889-22.366-76.131-35.718-120.66-35.718-123.915 0-224.383 100.454-224.383 224.384s100.468 224.384 224.383 224.384c123.931 0 224.384-100.453 224.384-224.384 0-44.529-13.352-85.771-35.718-120.675l84.864-84.848c18.782-18.782 18.782-49.224 0.001-68.007zM224.383 415.89c-88.511 0-160.274-71.763-160.274-160.274 0-88.526 71.763-160.274 160.274-160.274 88.527 0 160.274 71.748 160.274 160.274 0 88.511-71.747 160.274-160.274 160.274zM256.438 159.452h-64.109v64.109h-64.109v64.109h64.109v64.11h64.109v-64.11h64.11v-64.109h-64.11v-64.109z" />
<glyph unicode="&#xe909;" glyph-name="zoomout" d="M497.914 50.094l-84.864 84.848c22.366 34.903 35.718 76.146 35.718 120.675 0 123.93-100.454 224.383-224.385 224.383-123.915 0-224.383-100.453-224.383-224.384s100.468-224.384 224.383-224.384c44.529 0 85.771 13.352 120.66 35.718l84.863-84.864c18.782-18.781 49.225-18.781 68.008 0 18.781 18.783 18.781 49.225 0 68.008zM224.383 95.342c-88.511 0-160.274 71.748-160.274 160.274 0 88.511 71.763 160.274 160.274 160.274 88.527 0 160.274-71.763 160.274-160.274 0-88.526-71.747-160.274-160.274-160.274zM128.219 223.562h192.329v64.109h-192.329v-64.109z" />
<glyph unicode="&#xe926;" glyph-name="file-text2" d="M458.903 365.462c-11.106 15.146-26.587 32.85-43.589 49.852s-34.706 32.482-49.852 43.589c-25.787 18.91-38.296 21.097-45.462 21.097h-248c-22.056 0-40-17.944-40-40v-432c0-22.056 17.944-40 40-40h368c22.056 0 40 17.944 40 40v312c0 7.166-2.186 19.675-21.097 45.462zM392.687 392.687c15.35-15.35 27.4-29.199 36.29-40.687h-76.977v76.973c11.492-8.89 25.339-20.939 40.687-36.286zM448 8c0-4.336-3.664-8-8-8h-368c-4.336 0-8 3.664-8 8v432c0 4.336 3.664 8 8 8 0 0 247.978 0.001 248 0v-112c0-8.836 7.163-16 16-16h112v-312zM368 64h-224c-8.836 0-16 7.163-16 16s7.164 16 16 16h224c8.837 0 16-7.163 16-16s-7.163-16-16-16zM368 128h-224c-8.836 0-16 7.163-16 16s7.164 16 16 16h224c8.837 0 16-7.163 16-16s-7.163-16-16-16zM368 192h-224c-8.836 0-16 7.163-16 16s7.164 16 16 16h224c8.837 0 16-7.163 16-16s-7.163-16-16-16z" />
<glyph unicode="&#xe927;" glyph-name="file-picture" d="M416 32h-320v64l96 160 131.5-160 92.5 64v-128zM416 240c0-26.51-21.49-48-48-48-26.511 0-48 21.49-48 48s21.489 48 48 48c26.51 0 48-21.49 48-48zM458.903 365.462c-11.106 15.146-26.587 32.85-43.589 49.852s-34.706 32.482-49.852 43.589c-25.787 18.91-38.296 21.097-45.462 21.097h-248c-22.056 0-40-17.944-40-40v-432c0-22.056 17.944-40 40-40h368c22.056 0 40 17.944 40 40v312c0 7.166-2.186 19.675-21.097 45.462zM392.687 392.687c15.35-15.35 27.4-29.199 36.29-40.687h-76.977v76.973c11.492-8.89 25.339-20.939 40.687-36.286zM448 8c0-4.336-3.664-8-8-8h-368c-4.336 0-8 3.664-8 8v432c0 4.336 3.664 8 8 8 0 0 247.978 0.001 248 0v-112c0-8.836 7.163-16 16-16h112v-312z" />
<glyph unicode="&#xe929;" glyph-name="file-play" d="M192 288l160-112-160-112v224zM458.903 365.462c-11.106 15.146-26.587 32.85-43.589 49.852s-34.706 32.482-49.852 43.589c-25.787 18.91-38.296 21.097-45.462 21.097h-248c-22.056 0-40-17.944-40-40v-432c0-22.056 17.944-40 40-40h368c22.056 0 40 17.944 40 40v312c0 7.166-2.186 19.675-21.097 45.462zM392.687 392.687c15.35-15.35 27.4-29.199 36.29-40.687h-76.977v76.973c11.492-8.89 25.339-20.939 40.687-36.286zM448 8c0-4.336-3.664-8-8-8h-368c-4.336 0-8 3.664-8 8v432c0 4.336 3.664 8 8 8 0 0 247.978 0.001 248 0v-112c0-8.836 7.163-16 16-16h112v-312z" />
<glyph unicode="&#xe9c5;" glyph-name="download2" d="M448 224h-80l-112-112-112 112h-80l-64-128v-32h512v32l-64 128zM0 32h512v-32h-512v32zM288 320v128h-64v-128h-112l144-144 144 144h-112z" />
<glyph unicode="&#xf053;" glyph-name="chevron-left" horiz-adv-x="366" d="M34.751 219.427q0 7.428 5.428 12.857l212 212q5.429 5.429 12.857 5.429t12.857-5.429l47.428-47.428q5.428-5.428 5.428-12.857t-5.428-12.857l-151.714-151.714 151.714-151.714q5.428-5.428 5.428-12.857t-5.428-12.857l-47.428-47.428q-5.428-5.428-12.857-5.428t-12.857 5.428l-212 212q-5.428 5.428-5.428 12.857z" />
<glyph unicode="&#xf054;" glyph-name="chevron-right" horiz-adv-x="366" d="M34.748 54.858q0 7.428 5.428 12.857l151.714 151.714-151.714 151.714q-5.428 5.428-5.428 12.857t5.428 12.857l47.428 47.428q5.428 5.428 12.857 5.428t12.857-5.428l212-212q5.428-5.428 5.428-12.857t-5.428-12.857l-212-212q-5.428-5.428-12.857-5.428t-12.857 5.428l-47.428 47.428q-5.428 5.428-5.428 12.857z" />
<glyph unicode="&#xf065;" glyph-name="expand" d="M36.571 18.286v128q0 7.428 5.428 12.857t12.857 5.428 12.857-5.428l41.143-41.143 94.857 94.857q2.857 2.857 6.572 2.857t6.572-2.857l32.572-32.572q2.857-2.857 2.857-6.572t-2.857-6.572l-94.857-94.857 41.143-41.143q5.428-5.428 5.428-12.857t-5.428-12.857-12.857-5.428h-128q-7.428 0-12.857 5.428t-5.428 12.857zM259.714 265.143q0 3.714 2.857 6.572l94.857 94.857-41.143 41.143q-5.428 5.428-5.428 12.857t5.428 12.857 12.857 5.428h128q7.428 0 12.857-5.428t5.428-12.857v-128q0-7.428-5.428-12.857t-12.857-5.428-12.857 5.428l-41.143 41.143-94.857-94.857q-2.857-2.857-6.572-2.857t-6.572 2.857l-32.572 32.572q-2.857 2.857-2.857 6.572z" />
<glyph unicode="&#xf099;" glyph-name="twitter" horiz-adv-x="476" d="M12.61 78.004q10-1.143 22.285-1.143 64.285 0 114.572 39.428-30 0.572-53.715 18.428t-32.572 45.572q9.428-1.428 17.428-1.428 12.285 0 24.285 3.143-32 6.572-53 31.857t-21 58.714v1.143q19.428-10.857 41.715-11.714-18.857 12.572-30 32.857t-11.143 44q0 25.143 12.572 46.572 34.572-42.572 84.143-68.143t106.143-28.428q-2.286 10.857-2.286 21.143 0 38.286 27 65.286t65.286 27q40 0 67.428-29.143 31.143 6 58.572 22.286-10.572-32.857-40.572-50.857 26.572 2.857 53.143 14.286-19.143-28-46.286-47.715 0.286-4 0.286-12 0-37.143-10.857-74.143t-33-71-52.714-60.143-73.714-41.714-92.286-15.572q-77.428 0-141.714 41.428z" />
<glyph unicode="&#xf09a;" glyph-name="facebook" horiz-adv-x="293" d="M22.823 198.576v84.572h72.857v62.286q0 53.143 29.715 82.428t79.143 29.286q42 0 65.143-3.429v-75.428h-44.857q-24.571 0-33.143-10.285t-8.572-30.857v-54h83.714l-11.143-84.572h-72.571v-216.857h-87.428v216.857h-72.857z" />
<glyph unicode="&#xf0bb;" glyph-name="playback-pause" horiz-adv-x="256" d="M-0.002 64.002h96v320h-96v-320zM159.998 384.002v-320h96v320h-96z" />
<glyph unicode="&#xf0bf;" glyph-name="playback-play" horiz-adv-x="256" d="M0.002 383.999l256-160-256-160v320z" />
<glyph unicode="&#xf0d2;" glyph-name="pinterest" d="M36.571 219.429q0 59.714 29.428 110.143t79.857 79.857 110.143 29.428 110.143-29.428 79.857-79.857 29.428-110.143-29.428-110.143-79.857-79.857-110.143-29.428q-31.715 0-62.285 9.143 16.857 26.572 22.286 46.857 2.571 9.714 15.428 60.286 5.714-11.143 20.857-19.286t32.571-8.143q34.572 0 61.714 19.572t42 53.857 14.857 77.143q0 32.572-17 61.143t-49.286 46.572-72.857 18q-30 0-56-8.286t-44.143-22-31.143-31.572-19.143-37-6.143-38.286q0-29.714 11.428-52.286t33.428-31.714q8.571-3.428 10.857 5.714 0.571 2 2.286 8.857t2.286 8.572q1.714 6.572-3.143 12.286-14.571 17.428-14.571 43.143 0 43.143 29.857 74.143t78.143 31q43.143 0 67.286-23.428t24.143-60.857q0-48.571-19.572-82.571t-50.143-34q-17.428 0-28 12.428t-6.572 29.857q2.286 10 7.572 26.714t8.572 29.428 3.286 21.572q0 14.286-7.714 23.714t-22 9.428q-17.714 0-30-16.286t-12.286-40.572q0-20.857 7.143-34.857l-28.285-119.428q-4.857-20-3.714-50.572-58.857 26-95.143 80.286t-36.285 120.857z" />
<glyph unicode="&#xf10e;" glyph-name="quote-right" horiz-adv-x="476" d="M21.641 252.675v99.741q0 20.779 14.545 35.325t35.325 14.545h99.741q20.779 0 35.325-14.545t14.546-35.325v-182.858q0-27.014-10.519-51.559t-28.441-42.468-42.468-28.442-51.559-10.519h-16.624q-6.753 0-11.688 4.935t-4.935 11.688v33.247q0 6.753 4.935 11.688t11.688 4.935h16.624q27.532 0 47.013 19.481t19.481 47.014v8.312q0 10.389-7.273 17.663t-17.662 7.273h-58.182q-20.779 0-35.325 14.546t-14.546 35.325zM254.369 252.675v99.741q0 20.779 14.545 35.325t35.325 14.545h99.741q20.779 0 35.325-14.545t14.546-35.325v-182.858q0-27.014-10.519-51.559t-28.442-42.468-42.468-28.442-51.559-10.519h-16.623q-6.753 0-11.688 4.935t-4.935 11.688v33.247q0 6.753 4.935 11.688t11.688 4.935h16.623q27.533 0 47.014 19.481t19.481 47.014v8.312q0 10.389-7.273 17.663t-17.663 7.273h-58.182q-20.779 0-35.325 14.546t-14.546 35.325z" />
<glyph unicode="&#xf137;" glyph-name="chevron-circle-left" d="M36.571 219.429q0 59.714 29.428 110.143t79.857 79.857 110.143 29.428 110.143-29.428 79.857-79.857 29.428-110.143-29.428-110.143-79.857-79.857-110.143-29.428-110.143 29.428-79.857 79.857-29.428 110.143zM135.428 219.429q0-7.428 5.428-12.857l129.714-129.714q5.428-5.428 12.857-5.428t12.857 5.428l29.143 29.143q5.428 5.428 5.428 12.857t-5.428 12.857l-87.714 87.714 87.714 87.714q5.428 5.428 5.428 12.857t-5.428 12.857l-29.143 29.143q-5.428 5.428-12.857 5.428t-12.857-5.428l-129.714-129.714q-5.428-5.428-5.428-12.857z" />
<glyph unicode="&#xf138;" glyph-name="chevron-circle-right" d="M36.571 219.429q0 59.714 29.428 110.143t79.857 79.857 110.143 29.428 110.143-29.428 79.857-79.857 29.428-110.143-29.428-110.143-79.857-79.857-110.143-29.428-110.143 29.428-79.857 79.857-29.428 110.143zM181.143 118.857q0-7.428 5.429-12.857l29.143-29.143q5.429-5.428 12.857-5.428t12.857 5.428l129.715 129.714q5.428 5.428 5.428 12.857t-5.428 12.857l-129.714 129.714q-5.428 5.429-12.857 5.429t-12.857-5.429l-29.143-29.143q-5.429-5.428-5.429-12.857t5.428-12.857l87.714-87.714-87.714-87.714q-5.428-5.428-5.428-12.857z" />
<glyph unicode="&#xf232;" glyph-name="whatsapp" horiz-adv-x="439" d="M281.428 197.143c4.857 0 51.428-24.286 53.428-27.714 0.572-1.428 0.572-3.143 0.572-4.286 0-7.143-2.286-15.143-4.857-21.714-6.572-16-33.143-26.286-49.428-26.286-13.714 0-42 12-54.286 17.714-40.857 18.572-66.286 50.286-90.857 86.572-10.857 16-20.572 35.714-20.285 55.428v2.286c0.572 18.857 7.428 32.286 21.143 45.143 4.286 4 8.857 6.286 14.857 6.286 3.429 0 6.857-0.857 10.571-0.857 7.714 0 9.143-2.286 12-9.714 2-4.857 16.572-43.714 16.572-46.572 0-10.857-19.714-23.143-19.714-29.714 0-1.429 0.571-2.857 1.429-4.286 6.286-13.428 18.285-28.857 29.143-39.143 13.143-12.572 27.143-20.857 43.143-28.857 2-1.143 4-2 6.286-2 8.571 0 22.857 27.714 30.285 27.714zM223.429 45.714c98.857 0 179.429 80.572 179.429 179.428s-80.572 179.429-179.429 179.429-179.429-80.572-179.429-179.429c0-37.714 12-74.571 34.285-105.143l-22.572-66.572 69.143 22c29.143-19.143 63.715-29.714 98.571-29.714zM223.429 440.572c118.857 0 215.429-96.571 215.429-215.428s-96.572-215.429-215.429-215.429c-36.285 0-72.285 9.143-104.285 26.857l-119.143-38.286 38.857 115.714c-20.285 33.428-30.857 72-30.857 111.143 0 118.857 96.572 215.429 215.429 215.429z" />
</font></defs></svg>

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

Binary file not shown.

File diff suppressed because it is too large Load Diff

1
lc-lightbox/css/lc_lightbox.min.css vendored Normal file

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,150 @@
/* fading */
.lcl_fade_oc.lcl_pre_show #lcl_overlay,
.lcl_fade_oc.lcl_pre_show #lcl_window,
.lcl_fade_oc.lcl_is_closing #lcl_overlay,
.lcl_fade_oc.lcl_is_closing #lcl_window {
opacity: 0 !important;
}
.lcl_fade_oc.lcl_is_closing #lcl_overlay {
-webkit-transition-delay: .15s !important;
transition-delay: .15s !important;
}
/* zoom-in */
.lcl_zoomin_oc.lcl_pre_show #lcl_window,
.lcl_zoomin_oc.lcl_is_closing #lcl_window {
opacity: 0 !important;
-webkit-transform: scale(0.05) translateZ(0) !important;
transform: scale(0.05) translateZ(0) !important;
}
.lcl_zoomin_oc.lcl_is_closing #lcl_overlay {
opacity: 0 !important;
}
/* bottom-to-top */
.lcl_bottop_oc.lcl_pre_show #lcl_overlay,
.lcl_bottop_oc.lcl_is_closing #lcl_overlay {
opacity: 0 !important;
}
.lcl_bottop_oc.lcl_pre_show #lcl_window {
transition-property: transform !important;
opacity: 1 !important;
-webkit-transform: translate3d(0, 100vh, 0);
transform: translate3d(0, 100vh, 0);
}
.lcl_bottop_oc.lcl_is_closing #lcl_window {
-webkit-transform: translate3d(0, -100vh, 0);
transform: translate3d(0, -100vh, 0);
}
/* bottom-to-top v2 */
.lcl_bottop_v2_oc.lcl_pre_show #lcl_window,
.lcl_bottop_v2_oc.lcl_is_closing #lcl_window {
opacity: 0 !important;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.lcl_bottop_v2_oc.lcl_pre_show #lcl_window {
top: 40vh;
}
.lcl_bottop_v2_oc.lcl_is_closing #lcl_window {
top: -40vh;
-webkit-transform: scale(0.8) translateZ(0);
transform: scale(0.8) translateZ(0);
-webkit-transition-delay: 0s !important;
transition-delay: 0s !important;
}
.lcl_bottop_v2_oc.lcl_pre_show #lcl_overlay {
top: 100vh;
}
.lcl_bottop_v2_oc.lcl_is_closing #lcl_overlay {
top: -100vh;
}
/* right to left */
.lcl_rtl_oc.lcl_pre_show #lcl_overlay,
.lcl_rtl_oc.lcl_is_closing #lcl_overlay {
opacity: 0 !important;
}
.lcl_rtl_oc.lcl_pre_show #lcl_window,
.lcl_rtl_oc.lcl_is_closing #lcl_window {
opacity: 1 !important;
-webkit-transform: scale(.8) translateZ(0);
transform: scale(.8) translateZ(0);
}
.lcl_rtl_oc.lcl_pre_show #lcl_window {
left: -100vw;
}
.lcl_rtl_oc.lcl_is_closing #lcl_window {
left: 100vw;
}
.lcl_rtl_oc.lcl_is_closing #lcl_overlay {
-webkit-transition-delay: .2s !important;
transition-delay: .2s !important;
}
/* horizontal flip */
.lcl_horiz_flip_oc.lcl_pre_show #lcl_overlay,
.lcl_horiz_flip_oc.lcl_is_closing #lcl_overlay {
opacity: 0 !important;
}
.lcl_horiz_flip_oc.lcl_pre_show #lcl_window,
.lcl_horiz_flip_oc.lcl_is_closing #lcl_window {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.lcl_horiz_flip_oc.lcl_pre_show #lcl_window {
-webkit-transform: rotateY(90deg) perspective(800px);
transform: rotateY(90deg) perspective(800px);
}
.lcl_horiz_flip_oc.lcl_is_closing #lcl_window {
-webkit-transform: rotateY(-90deg) scale(.8) perspective(800px);
transform: rotateY(-90deg) scale(.8) perspective(800px);
}
.lcl_horiz_flip_oc.lcl_is_closing #lcl_overlay {
-webkit-transition-delay: .2s !important;
transition-delay: .2s !important;
}
/* vertical flip */
.lcl_vert_flip_oc.lcl_pre_show #lcl_overlay,
.lcl_vert_flip_oc.lcl_is_closing #lcl_overlay {
opacity: 0 !important;
}
.lcl_vert_flip_oc.lcl_pre_show #lcl_window,
.lcl_vert_flip_oc.lcl_is_closing #lcl_window {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.lcl_vert_flip_oc.lcl_pre_show #lcl_window {
-webkit-transform: rotateX(-90deg) perspective(1000px);
transform: rotateX(-90deg) perspective(1000px);
}
.lcl_vert_flip_oc.lcl_is_closing #lcl_window {
opacity: .5 !important;
-webkit-transform: rotateX(90deg) scale(.6) perspective(1000px);
transform: rotateX(90deg) scale(.6) perspective(1000px);
}
.lcl_vert_flip_oc.lcl_is_closing #lcl_overlay {
-webkit-transition-delay: .2s !important;
transition-delay: .2s !important;
}

View File

@@ -0,0 +1,148 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>LC Lightbox - Image Gallery Demo</title>
<!-- PAGE'S BASE CSS -->
<style type="text/css">
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
body{font:14px/20px Arial,sans-serif;background-color:#4E5869;margin:0;padding:0;color:#000}dl,ol,ul{padding:0;margin:0}h1,h2,h3,h4,h5,h6,p{margin-top:0;padding-right:15px;padding-left:15px}a img{border:none}a:link{color:#414958;text-decoration:underline}a:visited{color:#4E5869;text-decoration:underline}a:active,a:focus,a:hover{text-decoration:none}.container{width:80%;max-width:1260px;min-width:335px;background-color:#FFF;margin:0 auto}.header{background-color:#fdfdfd;}.sidebar1{float:right;width:20%;background-color:#93A5C4;padding-bottom:10px}.content{padding:10px 0;width:100%;float:right;background-color:#efefef}.content ol,.content ul{padding:0 15px 15px 40px}ul.nav{list-style:none;border-top:1px solid #666;margin-bottom:15px}ul.nav li{border-bottom:1px solid #666}ul.nav a,ul.nav a:visited{padding:5px 5px 5px 15px;display:block;text-decoration:none;background-color:#8090AB;color:#000}ul.nav a:active,ul.nav a:focus,ul.nav a:hover{background-color:#6F7D94;color:#FFF}.fltrt{float:right;margin-left:8px}.fltlft{float:left;margin-right:8px}.clearfloat{clear:both;height:0;font-size:1px;line-height:0}.content,.sidebar1{min-height:500px}.content>div{margin:20px 15px}@media screen and (max-width:900px){.content>div{width:100%!important}}
#logo {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYlJREFUeNrcV4FtgzAQBJQB3AlCN0gmiNkgnaBhg25QMUHSCUInKJkgZgNGyAhskP6r58qJsCEUE5qXLMvI8t//359NGDhMytWepk3gz7LQ4VzSdAw8WxTc2WYd9ymlymQop5Td87/IQEVDR137AhAahPNlFZWvtpVgRgtmulcA5CO5BmFyQHou8wJjmm3YB0B9TwAp1fKJ5mcap7EB7Mh5/qNKJTv/GAuAQsSHq+/zMaQ4R6RfzGRqpwJrZvWbbwDaGeuEwLc1hmm6HNshS8BMTxG5aDkjxv5sSAAFIo07nsPR7/p0RuSI6vWGcwQ4UQwFQPaQ6FVDp0z/RTRJAMxovj75rbDsqP0pnmyVjYikIawjR1z/TgA5HaYguRXEqO29qCXa1Y6iiVuRZaNr3dQxrrUTfGg+j8wfBtwBJ+hBm8pxBj7hfNsAWpdncZm60grA5EOG/n5H+mIAEx2y8wtAl/XWLhCIiCW5pPECciZ9ROcvPyacuj3Y/Pg6MDqAzLOP3EZAtm8BBgDqc3bEpb6xyQAAAABJRU5ErkJggg==') no-repeat center center transparent;
background-size: contain;
width: 25px;
height: 25px;
display: inline-block;
position: relative;
bottom: -4px;
left: -4px;
}
.elem, .elem * {
box-sizing: border-box;
margin: 0 !important;
}
.elem {
display: inline-block;
font-size: 0;
width: 33%;
border: 20px solid transparent;
border-bottom: none;
background: #fff;
padding: 10px;
height: auto;
background-clip: padding-box;
}
.elem > span {
display: block;
cursor: pointer;
height: 0;
padding-bottom: 70%;
background-size: cover;
background-position: center center;
}
</style>
<!-- //////////////////////////////////////////////// -->
<!-- REQUIRED ELEMENTS -->
<script src="lib/jquery.js" type="text/javascript"></script>
<script src="js/lc_lightbox.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/lc_lightbox.css" />
<link rel="stylesheet" href="css/open_close_fx.css" />
<!-- SKINS -->
<link rel="stylesheet" href="skins/minimal.css" />
<!-- ASSETS -->
<script src="lib/AlloyFinger/alloy_finger.min.js" type="text/javascript"></script>
<!-- //////////////////////////////////////////////// -->
<!-- //////////////////////////////////////////////// -->
</head>
<body>
<div class="container">
<div class="header">
<div style="text-align: center; color: #3f3f3f; padding: 40px 20px 25px; opacity: 0.9;">
<h1><span id="logo"></span> LC Lightbox</h1>
<h3>Yet.. another jQuery lightbox .. or not?<br/><br/>
<small>by <a href="https://lcweb.it/" target="_blank">LCweb</a></small>
</h3>
</div>
</div>
<div class="content">
<br/>
<h2 style="text-align: center;">Image Gallery</h2>
<a class="elem" href="https://images.unsplash.com/photo-1476514525535-07fb3b4ae5f1?dpr=1&auto=format&fit=crop&w=2000&q=80&cs=tinysrgb" title="image 1" data-lcl-txt="lorem ipsum dolor sit amet" data-lcl-author="someone" data-lcl-thumb="https://images.unsplash.com/photo-1476514525535-07fb3b4ae5f1?dpr=1&auto=format&fit=crop&w=150&q=80&cs=tinysrgb">
<span style="background-image: url(https://images.unsplash.com/photo-1476514525535-07fb3b4ae5f1?dpr=1&auto=format&fit=crop&w=400&q=80&cs=tinysrgb);"></span>
</a>
<a class="elem" href="https://images.unsplash.com/photo-1502082553048-f009c37129b9?dpr=1&auto=format&fit=crop&w=2000&q=80&cs=tinysrgb" title="image 2" data-lcl-txt="lorem ipsum dolor sit amet" data-lcl-author="someone" data-lcl-thumb="https://images.unsplash.com/photo-1502082553048-f009c37129b9?dpr=1&auto=format&fit=crop&w=150&q=80&cs=tinysrgb">
<span style="background-image: url(https://images.unsplash.com/photo-1502082553048-f009c37129b9?dpr=1&auto=format&fit=crop&w=400&q=80&cs=tinysrgb);"></span>
</a>
<a class="elem" href="https://images.unsplash.com/photo-1442850473887-0fb77cd0b337?dpr=1&auto=format&fit=crop&w=2000&q=80&cs=tinysrgb" title="image 3" data-lcl-txt="lorem ipsum dolor sit amet" data-lcl-author="someone" data-lcl-thumb="https://images.unsplash.com/photo-1442850473887-0fb77cd0b337?dpr=1&auto=format&fit=crop&w=150&q=80&cs=tinysrgb">
<span style="background-image: url(https://images.unsplash.com/photo-1442850473887-0fb77cd0b337?dpr=1&auto=format&fit=crop&w=400&q=80&cs=tinysrgb);"></span>
</a>
<a class="elem" href="https://images.unsplash.com/photo-1431794062232-2a99a5431c6c?dpr=1&auto=format&fit=crop&w=2000&q=80&cs=tinysrgb" title="image 4" data-lcl-txt="lorem ipsum dolor sit amet" data-lcl-author="someone" data-lcl-thumb="https://images.unsplash.com/photo-1431794062232-2a99a5431c6c?dpr=1&auto=format&fit=crop&w=150&q=80&cs=tinysrgb">
<span style="background-image: url(https://images.unsplash.com/photo-1431794062232-2a99a5431c6c?dpr=1&auto=format&fit=crop&w=400&q=80&cs=tinysrgb);"></span>
</a>
<a class="elem" href="https://images.unsplash.com/photo-1432405972618-c60b0225b8f9?dpr=1&auto=format&fit=crop&w=2000&q=80&cs=tinysrgb" title="image 5" data-lcl-txt="lorem ipsum dolor sit amet" data-lcl-author="someone" data-lcl-thumb="https://images.unsplash.com/photo-1432405972618-c60b0225b8f9?dpr=1&auto=format&fit=crop&w=150&q=80&cs=tinysrgb">
<span style="background-image: url(https://images.unsplash.com/photo-1432405972618-c60b0225b8f9?dpr=1&auto=format&fit=crop&w=400&q=80&cs=tinysrgb);"></span>
</a>
<a class="elem" href="https://images.unsplash.com/photo-1482192505345-5655af888cc4?dpr=1&auto=format&fit=crop&w=2000&q=80&cs=tinysrgb" title="image 6" data-lcl-txt="lorem ipsum dolor sit amet" data-lcl-author="someone" data-lcl-thumb="https://images.unsplash.com/photo-1482192505345-5655af888cc4?dpr=1&auto=format&fit=crop&w=150&q=80&cs=tinysrgb">
<span style="background-image: url(https://images.unsplash.com/photo-1482192505345-5655af888cc4?dpr=1&auto=format&fit=crop&w=400&q=80&cs=tinysrgb);"></span>
</a>
<br/><br/>
</div>
</div>
<!-- //////////////////////////////////////////////// -->
<!-- LIGHTBOX INITIALIZATION -->
<script type="text/javascript">
$(document).ready(function(e) {
// live handler
lc_lightbox('.elem', {
wrap_class : 'lcl_rtl_oc',
gallery : true,
global_type: 'image',
thumb_attr: 'data-lcl-thumb',
skin: 'minimal',
radius: 0,
padding : 0,
border_w: 0,
});
});
</script>
<!-- //////////////////////////////////////////////// -->
<!-- //////////////////////////////////////////////// -->
</body>
</html>

View File

@@ -0,0 +1,170 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>LC Lightbox - Mixed Types Demo</title>
<!-- PAGE'S BASE CSS -->
<style type="text/css">
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
body{font:14px/20px Arial,sans-serif;background-color:#4E5869;margin:0;padding:0;color:#000}dl,ol,ul{padding:0;margin:0}h1,h2,h3,h4,h5,h6,p{margin-top:0;padding-right:15px;padding-left:15px}a img{border:none}a:link{color:#414958;text-decoration:underline}a:visited{color:#4E5869;text-decoration:underline}a:active,a:focus,a:hover{text-decoration:none}.container{width:80%;max-width:1260px;min-width:335px;background-color:#FFF;margin:0 auto}.header{background-color:#fdfdfd;}.sidebar1{float:right;width:20%;background-color:#93A5C4;padding-bottom:10px}.content{padding:10px 0;width:100%;float:right;background-color:#efefef}.content ol,.content ul{padding:0 15px 15px 40px}ul.nav{list-style:none;border-top:1px solid #666;margin-bottom:15px}ul.nav li{border-bottom:1px solid #666}ul.nav a,ul.nav a:visited{padding:5px 5px 5px 15px;display:block;text-decoration:none;background-color:#8090AB;color:#000}ul.nav a:active,ul.nav a:focus,ul.nav a:hover{background-color:#6F7D94;color:#FFF}.fltrt{float:right;margin-left:8px}.fltlft{float:left;margin-right:8px}.clearfloat{clear:both;height:0;font-size:1px;line-height:0}.content,.sidebar1{min-height:500px}.content>div{margin:20px 15px}@media screen and (max-width:900px){.content>div{width:100%!important}}
#logo {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYlJREFUeNrcV4FtgzAQBJQB3AlCN0gmiNkgnaBhg25QMUHSCUInKJkgZgNGyAhskP6r58qJsCEUE5qXLMvI8t//359NGDhMytWepk3gz7LQ4VzSdAw8WxTc2WYd9ymlymQop5Td87/IQEVDR137AhAahPNlFZWvtpVgRgtmulcA5CO5BmFyQHou8wJjmm3YB0B9TwAp1fKJ5mcap7EB7Mh5/qNKJTv/GAuAQsSHq+/zMaQ4R6RfzGRqpwJrZvWbbwDaGeuEwLc1hmm6HNshS8BMTxG5aDkjxv5sSAAFIo07nsPR7/p0RuSI6vWGcwQ4UQwFQPaQ6FVDp0z/RTRJAMxovj75rbDsqP0pnmyVjYikIawjR1z/TgA5HaYguRXEqO29qCXa1Y6iiVuRZaNr3dQxrrUTfGg+j8wfBtwBJ+hBm8pxBj7hfNsAWpdncZm60grA5EOG/n5H+mIAEx2y8wtAl/XWLhCIiCW5pPECciZ9ROcvPyacuj3Y/Pg6MDqAzLOP3EZAtm8BBgDqc3bEpb6xyQAAAABJRU5ErkJggg==') no-repeat center center transparent;
background-size: contain;
width: 25px;
height: 25px;
display: inline-block;
position: relative;
bottom: -4px;
left: -4px;
}
.elem, .elem * {
box-sizing: border-box;
margin: 0 !important;
}
.elem {
display: inline-block;
font-size: 0;
width: 33%;
border: 20px solid transparent;
border-bottom: none;
background: #fff;
padding: 10px;
height: auto;
background-clip: padding-box;
}
.elem > span {
display: block;
cursor: pointer;
height: 0;
padding-bottom: 70%;
background-size: cover;
background-position: center center;
}
</style>
<!-- //////////////////////////////////////////////// -->
<!-- REQUIRED ELEMENTS -->
<script src="lib/jquery.js" type="text/javascript"></script>
<script src="js/lc_lightbox.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/lc_lightbox.css" />
<link rel="stylesheet" href="css/open_close_fx.css" />
<!-- SKINS -->
<link rel="stylesheet" href="skins/minimal.css" />
<!-- ASSETS -->
<script src="lib/AlloyFinger/alloy_finger.min.js" type="text/javascript"></script>
<!-- //////////////////////////////////////////////// -->
<!-- //////////////////////////////////////////////// -->
</head>
<body>
<div class="container">
<div class="header">
<div style="text-align: center; color: #3f3f3f; padding: 40px 20px 25px; opacity: 0.9;">
<h1><span id="logo"></span> LC Lightbox</h1>
<h3>Yet.. another jQuery lightbox .. or not?<br/><br/>
<small>by <a href="https://lcweb.it/" target="_blank">LCweb</a></small>
</h3>
</div>
</div>
<div class="content">
<br/>
<h2 style="text-align: center;">Mixed Types</h2>
<a class="elem" href="https://images.unsplash.com/photo-1476514525535-07fb3b4ae5f1?dpr=1&auto=format&fit=crop&w=2000&q=80&cs=tinysrgb" title="Image" data-lcl-txt="lorem ipsum dolor sit amet" data-lcl-author="someone" data-lcl-type="image" data-lcl-thumb="https://images.unsplash.com/photo-1476514525535-07fb3b4ae5f1?dpr=1&auto=format&fit=crop&w=150&q=80&cs=tinysrgb">
<span style="background-image: url(https://images.unsplash.com/photo-1476514525535-07fb3b4ae5f1?dpr=1&auto=format&fit=crop&w=400&q=80&cs=tinysrgb);"></span>
</a>
<a class="elem" href="https://www.youtube.com/watch?v=vI4LHl4yFuo" title="Youtube Video" data-lcl-txt="lorem ipsum dolor sit amet" data-lcl-author="someone">
<span style="background-image: url(https://images.unsplash.com/photo-1502082553048-f009c37129b9?dpr=1&auto=format&fit=crop&w=400&q=80&cs=tinysrgb);"></span>
</a>
<a class="elem" href="https://vimeo.com/40291524" title="Vimeo Video" data-lcl-txt="lorem ipsum dolor sit amet" data-lcl-author="someone">
<span style="background-image: url(https://images.unsplash.com/photo-1442850473887-0fb77cd0b337?dpr=1&auto=format&fit=crop&w=400&q=80&cs=tinysrgb);"></span>
</a>
<a class="elem" href="https://www.w3schools.com/html/movie.mp4;https://www.w3schools.com/html/movie.ogg" title="HTML Video" data-lcl-txt="lorem ipsum dolor sit amet" data-lcl-author="someone" data-lcl-type="video" data-lcl-poster="https://images.unsplash.com/photo-1431794062232-2a99a5431c6c?dpr=1&auto=format&fit=crop&w=1500&q=80&cs=tinysrgb" data-lcl-thumb="https://images.unsplash.com/photo-1431794062232-2a99a5431c6c?dpr=1&auto=format&fit=crop&w=150&q=80&cs=tinysrgb">
<span style="background-image: url(https://images.unsplash.com/photo-1431794062232-2a99a5431c6c?dpr=1&auto=format&fit=crop&w=400&q=80&cs=tinysrgb);"></span>
</a>
<a class="elem" href="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d110268.93191923265!2d-74.01465745747427!3d40.69413031028365!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew+York%2C+%C3%89tat+de+New+York%2C+%C3%89tats-Unis!5e0!3m2!1sfr!2sfr!4v1488734776445" data-lcl-w="1000" data-lcl-h="700" data-lcl-outer-cmd="1" data-lcl-pthumb="https://images.unsplash.com/photo-1432405972618-c60b0225b8f9?dpr=1&auto=format&fit=crop&w=150&q=80&cs=tinysrgb">
<span style="background-image: url(https://images.unsplash.com/photo-1432405972618-c60b0225b8f9?dpr=1&auto=format&fit=crop&w=400&q=80&cs=tinysrgb);"></span>
</a>
<a class="elem" href="#hidden_inline" data-lcl-outer-cmd="1" data-lcl-w="500" data-lcl-h="400" data-lcl-thumb="https://images.unsplash.com/photo-1482192505345-5655af888cc4?dpr=1&auto=format&fit=crop&w=150&q=80&cs=tinysrgb">
<span style="background-image: url(https://images.unsplash.com/photo-1482192505345-5655af888cc4?dpr=1&auto=format&fit=crop&w=400&q=80&cs=tinysrgb);"></span>
</a>
<br/><br/>
</div>
</div>
<!-- //////////////////////////////////////////////// -->
<!-- HIDDEN INLINE CONTENT -->
<div id="hidden_inline" style="display: none;">
<div style="padding: 20px;">
<h2 style="padding: 0; text-align: center;">Some title</h2>
<div> Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
<br/><br/>
<div> Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
</div>
</div>
<!-- //////////////////////////////////////////////// -->
<!-- LIGHTBOX INITIALIZATION -->
<script type="text/javascript">
$(document).ready(function(e) {
// live handler
lc_lightbox('.elem', {
wrap_class : 'lcl_rtl_oc',
gallery : true,
thumb_attr: 'data-lcl-thumb',
skin: 'minimal',
radius: 0,
padding : 0,
border_w: 0,
});
});
</script>
<!-- //////////////////////////////////////////////// -->
<!-- //////////////////////////////////////////////// -->
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 931 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 215 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 125 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 192 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 192 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 186 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1007 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1000 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1000 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1000 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1000 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1000 B

File diff suppressed because it is too large Load Diff

13
lc-lightbox/js/lc_lightbox.min.js vendored Normal file

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,21 @@
The MIT License (MIT)
Copyright (c) 2016 腾讯 AlloyTeam
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

View File

@@ -0,0 +1,100 @@
![preview](http://alloyteam.github.io/AlloyFinger/alloyfinger.png)
# Install
You can install it via npm:
```html
npm install alloyfinger
```
# Usage
### Omi Version:
* [omi-finger](https://github.com/AlloyTeam/omi/tree/master/plugins/omi-finger)
```js
render() {
return `
<div>
<div omi-finger ref="touchArea" onTap="handleTap" onSwipe="handleSwipe" >
Tap or Swipe Me!
</div>
</div>
`;
}
```
### Pure JS:
```js
var af = new AlloyFinger(element, {
touchStart: function () { },
touchMove: function () { },
touchEnd: function () { },
touchCancel: function () { },
multipointStart: function () { },
multipointEnd: function () { },
tap: function () { },
doubleTap: function () { },
longTap: function () { },
singleTap: function () { },
rotate: function (evt) {
console.log(evt.angle);
},
pinch: function (evt) {
console.log(evt.scale);
},
pressMove: function (evt) {
console.log(evt.deltaX);
console.log(evt.deltaY);
},
swipe: function (evt) {
console.log("swipe" + evt.direction);
}
});
/**
* this method can also add or remove the event handler
*/
var onTap = function() {};
af.on('tap', onTap);
af.on('touchStart', function() {});
af.off('tap', onTap);
/**
* this method can destroy the instance
*/
af = af.destroy();
```
### React Version:
```js
render() {
return (
<AlloyFinger
onTap={this.onTap.bind(this)}
onMultipointStart={this.onMultipointStart.bind(this)}
onLongTap={this.onLongTap.bind(this)}
onSwipe={this.onSwipe.bind(this)}
onPinch={this.onPinch.bind(this)}
onRotate={this.onRotate.bind(this)}
onPressMove={this.onPressMove.bind(this)}
onMultipointEnd={this.onMultipointEnd.bind(this)}
onDoubleTap={this.onDoubleTap.bind(this)}>
<div className="test">the element that you want to bind event</div>
</AlloyFinger>
);
}
```
# Thanks and Donate
* [transformjs](http://alloyteam.github.io/AlloyTouch/transformjs/)
* [Donate to AlloyFinger](http://alloyteam.github.io/donate.html)
# License
This content is released under the [MIT](http://opensource.org/licenses/MIT) License.

View File

@@ -0,0 +1,291 @@
/* AlloyFinger v0.1.6
* By dntzhang
* Github: https://github.com/AlloyTeam/AlloyFinger
*/
; (function () {
function getLen(v) {
return Math.sqrt(v.x * v.x + v.y * v.y);
}
function dot(v1, v2) {
return v1.x * v2.x + v1.y * v2.y;
}
function getAngle(v1, v2) {
var mr = getLen(v1) * getLen(v2);
if (mr === 0) return 0;
var r = dot(v1, v2) / mr;
if (r > 1) r = 1;
return Math.acos(r);
}
function cross(v1, v2) {
return v1.x * v2.y - v2.x * v1.y;
}
function getRotateAngle(v1, v2) {
var angle = getAngle(v1, v2);
if (cross(v1, v2) > 0) {
angle *= -1;
}
return angle * 180 / Math.PI;
}
var HandlerAdmin = function(el) {
this.handlers = [];
this.el = el;
};
HandlerAdmin.prototype.add = function(handler) {
this.handlers.push(handler);
}
HandlerAdmin.prototype.del = function(handler) {
if(!handler) this.handlers = [];
for(var i=this.handlers.length; i>=0; i--) {
if(this.handlers[i] === handler) {
this.handlers.splice(i, 1);
}
}
}
HandlerAdmin.prototype.dispatch = function() {
for(var i=0,len=this.handlers.length; i<len; i++) {
var handler = this.handlers[i];
if(typeof handler === 'function') handler.apply(this.el, arguments);
}
}
function wrapFunc(el, handler) {
var handlerAdmin = new HandlerAdmin(el);
handlerAdmin.add(handler);
return handlerAdmin;
}
var AlloyFinger = function (el, option) {
this.element = typeof el == 'string' ? document.querySelector(el) : el;
this.start = this.start.bind(this);
this.move = this.move.bind(this);
this.end = this.end.bind(this);
this.cancel = this.cancel.bind(this);
this.element.addEventListener("touchstart", this.start, false);
this.element.addEventListener("touchmove", this.move, false);
this.element.addEventListener("touchend", this.end, false);
this.element.addEventListener("touchcancel", this.cancel, false);
this.preV = { x: null, y: null };
this.pinchStartLen = null;
this.scale = 1;
this.isDoubleTap = false;
var noop = function () { };
this.rotate = wrapFunc(this.element, option.rotate || noop);
this.touchStart = wrapFunc(this.element, option.touchStart || noop);
this.multipointStart = wrapFunc(this.element, option.multipointStart || noop);
this.multipointEnd = wrapFunc(this.element, option.multipointEnd || noop);
this.pinch = wrapFunc(this.element, option.pinch || noop);
this.swipe = wrapFunc(this.element, option.swipe || noop);
this.tap = wrapFunc(this.element, option.tap || noop);
this.doubleTap = wrapFunc(this.element, option.doubleTap || noop);
this.longTap = wrapFunc(this.element, option.longTap || noop);
this.singleTap = wrapFunc(this.element, option.singleTap || noop);
this.pressMove = wrapFunc(this.element, option.pressMove || noop);
this.touchMove = wrapFunc(this.element, option.touchMove || noop);
this.touchEnd = wrapFunc(this.element, option.touchEnd || noop);
this.touchCancel = wrapFunc(this.element, option.touchCancel || noop);
this.delta = null;
this.last = null;
this.now = null;
this.tapTimeout = null;
this.singleTapTimeout = null;
this.longTapTimeout = null;
this.swipeTimeout = null;
this.x1 = this.x2 = this.y1 = this.y2 = null;
this.preTapPosition = { x: null, y: null };
};
AlloyFinger.prototype = {
start: function (evt) {
if (!evt.touches) return;
this.now = Date.now();
this.x1 = evt.touches[0].pageX;
this.y1 = evt.touches[0].pageY;
this.delta = this.now - (this.last || this.now);
this.touchStart.dispatch(evt);
if (this.preTapPosition.x !== null) {
this.isDoubleTap = (this.delta > 0 && this.delta <= 250 && Math.abs(this.preTapPosition.x - this.x1) < 30 && Math.abs(this.preTapPosition.y - this.y1) < 30);
}
this.preTapPosition.x = this.x1;
this.preTapPosition.y = this.y1;
this.last = this.now;
var preV = this.preV,
len = evt.touches.length;
if (len > 1) {
this._cancelLongTap();
this._cancelSingleTap();
var v = { x: evt.touches[1].pageX - this.x1, y: evt.touches[1].pageY - this.y1 };
preV.x = v.x;
preV.y = v.y;
this.pinchStartLen = getLen(preV);
this.multipointStart.dispatch(evt);
}
this.longTapTimeout = setTimeout(function () {
this.longTap.dispatch(evt);
}.bind(this), 750);
},
move: function (evt) {
if (!evt.touches) return;
var preV = this.preV,
len = evt.touches.length,
currentX = evt.touches[0].pageX,
currentY = evt.touches[0].pageY;
this.isDoubleTap = false;
if (len > 1) {
var v = { x: evt.touches[1].pageX - currentX, y: evt.touches[1].pageY - currentY };
if (preV.x !== null) {
if (this.pinchStartLen > 0) {
evt.scale = getLen(v) / this.pinchStartLen;
this.pinch.dispatch(evt);
}
evt.angle = getRotateAngle(v, preV);
this.rotate.dispatch(evt);
}
preV.x = v.x;
preV.y = v.y;
} else {
if (this.x2 !== null) {
evt.deltaX = currentX - this.x2;
evt.deltaY = currentY - this.y2;
} else {
evt.deltaX = 0;
evt.deltaY = 0;
}
this.pressMove.dispatch(evt);
}
this.touchMove.dispatch(evt);
this._cancelLongTap();
this.x2 = currentX;
this.y2 = currentY;
if (len > 1) {
evt.preventDefault();
}
},
end: function (evt) {
if (!evt.changedTouches) return;
this._cancelLongTap();
var self = this;
if (evt.touches.length < 2) {
this.multipointEnd.dispatch(evt);
}
this.touchEnd.dispatch(evt);
//swipe
if ((this.x2 && Math.abs(this.x1 - this.x2) > 30) ||
(this.y2 && Math.abs(this.y1 - this.y2) > 30)) {
evt.direction = this._swipeDirection(this.x1, this.x2, this.y1, this.y2);
this.swipeTimeout = setTimeout(function () {
self.swipe.dispatch(evt);
}, 0)
} else {
this.tapTimeout = setTimeout(function () {
self.tap.dispatch(evt);
// trigger double tap immediately
if (self.isDoubleTap) {
self.doubleTap.dispatch(evt);
clearTimeout(self.singleTapTimeout);
self.isDoubleTap = false;
}
}, 0)
if (!self.isDoubleTap) {
self.singleTapTimeout = setTimeout(function () {
self.singleTap.dispatch(evt);
}, 250);
}
}
this.preV.x = 0;
this.preV.y = 0;
this.scale = 1;
this.pinchStartLen = null;
this.x1 = this.x2 = this.y1 = this.y2 = null;
},
cancel: function (evt) {
clearTimeout(this.singleTapTimeout);
clearTimeout(this.tapTimeout);
clearTimeout(this.longTapTimeout);
clearTimeout(this.swipeTimeout);
this.touchCancel.dispatch(evt);
},
_cancelLongTap: function () {
clearTimeout(this.longTapTimeout);
},
_cancelSingleTap: function () {
clearTimeout(this.singleTapTimeout);
},
_swipeDirection: function (x1, x2, y1, y2) {
return Math.abs(x1 - x2) >= Math.abs(y1 - y2) ? (x1 - x2 > 0 ? 'Left' : 'Right') : (y1 - y2 > 0 ? 'Up' : 'Down')
},
on: function(evt, handler) {
if(this[evt]) {
this[evt].add(handler);
}
},
off: function(evt, handler) {
if(this[evt]) {
this[evt].del(handler);
}
},
destroy: function() {
if(this.singleTapTimeout) clearTimeout(this.singleTapTimeout);
if(this.tapTimeout) clearTimeout(this.tapTimeout);
if(this.longTapTimeout) clearTimeout(this.longTapTimeout);
if(this.swipeTimeout) clearTimeout(this.swipeTimeout);
this.element.removeEventListener("touchstart", this.start);
this.element.removeEventListener("touchmove", this.move);
this.element.removeEventListener("touchend", this.end);
this.element.removeEventListener("touchcancel", this.cancel);
this.rotate.del();
this.touchStart.del();
this.multipointStart.del();
this.multipointEnd.del();
this.pinch.del();
this.swipe.del();
this.tap.del();
this.doubleTap.del();
this.longTap.del();
this.singleTap.del();
this.pressMove.del();
this.touchMove.del();
this.touchEnd.del();
this.touchCancel.del();
this.preV = this.pinchStartLen = this.scale = this.isDoubleTap = this.delta = this.last = this.now = this.tapTimeout = this.singleTapTimeout = this.longTapTimeout = this.swipeTimeout = this.x1 = this.x2 = this.y1 = this.y2 = this.preTapPosition = this.rotate = this.touchStart = this.multipointStart = this.multipointEnd = this.pinch = this.swipe = this.tap = this.doubleTap = this.longTap = this.singleTap = this.pressMove = this.touchMove = this.touchEnd = this.touchCancel = null;
return null;
}
};
if (typeof module !== 'undefined' && typeof exports === 'object') {
module.exports = AlloyFinger;
} else {
window.AlloyFinger = AlloyFinger;
}
})();

View File

@@ -0,0 +1,16 @@
/* AlloyFinger v0.1.6
* By dntzhang
* Github: https://github.com/AlloyTeam/AlloyFinger
*/
(function(){function h(a){return Math.sqrt(a.x*a.x+a.y*a.y)}function d(a,b){var c=new f(a);c.add(b);return c}var f=function(a){this.handlers=[];this.el=a};f.prototype.add=function(a){this.handlers.push(a)};f.prototype.del=function(a){a||(this.handlers=[]);for(var b=this.handlers.length;0<=b;b--)this.handlers[b]===a&&this.handlers.splice(b,1)};f.prototype.dispatch=function(){for(var a=0,b=this.handlers.length;a<b;a++){var c=this.handlers[a];"function"===typeof c&&c.apply(this.el,arguments)}};var k=
function(a,b){this.element="string"==typeof a?document.querySelector(a):a;this.start=this.start.bind(this);this.move=this.move.bind(this);this.end=this.end.bind(this);this.cancel=this.cancel.bind(this);this.element.addEventListener("touchstart",this.start,!1);this.element.addEventListener("touchmove",this.move,!1);this.element.addEventListener("touchend",this.end,!1);this.element.addEventListener("touchcancel",this.cancel,!1);this.preV={x:null,y:null};this.pinchStartLen=null;this.scale=1;this.isDoubleTap=
!1;var c=function(){};this.rotate=d(this.element,b.rotate||c);this.touchStart=d(this.element,b.touchStart||c);this.multipointStart=d(this.element,b.multipointStart||c);this.multipointEnd=d(this.element,b.multipointEnd||c);this.pinch=d(this.element,b.pinch||c);this.swipe=d(this.element,b.swipe||c);this.tap=d(this.element,b.tap||c);this.doubleTap=d(this.element,b.doubleTap||c);this.longTap=d(this.element,b.longTap||c);this.singleTap=d(this.element,b.singleTap||c);this.pressMove=d(this.element,b.pressMove||
c);this.touchMove=d(this.element,b.touchMove||c);this.touchEnd=d(this.element,b.touchEnd||c);this.touchCancel=d(this.element,b.touchCancel||c);this.x1=this.x2=this.y1=this.y2=this.swipeTimeout=this.longTapTimeout=this.singleTapTimeout=this.tapTimeout=this.now=this.last=this.delta=null;this.preTapPosition={x:null,y:null}};k.prototype={start:function(a){if(a.touches){this.now=Date.now();this.x1=a.touches[0].pageX;this.y1=a.touches[0].pageY;this.delta=this.now-(this.last||this.now);this.touchStart.dispatch(a);
null!==this.preTapPosition.x&&(this.isDoubleTap=0<this.delta&&250>=this.delta&&30>Math.abs(this.preTapPosition.x-this.x1)&&30>Math.abs(this.preTapPosition.y-this.y1));this.preTapPosition.x=this.x1;this.preTapPosition.y=this.y1;this.last=this.now;var b=this.preV;if(1<a.touches.length){this._cancelLongTap();this._cancelSingleTap();var c=a.touches[1].pageY-this.y1;b.x=a.touches[1].pageX-this.x1;b.y=c;this.pinchStartLen=h(b);this.multipointStart.dispatch(a)}this.longTapTimeout=setTimeout(function(){this.longTap.dispatch(a)}.bind(this),
750)}},move:function(a){if(a.touches){var b=this.preV,c=a.touches.length,d=a.touches[0].pageX,f=a.touches[0].pageY;this.isDoubleTap=!1;if(1<c){var g={x:a.touches[1].pageX-d,y:a.touches[1].pageY-f};if(null!==b.x){0<this.pinchStartLen&&(a.scale=h(g)/this.pinchStartLen,this.pinch.dispatch(a));var e;e=h(g)*h(b);0===e?e=0:(e=(g.x*b.x+g.y*b.y)/e,1<e&&(e=1),e=Math.acos(e));0<g.x*b.y-b.x*g.y&&(e*=-1);a.angle=180*e/Math.PI;this.rotate.dispatch(a)}b.x=g.x;b.y=g.y}else null!==this.x2?(a.deltaX=d-this.x2,a.deltaY=
f-this.y2):(a.deltaX=0,a.deltaY=0),this.pressMove.dispatch(a);this.touchMove.dispatch(a);this._cancelLongTap();this.x2=d;this.y2=f;1<c&&a.preventDefault()}},end:function(a){if(a.changedTouches){this._cancelLongTap();var b=this;2>a.touches.length&&this.multipointEnd.dispatch(a);this.touchEnd.dispatch(a);this.x2&&30<Math.abs(this.x1-this.x2)||this.y2&&30<Math.abs(this.y1-this.y2)?(a.direction=this._swipeDirection(this.x1,this.x2,this.y1,this.y2),this.swipeTimeout=setTimeout(function(){b.swipe.dispatch(a)},
0)):(this.tapTimeout=setTimeout(function(){b.tap.dispatch(a);b.isDoubleTap&&(b.doubleTap.dispatch(a),clearTimeout(b.singleTapTimeout),b.isDoubleTap=!1)},0),b.isDoubleTap||(b.singleTapTimeout=setTimeout(function(){b.singleTap.dispatch(a)},250)));this.preV.x=0;this.preV.y=0;this.scale=1;this.x1=this.x2=this.y1=this.y2=this.pinchStartLen=null}},cancel:function(a){clearTimeout(this.singleTapTimeout);clearTimeout(this.tapTimeout);clearTimeout(this.longTapTimeout);clearTimeout(this.swipeTimeout);this.touchCancel.dispatch(a)},
_cancelLongTap:function(){clearTimeout(this.longTapTimeout)},_cancelSingleTap:function(){clearTimeout(this.singleTapTimeout)},_swipeDirection:function(a,b,c,d){return Math.abs(a-b)>=Math.abs(c-d)?0<a-b?"Left":"Right":0<c-d?"Up":"Down"},on:function(a,b){this[a]&&this[a].add(b)},off:function(a,b){this[a]&&this[a].del(b)},destroy:function(){this.singleTapTimeout&&clearTimeout(this.singleTapTimeout);this.tapTimeout&&clearTimeout(this.tapTimeout);this.longTapTimeout&&clearTimeout(this.longTapTimeout);
this.swipeTimeout&&clearTimeout(this.swipeTimeout);this.element.removeEventListener("touchstart",this.start);this.element.removeEventListener("touchmove",this.move);this.element.removeEventListener("touchend",this.end);this.element.removeEventListener("touchcancel",this.cancel);this.rotate.del();this.touchStart.del();this.multipointStart.del();this.multipointEnd.del();this.pinch.del();this.swipe.del();this.tap.del();this.doubleTap.del();this.longTap.del();this.singleTap.del();this.pressMove.del();
this.touchMove.del();this.touchEnd.del();this.touchCancel.del();return this.preV=this.pinchStartLen=this.scale=this.isDoubleTap=this.delta=this.last=this.now=this.tapTimeout=this.singleTapTimeout=this.longTapTimeout=this.swipeTimeout=this.x1=this.x2=this.y1=this.y2=this.preTapPosition=this.rotate=this.touchStart=this.multipointStart=this.multipointEnd=this.pinch=this.swipe=this.tap=this.doubleTap=this.longTap=this.singleTap=this.pressMove=this.touchMove=this.touchEnd=this.touchCancel=null}};"undefined"!==
typeof module&&"object"===typeof exports?module.exports=k:window.AlloyFinger=k})();

2
lc-lightbox/lib/jquery.js vendored Normal file

File diff suppressed because one or more lines are too long

155
lc-lightbox/skins/dark.css Normal file
View File

@@ -0,0 +1,155 @@
.lcl_dark #lcl_window,
.lcl_dark.lcl_txt_under #lcl_txt,
.lcl_dark #lcl_nav_cmd .lcl_icon,
.lcl_dark #lcl_corner_close,
.lcl_dark.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt,
.lcl_dark.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt,
.lcl_dark .lcl_tooltip {
background-color: #333;
}
.lcl_dark #lcl_subj {
background-color: #404040;
}
.lcl_dark.lcl_fullscreen_mode #lcl_subj {
background-color: #252525;
}
.lcl_dark #lcl_loader > span {
border-color: #999 #999 transparent;
}
/* COMMANDS */
.lcl_dark #lcl_nav_cmd .lcl_icon {
border-radius: 3px;
box-shadow: 0 0 2px rgb(240, 240, 240, 0.15);
border: 1px solid #484848;
color: #eee;
}
.lcl_dark .lcl_icon:not(.lcl_counter):after {
background: #cfcfcf;
}
.lcl_dark#lcl_wrap:not(.lcl_on_mobile) .lcl_icon:not(.lcl_counter):not(.lcl_zoom_disabled):not(a):hover:before {
color: #444;
}
.lcl_dark .lcl_twit:before {
background-color: #cfcfcf;
}
.lcl_dark.lcl_fullscreen_mode[lcl-type=iframe] #lcl_subj {
top: 58px;
}
.lcl_dark .lcl_close {
margin-left: 14px !important;
}
.lcl_dark .lcl_zoom_in {
margin-right: 14px !important;
}
@media screen and (min-width:500px) {
.lcl_dark .lcl_close {
margin-left: 28px !important;
}
.lcl_dark .lcl_zoom_in {
margin-right: 28px !important;
}
}
@media screen and (max-width:500px) {
.lcl_dark #lcl_nav_cmd .lcl_icon {
margin: 3px 0;
}
.lcl_dark .lcl_counter {
letter-spacing: -1px;
}
}
@media screen and (max-width:370px) {
.lcl_dark.lcl_outer_cmd #lcl_nav_cmd {
padding: 7px 10px;
}
.lcl_dark #lcl_nav_cmd .lcl_icon {
width: 24px;
}
}
/* alternative inner close button */
.lcl_dark #lcl_corner_close {
border: 3px solid #8a8a8a !important;
}
.lcl_dark #lcl_corner_close:before {
color: #eee;
}
/* TEXTS */
.lcl_dark #lcl_txt * {
font-family: Arial, 'sans-serif';
color: #ddd;
}
.lcl_dark #lcl_title {
color: #eee;
}
.lcl_dark #lcl_author {
color: #bfbfbf;
}
.lcl_dark .lcl_txt_border {
border-bottom: 1px dashed #888 !important;
}
/* text over */
.lcl_dark.lcl_force_txt_over #lcl_txt,
.lcl_dark.lcl_txt_over #lcl_txt {
background: rgba(33, 33, 33, 0.9);
}
.lcl_dark.lcl_force_txt_over #lcl_txt:before,
.lcl_dark.lcl_txt_over #lcl_txt:before {
background: #666;
}
.lcl_dark.lcl_force_txt_over #lcl_txt:after,
.lcl_dark.lcl_txt_over #lcl_txt:after {
border-color: #3e3e3e;
}
/* text block shadow */
.lcl_dark.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt:after {
content: "";
background: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
left: 0;
}
.lcl_dark.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt:after {
content: "";
background: linear-gradient(to left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
right: 0;
}
.lcl_dark.lcl_txt_under:not(.lcl_force_txt_over) #lcl_txt::after {
content: "";
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%,rgba(0, 0, 0, 0) 100%);
height: 3px;
}
/* TOOLTIP */
.lcl_dark .lcl_tooltip.lcl_tt_bottom:before {
border-color: transparent transparent #333;
}
.lcl_dark .lcl_tooltip.lcl_tt_top:before {
border-color: #333 transparent transparent;
}
/* SOCIALS VISIBILITY */
.lcl_dark .lcl_socials_tt a {
border-color: #666;
}
/* THUMBS NAVIGATOR */
.lcl_dark #lcl_thumbs_nav span {
color: #dfdfdf;
}
.lcl_dark .lcl_tn_mixed_types li::before {
background: rgba(0, 0, 0, 0.25);
}
.lcl_dark .lcl_tn_mixed_types li:after {
color: #fff;
}
/* PROGRESSBAR */
.lcl_dark #lcl_progressbar {
background: #eee;
}

154
lc-lightbox/skins/light.css Normal file
View File

@@ -0,0 +1,154 @@
.lcl_light #lcl_window,
.lcl_light.lcl_txt_under #lcl_txt,
.lcl_light #lcl_nav_cmd .lcl_icon,
.lcl_light #lcl_corner_close,
.lcl_light.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt,
.lcl_light.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt,
.lcl_light .lcl_tooltip {
background-color: #fcfcfc;
}
.lcl_light #lcl_subj {
background-color: #4e4e4e;
}
.lcl_light #lcl_loader > span {
border-color: #aaa #aaa transparent;
}
/* COMMANDS */
.lcl_light #lcl_nav_cmd .lcl_icon {
border-radius: 3px;
background: #fefefe;
box-shadow: 0 0 2px rgb(20, 20, 20, 0.05);
border: 1px solid #eaeaea;
color: #6f6f6f;
}
.lcl_light .lcl_icon:not(.lcl_counter):after {
background: #6f6f6f;
}
.lcl_light#lcl_wrap:not(.lcl_on_mobile) .lcl_icon:not(.lcl_counter):not(.lcl_zoom_disabled):not(a):hover:before {
color: #fefefe;
}
.lcl_light.lcl_fullscreen_mode[lcl-type=iframe] #lcl_subj {
top: 58px;
}
.lcl_light .lcl_close {
margin-left: 14px !important;
}
.lcl_light .lcl_zoom_in {
margin-right: 14px !important;
}
.lcl_light .lcl_twit:before {
background-color: #6f6f6f;
}
@media screen and (min-width:475px) {
.lcl_light .lcl_close {
margin-left: 28px !important;
}
.lcl_light .lcl_zoom_in {
margin-right: 28px !important;
}
}
@media screen and (max-width:475px) {
.lcl_light #lcl_nav_cmd .lcl_icon {
margin: 3px 0;
}
.lcl_light .lcl_counter {
letter-spacing: -1px;
}
}
@media screen and (max-width:370px) {
.lcl_light.lcl_outer_cmd #lcl_nav_cmd {
padding: 7px 10px;
}
.lcl_light #lcl_nav_cmd .lcl_icon {
width: 24px;
}
}
/* alternative inner close button */
.lcl_light #lcl_corner_close {
border: 3px solid #d0d0d0 !important;
}
.lcl_light #lcl_corner_close:before {
color: #6f6f6f;
}
/* TEXTS */
.lcl_light #lcl_txt * {
font-family: Arial, 'sans-serif';
color: #2d2d2d;
}
.lcl_light #lcl_title {
color: #444;
}
.lcl_light #lcl_author {
color: #626262;
}
.lcl_light .lcl_txt_border {
border-bottom: 1px dashed #d3d3d3 !important;
}
/* text over */
.lcl_light.lcl_force_txt_over #lcl_txt,
.lcl_light.lcl_txt_over #lcl_txt {
background: rgba(253, 253, 253, 0.9);
}
.lcl_light.lcl_force_txt_over #lcl_txt:before,
.lcl_light.lcl_txt_over #lcl_txt:before {
background: #c4c4c4;
}
.lcl_light.lcl_force_txt_over #lcl_txt:after,
.lcl_light.lcl_txt_over #lcl_txt:after {
border-color: #eee;
}
/* text block shadow */
.lcl_light.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt:after {
content: "";
background: linear-gradient(to right, rgba(50, 50, 50, 0.25) 0%, rgba(50, 50, 50, 0) 100%);
left: 0;
}
.lcl_light.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt:after {
content: "";
background: linear-gradient(to left, rgba(50, 50, 50, 0.25) 0%, rgba(50, 50, 50, 0) 100%);
right: 0;
}
.lcl_light.lcl_txt_under:not(.lcl_force_txt_over) #lcl_txt:after {
content: "";
background: linear-gradient(to bottom, rgba(110, 110, 110, 0.25) 0%,rgba(110, 110, 110, 0) 100%);
height: 3px;
}
/* TOOLTIP */
.lcl_light .lcl_tooltip.lcl_tt_bottom:before {
border-color: transparent transparent #fff;
}
.lcl_light .lcl_tooltip.lcl_tt_top:before {
border-color: #fff transparent transparent;
}
/* SOCIALS VISIBILITY */
.lcl_light .lcl_socials_tt a {
border-color: #eaeaea;
}
/* THUMBS NAVIGATOR */
.lcl_light #lcl_thumbs_nav span {
color: #f5f5f5;
}
.lcl_light .lcl_tn_mixed_types li::before {
background: rgba(0, 0, 0, 0.25);
}
.lcl_light .lcl_tn_mixed_types li:after {
color: #fff;
}
/* PROGRESSBAR */
.lcl_light #lcl_progressbar {
background: #fafafa;
}

View File

@@ -0,0 +1,254 @@
.lcl_minimal #lcl_window,
.lcl_minimal.lcl_txt_under #lcl_txt,
.lcl_minimal.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt,
.lcl_minimal.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt {
background-color: #3d3d3d;
}
.lcl_minimal #lcl_subj {
background-color: #474747;
}
.lcl_minimal.lcl_fullscreen_mode #lcl_subj {
background-color: #252525;
}
.lcl_minimal #lcl_loader > span {
border-color: #999 #999 transparent;
}
.lcl_minimal.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt:after,
.lcl_minimal.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt:after {
width: 1px;
}
/* COMMANDS */
.lcl_minimal #lcl_nav_cmd,
.lcl_minimal .lcl_outer_cmd #lcl_nav_cmd,
.lcl_minimal .lcl_forced_outer_cmd #lcl_nav_cmd {
padding: 4px !important;
}
.lcl_minimal #lcl_nav_cmd:before {
content: "";
background: rgba(0, 0, 0, 0.4);
height: 42px;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.lcl_minimal.lcl_fullscreen_mode[lcl-type=iframe] #lcl_nav_cmd:before {
background: #3d3d3d;
}
.lcl_minimal.lcl_fullscreen_mode[lcl-type=iframe] #lcl_subj {
top: 42px;
}
.lcl_minimal .lcl_close {
margin-left: 14px !important;
}
.lcl_minimal .lcl_zoom_in {
margin-right: 14px !important;
}
@media screen and (min-width:450px) {
.lcl_minimal .lcl_close {
margin-left: 28px !important;
}
.lcl_minimal .lcl_zoom_in {
margin-right: 28px !important;
}
.lcl_minimal.lcl_inner_cmd:not(.lcl_on_mobile) #lcl_nav_cmd:before,
.lcl_minimal.lcl_fullscreen_mode.lcl_outer_cmd:not(.lcl_on_mobile):not([lcl-type=iframe]):not([lcl-type=html]) #lcl_nav_cmd:before {
opacity: 0;
-webkit-transition: opacity .2s ease-in .5s;
transition: opacity .2s ease-in .5s;
}
.lcl_minimal:not(.lcl_on_mobile) #lcl_window:hover #lcl_nav_cmd:before,
.lcl_minimal.lcl_fullscreen_mode.lcl_outer_cmd:not(.lcl_on_mobile):not([lcl-type=iframe]):not([lcl-type=html]):hover #lcl_nav_cmd:before {
opacity: 1;
-webkit-transition: all .2s ease-in 0s;
transition: all .2s ease-in 0s;
}
}
.lcl_minimal #lcl_nav_cmd .lcl_icon {
color: #fafafa;
background: transparent;
border-radius: 0 !important;
border: none !important;
box-shadow: none !important;
margin: 3px;
}
.lcl_minimal .lcl_twit:before {
background-color: #fafafa;
}
@media screen and (max-width:475px) {
.lcl_minimal #lcl_nav_cmd .lcl_icon {
margin: 3px 0;
}
.lcl_minimal .lcl_counter {
letter-spacing: -1px;
}
}
@media screen and (max-width:400px) {
.lcl_minimal #lcl_nav_cmd .lcl_icon {
width: 24px;
}
}
.lcl_minimal #lcl_nav_cmd .lcl_icon:before,
.lcl_minimal #lcl_nav_cmd .lcl_icon * {
text-shadow: 0 0 2px rgba(0, 0, 0, .6);
}
.lcl_minimal .lcl_icon:not(.lcl_counter):after {
background: #cfcfcf;
}
.lcl_minimal#lcl_wrap:not(.lcl_on_mobile) .lcl_icon:not(.lcl_counter):not(a):hover:before {
color: #fff;
text-shadow: none;
}
.lcl_minimal:not(.lcl_on_mobile) .lcl_icon:not(.lcl_counter):after,
.lcl_minimal:not(.lcl_on_mobile) .lcl_icon:not(.lcl_counter):hover:after {
border-radius: 0;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.15) !important;
box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.15);
}
.lcl_minimal.lcl_nav_btn_middle .lcl_prev:before,
.lcl_minimal.lcl_nav_btn_middle .lcl_next:before {
font-size: 28px !important;
}
.lcl_minimal.lcl_nav_btn_middle .lcl_prev:after,
.lcl_minimal.lcl_nav_btn_middle .lcl_next:after {
box-shadow: none !important;
}
.lcl_minimal.lcl_nav_btn_middle .lcl_next:after, .lcl_minimal.lcl_nav_btn_middle .lcl_prev:after,
.lcl_minimal.lcl_nav_btn_middle:not(.lcl_on_mobile) .lcl_next:hover:after, .lcl_minimal.lcl_nav_btn_middle .lcl_prev:hover:after {
background: rgba(0, 0, 0, 0.3) !important;
}
.lcl_minimal .lcl_counter {
font-size: 13px;
line-height: 28px;
}
/* alternative inner close button */
.lcl_minimal #lcl_corner_close {
background: #303030;
border-color: transparent !important;
border-radius: 0 !important;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.lcl_minimal #lcl_corner_close:before {
color: #eee;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.lcl_minimal:not(.lcl_on_mobile) #lcl_corner_close:hover:before {
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
}
/* TEXTS */
.lcl_minimal #lcl_txt * {
font-family: Arial, 'sans-serif';
color: #ddd;
color: rgba(255, 255, 255, 0.5); /* add */
}
.lcl_minimal #lcl_title {
color: #eee;
color: rgba(238, 238, 238, 0.7); /* add */
}
.lcl_minimal #lcl_author {
color: #bfbfbf;
color: rgba(191, 191, 191, 0.7); /* add */
}
.lcl_minimal .lcl_txt_border {
border-bottom: 1px dotted #666 !important;
}
/* text over */
.lcl_minimal.lcl_force_txt_over #lcl_txt,
.lcl_minimal.lcl_txt_over #lcl_txt {
background: rgba(26, 26, 26, 0.2); /* modif */
}
.lcl_minimal.lcl_force_txt_over #lcl_txt:before,
.lcl_minimal.lcl_txt_over #lcl_txt:before {
background: #444;
}
.lcl_minimal.lcl_force_txt_over #lcl_txt:after,
.lcl_minimal.lcl_txt_over #lcl_txt:after {
border-color: #3e3e3e;
}
/* text block shadow */
.lcl_minimal.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt:after {
content: "";
background: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
left: 0;
}
.lcl_minimal.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt:after {
content: "";
background: linear-gradient(to left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
right: 0;
}
.lcl_minimal.lcl_txt_under:not(.lcl_force_txt_over) #lcl_txt::after {
content: "";
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
height: 2px;
}
/* TOOLTIP */
.lcl_minimal .lcl_tooltip {
background: rgba(0,0,0, 0.5);
}
.lcl_minimal .lcl_tooltip.lcl_tt_bottom:before {
border-color: transparent transparent #000;
opacity: .5;
}
.lcl_minimal .lcl_tooltip.lcl_tt_top:before {
border-color: #000 transparent transparent;
opacity: .5;
}
/* SOCIALS VISIBILITY */
.lcl_minimal .lcl_socials_tt a {
border-color: #666;
}
/* THUMBS NAVIGATOR */
.lcl_minimal .lcl_tn_inner li {
border-radius: 0;
}
.lcl_minimal #lcl_thumbs_nav span {
color: #dfdfdf;
}
.lcl_minimal .lcl_tn_mixed_types li::before {
background: rgba(0, 0, 0, 0.25);
}
.lcl_minimal .lcl_tn_mixed_types li:after {
color: #fff;
}
/* PROGRESSBAR */
.lcl_minimal #lcl_progressbar {
background: #eee;
}
/* ADDED */
.lcl_fullscreen_mode.lcl_force_txt_over #lcl_txt, .lcl_fullscreen_mode.lcl_txt_over #lcl_txt {
max-width: 40%;
}