6 border-bottom: 1px solid #F2F2F2;
13 .progress-text-value {
72 @include rwd($break-wide) {
79 font-family: "Source Serif Pro";
95 // Workaround for missing li's.
112 box-shadow: 0px 0px 20px rgba(1, 129, 137, 0.2);
146 @media screen and (max-height: 800px) {
155 display: inline-block;
156 vertical-align: middle;
160 border: 5px solid white;
161 box-shadow: 4px 4px 4px #666;
179 font-family: sans-serif;
195 padding: 0px 30px 30px;
197 box-shadow: 0px 0px 20px rgba(1, 129, 137, 0.2);
214 .l-text_header_cover {
219 .l-text_header__content {
223 .l-text_header_author {
232 .l-text_header_title {
245 #main-text #book-text {
249 font-family: Gelasio, Georgia, "Times New Roman", serif;
256 text-decoration: none;
271 /* ================================== */
272 /* = Header with logo and menu = */
273 /* ================================== */
276 /* =================================================== */
277 /* = Common elements: headings, paragraphs and lines = */
278 /* =================================================== */
296 margin: 1.5em 0 1em 0;
316 /* ======================== */
317 /* = Footnotes and themes = */
318 /* ======================== */
328 -webkit-user-select: none;
329 -moz-user-select: none;
330 -ms-user-select: none;
337 #footnotes .annotation {
343 -webkit-user-select: text;
344 -moz-user-select: text;
345 -ms-user-select: text;
352 #footnotes p, #footnotes ul, #footnotes .stanza {
357 #footnotes .permalink {
374 margin: -0.25em -0.5em;
378 padding: 0.25em 0.5em;
383 /* =================== */
384 /* = Custom elements = */
385 /* =================== */
390 margin-bottom: 0.25em;
397 margin-bottom: -0.25em;
416 margin: 0.5em 0 0 1.5em;
427 div.kwestia div.stanza {
437 .verse-right { text-align: right; }
438 .verse-center { text-align: center; }
440 .verse-indent.verse-indent-2 { padding-left: 2em; }
441 .verse-indent.verse-indent-3 { padding-left: 3em; }
442 .verse-indent.verse-indent-4 { padding-left: 4em; }
443 .verse-indent.verse-indent-5 { padding-left: 5em; }
444 .verse-indent.verse-indent-6 { padding-left: 6em; }
445 .verse-indent.verse-indent-7 { padding-left: 7em; }
446 .verse-indent.verse-indent-8 { padding-left: 8em; }
447 .verse-indent.verse-indent-9 { padding-left: 9em; }
448 .verse-indent.verse-indent-10 { padding-left: 10em; }
449 .verse-indent.verse-indent-11 { padding-left: 11em; }
450 .verse-indent.verse-indent-12 { padding-left: 12em; }
451 .verse-cont { padding-left: 12em; }
453 @media screen and (max-width: 40em) {
454 .verse-indent { padding-left: 4%; }
455 .verse-indent.verse-indent-2 { padding-left: 8%; }
456 .verse-indent.verse-indent-3 { padding-left: 12%; }
457 .verse-indent.verse-indent-4 { padding-left: 16%; }
458 .verse-indent.verse-indent-5 { padding-left: 20%; }
459 .verse-indent.verse-indent-6 { padding-left: 24%; }
460 .verse-indent.verse-indent-7 { padding-left: 28%; }
461 .verse-indent.verse-indent-8 { padding-left: 32%; }
462 .verse-indent.verse-indent-9 { padding-left: 36%; }
463 .verse-indent.verse-indent-10 { padding-left: 40%; }
464 .verse-indent.verse-indent-11 { padding-left: 44%; }
465 .verse-indent.verse-indent-12 { padding-left: 48%; }
466 .verse-cont { padding-left: 48%; }
487 &.miejsce_data, &.pozdrowienie, &.podpis {
500 margin-bottom: 1.5em;
504 border-bottom: 0.1em solid #999;
505 padding-bottom: 1.5em;
508 div.note p, div.dedication p, div.note p.paragraph, div.dedication p.paragraph {
514 border: 1px darkgray solid;
528 border-bottom: 0.1em solid #000;
539 padding: 0 0 0 1.5em;
546 em.math, em.foreign-word, em.book-title, em.didaskalia {
549 em.foreign-word.foreign-word-protected {
554 letter-spacing: 0.1em;
559 font-variant: small-caps;
572 border-collapse: collapse;
576 table.border td, table.border th {
577 border: 1px solid black;
583 /* Show line numbers. */
594 -webkit-user-select: none;
595 -moz-user-select: none;
596 -ms-user-select: none;
612 font-variant: normal;
614 text-transform: none;
615 text-decoration: none;
617 -webkit-user-select: none;
618 -moz-user-select: none;
619 -ms-user-select: none;
621 margin-right: -227px;
626 border-left: 1px solid #333;
630 a.reference.interesting:after {
631 content: url('../images/pin.svg');
640 #wltoc ol, #themes ol, #objects ol {
650 padding: 0 0 1.5em 1.5em;
670 #info .sponsors img {
682 transform: rotate(45deg);
694 border-radius: 0px 0px 2px 0px;
695 background: var(--white-100, #FFF);
696 border: 1px solid var(--teal-700, #007880);
702 transform: rotate(45deg);
708 border-radius: 0px 0px 2px 0px;
720 box-shadow: 0px 0px 20px rgba(1, 129, 137, 0.2);
721 border: 1px solid #007880;
724 @include rwd($break-wide) {
729 #annotation-content {
732 color: var(--black-900, #333);
735 font-variant-numeric: oldstyle-nums proportional-nums;
736 /* Czytnik/Desktop/p read */
737 font-family: "Source Serif Pro";
741 line-height: 28px; /* 155.556% */
743 em.foreign-word.foreign-word-protected {
760 border: 1px solid #007880;
763 box-shadow: 6px 6px 10px 0px rgba(0, 120, 128, 0.35);
772 content: "skopiowane";
776 justify-content: center;
789 border-left: 1px solid #BBF6FA;
796 vertical-align: middle;
803 transform: rotate(45deg);
815 border-radius: 0px 0px 2px 0px;
816 background: var(--white-100, #FFF);
817 border: 1px solid var(--teal-700, #007880);
823 transform: rotate(45deg);
829 border-radius: 0px 0px 2px 0px;
850 justify-content: center;
852 .icon-exists, .icon-note {display: none;}
860 border: 1px solid #007880;
862 box-shadow: 6px 6px 10px 0px rgba(0, 120, 128, 0.35);
867 @include rwd($break-wide) {
872 transform: rotate(45deg);
878 box-sizing: border-box;
885 border-radius: 0px 0px 2px 0px;
886 background: var(--white-100, #E1F1F2);
887 border: 1px solid var(--teal-700, #007880);
890 @include rwd($break-wide) {
897 transform: rotate(45deg);
903 border-radius: 0px 0px 2px 0px;
906 @include rwd($break-wide) {
914 align-items: flex-start;
915 flex-direction: column;
920 font-family: "Source Sans Pro";
930 display: inline-block;
931 vertical-align: bottom;
936 &.zakladka-tool_zakladka_delete:before {
937 content: url('/static/2022/images/zakladka-usun.svg');
939 &.zakladka-tool_zakladka:before {
940 content: url('/static/2022/images/add-icon.svg');
942 &.zakladka-tool_sluchaj:before {
943 content: url('/static/2022/images/play-now-icon.svg');
945 &.zakladka-tool_notka:before {
946 content: url('/static/2022/images/add-note-icon.svg');
949 .zakladka-tool_notka_text {
958 justify-content: center;
963 border: 1px solid #007880;
966 #notka-save, #notka-saved {
977 .zakladka-tool_zakladka_delete {
979 // position: absolute;
985 // align-items: center;
986 // justify-content: center;
994 .icon-empty {display: none;}
995 .icon-exists {display: flex;}
996 #zakladka-box .content {
997 .zakladka-tool_notka_text {display: block;}
998 .zakladka-tool_zakladka_delete {display: block;}
1002 .icon-empty {display: none;}
1003 .icon-note {display: flex;}
1004 #zakladka-box .content {
1005 .zakladka-tool_notka_text {display: block;}
1006 .zakladka-tool_zakladka_delete {display: block;}
1014 .zakladka-tool_sluchaj {display: none;}
1015 .has-sync .zakladka-tool_sluchaj {display: block;}
1018 #book-text-buttons {
1021 border: 1px solid #D5ECED;
1028 display: inline-block;
1034 background: #E1F1F2;
1040 background: #018189;
1041 display: inline-block;
1042 padding: 10px 8px 10px 12px;
1043 border-radius: 100%;
1082 border-radius: 10px;
1103 border-radius: 10px;
1105 text-decoration: none;
1112 margin: 10px 40px 10px 50px;
1113 padding: 10px 20px 0 10px;
1115 border-left: 10px double #ddd;