/*! * TJ Reader � Version 0.8 (Beta) * * � 2025�2026 Eugene W. Lyman * * Licensed under the Creative Commons * Attribution-NonCommercial-ShareAlike 4.0 International License * (CC BY-NC-SA 4.0). * * You may use, share, and adapt this software for non-commercial * purposes, provided you give appropriate credit to the author * and distribute any adaptations under the same license. * * Full license text: https://creativecommons.org/licenses/by-nc-sa/4.0/ */body,html{margin:0;padding:0;width:100vw;height:100vh;background-color:#f0ecdb;overflow:hidden;position:fixed;top:0;left:0}#viewport-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#add8e6;overflow:hidden;z-index:0}#app-container{background-color:#f0ecdb;position:absolute;width:1920px;height:1080px;transform-origin:top left;z-index:1;overflow:hidden}#fullScreenButton{position:absolute;top:5px;right:10px;z-index:9999;background:0 0;border:none;padding:8px;cursor:pointer}#userGuideButton{position:absolute;top:38px;right:10px;z-index:9999;background:0 0;border:none;padding:8px;cursor:pointer}#TJ{display:block;margin:auto}expan{font-style:italic}hi[rend=orncp]{font-size:var(--ornamented-font-size);font-weight:700;color:#dc143c;background-color:#add8e6;border:#dc143c solid 1px;padding:0 2px 0 2px;vertical-align:4px;border-radius:1px;pointer-events:none}char[name=pilcrow]{font-size:100%;font-weight:700;vertical-align:4px;color:#a9a9a9;pointer-events:none}sub,sup{line-height:0}.textIndexClass{position:absolute;top:2.5%;left:1.5%;border-collapse:collapse;max-width:fit-content}.textIndexClass td{padding:1px 4px 1px 5px;cursor:pointer}.textIndexClass td:not(:empty){border:1px brown solid}.textIndexClass td:not(:empty):hover{background-color:#cfc}.folioTableClass{position:absolute;top:5px;left:23%;border-collapse:collapse;max-width:fit-content;margin-right:auto;margin-left:90px;margin-top:auto;display:none}.folioTableClass td{padding:2px 4px 2px 5px;cursor:pointer}.folioTableClass td:not(:empty){border:1px brown solid}.folioTableClass td:not(:empty):hover{background-color:#c4e2ed}#lastFolioDisplayed{position:absolute;cursor:pointer;top:5px;right:5%;max-width:fit-content;display:none;color:#8b4513}.bgNavajowhite{background-color:#ffdead}.indexHover{background-color:#c4e2ed}#textContainer{font-family:serif;max-width:fit-content;max-height:fit-content}.noteDisplayStyle{display:block;position:absolute;z-index:10;padding:10px;border:red dotted 1px}.noteClass{z-index:60;font-weight:200;pointer-events:none}.rubric{font-size:115%;font-weight:550;color:#2f4f4f}.rubricTop{padding-top:8px}.rubricBottom{padding-Bottom:16px}.displayLine{box-sizing:border-box;width:100%;white-space:nowrap;padding-bottom:3px}.stanzaBreak{padding-bottom:12px}.proseNoteFlag{color:red;font-weight:700;pointer-events:none}.oneLine{white-space:nowrap}.lineNumber{font-size:75%;vertical-align:bottom;padding-top:4px;float:right;pointer-events:none}.proseLineNr{font-size:60%;vertical-align:text-top;font-weight:200;pointer-events:none}#bigText .lineNumber{display:none}#bigText .lineNrStyle .searchBGPoe{display:none}#bigText .searchBGaPoe{display:none}#bigText .searchBGPoe{display:none}.button{position:absolute;top:4px;left:10px;background-color:grey;color:#fff;padding:5px;border:none;cursor:pointer;z-index:10}.redUnderline{border-bottom:2px solid rgba(255,0,0,.8)}note1{display:block}.partHiLite{background-color:#cfc}.textIndexContainer{position:absolute;top:4%;left:1.5%;display:flex;flex-wrap:nowrap;flex-direction:row;background-color:#ffdead;margin-left:auto;margin-top:auto;width:fit-content;height:fit-content;border-right:1px brown solid;border-bottom:1px brown solid}input[type=range]{accent-color:tan}.range-wrap{z-index:25;display:none;position:relative;top:950px;bottom:0;width:1900px}.range{appearance:none;width:1900px;background:tan;height:2px;outline:0}.folioTag{background:0 0;outline:1px solid tan;color:#8b4513;padding:4px 10px;position:absolute;border-radius:20px 20px 2px 2px;left:50%;cursor:default;transform:translateX(-50%);user-select:none;text-align:center}#folioIcon{transform-origin:top left}#lensContainer{position:absolute;z-index:100;color:transparent;overflow:hidden;border:#000 solid 2px}#lens{position:absolute;z-index:1000;cursor:move;color:transparent;border:red solid 2px;max-width:350px;max-height:350px}#folioBaseImage{position:absolute;left:0;top:0;z-index:500}#enlargement{position:absolute;border:2px solid #000;z-index:10}#copyButton{position:absolute;z-index:10;color:brown;border:tan solid 1px;background-color:transparent;border-radius:3px;transform-origin:top left}.dropdwn{background-color:#3498db;color:#fff;padding:16px;font-size:16px;border:none;cursor:pointer}.dropdwn:focus,.dropdwn:hover{background-color:#2980b9}.searchMenu{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#f1f1f1;min-width:160px;overflow:auto;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.dropdown-content div{color:#000;padding:12px 16px;text-decoration:none;display:block}.dropdown-content div:hover{background-color:#ddd}.specialSearchOptionsStyle{padding:10px;background-color:#dff2fe;cursor:pointer;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);position:absolute;top:60%;left:200px}.specialSearchOptionsStyle div{padding:15px}.selOpt{background-color:#ddd}.show{display:block}.notVisible{visibility:hidden}.hide{display:none}.specialCharStyle{margin-bottom:6px;padding:3px;cursor:pointer;border:brown solid 1px;font-size:110%;width:fit-content;max-width:400px}.spCharDisplay{padding-left:8px;padding-right:8px}#searchLayout{position:absolute;top:583px;display:flex;flex-direction:row;width:675px}#searchOptions{flex-direction:column}#searchTerms{flex-direction:column;margin-left:50px}.lastOption{color:red}.sEdit,.sView{height:50px;width:400px;font-family:sans-serif;font-size:14px;display:block;overflow:scroll}.sView{padding:4px;border:1px solid #000}.sEdit{border:2px solid #00f;padding:3px}.andOrNot{margin-top:6px;margin-bottom:12px}.searchResultsStyle{position:absolute;top:3%;left:35%;max-width:30%;height:85%;margin:5px;display:flex;flex-direction:column}.searchTitleStyle{position:sticky;top:0;padding:5px;text-align:center;font-weight:700;z-index:1}.sTextDisplayStyle{flex-grow:1;overflow-y:auto;height:80%}.ssStyle{box-sizing:border-box;padding:3px;background-color:#fff;cursor:pointer;border-bottom:1px dashed rgb(0,0,0,.2);background-color:#fff}.bg0{color:#000}.bg1{color:red;font-size:1.15em;font-weight:700}.bg1a{color:#0f0;font-weight:900}.bg2{color:#00f;font-size:1.15em;font-weight:700}.bg3{color:#0f0;font-size:1.15em;font-weight:700}.searchBGa{background-color:rgba(0,255,0,.2);pointer-events:none}.searchBG{background-color:rgba(255,255,0,.2);pointer-events:none}.searchBGaPoe{color:#0f0;font-weight:700;text-shadow:red 0 0 2px;pointer-events:none;margin-left:-14px}.searchBGPoe{color:red;font-weight:700;pointer-events:none;margin-left:-14px}.boxed{border:1px dotted red;box-sizing:border-box}.lineNrStyle{font-style:italic;font-size:75%;margin-bottom:.3em}.detailStyle{position:absolute;margin-top:5px;z-index:100;font-size:200%}.detailStyle .lineNrStyle{display:none}.detailStyle .lineNumber{display:none}.sNavStyle{display:none;text-align:center;padding:3px;font-weight:700}.sBackStyle{float:left;padding:2px;border:#000 dotted 1px;border-radius:2rem;cursor:pointer}.sDisplayItemCtStyle{padding:2px;margin:auto}.sForwardStyle{float:right;padding:2px;border:#000 dotted 1px;border-radius:2rem;cursor:pointer}.searchSelectedTextPart{background-color:#ff0;color:#c71585}.searchSelectedFolios{background-color:#ff0;color:#c71585}.taleLineBar{width:2px;height:25px;background-color:tan;position:absolute;bottom:6px;user-select:none}.taleLineLabel{position:absolute;bottom:23px;font-size:11px;color:#8b4513;font-weight:700;background-color:#f0ecdb;user-select:none}#chartContainer{position:absolute;background-color:#f0ecdb;width:1905px;height:150px;top:810px;z-index:80;border-bottom:1px solid brown;display:none}.bar{width:3px;background-color:brown;position:absolute;bottom:0;box-sizing:border-box;border-collapse:collapse}.barOn{background-color:brown;width:7px}.barStat{position:relative;display:none;color:#fff;background-color:#008b8b;border-radius:90% 90% 90% 0;transform:rotate(315deg);width:fit-content;padding:5px;z-index:10;left:-10px}.barStatOn{display:block;z-index:10}.currentBarStatOn{display:block;z-index:10}.moveOver{transform:translateX(4px)}.RBContainerStyle{position:absolute;bottom:.7%;left:5%;color:#8b4513;display:none}#searchNav{display:none;position:absolute;top:0;left:500px;z-index:10}.arrowStyle{font-size:18pt;cursor:pointer;color:tan}