@import url('https://fonts.googleapis.com/css2?family=Mulish&family=ABeeZee&family=EB+Garamond&family=Ruluko&family=Noto+Serif&display=swap'); @font-face { font-family: "Loblosch"; src: url("/fonts/loblosch/loblosch.ttf") format("truetype") } @font-face { font-family: "Lusletters"; src: url("/fonts/lusletters/lusletters.ttf?v=20240413a") format("truetype") } @font-face { font-family: "LuslettersAlmostVertical"; src: url("/fonts/lusletters/luslettersalmostvertical.ttf?v=20240413a") format("truetype") } @font-face { font-family: "Cogncur"; src: url("/fonts/cogncur/fonts/cogncur.ttf") format("truetype") } .mulish { font-family: 'Mulish', sans-serif; } .arial { font-family: 'Helvetica', 'Arial', sans-serif; } .ruluko { font-family: 'Ruluko', sans-serif; } .loblosch { font-family: 'Loblosch', sans-serif; } .lusletters { font-family: 'Lusletters', sans-serif; line-height: 1.05em; font-size: 175%; } .luslettersg { font-family: 'LuslettersAlmostVertical', sans-serif; line-height: 1.05em; font-size: 175%; font-feature-settings: "ss20" 1; } .cogncur { font-family: 'Cogncur', sans-serif; line-height: 1.2em; font-size: 140%; font-feature-settings: "calt", "liga", "ss02", "ss03", "ss04", "ss08", "ss13", "ss14", "ss15", "ss16", "ss19", "ss20"; /* also, make certain the lang-attr on your -tag is set to "nl" to get the correct ligature for "ij" */ } .garamond { font-family: 'EB Garamond', serif; } .abeezee { font-family: 'ABeeZee', sans-serif; } .notoserif { font-family: 'Noto serif', serif; } .font-example { font-size: 20pt; } #div_settings { border-right: 5px solid #999; } [data-toggle="collapse"] .fa:before { content: "\f054"; } [data-toggle="collapse"].collapsed .fa:before { content: "\f078"; } #shuffle .fa:before { content: "\f074"; } #view_print .fa:before { content: "\f02f"; } #view_download .fa:before { content: "\f019"; } #pag_end .fa:before { content: "\f101"; } #pag_next .fa:before { content: "\f105"; } #pag_previous .fa:before { content: "\f104"; } #pag_start .fa:before { content: "\f100"; } .info .fa:before { content: "\f05a"; } .pag_button { } #div_items { position: relative; } #show_sidebar, #hide_sidebar { position: absolute; top: -5px; left: -25px; z-index: 100; } #show_sidebar .fa:before { content: "\f101"; } #hide_sidebar .fa:before { content: "\f100"; } #div_pagination { margin-top: 20px; color: #666; } .no_sidebar #div_items { margin-left: 20px; } .form-title { font-weight: bold; } .error { color: #f00; } .count { font-size: 12pt; color: #808080; } .tooltip .tooltip-inner b{ color: #ffff00; } .crumbs { font-size: 85%; text-align: right; } .crumbs .current { font-weight: bold; } .crumbs .previous::before { content: '<< '; } .crumbs .next::after { content: ' >>'; } @media print { #div_settings, #div_displaysettings, .crumbs, h1, #paginationform, #hide_sidebar { display: none !important; } #div_words { width: 100%; max-width: 100%; } #div_items { max-width: 100%; flex: 0 0 100%; } #div_words row { page-break-inside: avoid; } }