<body>
<nav class="l-navigation">
+ <div class="l-change-pop">
+ <h3>Zmieniamy się!</h3>
+ <p>
+ Jeżeli to czytasz jesteś jedną z osób, której prezentujemy nowy wygląd strony książki.
+ Będziemy bardzo! wdzięczni za Twoją opinię – w prawym dolnym rogu znajdziesz przycisk oceny.
+ Jeżeli wolisz klasyczny wygląd - wystarczy, że <a href="#">klikniesz tutaj</a>
+ </p>
+ <button class="l-change-pop__close">
+ <i class="icon icon-close"></i>
+ </button>
+ </div>
<div class="l-container">
<a href="/" class="l-navigation__logo">
<img src="{% static "2022/images/logo.png" %}" alt="WolneLektury.pl">
$(this).text(dataLabel);
}
});
+})();
+
+//Zmieniamy się popup
+(function() {
+ let $change = $('.l-change-pop');
+ function change() {
+ if(localStorage.getItem('change') === null) {
+ $change.addClass('show');
+ } else {
+ $change.remove();
+ return false;
+ }
+
+ $change.on('click', '.l-change-pop__close', function () {
+ $change.slideUp();
+ localStorage.setItem('change', 'showed');
+ });
+ }
+
+ if($change.length) { change(); }
})();
\ No newline at end of file
<glyph unicode="" glyph-name="book" d="M934.956-64h-712.348c-75.687 0-133.565 57.878-133.565 133.565s57.878 133.565 133.565 133.565h712.348v-267.13zM222.608 114.087c-26.713 0-44.522-17.809-44.522-44.522s17.809-44.522 44.522-44.522h623.304v89.043h-623.304zM178.086 69.565h-89.043v756.87c0 75.687 57.878 133.565 133.565 133.565h712.348v-801.391h-89.043v712.348h-623.304c-26.713 0-44.522-17.809-44.522-44.522v-756.87zM756.869 425.739h-445.217v311.652h445.217v-311.652zM400.695 514.783h267.13v133.565h-267.13v-133.565z" />
<glyph unicode="" glyph-name="eye" d="M65.422 442.311l-48.356 28.444-17.067-28.444 17.067-28.444 48.356 28.444zM958.578 442.311l48.356-28.444 17.067 28.444-17.067 28.444-48.356-28.444zM116.622 416.711c76.8 136.533 224.711 230.4 395.378 230.4v113.778c-213.333 0-398.222-116.622-494.933-290.133l99.556-54.044zM512 647.111c170.667 0 318.578-93.867 395.378-230.4l99.556 56.889c-96.711 170.667-281.6 287.289-494.933 287.289v-113.778zM910.222 470.756c-79.644-130.844-227.556-221.867-398.222-221.867v-113.778c210.489 0 398.222 110.933 494.933 278.756l-96.711 56.889zM512 248.889c-170.667 0-318.578 91.022-398.222 221.867l-99.556-56.889c99.556-167.822 287.289-278.756 497.778-278.756v113.778zM520.533 192c-142.222 0-256 113.778-256 256s113.778 256 256 256c142.222 0 256-113.778 256-256s-113.778-256-256-256zM520.533 647.111c-110.933 0-199.111-88.178-199.111-199.111s88.178-199.111 199.111-199.111c110.933 0 199.111 88.178 199.111 199.111s-88.178 199.111-199.111 199.111zM577.422 448c0-31.419-25.47-56.889-56.889-56.889s-56.889 25.47-56.889 56.889c0 31.419 25.47 56.889 56.889 56.889s56.889-25.47 56.889-56.889z" />
<glyph unicode="" glyph-name="play" d="M878.774 488.792c28.733-19.607 28.733-61.981 0-81.587l-677.875-462.529c-32.782-22.367-77.222 1.107-77.222 40.794v925.058c0 39.686 44.44 63.163 77.222 40.795l677.875-462.53z" />
-<glyph unicode="" glyph-name="quote" d="M1024 613.025c0 62.061-22.053 114.718-66.157 157.972-44.106 43.254-97.798 64.882-161.078 64.882-63.283 0-117.934-21.627-163.955-64.882-44.106-43.254-66.16-95.912-66.16-157.972 0-60.18 16.3-112.838 48.901-157.972 32.597-43.256 79.58-64.881 140.943-64.881-19.177-69.585-62.321-157.032-129.437-262.349-3.835-3.761-5.753-8.462-5.753-14.103s5.753-14.106 17.259-25.389c13.421-13.163 28.762-19.748 46.021-19.748h2.877c19.177 0 37.395 8.465 54.651 25.389 61.366 56.419 136.152 152.331 224.362 287.735 36.433 58.3 55.609 133.526 57.527 225.676v5.642zM457.349 604.563c0 62.061-22.053 114.718-66.16 157.972-44.103 43.254-97.796 64.882-161.077 64.882s-117.933-21.627-163.955-64.882c-44.105-43.254-66.157-94.971-66.157-155.152 0-62.061 16.3-114.718 48.899-157.971 32.599-45.137 79.581-67.705 140.944-67.705-19.176-69.582-62.322-157.032-129.438-262.346-3.835-3.761-5.753-8.462-5.753-14.103 0-5.644 5.753-15.047 17.258-28.21 13.423-11.286 28.764-16.927 46.022-16.927h2.877c19.176 0 37.393 8.462 54.652 25.389 61.363 56.419 136.149 152.331 224.359 287.735 36.436 58.3 55.613 133.523 57.53 225.675v5.642z" />
-<glyph unicode="" glyph-name="search" d="M447.767 66.327c-245.76 0-446.836 201.077-446.836 446.836s201.077 446.836 446.836 446.836c245.76 0 446.836-201.077 446.836-446.836s-201.077-446.836-446.836-446.836zM447.767 848.291c-186.182 0-335.128-148.946-335.128-335.128s148.946-335.128 335.128-335.128c186.182 0 335.128 148.946 335.128 335.128s-148.946 335.128-335.128 335.128zM969.076-64c-14.895 0-29.789 3.723-40.96 14.895l-223.419 223.419c-22.342 22.342-22.342 55.854 0 78.196s55.854 22.342 78.196 0l223.419-223.419c22.342-22.342 22.342-55.854 0-78.196-7.447-11.17-22.342-14.895-37.236-14.895z" />
-<glyph unicode="" glyph-name="acc-1" d="M511.063 959.999c143.218 0 265.157-50.001 365.718-149.954 48.132-48.145 84.724-103.17 109.714-165.027 24.978-61.873 37.506-127.537 37.506-197.027 0-70.097-12.367-135.778-37.025-197.010-24.686-61.251-61.121-115.361-109.249-162.292-49.967-49.361-106.657-87.17-170.067-113.376-63.378-26.21-128.914-39.314-196.565-39.314-67.647 0-132.416 12.93-194.289 38.865-61.857 25.888-117.33 63.378-166.403 112.435-49.073 49.054-86.401 104.385-112.002 165.955-25.6 61.566-38.401 126.464-38.401 194.737 0 67.667 12.944 132.722 38.849 195.203s63.553 118.402 112.914 167.779c97.521 99.33 217.283 149.026 359.3 149.026zM512.922 867.647c-117.027 0-215.477-40.849-295.334-122.514-40.24-40.849-71.169-86.705-92.802-137.602-21.664-50.896-32.464-104.081-32.464-159.554 0-54.867 10.8-107.744 32.464-158.61 21.649-50.928 52.561-96.339 92.802-136.259 40.225-39.936 85.617-70.384 136.242-91.443 50.576-21.024 103.619-31.535 159.092-31.535 54.847 0 108 10.642 159.571 31.984 51.503 21.362 97.934 52.114 139.41 92.337 79.84 78.017 119.745 175.844 119.745 293.51 0 56.69-10.37 110.32-31.090 160.914-20.689 50.593-50.881 95.682-90.463 135.33-82.337 82.289-181.366 123.442-297.173 123.442zM506.502 533l-68.592-35.663c-7.326 15.214-16.301 25.903-26.959 32-10.673 6.081-20.577 9.137-29.729 9.137-45.696 0-68.577-30.161-68.577-90.514 0-27.424 5.792-49.345 17.36-65.808 11.584-16.467 28.656-24.706 51.217-24.706 29.871 0 50.898 14.639 63.104 43.89l63.074-32.004c-13.407-25.005-32-44.654-55.776-58.975-23.745-14.336-49.967-21.488-78.625-21.488-45.713 0-82.609 14.001-110.642 42.063-28.033 28.034-42.049 67.040-42.049 117.012 0 48.766 14.176 87.457 42.513 116.114 28.336 28.64 64.145 42.976 107.442 42.976 63.41 0.032 108.801-24.656 136.24-74.034zM801.819 533l-67.663-35.663c-7.314 15.214-16.321 25.903-26.978 32-10.689 6.081-20.913 9.137-30.625 9.137-45.71 0-68.592-30.161-68.592-90.514 0-27.424 5.809-49.345 17.376-65.808 11.567-16.467 28.625-24.706 51.216-24.706 29.842 0 50.881 14.639 63.059 43.89l64-32.004c-14.001-25.005-32.91-44.654-56.655-58.975-23.776-14.336-49.684-21.488-77.714-21.488-46.336 0-83.346 14.001-111.057 42.063-27.778 28.034-41.633 67.040-41.633 117.012 0 48.766 14.159 87.457 42.528 116.114 28.321 28.64 64.13 42.976 107.41 42.976 63.393 0.032 108.528-24.656 135.329-74.034z" />
-<glyph unicode="" glyph-name="acc-2" d="M511.121 960c138.279 0 254.925-49.36 349.877-148.112 95.508-99.36 143.309-220.656 143.309-363.888 0-143.856-46.907-263.617-140.694-359.298-99.631-101.805-217.123-152.702-352.492-152.702-133.060 0-248.506 50.306-346.368 150.879-96.692 100.576-145.061 220.928-145.061 361.121 0 140.176 48.369 261.472 145.061 363.872 94.954 98.768 210.385 148.128 346.368 148.128zM512.877 867.648c-111.94 0-206.586-40.848-283.955-122.512-80.308-85.344-120.446-184.402-120.446-297.152 0-113.376 39.846-211.519 119.538-294.368 79.708-82.912 174.646-124.337 284.832-124.337 109.584 0 205.139 41.712 286.598 125.251 77.371 77.407 116.047 175.23 116.047 293.486 0 116.417-39.274 215.44-117.784 297.136-78.525 81.664-173.477 122.496-284.83 122.496zM644.753 575.088v-209.358h-56.245v-248.674h-152.986v248.659h-56.246v209.374c0 9.152 3.077 16.912 9.215 23.312 6.169 6.384 13.646 9.6 22.415 9.6h202.216c8.2 0 15.537-3.2 21.969-9.6 6.416-6.4 9.661-14.176 9.661-23.312zM443.415 706.736c0 48.128 22.847 72.224 68.584 72.224s68.569-24.064 68.569-72.224c0-47.536-22.863-71.312-68.569-71.312s-68.584 23.776-68.584 71.312z" />
-<glyph unicode="" glyph-name="acc-3" d="M511.087 960c143.218 0 264.499-49.68 363.874-149.040 99.328-98.752 149.039-219.728 149.039-362.96 0-143.265-48.786-263.314-146.322-360.224-102.991-101.183-225.213-151.776-366.592-151.776-138.382 0-258.446 50.286-360.222 150.863-100.56 100.561-150.864 220.912-150.864 361.121 0 139.568 50.304 260.56 150.864 362.96 99.344 99.376 219.424 149.056 360.222 149.056zM512.915 867.648c-116.417 0-214.85-41.152-295.314-123.44-83.52-84.736-125.264-183.474-125.264-296.208 0-113.999 41.44-212.114 124.32-294.4 82.896-82.912 181.633-124.337 296.222-124.337 113.971 0 213.346 41.744 298.067 125.251 80.463 78.013 120.686 175.837 120.686 293.486 0 117.008-40.846 215.76-122.494 296.208-81.073 82.32-179.826 123.44-296.224 123.44zM284.337 520.239c9.744 62.785 35.024 111.393 75.872 145.825 40.834 34.432 90.498 51.648 149.023 51.648 80.431 0 144.463-25.92 192-77.696 47.537-51.808 71.314-118.257 71.314-199.314 0-78.639-24.69-143.998-74.031-196.096-49.408-52.094-113.376-78.175-192.035-78.175-57.903 0-107.886 17.361-149.934 52.114-42.064 34.749-67.344 84.11-75.888 148.11h128.944c3.040-62.176 40.527-93.263 112.463-93.263 35.938 0 64.914 15.553 86.851 46.624 21.965 31.071 32.941 72.543 32.941 124.337 0 54.256-10.063 95.535-30.161 123.887-20.126 28.336-49.054 42.512-86.879 42.512-68.289 0-106.673-30.16-115.2-90.497h37.49l-101.474-101.486-101.488 101.486 40.192-0.016z" />
-<glyph unicode="" glyph-name="all" d="M512.001-60.661c-17.809 0-35.617 4.452-48.974 17.809-26.713 26.713-26.713 66.783 0 93.496l396.243 396.243-396.243 396.243c-26.713 26.713-26.713 66.783 0 93.496s66.783 26.713 93.496 0l445.217-445.217c26.713-26.713 26.713-66.783 0-93.496l-445.217-445.217c-8.904-8.904-26.713-13.357-44.522-13.357zM957.218 384.557h-890.435c-35.617 0-66.783 31.165-66.783 66.783s31.165 66.783 66.783 66.783h890.435c35.617 0 66.783-31.165 66.783-66.783s-31.165-66.783-66.783-66.783z" />
-<glyph unicode="" glyph-name="arrow-down" d="M518.334 167.316c-15.915 0-39.788 7.958-55.702 23.873l-437.659 397.871c-31.83 31.83-31.83 79.574-7.958 111.404 31.83 31.83 79.574 31.83 111.404 7.958l381.956-350.127 381.956 350.127c31.83 31.83 79.574 23.873 111.404-7.958s23.873-79.574-7.958-111.404l-437.659-397.871c0-15.915-23.873-23.873-39.788-23.873z" />
+<glyph unicode="" glyph-name="pause" d="M155.826 960h222.609v-1024h-222.609v1024zM645.565 960h222.609v-1024h-222.609v1024z" />
+<glyph unicode="" glyph-name="quote" d="M1024 613.025c0 62.061-22.053 114.718-66.157 157.972-44.106 43.254-97.798 64.882-161.078 64.882-63.283 0-117.934-21.627-163.955-64.882-44.106-43.254-66.16-95.912-66.16-157.972 0-60.18 16.3-112.838 48.901-157.972 32.597-43.256 79.58-64.881 140.943-64.881-19.177-69.585-62.321-157.032-129.437-262.349-3.835-3.761-5.753-8.462-5.753-14.103s5.753-14.106 17.259-25.389c13.421-13.163 28.762-19.748 46.021-19.748h2.877c19.177 0 37.395 8.465 54.651 25.389 61.366 56.419 136.152 152.331 224.362 287.735 36.433 58.3 55.609 133.526 57.527 225.676v5.642zM457.349 604.563c0 62.061-22.053 114.718-66.16 157.972-44.103 43.254-97.796 64.882-161.077 64.882s-117.933-21.627-163.955-64.882c-44.105-43.254-66.157-94.971-66.157-155.152 0-62.061 16.3-114.718 48.899-157.971 32.599-45.137 79.581-67.705 140.944-67.705-19.176-69.582-62.322-157.032-129.438-262.346-3.835-3.761-5.753-8.462-5.753-14.103 0-5.644 5.753-15.047 17.258-28.21 13.423-11.286 28.764-16.927 46.022-16.927h2.877c19.176 0 37.393 8.462 54.652 25.389 61.363 56.419 136.149 152.331 224.359 287.735 36.436 58.3 55.613 133.523 57.53 225.675v5.642z" />
+<glyph unicode="" glyph-name="search" d="M447.767 66.327c-245.76 0-446.836 201.077-446.836 446.836s201.077 446.836 446.836 446.836c245.76 0 446.836-201.077 446.836-446.836s-201.077-446.836-446.836-446.836zM447.767 848.291c-186.182 0-335.128-148.946-335.128-335.128s148.946-335.128 335.128-335.128c186.182 0 335.128 148.946 335.128 335.128s-148.946 335.128-335.128 335.128zM969.076-64c-14.895 0-29.789 3.723-40.96 14.895l-223.419 223.419c-22.342 22.342-22.342 55.854 0 78.196s55.854 22.342 78.196 0l223.419-223.419c22.342-22.342 22.342-55.854 0-78.196-7.447-11.17-22.342-14.895-37.236-14.895z" />
+<glyph unicode="" glyph-name="acc-1" d="M511.063 959.999c143.218 0 265.157-50.001 365.718-149.954 48.132-48.145 84.724-103.17 109.714-165.027 24.978-61.873 37.506-127.537 37.506-197.027 0-70.097-12.367-135.778-37.025-197.010-24.686-61.251-61.121-115.361-109.249-162.292-49.967-49.361-106.657-87.17-170.067-113.376-63.378-26.21-128.914-39.314-196.565-39.314-67.647 0-132.416 12.93-194.289 38.865-61.857 25.888-117.33 63.378-166.403 112.435-49.073 49.054-86.401 104.385-112.002 165.955-25.6 61.566-38.401 126.464-38.401 194.737 0 67.667 12.944 132.722 38.849 195.203s63.553 118.402 112.914 167.779c97.521 99.33 217.283 149.026 359.3 149.026zM512.922 867.647c-117.027 0-215.477-40.849-295.334-122.514-40.24-40.849-71.169-86.705-92.802-137.602-21.664-50.896-32.464-104.081-32.464-159.554 0-54.867 10.8-107.744 32.464-158.61 21.649-50.928 52.561-96.339 92.802-136.259 40.225-39.936 85.617-70.384 136.242-91.443 50.576-21.024 103.619-31.535 159.092-31.535 54.847 0 108 10.642 159.571 31.984 51.503 21.362 97.934 52.114 139.41 92.337 79.84 78.017 119.745 175.844 119.745 293.51 0 56.69-10.37 110.32-31.090 160.914-20.689 50.593-50.881 95.682-90.463 135.33-82.337 82.289-181.366 123.442-297.173 123.442zM506.502 533l-68.592-35.663c-7.326 15.214-16.301 25.903-26.959 32-10.673 6.081-20.577 9.137-29.729 9.137-45.696 0-68.577-30.161-68.577-90.514 0-27.424 5.792-49.345 17.36-65.808 11.584-16.467 28.656-24.706 51.217-24.706 29.871 0 50.898 14.639 63.104 43.89l63.074-32.004c-13.407-25.005-32-44.654-55.776-58.975-23.745-14.336-49.967-21.488-78.625-21.488-45.713 0-82.609 14.001-110.642 42.063-28.033 28.034-42.049 67.040-42.049 117.012 0 48.766 14.176 87.457 42.513 116.114 28.336 28.64 64.145 42.976 107.442 42.976 63.41 0.032 108.801-24.656 136.24-74.034zM801.819 533l-67.663-35.663c-7.314 15.214-16.321 25.903-26.978 32-10.689 6.081-20.913 9.137-30.625 9.137-45.71 0-68.592-30.161-68.592-90.514 0-27.424 5.809-49.345 17.376-65.808 11.567-16.467 28.625-24.706 51.216-24.706 29.842 0 50.881 14.639 63.059 43.89l64-32.004c-14.001-25.005-32.91-44.654-56.655-58.975-23.776-14.336-49.684-21.488-77.714-21.488-46.336 0-83.346 14.001-111.057 42.063-27.778 28.034-41.633 67.040-41.633 117.012 0 48.766 14.159 87.457 42.528 116.114 28.321 28.64 64.13 42.976 107.41 42.976 63.393 0.032 108.528-24.656 135.329-74.034z" />
+<glyph unicode="" glyph-name="acc-2" d="M511.121 960c138.279 0 254.925-49.36 349.877-148.112 95.508-99.36 143.309-220.656 143.309-363.888 0-143.856-46.907-263.617-140.694-359.298-99.631-101.805-217.123-152.702-352.492-152.702-133.060 0-248.506 50.306-346.368 150.879-96.692 100.576-145.061 220.928-145.061 361.121 0 140.176 48.369 261.472 145.061 363.872 94.954 98.768 210.385 148.128 346.368 148.128zM512.877 867.648c-111.94 0-206.586-40.848-283.955-122.512-80.308-85.344-120.446-184.402-120.446-297.152 0-113.376 39.846-211.519 119.538-294.368 79.708-82.912 174.646-124.337 284.832-124.337 109.584 0 205.139 41.712 286.598 125.251 77.371 77.407 116.047 175.23 116.047 293.486 0 116.417-39.274 215.44-117.784 297.136-78.525 81.664-173.477 122.496-284.83 122.496zM644.753 575.088v-209.358h-56.245v-248.674h-152.986v248.659h-56.246v209.374c0 9.152 3.077 16.912 9.215 23.312 6.169 6.384 13.646 9.6 22.415 9.6h202.216c8.2 0 15.537-3.2 21.969-9.6 6.416-6.4 9.661-14.176 9.661-23.312zM443.415 706.736c0 48.128 22.847 72.224 68.584 72.224s68.569-24.064 68.569-72.224c0-47.536-22.863-71.312-68.569-71.312s-68.584 23.776-68.584 71.312z" />
+<glyph unicode="" glyph-name="acc-3" d="M511.087 960c143.218 0 264.499-49.68 363.874-149.040 99.328-98.752 149.039-219.728 149.039-362.96 0-143.265-48.786-263.314-146.322-360.224-102.991-101.183-225.213-151.776-366.592-151.776-138.382 0-258.446 50.286-360.222 150.863-100.56 100.561-150.864 220.912-150.864 361.121 0 139.568 50.304 260.56 150.864 362.96 99.344 99.376 219.424 149.056 360.222 149.056zM512.915 867.648c-116.417 0-214.85-41.152-295.314-123.44-83.52-84.736-125.264-183.474-125.264-296.208 0-113.999 41.44-212.114 124.32-294.4 82.896-82.912 181.633-124.337 296.222-124.337 113.971 0 213.346 41.744 298.067 125.251 80.463 78.013 120.686 175.837 120.686 293.486 0 117.008-40.846 215.76-122.494 296.208-81.073 82.32-179.826 123.44-296.224 123.44zM284.337 520.239c9.744 62.785 35.024 111.393 75.872 145.825 40.834 34.432 90.498 51.648 149.023 51.648 80.431 0 144.463-25.92 192-77.696 47.537-51.808 71.314-118.257 71.314-199.314 0-78.639-24.69-143.998-74.031-196.096-49.408-52.094-113.376-78.175-192.035-78.175-57.903 0-107.886 17.361-149.934 52.114-42.064 34.749-67.344 84.11-75.888 148.11h128.944c3.040-62.176 40.527-93.263 112.463-93.263 35.938 0 64.914 15.553 86.851 46.624 21.965 31.071 32.941 72.543 32.941 124.337 0 54.256-10.063 95.535-30.161 123.887-20.126 28.336-49.054 42.512-86.879 42.512-68.289 0-106.673-30.16-115.2-90.497h37.49l-101.474-101.486-101.488 101.486 40.192-0.016z" />
+<glyph unicode="" glyph-name="all" d="M512.001-60.661c-17.809 0-35.617 4.452-48.974 17.809-26.713 26.713-26.713 66.783 0 93.496l396.243 396.243-396.243 396.243c-26.713 26.713-26.713 66.783 0 93.496s66.783 26.713 93.496 0l445.217-445.217c26.713-26.713 26.713-66.783 0-93.496l-445.217-445.217c-8.904-8.904-26.713-13.357-44.522-13.357zM957.218 384.557h-890.435c-35.617 0-66.783 31.165-66.783 66.783s31.165 66.783 66.783 66.783h890.435c35.617 0 66.783-31.165 66.783-66.783s-31.165-66.783-66.783-66.783z" />
+<glyph unicode="" glyph-name="arrow-down" d="M518.334 167.316c-15.915 0-39.788 7.958-55.702 23.873l-437.659 397.871c-31.83 31.83-31.83 79.574-7.958 111.404 31.83 31.83 79.574 31.83 111.404 7.958l381.956-350.127 381.956 350.127c31.83 31.83 79.574 23.873 111.404-7.958s23.873-79.574-7.958-111.404l-437.659-397.871c0-15.915-23.873-23.873-39.788-23.873z" />
+<glyph unicode="" glyph-name="close" d="M1003.243 55.93l-392.071 392.071 392.071 392.071c27.676 27.676 27.676 69.189 0 96.865s-69.189 27.676-96.865 0l-396.685-392.071-387.459 392.071c-27.676 23.063-73.802 23.063-101.478 0-23.063-27.676-23.063-73.802 0-101.478l392.071-387.459-392.071-392.071c-27.676-27.676-27.676-69.189 0-96.865s69.189-27.676 96.865 0l392.071 392.071 392.071-392.071c27.676-27.676 69.189-27.676 96.865 0 27.676 23.063 27.676 69.189 4.612 96.865z" />
</font></defs></svg>
\ No newline at end of file
------------------------------ */
*, *:after, *:before {
- box-sizing: border-box;
+ box-sizing: border-box;
}
:focus {
}
body {
- color: $color-black;
- background-color: $color-white;
+ color: $color-black;
+ background-color: $color-white;
overflow-x: hidden;
+ &.popup-open {
+ overflow-y: hidden;
+ height: 100vh;
+ }
+
&.using-mouse {
*:focus {
outline: 0 !important;
$icon-book: "\e904";
$icon-eye: "\e905";
$icon-play: "\e906";
-$icon-quote: "\e907";
-$icon-search: "\e908";
-$icon-acc-1: "\e909";
-$icon-acc-2: "\e90a";
-$icon-acc-3: "\e90b";
-$icon-all: "\e90c";
-$icon-arrow-down: "\e90d";
+$icon-pause: "\e907";
+$icon-quote: "\e908";
+$icon-search: "\e909";
+$icon-acc-1: "\e90a";
+$icon-acc-2: "\e90b";
+$icon-acc-3: "\e90c";
+$icon-all: "\e90d";
+$icon-arrow-down: "\e90e";
+$icon-close: "\e90f";
@font-face {
font-family: '#{$icomoon-font-family}';
src:
- url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?79zz52') format('truetype'),
- url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?79zz52') format('woff'),
- url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?79zz52##{$icomoon-font-family}') format('svg');
+ url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?79zz52') format('truetype'),
+ url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?79zz52') format('woff'),
+ url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?79zz52##{$icomoon-font-family}') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
content: $icon-play;
}
}
+.icon-pause {
+ &:before {
+ content: $icon-pause;
+ }
+}
.icon-quote {
&:before {
content: $icon-quote;
content: $icon-arrow-down;
}
}
+.icon-close {
+ &:before {
+ content: $icon-close;
+ }
+}
color: #007880;
font-size: 26px;
position: relative;
- left: 3px;
- transition: all $ease-dynamic 350ms;
+ transition: background $ease-dynamic 350ms;
+ &.icon-play {
+ left: 3px;
+ }
+ &.icon-pause {
+ left: 1px;
+ }
}
}
height: 10px;
width: 100%;
display: block;
- background: #f2f2f2;
+ background: #FFFFFF;
border-radius: 5px;
position: relative;
overflow: hidden;
- span.jp-seek-bar {
- height: 100%;
- position: absolute;
- border-radius: 5px;
- background-color: #fff;
- top: 0; left: 0;
- }
-
- span.jp-play-bar {
+ span {
+ width: 40%;
height: 100%;
position: absolute;
border-radius: 5px;
}
}
-.c-player__title {
- top: -27px;
- left: 0;
- position: absolute;
- font-style: normal;
- font-weight: normal;
- font-size: 12px;
- line-height: 140%;
- letter-spacing: 0.05em;
- color: #083F4D;
-}
-
-
.c-player__info {
top: -27px;
right: 0;
display: block;
position: relative;
- > span {
+ span {
position: absolute;
padding-top: 10px;
font-style: normal;
.c-support {
display: flex;
margin-top: 50px;
- background: #FFF1BF url(../images/bg.png) top center no-repeat;
+ background: #96C13D;
border-radius: 15px;
overflow: hidden;
justify-content: center;
align-items: center;
h2 {
- padding-left: 44px;
- padding-right: 20px;
margin: 0 auto;
font-style: italic;
- font-weight: 300;
- font-size: 48px;
- line-height: 72px;
+ font-weight: 400;
+ font-size: 34px;
+ line-height: 47px;
letter-spacing: -0.02em;
- color: #333333;
+ color: #ffffff;
+ span {
+ color: #007880;
+ }
}
figure {
}
a {
- bottom: 34px;
- left: 0; right: 0;
width: 100%;
- margin: 0 auto;
- max-width: 343px;
- position: absolute;
+ margin: 40px auto 0;
font-weight: 600;
font-size: 22px;
line-height: 28px;
- color: #333333;
+ color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 12px 22px 14px 28px;
- background: #FFF1BF;
- box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
+ background: #007880;
border-radius: 5px;
transition: all $ease-dynamic 350ms;
}
}
}
+
+.c-support__content {
+ padding: 16px 32px 30px 32px;
+}
display: flex;
align-items: center;
justify-content: space-between;
+ flex-direction: column;
.l-container {
display: flex;
margin-right: 25px;
}
}
+
+.l-change-pop {
+ align-items: center;
+ max-width: 1140px;
+ border-radius: 10px;
+ padding: 10px 50px;
+ width: 100%;
+ margin-bottom: 10px;
+ background-color: #FBC40F;
+ position: relative;
+ display: none;
+
+ &.show {
+ display: flex;
+ }
+
+ h3 {
+ font-style: italic;
+ font-weight: normal;
+ font-size: 32px;
+ line-height: 100%;
+ letter-spacing: -0.02em;
+ color: #333333;
+ margin: 0;
+ min-width: 189px;
+ margin-right: 48px;
+ }
+
+ p {
+ font-weight: normal;
+ font-size: 15px;
+ line-height: 150%;
+ color: #333333;
+ margin: 0;
+ max-width: 590px;
+ }
+}
+
+.l-change-pop__close {
+ border: 0;
+ background: transparent;
+ color: #333333;
+ outline: 0;
+ position: absolute;
+ right: 26px;
+ top: 0;
+ bottom: 0;
+ margin: auto;
+ cursor: pointer;
+}
/* Slider */
.slick-loading .slick-list
{
- background: #fff url('./ajax-loader.gif') center center no-repeat;
+ background: #fff url('./ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face
{
- font-family: 'slick';
- font-weight: normal;
- font-style: normal;
+ font-family: 'slick';
+ font-weight: normal;
+ font-style: normal;
- src: url('./fonts/slick.eot');
- src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
+ src: url('./fonts/slick.eot');
+ src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
- font-size: 0;
- line-height: 0;
+ font-size: 0;
+ line-height: 0;
- position: absolute;
- top: 50%;
+ position: absolute;
+ top: 50%;
- display: block;
+ display: block;
width: 16px;
height: 28px;
- padding: 0;
- -webkit-transform: translate(0, -50%);
- -ms-transform: translate(0, -50%);
- transform: translate(0, -50%);
+ padding: 0;
+ -webkit-transform: translate(0, -50%);
+ -ms-transform: translate(0, -50%);
+ transform: translate(0, -50%);
- cursor: pointer;
+ cursor: pointer;
- color: transparent;
- border: none;
- outline: none;
- background: transparent;
+ color: transparent;
+ border: none;
+ outline: none;
+ background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
- color: transparent;
- outline: none;
- background: transparent;
+ color: transparent;
+ outline: none;
+ background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
- opacity: 1;
+ opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
- opacity: .25;
+ opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
- font-family: 'slick';
- font-size: 20px;
- line-height: 1;
+ font-family: 'slick';
+ font-size: 20px;
+ line-height: 1;
- opacity: 1;
- color: white;
+ opacity: 1;
+ color: white;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
width: 16px;
height: 28px;
.slick-prev
{
- left: -25px;
+ left: -25px;
}
[dir='rtl'] .slick-prev
{
- right: -25px;
- left: auto;
+ right: -25px;
+ left: auto;
}
.slick-prev:before
{
content: "";
display: block;
- background: url(../images/arrow-left.png) center no-repeat;
+ background: url(../images/arrow-left.png) center no-repeat;
}
[dir='rtl'] .slick-prev:before
{
- content: '→';
+ content: '→';
}
.slick-next
{
- right: -25px;
+ right: -25px;
}
[dir='rtl'] .slick-next
{
- right: auto;
- left: -25px;
+ right: auto;
+ left: -25px;
}
.slick-next:before
{
}
[dir='rtl'] .slick-next:before
{
- content: '←';
+ content: '←';
}
/* Dots */
.slick-dotted.slick-slider
{
- margin-bottom: 30px;
+ margin-bottom: 30px;
}
.slick-dots
}
.slick-dots li
{
- position: relative;
+ position: relative;
- display: inline-block;
+ display: inline-block;
- width: 10px;
- height: 10px;
- margin: 0 5px;
- padding: 0;
+ width: 10px;
+ height: 10px;
+ margin: 0 5px;
+ padding: 0;
- cursor: pointer;
+ cursor: pointer;
}
.slick-dots li button
{
- font-size: 0;
- line-height: 0;
+ font-size: 0;
+ line-height: 0;
- display: block;
+ display: block;
- width: 10px;
- height: 10px;
- padding: 5px;
+ width: 10px;
+ height: 10px;
+ padding: 5px;
- cursor: pointer;
+ cursor: pointer;
- color: transparent;
- border: 0;
- outline: none;
- background: transparent;
+ color: transparent;
+ border: 0;
+ outline: none;
+ background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
- outline: none;
+ outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
- opacity: 1;
+ opacity: 1;
}
.slick-dots li button:before
{
- font-size: 0;
- line-height: 20px;
+ font-size: 0;
+ line-height: 20px;
- position: absolute;
- top: 0;
- left: 0;
+ position: absolute;
+ top: 0;
+ left: 0;
- width: 10px;
- height: 10px;
+ width: 10px;
+ height: 10px;
border-radius: 50%;
background-color: white;
- content: '';
- text-align: center;
+ content: '';
+ text-align: center;
- opacity: 1;
- color: black;
+ opacity: 1;
+ color: black;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
- opacity: 1;
+ opacity: 1;
background-color: #007880;
}
fnp / wolnelektury.git / commitdiff
