diff --git a/resources/css/stylesheet.css b/resources/css/stylesheet.css index 3d6888e..e221d58 100644 --- a/resources/css/stylesheet.css +++ b/resources/css/stylesheet.css @@ -2005,6 +2005,14 @@ ruby rt { width:120px; max-width:100%; } + +.label[title]:after { + content:attr(title); + font-size:13px; + font-weight:normal; + display:block; +} + .sm-label { width:80px; } .med-label { width:200px; } .big-label { width:300px; } @@ -2978,6 +2986,11 @@ input:checked + .genki_pseudo_checkbox:after { font-size:14px; } line-height:22px; }*/ +/* ADS */ +.ad-container { + text-align:center; + margin:25px 0; +} /* RESPONSIVENESS */ @media (max-width:1000px) { diff --git a/resources/css/stylesheet.min.css b/resources/css/stylesheet.min.css index e490afe..7e8f756 100644 --- a/resources/css/stylesheet.min.css +++ b/resources/css/stylesheet.min.css @@ -1 +1 @@ -@font-face{font-family:FontAwesomeWeb;src:url(../fonts/fontawesome-webfont.eot?v=4.7.0);src:url(../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(../fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(../fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(../fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesomeWeb,FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.rad{font-family:"Japanese Radicals";font-style:normal}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}::selection{color:#fff;background-color:#17a}::-moz-selection{color:#fff;background-color:#17a}body{color:#333;background:#fff;font-size:14px;font-family:'メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,sans-serif;padding:0;margin:0;display:flex;min-height:100vh;flex-direction:column}p{font-size:14px}ul{padding-left:40px}hr{border:none;border-bottom:1px solid #999}a{color:#039;text-decoration:none;outline:0}a:focus,a:hover{text-decoration:underline}img{max-width:100%}a:focus img{outline:1px solid #17a}code{color:#00f;background:#eee;border:1px solid #ccc;padding:3px}.nopad{padding:0!important}.button,a.button{color:#fff;background:#17a;font-size:14px;font-family:'メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,sans-serif;text-decoration:none;border:none;font-weight:700;display:inline-block;padding:6px 12px;margin:3px;cursor:pointer;outline:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.button:hover,a.button:hover{background:#069}.button:focus,a.button:focus{background:#058}.button .fa{font-size:18px;vertical-align:middle;margin-right:6px}.button.icon-only{height:25px;width:25px;padding:0;margin:3px}.button.icon-only i{margin:0}.button.play-button{height:25px;width:25px;padding:0;margin:0;border-radius:100%}.button.play-button i{font-size:14px;margin-right:-2px}input[type=number],input[type=text],select,textarea{font-size:14px;font-family:'メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,sans-serif;background:#fff;border:1px solid #ccc;padding:6px;outline:0}select{cursor:pointer}input[type=number]:disabled,input[type=text]:disabled,select:disabled,textarea:disabled{color:#333}input[type=number]::placeholder,input[type=text]::placeholder,textarea::placeholder{color:#bbb}input[type=number]:hover,input[type=text]:hover,select:hover,textarea:hover{border-color:#999}input[type=number]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:#17a}.center{text-align:center}.right{text-align:right}.left{text-align:left}.ul{text-decoration:underline}.ul-double,.ul-single{text-decoration:none;position:relative}.ul-double:after,.ul-double:before,.ul-single:after{content:"";position:absolute;left:0;right:0;bottom:2px;border-bottom:1px solid #333}.ul-double:before{bottom:0}.inline{display:inline-block}.t-valign-top{vertical-align:top}.t-red{color:red}.t-green{color:#080}.t-blue{color:#09f}.t-orange{color:#17a}.t-bold{font-weight:700}.nomargin{margin:0!important}.clearfix{clear:both}.clear:after{content:"";display:table;clear:both}.vertical-text{-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;text-align:left!important;max-height:300px}.spoiler{color:#444;background:#444;display:inline-block;padding:0 3px}.spoiler:hover{color:#fff}.problem-hint .spoiler{margin-top:2px}.table{width:100%;border-collapse:collapse}.table td{background:#fff;border:1px solid #ddd;padding:3px}.table-head{font-size:16px;font-weight:700}.sub-table{width:100%;border-collapse:collapse}.sub-table td{border-left:0;border-top:0}.example-row td{vertical-align:top}.example-row div{margin:10px 0}.define{font-size:11px;font-style:normal;font-weight:700;vertical-align:super}.lesson-num{font-size:12px;font-style:normal;vertical-align:top}.lesson-image img{max-width:100%}header{color:#fff;background:url(../images/tobira.png) no-repeat 10px 50% #17a;padding:15px 15px 15px 140px;position:relative;overflow:hidden}#home-link:before{content:"";position:absolute;height:100px;width:110px;left:14px;top:50%;margin-top:-50px}.edition-icon:after{font-size:14px;position:absolute;margin-top:40px;margin-left:-85px}.edition-icon.second-ed:after{content:"\A 2nd Edition"}.edition-icon.third-ed:after{content:"\A 3rd Edition"}header h1{font-size:32px}header h1 a{color:#fff}h2{margin:30px 0 0 0}a#fork-me{color:#fff;background:#333;font-size:16px;font-weight:700;text-align:center;text-transform:uppercase;text-decoration:none;line-height:30px;height:30px;width:200px;transform:rotate(45deg);position:absolute;right:-55px;top:30px;transition-property:color,background;transition-duration:.3s}a#fork-me:focus,a#fork-me:hover{color:#333;background:#fff}#announcement{color:#fff;background:#17a;border:1px solid #047;border-right:none;border-left:none;height:110px}#announce-inner{max-width:1000px;margin:0 auto;padding:0 30px}#announcement .fa{font-size:24px;vertical-align:middle}#announcement a{color:#ff0;font-weight:700}#announcement h3{font-size:18px;margin:10px 0 0 0}#announcement .announcement{font-size:16px;height:75px;box-sizing:border-box;padding:3px 6px;overflow-y:auto}#announcement .announcement.announce-hidden{display:none}#announcement .announcement .date{color:#fff;font-size:13px;font-weight:400;background:#069;border:1px solid #058;border-radius:3px;padding:1px;margin-right:5px}#announce-list{position:relative;margin:0 20px}#announcement .announce-controls{background:rgba(0,0,0,.3);text-align:center;position:absolute;top:50%;margin:-15px 0 0 0;height:30px;width:20px;padding:0;opacity:.5}#announcement .announce-controls i.fa{font-size:18px;line-height:26px;margin:0}#announcement .announce-controls:focus,#announcement .announce-controls:hover{opacity:1}#announcement .announce-controls.button-left{left:-20px}#announcement .announce-controls.button-right{right:-20px}#content{flex:1 0 auto}.content-block{max-width:1000px;margin:0 auto;padding:30px}a.anchor{color:#666;font-size:16px;font-weight:400;text-decoration:none;text-align:center;vertical-align:middle;display:inline-block;width:25px;margin:0 0 0 -25px}.anchor-icon{display:inline-block;transform:rotate(-45deg);visibility:hidden}.anchor:focus .anchor-icon,h1:hover .anchor-icon,h2:hover .anchor-icon,h3:hover .anchor-icon,h4:hover .anchor-icon,h5:hover .anchor-icon,h6:hover .anchor-icon{visibility:visible}#page-links,#related-projects{margin:15px 0 0 0}#link-list{font-size:0}#link-list a,#link-list span{font-size:14px}#link-list a{color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.3);font-weight:700;text-decoration:none;display:inline-block;padding:3px 6px;margin:10px 10px 0 0}#link-home.button{border-bottom:2px solid #058}#link-grammar{background-color:#f93;border-bottom:2px solid #d71}#link-anki{background-color:#05c;border-bottom:2px solid #03a}#link-help{background-color:#39c;border-bottom:2px solid #17a}#link-report{background-color:#f66;border-bottom:2px solid #d44}#link-download{background-color:#9c6;border-bottom:2px solid #7a4}#link-donate{background-color:#c6c;border-bottom:2px solid #a4a}#link-github{background-color:#96f;border-bottom:2px solid #74d}#link-settings{background-color:#666;border-bottom:2px solid #444}#link-grammar:hover{background-color:#e82}#link-anki:hover{background-color:#04b}#link-help:hover{background-color:#28b}#link-report:hover{background-color:#e55}#link-download:hover{background-color:#8b5}#link-donate:hover{background-color:#b5b}#link-github:hover{background-color:#85e}#link-settings:hover{background-color:#555}#link-grammar:active,#link-grammar:focus{background-color:#d71}#link-anki:active,#link-anki:focus{background-color:#03a}#link-help:active,#link-help:focus{background-color:#17a}#link-report:active,#link-report:focus{background-color:#d44}#link-download:active,#link-download:focus{background-color:#7a4}#link-donate:active,#link-donate:focus{background-color:#a4a}#link-github:active,#link-github:focus{background-color:#74d}#link-settings:active,#link-settings:focus{background-color:#444}#link-list i{font-size:16px;vertical-align:middle;margin-right:6px}#link-github i,#link-help i{font-size:18px}#exercise-list #page-links{margin:0;padding:0}#exercise-list .indent-block{margin-left:10px}.donate-box{color:#333;background:#fcf;border:1px solid #c6c;position:relative;padding:5px;padding-left:35px;margin:5px auto;text-align:left;width:80%;max-width:600px}.donate-icon{color:#fcf;background:#c6c;font-size:20px;width:30px;text-align:center;position:absolute;top:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center}.donate-text a{color:#039;font-weight:700}.donate-text a i{font-size:12px;font-weight:400;vertical-align:super;margin-left:-3px}.info-box{color:#333;background:#eff;border:1px solid #17a;position:relative;padding:5px;padding-left:35px;margin:5px auto;text-align:left;width:80%;max-width:600px}.info-icon{color:#eff;background:#17a;font-size:20px;width:30px;text-align:center;position:absolute;top:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center}#project-list img{height:120px;margin:10px 4px 0 0}#related img{height:120px;margin:5px}#related h3{margin-top:20px;margin-bottom:5px}#quick-actions>div{margin:0}#quick-actions h2{font-size:20px;margin-top:15px}#quick-search{width:100%;box-sizing:border-box;margin-top:1em}#quick-search-results{border:1px solid #ccc}#quick-search-results:empty{border-color:transparent}#quick-search-results:not(:empty){height:300px;padding:3px;overflow:auto}#quick-search-results li{white-space:nowrap;overflow:hidden}#quick-nav-list li{position:relative;list-style-type:none}#quick-nav-list li:before{content:".";font-size:0;display:block;height:6px;width:6px;background:#17a;border-radius:100%;position:absolute;top:10px;left:-16px}#quick-nav-list li ul li:before{background:0 0;border:1px solid #17a;height:4px;width:4px}#quick-nav-list li.noBullet:before{display:none}#quick-nav-list a.sub-section-button{color:#fff;background:#17a;font-size:11px;text-align:center;text-decoration:none;display:inline-block;height:18px;width:18px;line-height:20px;padding:0;border-radius:100%;position:absolute;top:4px;left:-22px}#quick-nav-list a.sub-section-button:focus,#quick-nav-list a.sub-section-button:hover{background-color:#058}a.sub-section-button[data-open=true]:after{content:"\f078"}a.sub-section-button[data-open=false]:after{content:"\f054";letter-spacing:-2px}a.jump-arrow{color:#17a;text-decoration:none;float:right;margin:6px 3px 0 0}a.jump-arrow:focus,a.jump-arrow:hover{color:#047}#quick-search-results li[data-lesson]:before{content:attr(data-lesson);color:#fff;font-size:11px;background:#17a;border:1px solid #069;border-radius:3px;padding:0 2px;margin-right:3px}#exercise>*,.loading>*{visibility:hidden}#exercise:after,#exercise:before,.loading:after,.loading:before{color:#17a;position:absolute;top:50%}#exercise:before,.loading:before{content:"Now Loading...";font-size:16px;font-weight:700;font-style:italic;text-align:center;left:0;right:0;margin-top:40px}#exercise:after,.loading:after{content:"\f1ce";font-size:64px;font-family:FontAwesomeWeb,FontAwesome;left:50%;margin-top:-32px;margin-left:-32px;-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}#exercise.content-loaded>*{visibility:visible}#exercise.content-loaded:after,#exercise.content-loaded:before{content:"";display:none}.lesson-title{color:#17a;font-size:20px;border-bottom:2px solid #17a;padding-bottom:3px}.sub-lesson-title,.workbook-title{font-size:16px;margin:0 0 0 20px}.normal-block{font-size:14px}.title{color:#17a;font-size:28px;margin:20px 0}.title-desc{font-size:16px}.title-med{font-size:18px;margin:10px 0}.section-title{color:#17a;font-size:24px;border-bottom:2px solid #17a;margin:0;padding-bottom:6px}.sub-title{font-size:18px;margin:16px 0}#exercise-title{color:#17a;font-size:24px;margin:0 0 25px 0}#exercise-title:after,.title[data-page]:after{content:attr(data-page);color:#666;font-size:12px;font-style:italic;font-weight:400;display:block}.lesson-summary{font-size:13px;margin:10px;padding:10px;background:#eee;border:1px dashed #ccc}.lesson-summary .inline-columns>div{margin-right:50px;margin-bottom:0;vertical-align:top}.lesson-summary:before{content:"In this lesson, we will learn how to...";font-weight:700;color:#17a}.lesson-point{margin-left:13px}.lesson-point:before{content:"• ";color:#17a}footer{color:#fff;background:#333;text-align:center;padding:15px}#light-switch-label,footer a{color:#ccc}#light-switch-label:hover,footer a:hover{color:#fff}footer ul{list-style-type:none;margin:0;padding:0}footer li{float:left}footer li:before{content:"\f111";font-family:FontAwesomeWeb,FontAwesome;font-size:6px;margin:0 5px;vertical-align:middle}footer li:first-child:before{display:none}.footer-left{float:left}.footer-right{float:right}#drop-list,#question-list{float:left}#answer-list{float:right}.quiz-item{background:#eee;border:1px solid #ccc;margin:3px;padding:3px;min-width:25px;white-space:nowrap}#answer-list .quiz-item,.quiz-item.gu-mirror{cursor:move}.drawing-quiz .quiz-item{font-size:80px;height:110px;width:110px;line-height:110px;box-sizing:border-box;margin:0 auto}.drawing-quiz .stroke-order-button{margin:0;padding:0;width:110px;height:25px}.drag-quiz .quiz-answer-zone:focus,.drag-quiz .quiz-item:focus,.kana-quiz .quiz-answer-zone:focus,.kana-quiz .quiz-item:focus{color:#17a;border-color:#17a;outline:0}.quiz-item.markedItem{border-color:#17a;outline:1px solid #17a!important;box-shadow:3px 3px 3px rgba(0,0,0,.25);position:relative}#quiz-info{color:#fff;background:#17a;font-weight:700;text-align:left;padding:15px 15px 15px 50px;margin:10px 0;position:relative;overflow-y:auto}#quiz-info:before{content:"\f05a";font-size:32px;font-family:FontAwesomeWeb,FontAwesome;position:absolute;top:50%;margin-top:-16px;left:12px}#quiz-info a{color:#ff0}#quiz-info table{width:100%;background:#069;border-collapse:collapse;font-weight:400}#quiz-info table td{padding:3px;border:1px solid #058}#change-exercise-type-container,#check-answers,#quiz-timer{margin-top:10px}#quiz-timer:before{content:"Time Elapsed";display:block}.quiz-answer-zone:empty{border:1px solid #ccc;margin:3px;padding:3px}.drag-quiz .quiz-answer-zone:empty{min-width:100px}.drag-quiz .quiz-answer-zone,.drag-quiz .quiz-item{height:28px;line-height:20px;box-sizing:border-box}.vocab-horizontal #drop-list{display:none}.vocab-horizontal #answer-list,.vocab-horizontal #question-list{float:none}.vocab-horizontal #question-list{margin-bottom:30px}.vocab-horizontal #answer-list .quiz-item{display:inline-block}.vocab-horizontal .quiz-item-group{display:inline-block;vertical-align:top;width:20%}.drag-quiz .vocab-horizontal .quiz-answer-zone,.vocab-horizontal #answer-list .quiz-item{min-width:100px}.vocab-horizontal #answer-list .quiz-item{text-align:center;vertical-align:top}.vocab-horizontal .quiz-answer-zone .quiz-item{margin:0}.vocab-horizontal .quiz-answer-zone{margin:3px}.kanji-readings.drag-quiz .vocab-horizontal .quiz-item-text{text-align:left;display:inline-block;margin:0 auto}.kanji-readings.drag-quiz .vocab-horizontal #question-list .quiz-answer-zone .quiz-item{font-size:13px;line-height:20px}.kanji-meanings.drag-quiz .vocab-horizontal #question-list .quiz-answer-zone .quiz-item{font-size:13px;height:28px;line-height:20px}.vocab-horizontal.helper-present #question-list .quiz-item{margin-bottom:18px}.kanji-meanings.drag-quiz #question-list .quiz-item,.kanji-meanings.drag-quiz .quiz-answer-zone,.kanji-readings.drag-quiz .quiz-answer-zone,.kanji-readings.drag-quiz .quiz-item{height:48px}.kanji-meanings.drag-quiz #question-list .quiz-item,.kanji-readings.drag-quiz #question-list .quiz-item{line-height:44px;font-size:26px;padding:3px 10px}#review-exercise{margin-top:10px}.quiz-over #review-button{display:none}.more-exercises{margin-top:10px}.more-exercises a.button{margin:3px 0}.more-exercises a:after,.more-exercises a:before{font-size:18px;font-family:FontAwesomeWeb,FontAwesome;font-weight:400;vertical-align:middle}.more-exercises a.prev-ex{float:left}.more-exercises a.prev-ex:before{content:"\f060";margin-right:10px}.more-exercises a.next-ex{float:right}.more-exercises a.next-ex:after{content:"\f061";margin-left:10px}#exercise-list,#toggle-exercises,#toggle-exercises:after,#toggle-exercises:before{transition-duration:.3s}#exercise-list{background:#eee;border-right:1px solid #ccc;position:fixed;top:0;left:-301px;bottom:0;width:300px;visibility:hidden;z-index:10}#random-exercise{height:32px;width:32px;text-align:center;position:absolute;top:0;left:0;margin:0;padding:0}#random-exercise i{line-height:32px;margin:0}.list-open+#exercise-list{left:0;visibility:visible}#toggle-exercises{background:#047;text-decoration:none;text-align:center;line-height:32px;height:32px;width:32px;position:fixed;top:0;left:0;z-index:11;cursor:pointer;transition-property:left}#toggle-exercises:hover{background:#058}#toggle-exercises:focus{background:#069}#toggle-exercises:after,#toggle-exercises:before{color:#fff;font-size:28px;font-family:FontAwesomeWeb,FontAwesome;position:absolute;left:0;right:0;transition-property:opacity}#toggle-exercises:after{content:"\f0c9"}#toggle-exercises:before{content:"\f00d";opacity:0}#toggle-exercises.list-open{left:268px}#toggle-exercises.list-open:after{opacity:0}#toggle-exercises.list-open:before{opacity:1}#lessons-list{overflow-y:auto;overflow-x:hidden;height:95%;height:calc(100% - 32px)}#exercise-list .main-title{color:#fff;background:#17a;font-size:18px;text-align:center;line-height:32px;margin:0}.menu-item-list{display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative}.result--perfect{color:#f90;font-weight:600}.result--good{color:#080;font-weight:600}.result--average{color:#aa0;font-weight:600}.result--low{color:red;font-weight:600}.exercise-results{min-width:65px}.exercise-results .fa{font-size:16px}#exercise-list .lesson-title{color:#333;font-size:15px;border-bottom:1px solid #ccc;margin:0;padding:3px;cursor:pointer;outline:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#exercise-list .lesson-title:focus,#exercise-list .lesson-title:hover{color:#17a}#exercise-list .lesson-title:before{content:"\f054";font-family:FontAwesomeWeb,FontAwesome;margin-right:3px}#exercise-list .lesson-title.lesson-open:before{content:"\f078"}#exercise-list .sub-lesson-title{font-size:14px;margin:12px 0 0 12px}#exercise-list ul{border-bottom:1px solid #ccc;margin:0;padding:3px 3px 12px 3px;list-style-type:none;display:none}#exercise-list .lesson-title.lesson-open+ul{display:block}#exercise-list li a{white-space:nowrap;text-decoration:none;text-overflow:ellipsis;overflow:hidden;display:block}#exercise-list li a.active-lesson{color:#17a;font-weight:700}#exercise-list li a:before{content:"\f054";color:#333;font-family:FontAwesomeWeb,FontAwesome;margin-right:3px}#exercise-list li a:focus,#exercise-list li a:hover{color:#17a}#exercise-list li a:focus:before,#exercise-list li a:hover:before{color:#17a}#exercise-list #page-links li:first-child a:before{content:"\f015"}#exercise-list #page-links li a[href^="../../../help"]:before{content:"\f059"}#exercise-list #page-links li a[href^="../../../report"]:before{content:"\f188"}#exercise-list #page-links li a[href^="../../../download"]:before{content:"\f019"}#exercise-list #page-links li a[href^="../../../donate"]:before{content:"\f004"}#exercise-list li a[data-page]:focus:after,#exercise-list li a[data-page]:hover:after{content:attr(data-page);color:#fff;font-size:12px;font-weight:400;line-height:12px;background:#17a;border:1px solid #069;border-radius:3px;position:absolute;right:3px;padding:3px}.quiz-answer-zone:empty:after{content:attr(data-text);color:transparent}.answer-correct,.quiz-over .insert-trigger{pointer-events:none}.quiz-over .problem-hint .spoiler,.quiz-over.drag-quiz .answer-correct,.review-mode .answer-correct{pointer-events:auto}.answer-correct .quiz-item:before,.drag-quiz .answer-correct .quiz-item-text:before{content:"\f005\A0";font-family:FontAwesomeWeb,FontAwesome;color:#17a}.drag-quiz .answer-correct .quiz-item:before{content:""}.quiz-over [data-mistakes]{position:relative}.quiz-over [data-mistakes] .quiz-item{border-color:red}.quiz-over [data-mistakes]:after{color:red;content:"\f060\A0 wrong " attr(data-mistakes) "x";font-size:14px;font-family:'メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,sans-serif,FontAwesomeWeb,FontAwesome;display:block;position:absolute;top:3px;right:-85px}.quiz-over .vocab-horizontal [data-mistakes]:after{content:"x" attr(data-mistakes);font-size:10px;font-weight:700;right:3px;top:auto;bottom:-2px}.quiz-over .vocab-horizontal [data-mistakes="0"]:after{content:""}#wrongAnswer{position:relative}#wrongAnswer:before{content:"\f00d\A0 wrong";font-family:'メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,sans-serif,FontAwesomeWeb,FontAwesome;font-size:14px;color:red;position:absolute;right:-70px;pointer-events:none}.vocab-horizontal #wrongAnswer:before{right:auto;left:3px}.kana-quiz #wrongAnswer:before{content:"\f00d";right:-6px;top:-10px}.quiz-over [data-mistakes="0"] .quiz-item{border-color:#ccc}.quiz-over [data-mistakes="0"]:after{content:""}#question-list .quiz-item{text-align:center}.helper-present #question-list .quiz-item{position:relative}.helper-present #drop-list .quiz-answer-zone.helper-answer,.helper-present #question-list .quiz-item[data-helper]{margin-bottom:18px}.helper-present .hidden-text{visibility:hidden;display:block;margin-top:-20px}.helper-hidden .hidden-text,.stroke-order-hidden .kanji-stroke-order{display:none}.kana-quiz #answer-list,.kana-quiz #question-list{float:none}.kana-quiz #question-list{margin-bottom:30px}.kana-quiz .quiz-answer-zone,.kana-quiz .quiz-item{text-align:center;display:inline-block}.kana-quiz .quiz-answer-zone:empty,.kana-quiz .quiz-item{height:30px;width:35px;line-height:22px;box-sizing:border-box}.kana-quiz .quiz-column{margin:0 5px;float:left}.kana-quiz .quiz-column:first-child{margin-left:0}.kana-quiz .quiz-column:last-child{margin-right:0}.kana-quiz .answer-correct .quiz-item{position:relative}.kana-quiz .answer-correct .quiz-item:before{position:absolute;right:-8px;top:-5px}.kana-quiz.quiz-over [data-mistakes]:after{content:"x" attr(data-mistakes);font-size:8px;line-height:8px;font-weight:700;right:auto;top:auto;bottom:3px;right:4px}.kana-quiz.quiz-over [data-mistakes="0"]:after{display:none}.verb-quiz #answer-list{float:none;clear:both}.verb-quiz #question-list{width:20%}.verb-quiz #drop-list{width:80%}.verb-quiz #drop-list,.verb-quiz #question-list{margin-bottom:30px}.verb-quiz #answer-list .quiz-item{display:inline-block}.quiz-column-title{background:#eee;border:1px solid #ccc;justify-content:center;text-align:center;margin:2px 3px;padding:3px}.quiz-column-title:last-child{margin-right:0}#question-list .quiz-column-title:after{content:"\A0";display:block}.verb-quiz #question-list>div{margin:3px 3px 3px 0}.verb-quiz #question-list .quiz-column-title{margin-top:2px}.verb-quiz #drop-list>div,.verb-quiz #drop-list>div>div{white-space:nowrap;display:flex;flex:1}.verb-quiz .quiz-answer-zone .quiz-item{margin:0;padding:0;border:none;background:0 0}.verb-quiz .quiz-answer-zone{margin:1px 3px 2px 3px!important}.verb-quiz .quiz-answer-zone:last-child{margin-right:0!important}.verb-quiz .quiz-answer-zone:not(:empty){background:#eee;border:1px solid #ccc;padding:3px;margin:3px}.verb-quiz.quiz-over [data-mistakes]{border-color:red}.verb-quiz.quiz-over [data-mistakes]:after{content:"x" attr(data-mistakes);font-size:10px;line-height:8px;font-weight:700;right:auto;top:auto;bottom:3px;right:4px}.verb-quiz.quiz-over [data-mistakes="0"]{border-color:#ccc}.verb-quiz.quiz-over [data-mistakes="0"]:after{display:none}.drawing-quiz #question-list,.writing-quiz #question-list{float:none}.drawing-quiz .quiz-answer-row,.writing-quiz .quiz-answer-row{white-space:nowrap;display:flex;flex:1;margin:0 3px}.writing-quiz .quiz-answer-row.furi-row{margin-bottom:12px}.writing-quiz .quiz-item{font-size:14px;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vocab-horizontal .quiz-item-text,.writing-quiz .quiz-item-text{overflow-x:auto}.vocab-horizontal .quiz-item-text::-webkit-scrollbar,.writing-quiz .quiz-item-text::-webkit-scrollbar{width:6px;height:6px}.vocab-horizontal .quiz-item-text::-webkit-scrollbar-thumb,.writing-quiz .quiz-item-text::-webkit-scrollbar-thumb{background-color:#17a;border:none}.vocab-horizontal .quiz-item-text::-webkit-scrollbar-thumb:hover,.writing-quiz .quiz-item-text::-webkit-scrollbar-thumb:hover{background-color:#069}.vocab-horizontal .quiz-item-text::-webkit-scrollbar-thumb:active,.writing-quiz .quiz-item-text::-webkit-scrollbar-thumb:active{background-color:#058}.vocab-horizontal .quiz-item-text::-webkit-scrollbar-track,.writing-quiz .quiz-item-text::-webkit-scrollbar-track{background:rgba(0,0,0,.15)}.vocab-horizontal .quiz-item-text::-webkit-scrollbar-button:single-button,.writing-quiz .quiz-item-text::-webkit-scrollbar-button:single-button{background:0 0;height:0;width:0}.writing-quiz .helper-present #question-list .quiz-item[data-helper]{margin-bottom:3px}.writing-quiz .helper-hidden .quiz-item[data-helper]:before{display:none}.writing-quiz .helper-hidden .quiz-answer-row.furi-row{margin-bottom:0}.drawing-quiz .quiz-item,.drawing-zone,.writing-quiz .quiz-item,.writing-zone{text-align:center}.drawing-zone,.writing-zone{margin:3px;min-width:25px}input.writing-zone-input{font-size:14px;font-family:'メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,sans-serif;text-align:center;background:#fff;border:1px solid #ccc;box-sizing:border-box;width:100%;padding:3px 0;outline:0}input.writing-zone-input:disabled{color:#333}input.writing-zone-input::placeholder{color:#bbb}input.writing-zone-input:hover{border-color:#999}input.writing-zone-input:focus{border-color:#17a}.even-width .writing-zone,.even-width .writing-zone-input,.max-width .writing-zone,.max-width .writing-zone-input{text-align:left;width:100%!important}.fill-quiz .even-width .writing-zone-input{padding:3px}.max-width .writing-zone,.max-width .writing-zone-input{text-align:center}.large-width .writing-zone{width:90%!important}.large-width .writing-zone-input{width:100%!important}.fill-quiz .set-problem-width .block,.fill-quiz .set-problem-width .problem{width:150px}.fill-quiz .set-problem-width-med .block,.fill-quiz .set-problem-width-med .problem{width:200px}.fill-quiz .set-problem-width-large .block,.fill-quiz .set-problem-width-large .problem{width:300px}.fill-quiz .set-problem-width .block,.fill-quiz .set-problem-width .problem,.fill-quiz .set-problem-width-large .block,.fill-quiz .set-problem-width-large .problem,.fill-quiz .set-problem-width-med .block,.fill-quiz .set-problem-width-med .problem{max-width:100%}.writing-quiz.quiz-over .writing-zone-input{pointer-events:none}.writing-quiz.quiz-over [data-mistakes]{border-color:red}.writing-quiz.quiz-over [data-mistakes="0"]{border-color:#ccc}.writing-zone.answer-correct{position:relative}.writing-zone.answer-correct:after{content:"\f005";font-family:FontAwesomeWeb,FontAwesome;color:#17a;position:absolute;right:-4px;top:-4px}.helper-present #question-list .quiz-item:before,.writing-quiz .quiz-item:before{content:attr(data-helper);font-size:11px;line-height:15px;color:#666;background:#ccc;position:absolute;left:-1px;right:-1px;bottom:-15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.writing-quiz .no-helper [data-helper]:before{display:none}.writing-quiz.quiz-over .no-helper [data-helper]:before{display:block}.multi-quiz #question-list{float:none}.quiz-multi-row{margin:10px 0}.question-block{background:#eee;border:1px solid #ccc;margin:30px 0;position:relative}.question-block:after{content:attr(data-qid) ".";position:absolute;top:-20px;left:0}.quiz-multi-question{font-size:14px;text-align:center;border-bottom:1px solid #ccc;padding:5px}.text-block.multi-quiz-image{margin:10px 0}.big-kanji{font-size:100px}.multi-vocab{font-size:32px;min-height:64px}.multi-vocab rt{font-size:16px;margin-top:-8px}.multi-vocab hr{margin:10px 0}.multi-vocab-sentence{font-size:24px}.vocab-spoiler-toggle{display:none}.spoiler-mode .vocab-spoiler-toggle{display:block;margin:10px auto 0 auto}.spoiler-mode .vocab-spoiler{position:relative}.spoiler-mode .vocab-spoiler:after{content:"";background:#ccc;position:absolute;top:0;left:0;right:0;bottom:0}.quiz-over .vocab-spoiler-toggle,.quiz-over .vocab-spoiler:after,.spoiler-off.vocab-spoiler:after{display:none}.kana-font{font-family:NotoSansJP,SawarabiGothic,"MS Gothic","Yu Gothic",Meiryo}.drawing-quiz .quiz-item-text.kana-font{margin-top:-7px}.drawing-quiz .quiz-item{overflow:hidden}.kanji-container{display:inline-block}.kanji-canvas{background:#fff;border:1px solid #ccc;display:block;margin:0 auto;outline:0}.kanji-canvas:focus{border-color:#17a;border-color:rgba(17,119,170,.5)}.furigana,.inline-furi i{color:#777;font-size:11px;margin-top:-3px}ruby{text-align:center;display:inline-block;vertical-align:top}.helper-hidden ruby{display:inline;position:static;vertical-align:baseline}ruby rt{color:#777;font-size:11px;display:block;text-align:center;margin-top:-1px;padding:0 2px}#index-list li a ruby rt,#quick-search-results ruby rt,.main-color ruby rt,.section-title ruby rt,.workbook-title ruby rt,a ruby rt{color:#367}.helper-hidden .multi-vocab ruby{display:inline-block;vertical-align:top}.helper-hidden .multi-vocab rt{display:block;visibility:hidden}.helper-hidden .multi-vocab ruby:hover rt{visibility:visible}.slim-ruby ruby{width:10px}.ruby-always-visible ruby{display:inline-block!important;position:relative!important}.ruby-always-visible rt{display:block!important}#quiz-info .furigana,#quiz-info .inline-furi i,#quiz-info ruby rt{color:#ccc;color:rgba(255,255,255,.6)}.helper-hidden .furigana,.helper-hidden .inline-furi i,.helper-hidden ruby rt{display:none}.inline-furi{position:relative;display:inline-block;margin-bottom:15px}.helper-hidden .inline-furi{margin-bottom:0}.inline-furi .furigana,.inline-furi i{text-align:left;font-style:normal;white-space:nowrap;position:absolute;bottom:-15px;left:0}.quiz-multi-question .lesson-image img{border:1px solid #ccc;margin:3px}.quiz-multi-answer{color:#333;font-size:14px;text-rendering:auto;background:#fff;border:1px solid #ccc;padding:6px;display:block;width:50%;margin:0 auto;cursor:pointer;outline:0;position:relative;box-sizing:border-box;align-items:flex-start;text-align:center;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.quiz-answer-inner-text,.quiz-question-inner-text{display:inline-block;text-align:left}.text-selection-mode .quiz-multi-answer{cursor:text;outline:1px dashed #17a;-webkit-touch-callout:auto;-webkit-user-select:auto;-khtml-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.quiz-multi-answer:before{content:attr(data-option) ":";font-size:18px;font-weight:400;font-family:Arial;position:absolute;left:-25px;top:50%;margin-top:-10px}.quiz-multi-answer:focus,.quiz-multi-answer:hover{border-color:#17a}.quiz-multi-answer:focus:before,.quiz-multi-answer:hover:before{color:#17a}.multi-quiz.quiz-over .quiz-multi-answer{pointer-events:none}.multi-quiz.quiz-over .text-selection-mode .quiz-multi-answer{pointer-events:auto}.multi-quiz.quiz-over .quiz-multi-answer.selected-answer,.multi-quiz.quiz-over .wrong-answer .quiz-multi-answer.selected-answer,.multi-quiz.quiz-over .wrong-answer .quiz-multi-answer[data-answer=true]{border-width:3px}.multi-quiz.quiz-over .quiz-multi-answer.selected-answer{border-color:#080}.multi-quiz.quiz-over .quiz-multi-answer.selected-answer:before,.multi-quiz.quiz-over .quiz-multi-answer[data-answer=true]:before{color:#080}.multi-quiz.quiz-over .wrong-answer .quiz-multi-answer.selected-answer{border-color:red}.multi-quiz.quiz-over .wrong-answer .quiz-multi-answer.selected-answer:before{color:red}.multi-quiz.quiz-over .wrong-answer .quiz-multi-answer[data-answer=true]{border-color:#09f}.multi-quiz.quiz-over .wrong-answer .quiz-multi-answer[data-answer=true]:before{color:#09f}.kanji-canvas[data-answer=true]{border-color:#080}.kanji-canvas[data-answer=false]{border-color:red}.quiz-over .kanji-canvas{pointer-events:none}.quiz-over .kanji-canvas-actions,.stroke-quiz.quiz-over .next-question{display:none}.stroke-order-container{width:100%;overflow-y:hidden;overflow-x:scroll}.stroke-order-container img{max-width:none}#exercise .text-passage{font-size:16px;text-align:left;width:80%;overflow:auto;padding:25px;margin:15px auto}.quiz-multi-answer.next-question:before{content:"\f061";font-family:FontAwesomeWeb,FontAwesome;left:auto;right:6px;margin-top:-9px}.hidden-answer{display:none}#quiz-progress{border:1px solid #17a;height:25px;position:relative;overflow:hidden}#quiz-progress-bar{background:#17a;font-weight:700;height:25px;transition:.3s}#quiz-progress-text{color:#000;text-align:center;position:absolute;top:0;left:0;right:0;bottom:0;line-height:26px}.text-block{font-size:14px;background:#eee;border:1px solid #ccc;margin:30px auto;padding:15px;overflow-x:auto}.text-block .sub-section{background-color:#fff;border:1px solid #ddd;padding:6px}.text-block .sub-section .sub-section{background-color:rgba(0,0,0,.05);border-color:rgba(0,0,0,.08)}.text-block p{margin:0 0 25px 0}.audio-block{margin:25px 0 25px 0}.fill-quiz .inner-problem{display:inline-block;max-width:97%}.fill-quiz .big-margin,.fill-quiz .example-problem,.fill-quiz .problem{margin-bottom:40px}.fill-quiz .small-margin .block,.fill-quiz .small-margin .problem{margin-bottom:25px}.fill-quiz .no-margin .block,.fill-quiz .no-margin .problem{margin-bottom:0}.fill-quiz .inline-problem .block,.fill-quiz .inline-problem .problem{vertical-align:top;display:inline-block;margin-right:25px}.fill-quiz .inline-problem.large-space .block,.fill-quiz .inline-problem.large-space .problem{margin-right:50px}.fill-quiz .image-margin img,.margin{margin:3px}.fill-quiz span.problem{display:inline-block;margin:0}.fill-quiz .alt-phrase{color:#09f;font-weight:700}.fill-quiz .alt-phrase-sep{color:#06c}.big-label,.label,.med-label,.sm-label{display:inline-block;width:120px;max-width:100%}.sm-label{width:80px}.med-label{width:200px}.big-label{width:300px}.image-list>span{position:relative;display:inline-block;margin:0 25px 25px 0;vertical-align:top}.image-list>span i{color:#333;font-size:13px;font-weight:700;font-style:normal;position:absolute;top:2px;left:4px;z-index:1}.columns-2>div{width:50%;margin:0 0 25px 0;float:left}.valign-top.inline-columns>div{vertical-align:top}.inline-columns>div{display:inline-block;margin:0 10px 30px 0}.example-problem.inline-columns>div,.problem.inline-columns>div{margin-bottom:40px}.example-problem.inline-columns,.problem.inline-columns{position:relative;padding-left:30px;margin:0}.example-problem.inline-columns{padding-left:62px}.example-problem.inline-columns:before,.problem.inline-columns:before{position:absolute;left:0}.indent-block{margin-left:20px}.section-desc,.sectionDesc3rd{font-weight:700;margin:20px 0}.section-number{font-weight:400;text-align:center;border:1px solid #333;border-radius:100%;display:inline-block;height:22px;width:22px;line-height:21px;box-sizing:border-box;vertical-align:middle;cursor:default}.sectionNumber3rd{font-size:12px;font-weight:700;text-align:center;background-color:#ccc;border:1px solid #999;border-radius:100%;display:inline-block;height:22px;width:22px;line-height:21px;box-sizing:border-box;vertical-align:middle;letter-spacing:-2px;padding-right:2px;cursor:default}.sectionNumber3rd.fa{letter-spacing:-4px}.sectionDesc3rd{font-size:15px;padding-left:28px}.sectionDesc3rd .sectionNumber3rd{margin:0 6px 0 -28px}.yomikata{margin-right:5px}.section-number,.sectionNumber3rd,.yomikata{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.count-problems{counter-reset:problems}.count-problems .problem:before{counter-increment:problems;content:counter(problems) ".";margin-right:6px;vertical-align:top}.example-problem:before{content:"例";color:#17a;font-weight:700;border:1px solid #17a;border-radius:5px;padding:2px;font-size:16px;line-height:16px;display:inline-block;margin-right:6px;vertical-align:top}.count-problems.count-alpha .problem:before{content:counter(problems,lower-alpha) "."}.count-problems td.problem{margin:0}.count-problems td.problem:before{float:left;margin-left:5px}.fill-quiz .writing-zone{background:0 0;display:inline-block;vertical-align:top;margin:0 1px;min-width:0}.fill-quiz .valign-off .writing-zone{vertical-align:0}.fill-quiz .valign-top .writing-zone,.valign-top .button.play-button{vertical-align:top}.fill-quiz .pad-zones .writing-zone{vertical-align:top;margin-bottom:25px}.fill-quiz .big-margin.pad-zones .writing-zone{margin-bottom:40px}.fill-quiz .writing-zone-input{font-size:14px;background:0 0;border:none;border-bottom:2px solid #999;width:auto;padding:0}.fill-quiz .writing-zone-input::placeholder{color:#999}.fill-quiz .writing-zone-input:hover{border-color:#666}.fill-quiz .writing-zone-input:focus{border-color:#17a}.problem-answer,.problem-hint{font-size:14px;display:block}.problem-answer{color:#080}.secondary-answer{font-size:11px;line-height:10px;display:block}.secondary-answer.furigana-only{color:#666}.img-problem{margin-top:5px}.img-problem>div{float:left}.img-problem>div:first-child{margin-right:10px}.vocab-key{padding-top:30px;margin:15px auto;position:relative;border:1px solid #999}.vocab-key>div{padding:6px;box-sizing:border-box;margin-bottom:0}.vocab-key>div:last-child{border-left:1px solid #999;margin-left:-1px}.vocab-key>div:first-child{border-right:1px solid #999;border-left:none}.vocab-key:before{content:"単　語";font-size:20px;text-align:center;border-bottom:1px solid #999;height:30px;line-height:34px;position:absolute;top:0;left:0;right:0}.show-bg .problem-answer,.show-bg .secondary-answer{background:#fff;background:rgba(255,255,255,.5);border:1px solid #ccc;border-color:rgba(204,204,204,.7);border-top:none}.show-bg .problem-answer{border-bottom:none;position:relative;z-index:1}.show-bg .secondary-answer{line-height:14px;margin:0 -1px 0 -1px}[data-mistakes="1"]+.problem-hint{display:none}.quiz-over .writing-zone:hover [data-mistakes="1"]+.problem-hint{display:block;height:0}.quiz-over .writing-zone:hover [data-mistakes="1"]+.problem-hint+.problem-answer{visibility:hidden}.fill-quiz.quiz-over .writing-zone-input{pointer-events:none}.fill-quiz.quiz-over [data-mistakes]{border-color:red}.fill-quiz.quiz-over [data-mistakes="0"]{border-color:#080}.fill-quiz .writing-zone.answer-correct:after{display:none}.fill-quiz td .writing-zone{margin-bottom:5px}.fill-quiz.quiz-over td .problem-answer{white-space:nowrap}#complete-banner{color:#fff;background:#17a;font-size:16px;font-weight:700;padding:5px}#result-list{background:#eee;border:1px solid #ccc}.result-row{border-bottom:1px solid #ccc;padding:3px}.result-row:last-child{border:none}.result-label{text-align:right;font-weight:700;display:inline-block;width:150px;margin-right:5px}#lessons li a{display:inline-block}#exercise-list li a,#lessons li a{padding:3px 0}#study-tool-ui{overflow:auto;max-height:300px}#study-tool-ui .button .fa{margin:0}#study-tool-editor ol>li:only-child>.button.row-remove,#study-tool-editor ul>li:only-child>.button.row-remove{display:none}#study-tool-ui li{margin:5px 0}#study-tool-ui .sentence-field{display:none;width:50%;margin-top:5px}.show-sentences #study-tool-ui .sentence-field{display:block}#study-tool-code textarea{height:100px;width:80%}#study-tool-settings{margin:5px 0;padding:0;font-size:0}#study-tool-settings li{list-style-type:none;display:inline-block;margin-right:10px;font-size:14px}#study-tool-settings .button{margin:0}#study-tool-settings label{cursor:pointer;vertical-align:top;font-weight:700}#downloadCode:before,#loadCode:before{font-family:FontAwesomeWeb,FontAwesome;font-weight:400;font-size:16px;margin-right:4px;vertical-align:middle}#downloadCode:before{content:"\f019"}#loadCode:before{content:"\f093"}#study-tool-file{visibility:hidden;position:absolute}#study-tool-ui .item-row.question-row{background:#eee;border:1px solid #ccc;padding:6px;margin:10px}.item-row.question-row{position:relative}.item-row.question-row>.button{position:absolute;top:0;right:0}.item-row.question-row>.button.row-add{right:40px}.item-row.question-row:only-child>.button.row-add{right:0}.item-row.question-row textarea{width:80%}.item-row.question-row input[type=text]{width:50%}#study-tool-ui.written-quiz{list-style-type:none;padding:0;overflow:visible}#study-tool-ui.written-quiz textarea{width:80%;height:150px}#genki-modal-overlay{background:#000 no-repeat center;position:fixed;top:0;left:0;right:0;bottom:0;opacity:.5;z-index:9999}#genki-modal-body{background:#fff;border:1px solid #17a;position:fixed;top:10%;left:25%;right:25%;bottom:40%;z-index:99999}#genki-modal-header{color:#fff;background:#17a;margin:0;padding:0 6px;height:40px;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#genki-modal-content{font-size:15px;padding:6px;position:absolute;top:40px;left:0;right:0;bottom:40px;overflow-y:auto}#genki-modal-buttons{height:40px;line-height:40px;position:absolute;bottom:0;left:0;right:0}#genki-modal-buttons .button{line-height:normal;margin:0 6px 0 6px}#break-minutes{width:50px}#break-timer{font-weight:700;font-size:24px;position:absolute;top:25%;left:0;right:0}.taking-a-break #genki-modal-body,.taking-a-break #genki-modal-header,.taking-a-break #genki-modal-overlay{transition:1s}.taking-a-break #genki-modal-buttons button{display:none}.taking-a-break #genki-modal-header{text-align:center;background-color:rgba(17,119,170,.7)}.taking-a-break #genki-modal-body{background-color:rgba(255,255,255,.7);border-color:rgba(17,119,170,.7)}.taking-a-break #genki-modal-overlay{background-size:cover;opacity:1}#genki-site-settings{font-size:26px;display:inline-block;height:20px;line-height:20px;margin-left:15px}#genki-site-settings:focus{color:#17a}#genki-site-settings i{vertical-align:-5px}.genki-settings-list{list-style-type:none}.genki-settings-list li{margin:10px 0}.genki-settings-list .label{width:40%;margin-right:10px;text-align:right;font-weight:700;vertical-align:top;cursor:help}#page-custom-css{width:50%;height:100px}.button.opt-off{background-color:#999}.button.opt-off:hover{background-color:#888}.button.opt-off:focus{background-color:#777}#light-switch-container{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#light-switch-label{vertical-align:middle;cursor:pointer}#light-switch{background-color:rgba(0,0,0,.25);border:1px solid rgba(0,0,0,.25);vertical-align:middle;display:inline-block;position:relative;height:26px;width:60px;border-radius:20px;cursor:pointer;overflow:hidden}#light-switch:focus{border:1px solid #17a;outline:0}#light-switch>input{display:none}#light-switch>div{background-color:rgba(255,255,255,.5);position:absolute;top:3px;left:3px;height:20px;width:20px;border-radius:20px;transition:.4s;font-size:13px;font-weight:700;line-height:22px}#light-switch>div:before{content:'ON';margin-left:-27px;color:transparent;transition:.4s}#light-switch>div:after{content:'OFF';margin-left:30px;color:rgba(255,255,255,.5);transition:.4s}#light-switch>input:checked+div{background-color:#fff;left:37px}#light-switch>input:checked+div:before{color:#fff}#light-switch>input:checked+div:after{color:transparent}.genki_pseudo_checkbox,.genki_pseudo_radio{display:inline-block;text-align:center;background:#fff;border:1px solid #ccc;height:16px;width:16px;vertical-align:middle;margin-right:3px;position:relative;overflow:hidden;cursor:pointer}.genki_pseudo_checkbox:focus,.genki_pseudo_checkbox:hover,.genki_pseudo_radio:focus,.genki_pseudo_radio:hover{border-color:#17a;outline:0}input[disabled]+.genki_pseudo_checkbox,input[disabled]+.genki_pseudo_radio{opacity:.5;cursor:not-allowed}.genki_pseudo_radio{border-radius:100%}.genki_pseudo_radio:after,.genki_pseudo_radio:before,input:checked+.genki_pseudo_radio:after{content:"";font-size:0;border-radius:100%;position:absolute;top:3px;left:3px;height:10px;width:10px}.genki_pseudo_radio:before{background:#ccc}.genki_pseudo_radio:after{background:#17a;top:8px;left:8px;height:0;width:0}.genki_pseudo_checkbox:after{content:"\f00c";color:#17a;font-family:FontAwesomeWeb,FontAwesome;font-size:0;position:absolute;top:0;left:0;right:0;line-height:16px}input:checked+.genki_pseudo_checkbox:after{font-size:14px}.genki_input_hidden{visibility:hidden;position:absolute}.checkbox-label{font-size:13px;font-weight:700;cursor:pointer}.dict-block{margin-top:50px}.dict-hidden{display:none}.dict-desc{padding:3px}.leg-desc{font-size:12px;vertical-align:top}#dictionary-modes .button{border:2px solid transparent}#dictionary-modes .button.active-mode{color:#17a;border-color:#17a;background-color:transparent;cursor:default}#dict-legend .text-block{margin:3px}#dict-legend .text-block div{margin:3px 0}.dictionary-index{margin:3px;padding:3px}#japanese-english .dictionary-index ul{float:left;padding:3px;margin:0}#japanese-english .dictionary-index ul.dict-index-split{margin-left:10px}.dictionary-index li{list-style-type:none;margin:0 3px;float:left}#japanese-english .dictionary-index li{float:none}.dictionary-index li{font-weight:700;font-size:18px}.dictionary-index li a{color:#17a}.dictionary-index li a:hover{color:#047}.dict-index-disabled{opacity:.5;cursor:default}.dictionary-index.dict-alpha li{margin:0 8px}.dict-search-wrapper{margin:3px}.dict-search{width:100%;box-sizing:border-box}.dict-search-results{border:1px solid #ccc;margin:0}.dict-search-results:empty{border-color:transparent}.dict-search-results:not(:empty){height:250px;padding:3px;overflow:auto;position:relative}#selected_words_list.dict-search-results .definition{list-style-type:decimal;list-style-position:inside}#selected_words_list.dict-search-results{width:80%;height:80%;padding:5px 10px;margin:0 auto}.dictionary-group{float:left;width:48.5%;margin-right:1.5%;padding:0}.dictionary-group:nth-of-type(even){margin-right:3%}.dictionary-group:nth-of-type(odd){margin-right:0}.dictionary-group .word-list{padding:0}.dictionary-group .word-list.hidden{display:none}.group-selectors.hidden{display:none}.group-selectors .deselect-all:before,.group-selectors .select-all:before{font-size:17px;font-family:FontAwesomeWeb,FontAwesome;font-weight:400;vertical-align:middle;margin-right:10px}.group-selectors .select-all:before{content:"\f046"}.group-selectors .deselect-all:before{content:"\f096"}.dict-search-wrapper .group-selectors .button,.dictionary-group .group-selectors .button{padding:3px 6px;margin:3px 0;width:30px;height:30px}.dict-search-wrapper .group-selectors .deselect-all:before,.dict-search-wrapper .group-selectors .select-all:before,.dictionary-group .group-selectors .deselect-all:before,.dictionary-group .group-selectors .select-all:before{margin:0}.definition-count{font-size:16px;vertical-align:top;margin-left:8px}.definition{font-size:14px;list-style-type:none;margin:6px 0;overflow:hidden}.def-ja.def-furi{position:relative;display:inline-block;margin-bottom:15px}.def-ja.def-furi i{color:#777;font-size:11px;font-style:normal;white-space:nowrap;position:absolute;bottom:-15px;left:0}#english-japanese .def-en,#japanese-english .def-ja,#quick-jisho-results .def-ja{margin-right:8px}.def-label{float:right}.def-vtype{font-size:0}.def-vtype i{font-size:12px;font-style:normal;color:#fff;background:#17a;border:1px solid #069;border-radius:3px;display:inline-block;line-height:12px;padding:3px}#quick-jisho-toggle{color:#fff;font-size:18px;text-align:center;line-height:32px;background:#17a;height:30px;width:30px;border-radius:100%;position:fixed;right:5px;bottom:5px;cursor:pointer}#quick-jisho-toggle:focus,#quick-jisho-toggle:hover{opacity:.7;outline:0}#quick-jisho-window{background:#fff;border:1px solid #ccc;box-shadow:0 0 6px rgba(0,0,0,.25);height:300px;width:500px;max-height:85%;max-width:90%;position:fixed;right:5px;bottom:40px;opacity:1;transition-duration:.3s;transition-property:opacity,bottom}#quick-jisho-window.quick-jisho-hidden{bottom:-310px;opacity:0}#quick-jisho-title{color:#fff;background:#17a;font-size:18px;text-align:center;line-height:32px;margin:-1px -1px 0 -1px}.quick-jisho-row{padding:3px}.quick-jisho-row:first-child{padding-bottom:0}#quick-jisho-search{width:100%;height:35px;box-sizing:border-box}#quick-jisho-results{height:219px;padding:3px;margin:0;overflow-y:auto}#quick-jisho-results .definition:focus{color:#17a;outline:0}#quick-jisho-selector{border-radius:15px;border:1px solid rgba(0,0,0,.15);box-shadow:0 0 3px rgba(0,0,0,.25);padding:3px 9px;margin:0;position:absolute;z-index:9999}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}@media (max-width:1000px){.content-block{padding:30px 0}#announce-inner{padding:0 6px}footer li{float:none;display:inline-block}footer li:before{margin-left:0}.footer-left,.footer-right{float:none;text-align:center;margin-bottom:10px}#light-switch-container{height:auto;margin-top:0}#quick-search-wrapper,.normal-block,h2,h3,h4,p{padding:0 6px}a.anchor{margin:0 0 0 -5px}.center a.anchor,.sub-lesson-title a.anchor,.workbook-title a.anchor{margin:0 0 0 -25px}.kana-quiz .quiz-column{margin:0}.text-passage{width:90%}.quiz-multi-answer{width:80%}.more-exercises{text-align:center}.more-exercises a.button{float:none;margin:3px}#genki-modal-header{font-size:16px}#genki-modal-content{font-size:14px}#genki-modal-body{left:5%!important;right:5%!important;bottom:10%!important}}@media (max-width:930px){.drawing-quiz .drawing-zone{width:auto!important;margin:3px auto}.drawing-quiz .quiz-answer-row{flex-wrap:wrap;padding-bottom:25px;margin-bottom:25px;border-bottom:3px dashed #17a}}@media (max-width:820px){header{padding:100px 0 0 0;text-align:center;background-position:50% 00px}header h1{font-size:24px}#home-link:before{content:"";position:absolute;height:100px;width:120px;top:60px;left:50%;margin-left:-60px}.edition-icon:after{margin-top:30px}.columns-2>div,.dictionary-group{float:none;width:100%}.inline-columns>div,.lesson-summary .inline-columns>div{margin-right:5px}.dictionary-group{margin:0}.dictionary-group .definition{padding:0 3px}.vocab-key>div:first-child,.vocab-key>div:last-child{border:none}.vocab-key>div:first-child{border-bottom:1px solid #999}.drag-quiz #answer-list,.drag-quiz #drop-list,.drag-quiz #question-list{float:left;width:33.33%}.drag-quiz .vocab-horizontal #answer-list,.drag-quiz .vocab-horizontal #drop-list,.drag-quiz .vocab-horizontal #question-list{float:none;width:auto}.vocab-horizontal .quiz-item-group{width:auto}#lessons .lesson-title{font-size:18px}#quick-jisho-window{width:300px}.fill-quiz.quiz-over .writing-zone+.writing-zone{margin-bottom:20px;position:relative;top:20px}}@media (pointer:coarse){#exercise-list .lesson-title,#exercise-list .sub-lesson-title,#exercise-list li a,#lessons li a{font-size:14px}#exercise-list li a,#lessons li a{padding:6px 0}#exercise-list .lesson-title{padding:6px}} \ No newline at end of file +@font-face{font-family:FontAwesomeWeb;src:url(../fonts/fontawesome-webfont.eot?v=4.7.0);src:url(../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(../fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(../fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(../fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesomeWeb,FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.rad{font-family:"Japanese Radicals";font-style:normal}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}::selection{color:#fff;background-color:#17a}::-moz-selection{color:#fff;background-color:#17a}body{color:#333;background:#fff;font-size:14px;font-family:'メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,sans-serif;padding:0;margin:0;display:flex;min-height:100vh;flex-direction:column}p{font-size:14px}ul{padding-left:40px}hr{border:none;border-bottom:1px solid #999}a{color:#039;text-decoration:none;outline:0}a:focus,a:hover{text-decoration:underline}img{max-width:100%}a:focus img{outline:1px solid #17a}code{color:#00f;background:#eee;border:1px solid #ccc;padding:3px}.nopad{padding:0!important}.button,a.button{color:#fff;background:#17a;font-size:14px;font-family:'メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,sans-serif;text-decoration:none;border:none;font-weight:700;display:inline-block;padding:6px 12px;margin:3px;cursor:pointer;outline:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.button:hover,a.button:hover{background:#069}.button:focus,a.button:focus{background:#058}.button .fa{font-size:18px;vertical-align:middle;margin-right:6px}.button.icon-only{height:25px;width:25px;padding:0;margin:3px}.button.icon-only i{margin:0}.button.play-button{height:25px;width:25px;padding:0;margin:0;border-radius:100%}.button.play-button i{font-size:14px;margin-right:-2px}input[type=number],input[type=text],select,textarea{font-size:14px;font-family:'メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,sans-serif;background:#fff;border:1px solid #ccc;padding:6px;outline:0}select{cursor:pointer}input[type=number]:disabled,input[type=text]:disabled,select:disabled,textarea:disabled{color:#333}input[type=number]::placeholder,input[type=text]::placeholder,textarea::placeholder{color:#bbb}input[type=number]:hover,input[type=text]:hover,select:hover,textarea:hover{border-color:#999}input[type=number]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:#17a}.center{text-align:center}.right{text-align:right}.left{text-align:left}.ul{text-decoration:underline}.ul-double,.ul-single{text-decoration:none;position:relative}.ul-double:after,.ul-double:before,.ul-single:after{content:"";position:absolute;left:0;right:0;bottom:2px;border-bottom:1px solid #333}.ul-double:before{bottom:0}.inline{display:inline-block}.t-valign-top{vertical-align:top}.t-red{color:red}.t-green{color:#080}.t-blue{color:#09f}.t-orange{color:#17a}.t-bold{font-weight:700}.nomargin{margin:0!important}.clearfix{clear:both}.clear:after{content:"";display:table;clear:both}.vertical-text{-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;text-align:left!important;max-height:300px}.spoiler{color:#444;background:#444;display:inline-block;padding:0 3px}.spoiler:hover{color:#fff}.problem-hint .spoiler{margin-top:2px}.table{width:100%;border-collapse:collapse}.table td{background:#fff;border:1px solid #ddd;padding:3px}.table-head{font-size:16px;font-weight:700}.sub-table{width:100%;border-collapse:collapse}.sub-table td{border-left:0;border-top:0}.example-row td{vertical-align:top}.example-row div{margin:10px 0}.define{font-size:11px;font-style:normal;font-weight:700;vertical-align:super}.lesson-num{font-size:12px;font-style:normal;vertical-align:top}.lesson-image img{max-width:100%}header{color:#fff;background:url(../images/tobira.png) no-repeat 10px 50% #17a;padding:15px 15px 15px 140px;position:relative;overflow:hidden}#home-link:before{content:"";position:absolute;height:100px;width:110px;left:14px;top:50%;margin-top:-50px}.edition-icon:after{font-size:14px;position:absolute;margin-top:40px;margin-left:-85px}.edition-icon.second-ed:after{content:"\A 2nd Edition"}.edition-icon.third-ed:after{content:"\A 3rd Edition"}header h1{font-size:32px}header h1 a{color:#fff}h2{margin:30px 0 0 0}a#fork-me{color:#fff;background:#333;font-size:16px;font-weight:700;text-align:center;text-transform:uppercase;text-decoration:none;line-height:30px;height:30px;width:200px;transform:rotate(45deg);position:absolute;right:-55px;top:30px;transition-property:color,background;transition-duration:.3s}a#fork-me:focus,a#fork-me:hover{color:#333;background:#fff}#announcement{color:#fff;background:#17a;border:1px solid #047;border-right:none;border-left:none;height:110px}#announce-inner{max-width:1000px;margin:0 auto;padding:0 30px}#announcement .fa{font-size:24px;vertical-align:middle}#announcement a{color:#ff0;font-weight:700}#announcement h3{font-size:18px;margin:10px 0 0 0}#announcement .announcement{font-size:16px;height:75px;box-sizing:border-box;padding:3px 6px;overflow-y:auto}#announcement .announcement.announce-hidden{display:none}#announcement .announcement .date{color:#fff;font-size:13px;font-weight:400;background:#069;border:1px solid #058;border-radius:3px;padding:1px;margin-right:5px}#announce-list{position:relative;margin:0 20px}#announcement .announce-controls{background:rgba(0,0,0,.3);text-align:center;position:absolute;top:50%;margin:-15px 0 0 0;height:30px;width:20px;padding:0;opacity:.5}#announcement .announce-controls i.fa{font-size:18px;line-height:26px;margin:0}#announcement .announce-controls:focus,#announcement .announce-controls:hover{opacity:1}#announcement .announce-controls.button-left{left:-20px}#announcement .announce-controls.button-right{right:-20px}#content{flex:1 0 auto}.content-block{max-width:1000px;margin:0 auto;padding:30px}a.anchor{color:#666;font-size:16px;font-weight:400;text-decoration:none;text-align:center;vertical-align:middle;display:inline-block;width:25px;margin:0 0 0 -25px}.anchor-icon{display:inline-block;transform:rotate(-45deg);visibility:hidden}.anchor:focus .anchor-icon,h1:hover .anchor-icon,h2:hover .anchor-icon,h3:hover .anchor-icon,h4:hover .anchor-icon,h5:hover .anchor-icon,h6:hover .anchor-icon{visibility:visible}#page-links,#related-projects{margin:15px 0 0 0}#link-list{font-size:0}#link-list a,#link-list span{font-size:14px}#link-list a{color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.3);font-weight:700;text-decoration:none;display:inline-block;padding:3px 6px;margin:10px 10px 0 0}#link-home.button{border-bottom:2px solid #058}#link-grammar{background-color:#f93;border-bottom:2px solid #d71}#link-anki{background-color:#05c;border-bottom:2px solid #03a}#link-help{background-color:#39c;border-bottom:2px solid #17a}#link-report{background-color:#f66;border-bottom:2px solid #d44}#link-download{background-color:#9c6;border-bottom:2px solid #7a4}#link-donate{background-color:#c6c;border-bottom:2px solid #a4a}#link-github{background-color:#96f;border-bottom:2px solid #74d}#link-settings{background-color:#666;border-bottom:2px solid #444}#link-grammar:hover{background-color:#e82}#link-anki:hover{background-color:#04b}#link-help:hover{background-color:#28b}#link-report:hover{background-color:#e55}#link-download:hover{background-color:#8b5}#link-donate:hover{background-color:#b5b}#link-github:hover{background-color:#85e}#link-settings:hover{background-color:#555}#link-grammar:active,#link-grammar:focus{background-color:#d71}#link-anki:active,#link-anki:focus{background-color:#03a}#link-help:active,#link-help:focus{background-color:#17a}#link-report:active,#link-report:focus{background-color:#d44}#link-download:active,#link-download:focus{background-color:#7a4}#link-donate:active,#link-donate:focus{background-color:#a4a}#link-github:active,#link-github:focus{background-color:#74d}#link-settings:active,#link-settings:focus{background-color:#444}#link-list i{font-size:16px;vertical-align:middle;margin-right:6px}#link-github i,#link-help i{font-size:18px}#exercise-list #page-links{margin:0;padding:0}#exercise-list .indent-block{margin-left:10px}.donate-box{color:#333;background:#fcf;border:1px solid #c6c;position:relative;padding:5px;padding-left:35px;margin:5px auto;text-align:left;width:80%;max-width:600px}.donate-icon{color:#fcf;background:#c6c;font-size:20px;width:30px;text-align:center;position:absolute;top:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center}.donate-text a{color:#039;font-weight:700}.donate-text a i{font-size:12px;font-weight:400;vertical-align:super;margin-left:-3px}.info-box{color:#333;background:#eff;border:1px solid #17a;position:relative;padding:5px;padding-left:35px;margin:5px auto;text-align:left;width:80%;max-width:600px}.info-icon{color:#eff;background:#17a;font-size:20px;width:30px;text-align:center;position:absolute;top:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center}#project-list img{height:120px;margin:10px 4px 0 0}#related img{height:120px;margin:5px}#related h3{margin-top:20px;margin-bottom:5px}#quick-actions>div{margin:0}#quick-actions h2{font-size:20px;margin-top:15px}#quick-search{width:100%;box-sizing:border-box;margin-top:1em}#quick-search-results{border:1px solid #ccc}#quick-search-results:empty{border-color:transparent}#quick-search-results:not(:empty){height:300px;padding:3px;overflow:auto}#quick-search-results li{white-space:nowrap;overflow:hidden}#quick-nav-list li{position:relative;list-style-type:none}#quick-nav-list li:before{content:".";font-size:0;display:block;height:6px;width:6px;background:#17a;border-radius:100%;position:absolute;top:10px;left:-16px}#quick-nav-list li ul li:before{background:0 0;border:1px solid #17a;height:4px;width:4px}#quick-nav-list li.noBullet:before{display:none}#quick-nav-list a.sub-section-button{color:#fff;background:#17a;font-size:11px;text-align:center;text-decoration:none;display:inline-block;height:18px;width:18px;line-height:20px;padding:0;border-radius:100%;position:absolute;top:4px;left:-22px}#quick-nav-list a.sub-section-button:focus,#quick-nav-list a.sub-section-button:hover{background-color:#058}a.sub-section-button[data-open=true]:after{content:"\f078"}a.sub-section-button[data-open=false]:after{content:"\f054";letter-spacing:-2px}a.jump-arrow{color:#17a;text-decoration:none;float:right;margin:6px 3px 0 0}a.jump-arrow:focus,a.jump-arrow:hover{color:#047}#quick-search-results li[data-lesson]:before{content:attr(data-lesson);color:#fff;font-size:11px;background:#17a;border:1px solid #069;border-radius:3px;padding:0 2px;margin-right:3px}#exercise>*,.loading>*{visibility:hidden}#exercise:after,#exercise:before,.loading:after,.loading:before{color:#17a;position:absolute;top:50%}#exercise:before,.loading:before{content:"Now Loading...";font-size:16px;font-weight:700;font-style:italic;text-align:center;left:0;right:0;margin-top:40px}#exercise:after,.loading:after{content:"\f1ce";font-size:64px;font-family:FontAwesomeWeb,FontAwesome;left:50%;margin-top:-32px;margin-left:-32px;-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}#exercise.content-loaded>*{visibility:visible}#exercise.content-loaded:after,#exercise.content-loaded:before{content:"";display:none}.lesson-title{color:#17a;font-size:20px;border-bottom:2px solid #17a;padding-bottom:3px}.sub-lesson-title,.workbook-title{font-size:16px;margin:0 0 0 20px}.normal-block{font-size:14px}.title{color:#17a;font-size:28px;margin:20px 0}.title-desc{font-size:16px}.title-med{font-size:18px;margin:10px 0}.section-title{color:#17a;font-size:24px;border-bottom:2px solid #17a;margin:0;padding-bottom:6px}.sub-title{font-size:18px;margin:16px 0}#exercise-title{color:#17a;font-size:24px;margin:0 0 25px 0}#exercise-title:after,.title[data-page]:after{content:attr(data-page);color:#666;font-size:12px;font-style:italic;font-weight:400;display:block}.lesson-summary{font-size:13px;margin:10px;padding:10px;background:#eee;border:1px dashed #ccc}.lesson-summary .inline-columns>div{margin-right:50px;margin-bottom:0;vertical-align:top}.lesson-summary:before{content:"In this lesson, we will learn how to...";font-weight:700;color:#17a}.lesson-point{margin-left:13px}.lesson-point:before{content:"• ";color:#17a}footer{color:#fff;background:#333;text-align:center;padding:15px}#light-switch-label,footer a{color:#ccc}#light-switch-label:hover,footer a:hover{color:#fff}footer ul{list-style-type:none;margin:0;padding:0}footer li{float:left}footer li:before{content:"\f111";font-family:FontAwesomeWeb,FontAwesome;font-size:6px;margin:0 5px;vertical-align:middle}footer li:first-child:before{display:none}.footer-left{float:left}.footer-right{float:right}#drop-list,#question-list{float:left}#answer-list{float:right}.quiz-item{background:#eee;border:1px solid #ccc;margin:3px;padding:3px;min-width:25px;white-space:nowrap}#answer-list .quiz-item,.quiz-item.gu-mirror{cursor:move}.drawing-quiz .quiz-item{font-size:80px;height:110px;width:110px;line-height:110px;box-sizing:border-box;margin:0 auto}.drawing-quiz .stroke-order-button{margin:0;padding:0;width:110px;height:25px}.drag-quiz .quiz-answer-zone:focus,.drag-quiz .quiz-item:focus,.kana-quiz .quiz-answer-zone:focus,.kana-quiz .quiz-item:focus{color:#17a;border-color:#17a;outline:0}.quiz-item.markedItem{border-color:#17a;outline:1px solid #17a!important;box-shadow:3px 3px 3px rgba(0,0,0,.25);position:relative}#quiz-info{color:#fff;background:#17a;font-weight:700;text-align:left;padding:15px 15px 15px 50px;margin:10px 0;position:relative;overflow-y:auto}#quiz-info:before{content:"\f05a";font-size:32px;font-family:FontAwesomeWeb,FontAwesome;position:absolute;top:50%;margin-top:-16px;left:12px}#quiz-info a{color:#ff0}#quiz-info table{width:100%;background:#069;border-collapse:collapse;font-weight:400}#quiz-info table td{padding:3px;border:1px solid #058}#change-exercise-type-container,#check-answers,#quiz-timer{margin-top:10px}#quiz-timer:before{content:"Time Elapsed";display:block}.quiz-answer-zone:empty{border:1px solid #ccc;margin:3px;padding:3px}.drag-quiz .quiz-answer-zone:empty{min-width:100px}.drag-quiz .quiz-answer-zone,.drag-quiz .quiz-item{height:28px;line-height:20px;box-sizing:border-box}.vocab-horizontal #drop-list{display:none}.vocab-horizontal #answer-list,.vocab-horizontal #question-list{float:none}.vocab-horizontal #question-list{margin-bottom:30px}.vocab-horizontal #answer-list .quiz-item{display:inline-block}.vocab-horizontal .quiz-item-group{display:inline-block;vertical-align:top;width:20%}.drag-quiz .vocab-horizontal .quiz-answer-zone,.vocab-horizontal #answer-list .quiz-item{min-width:100px}.vocab-horizontal #answer-list .quiz-item{text-align:center;vertical-align:top}.vocab-horizontal .quiz-answer-zone .quiz-item{margin:0}.vocab-horizontal .quiz-answer-zone{margin:3px}.kanji-readings.drag-quiz .vocab-horizontal .quiz-item-text{text-align:left;display:inline-block;margin:0 auto}.kanji-readings.drag-quiz .vocab-horizontal #question-list .quiz-answer-zone .quiz-item{font-size:13px;line-height:20px}.kanji-meanings.drag-quiz .vocab-horizontal #question-list .quiz-answer-zone .quiz-item{font-size:13px;height:28px;line-height:20px}.vocab-horizontal.helper-present #question-list .quiz-item{margin-bottom:18px}.kanji-meanings.drag-quiz #question-list .quiz-item,.kanji-meanings.drag-quiz .quiz-answer-zone,.kanji-readings.drag-quiz .quiz-answer-zone,.kanji-readings.drag-quiz .quiz-item{height:48px}.kanji-meanings.drag-quiz #question-list .quiz-item,.kanji-readings.drag-quiz #question-list .quiz-item{line-height:44px;font-size:26px;padding:3px 10px}#review-exercise{margin-top:10px}.quiz-over #review-button{display:none}.more-exercises{margin-top:10px}.more-exercises a.button{margin:3px 0}.more-exercises a:after,.more-exercises a:before{font-size:18px;font-family:FontAwesomeWeb,FontAwesome;font-weight:400;vertical-align:middle}.more-exercises a.prev-ex{float:left}.more-exercises a.prev-ex:before{content:"\f060";margin-right:10px}.more-exercises a.next-ex{float:right}.more-exercises a.next-ex:after{content:"\f061";margin-left:10px}#exercise-list,#toggle-exercises,#toggle-exercises:after,#toggle-exercises:before{transition-duration:.3s}#exercise-list{background:#eee;border-right:1px solid #ccc;position:fixed;top:0;left:-301px;bottom:0;width:300px;visibility:hidden;z-index:10}#random-exercise{height:32px;width:32px;text-align:center;position:absolute;top:0;left:0;margin:0;padding:0}#random-exercise i{line-height:32px;margin:0}.list-open+#exercise-list{left:0;visibility:visible}#toggle-exercises{background:#047;text-decoration:none;text-align:center;line-height:32px;height:32px;width:32px;position:fixed;top:0;left:0;z-index:11;cursor:pointer;transition-property:left}#toggle-exercises:hover{background:#058}#toggle-exercises:focus{background:#069}#toggle-exercises:after,#toggle-exercises:before{color:#fff;font-size:28px;font-family:FontAwesomeWeb,FontAwesome;position:absolute;left:0;right:0;transition-property:opacity}#toggle-exercises:after{content:"\f0c9"}#toggle-exercises:before{content:"\f00d";opacity:0}#toggle-exercises.list-open{left:268px}#toggle-exercises.list-open:after{opacity:0}#toggle-exercises.list-open:before{opacity:1}#lessons-list{overflow-y:auto;overflow-x:hidden;height:95%;height:calc(100% - 32px)}#exercise-list .main-title{color:#fff;background:#17a;font-size:18px;text-align:center;line-height:32px;margin:0}.menu-item-list{display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative}.result--perfect{color:#f90;font-weight:600}.result--good{color:#080;font-weight:600}.result--average{color:#aa0;font-weight:600}.result--low{color:red;font-weight:600}.exercise-results{min-width:65px}.exercise-results .fa{font-size:16px}#exercise-list .lesson-title{color:#333;font-size:15px;border-bottom:1px solid #ccc;margin:0;padding:3px;cursor:pointer;outline:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#exercise-list .lesson-title:focus,#exercise-list .lesson-title:hover{color:#17a}#exercise-list .lesson-title:before{content:"\f054";font-family:FontAwesomeWeb,FontAwesome;margin-right:3px}#exercise-list .lesson-title.lesson-open:before{content:"\f078"}#exercise-list .sub-lesson-title{font-size:14px;margin:12px 0 0 12px}#exercise-list ul{border-bottom:1px solid #ccc;margin:0;padding:3px 3px 12px 3px;list-style-type:none;display:none}#exercise-list .lesson-title.lesson-open+ul{display:block}#exercise-list li a{white-space:nowrap;text-decoration:none;text-overflow:ellipsis;overflow:hidden;display:block}#exercise-list li a.active-lesson{color:#17a;font-weight:700}#exercise-list li a:before{content:"\f054";color:#333;font-family:FontAwesomeWeb,FontAwesome;margin-right:3px}#exercise-list li a:focus,#exercise-list li a:hover{color:#17a}#exercise-list li a:focus:before,#exercise-list li a:hover:before{color:#17a}#exercise-list #page-links li:first-child a:before{content:"\f015"}#exercise-list #page-links li a[href^="../../../help"]:before{content:"\f059"}#exercise-list #page-links li a[href^="../../../report"]:before{content:"\f188"}#exercise-list #page-links li a[href^="../../../download"]:before{content:"\f019"}#exercise-list #page-links li a[href^="../../../donate"]:before{content:"\f004"}#exercise-list li a[data-page]:focus:after,#exercise-list li a[data-page]:hover:after{content:attr(data-page);color:#fff;font-size:12px;font-weight:400;line-height:12px;background:#17a;border:1px solid #069;border-radius:3px;position:absolute;right:3px;padding:3px}.quiz-answer-zone:empty:after{content:attr(data-text);color:transparent}.answer-correct,.quiz-over .insert-trigger{pointer-events:none}.quiz-over .problem-hint .spoiler,.quiz-over.drag-quiz .answer-correct,.review-mode .answer-correct{pointer-events:auto}.answer-correct .quiz-item:before,.drag-quiz .answer-correct .quiz-item-text:before{content:"\f005\A0";font-family:FontAwesomeWeb,FontAwesome;color:#17a}.drag-quiz .answer-correct .quiz-item:before{content:""}.quiz-over [data-mistakes]{position:relative}.quiz-over [data-mistakes] .quiz-item{border-color:red}.quiz-over [data-mistakes]:after{color:red;content:"\f060\A0 wrong " attr(data-mistakes) "x";font-size:14px;font-family:'メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,sans-serif,FontAwesomeWeb,FontAwesome;display:block;position:absolute;top:3px;right:-85px}.quiz-over .vocab-horizontal [data-mistakes]:after{content:"x" attr(data-mistakes);font-size:10px;font-weight:700;right:3px;top:auto;bottom:-2px}.quiz-over .vocab-horizontal [data-mistakes="0"]:after{content:""}#wrongAnswer{position:relative}#wrongAnswer:before{content:"\f00d\A0 wrong";font-family:'メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,sans-serif,FontAwesomeWeb,FontAwesome;font-size:14px;color:red;position:absolute;right:-70px;pointer-events:none}.vocab-horizontal #wrongAnswer:before{right:auto;left:3px}.kana-quiz #wrongAnswer:before{content:"\f00d";right:-6px;top:-10px}.quiz-over [data-mistakes="0"] .quiz-item{border-color:#ccc}.quiz-over [data-mistakes="0"]:after{content:""}#question-list .quiz-item{text-align:center}.helper-present #question-list .quiz-item{position:relative}.helper-present #drop-list .quiz-answer-zone.helper-answer,.helper-present #question-list .quiz-item[data-helper]{margin-bottom:18px}.helper-present .hidden-text{visibility:hidden;display:block;margin-top:-20px}.helper-hidden .hidden-text,.stroke-order-hidden .kanji-stroke-order{display:none}.kana-quiz #answer-list,.kana-quiz #question-list{float:none}.kana-quiz #question-list{margin-bottom:30px}.kana-quiz .quiz-answer-zone,.kana-quiz .quiz-item{text-align:center;display:inline-block}.kana-quiz .quiz-answer-zone:empty,.kana-quiz .quiz-item{height:30px;width:35px;line-height:22px;box-sizing:border-box}.kana-quiz .quiz-column{margin:0 5px;float:left}.kana-quiz .quiz-column:first-child{margin-left:0}.kana-quiz .quiz-column:last-child{margin-right:0}.kana-quiz .answer-correct .quiz-item{position:relative}.kana-quiz .answer-correct .quiz-item:before{position:absolute;right:-8px;top:-5px}.kana-quiz.quiz-over [data-mistakes]:after{content:"x" attr(data-mistakes);font-size:8px;line-height:8px;font-weight:700;right:auto;top:auto;bottom:3px;right:4px}.kana-quiz.quiz-over [data-mistakes="0"]:after{display:none}.verb-quiz #answer-list{float:none;clear:both}.verb-quiz #question-list{width:20%}.verb-quiz #drop-list{width:80%}.verb-quiz #drop-list,.verb-quiz #question-list{margin-bottom:30px}.verb-quiz #answer-list .quiz-item{display:inline-block}.quiz-column-title{background:#eee;border:1px solid #ccc;justify-content:center;text-align:center;margin:2px 3px;padding:3px}.quiz-column-title:last-child{margin-right:0}#question-list .quiz-column-title:after{content:"\A0";display:block}.verb-quiz #question-list>div{margin:3px 3px 3px 0}.verb-quiz #question-list .quiz-column-title{margin-top:2px}.verb-quiz #drop-list>div,.verb-quiz #drop-list>div>div{white-space:nowrap;display:flex;flex:1}.verb-quiz .quiz-answer-zone .quiz-item{margin:0;padding:0;border:none;background:0 0}.verb-quiz .quiz-answer-zone{margin:1px 3px 2px 3px!important}.verb-quiz .quiz-answer-zone:last-child{margin-right:0!important}.verb-quiz .quiz-answer-zone:not(:empty){background:#eee;border:1px solid #ccc;padding:3px;margin:3px}.verb-quiz.quiz-over [data-mistakes]{border-color:red}.verb-quiz.quiz-over [data-mistakes]:after{content:"x" attr(data-mistakes);font-size:10px;line-height:8px;font-weight:700;right:auto;top:auto;bottom:3px;right:4px}.verb-quiz.quiz-over [data-mistakes="0"]{border-color:#ccc}.verb-quiz.quiz-over [data-mistakes="0"]:after{display:none}.drawing-quiz #question-list,.writing-quiz #question-list{float:none}.drawing-quiz .quiz-answer-row,.writing-quiz .quiz-answer-row{white-space:nowrap;display:flex;flex:1;margin:0 3px}.writing-quiz .quiz-answer-row.furi-row{margin-bottom:12px}.writing-quiz .quiz-item{font-size:14px;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vocab-horizontal .quiz-item-text,.writing-quiz .quiz-item-text{overflow-x:auto}.vocab-horizontal .quiz-item-text::-webkit-scrollbar,.writing-quiz .quiz-item-text::-webkit-scrollbar{width:6px;height:6px}.vocab-horizontal .quiz-item-text::-webkit-scrollbar-thumb,.writing-quiz .quiz-item-text::-webkit-scrollbar-thumb{background-color:#17a;border:none}.vocab-horizontal .quiz-item-text::-webkit-scrollbar-thumb:hover,.writing-quiz .quiz-item-text::-webkit-scrollbar-thumb:hover{background-color:#069}.vocab-horizontal .quiz-item-text::-webkit-scrollbar-thumb:active,.writing-quiz .quiz-item-text::-webkit-scrollbar-thumb:active{background-color:#058}.vocab-horizontal .quiz-item-text::-webkit-scrollbar-track,.writing-quiz .quiz-item-text::-webkit-scrollbar-track{background:rgba(0,0,0,.15)}.vocab-horizontal .quiz-item-text::-webkit-scrollbar-button:single-button,.writing-quiz .quiz-item-text::-webkit-scrollbar-button:single-button{background:0 0;height:0;width:0}.writing-quiz .helper-present #question-list .quiz-item[data-helper]{margin-bottom:3px}.writing-quiz .helper-hidden .quiz-item[data-helper]:before{display:none}.writing-quiz .helper-hidden .quiz-answer-row.furi-row{margin-bottom:0}.drawing-quiz .quiz-item,.drawing-zone,.writing-quiz .quiz-item,.writing-zone{text-align:center}.drawing-zone,.writing-zone{margin:3px;min-width:25px}input.writing-zone-input{font-size:14px;font-family:'メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,sans-serif;text-align:center;background:#fff;border:1px solid #ccc;box-sizing:border-box;width:100%;padding:3px 0;outline:0}input.writing-zone-input:disabled{color:#333}input.writing-zone-input::placeholder{color:#bbb}input.writing-zone-input:hover{border-color:#999}input.writing-zone-input:focus{border-color:#17a}.even-width .writing-zone,.even-width .writing-zone-input,.max-width .writing-zone,.max-width .writing-zone-input{text-align:left;width:100%!important}.fill-quiz .even-width .writing-zone-input{padding:3px}.max-width .writing-zone,.max-width .writing-zone-input{text-align:center}.large-width .writing-zone{width:90%!important}.large-width .writing-zone-input{width:100%!important}.fill-quiz .set-problem-width .block,.fill-quiz .set-problem-width .problem{width:150px}.fill-quiz .set-problem-width-med .block,.fill-quiz .set-problem-width-med .problem{width:200px}.fill-quiz .set-problem-width-large .block,.fill-quiz .set-problem-width-large .problem{width:300px}.fill-quiz .set-problem-width .block,.fill-quiz .set-problem-width .problem,.fill-quiz .set-problem-width-large .block,.fill-quiz .set-problem-width-large .problem,.fill-quiz .set-problem-width-med .block,.fill-quiz .set-problem-width-med .problem{max-width:100%}.writing-quiz.quiz-over .writing-zone-input{pointer-events:none}.writing-quiz.quiz-over [data-mistakes]{border-color:red}.writing-quiz.quiz-over [data-mistakes="0"]{border-color:#ccc}.writing-zone.answer-correct{position:relative}.writing-zone.answer-correct:after{content:"\f005";font-family:FontAwesomeWeb,FontAwesome;color:#17a;position:absolute;right:-4px;top:-4px}.helper-present #question-list .quiz-item:before,.writing-quiz .quiz-item:before{content:attr(data-helper);font-size:11px;line-height:15px;color:#666;background:#ccc;position:absolute;left:-1px;right:-1px;bottom:-15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.writing-quiz .no-helper [data-helper]:before{display:none}.writing-quiz.quiz-over .no-helper [data-helper]:before{display:block}.multi-quiz #question-list{float:none}.quiz-multi-row{margin:10px 0}.question-block{background:#eee;border:1px solid #ccc;margin:30px 0;position:relative}.question-block:after{content:attr(data-qid) ".";position:absolute;top:-20px;left:0}.quiz-multi-question{font-size:14px;text-align:center;border-bottom:1px solid #ccc;padding:5px}.text-block.multi-quiz-image{margin:10px 0}.big-kanji{font-size:100px}.multi-vocab{font-size:32px;min-height:64px}.multi-vocab rt{font-size:16px;margin-top:-8px}.multi-vocab hr{margin:10px 0}.multi-vocab-sentence{font-size:24px}.vocab-spoiler-toggle{display:none}.spoiler-mode .vocab-spoiler-toggle{display:block;margin:10px auto 0 auto}.spoiler-mode .vocab-spoiler{position:relative}.spoiler-mode .vocab-spoiler:after{content:"";background:#ccc;position:absolute;top:0;left:0;right:0;bottom:0}.quiz-over .vocab-spoiler-toggle,.quiz-over .vocab-spoiler:after,.spoiler-off.vocab-spoiler:after{display:none}.kana-font{font-family:NotoSansJP,SawarabiGothic,"MS Gothic","Yu Gothic",Meiryo}.drawing-quiz .quiz-item-text.kana-font{margin-top:-7px}.drawing-quiz .quiz-item{overflow:hidden}.kanji-container{display:inline-block}.kanji-canvas{background:#fff;border:1px solid #ccc;display:block;margin:0 auto;outline:0}.kanji-canvas:focus{border-color:#17a;border-color:rgba(17,119,170,.5)}.furigana,.inline-furi i{color:#777;font-size:11px;margin-top:-3px}ruby{text-align:center;display:inline-block;vertical-align:top}.helper-hidden ruby{display:inline;position:static;vertical-align:baseline}ruby rt{color:#777;font-size:11px;display:block;text-align:center;margin-top:-1px;padding:0 2px}#index-list li a ruby rt,#quick-search-results ruby rt,.main-color ruby rt,.section-title ruby rt,.workbook-title ruby rt,a ruby rt{color:#367}.helper-hidden .multi-vocab ruby{display:inline-block;vertical-align:top}.helper-hidden .multi-vocab rt{display:block;visibility:hidden}.helper-hidden .multi-vocab ruby:hover rt{visibility:visible}.slim-ruby ruby{width:10px}.ruby-always-visible ruby{display:inline-block!important;position:relative!important}.ruby-always-visible rt{display:block!important}#quiz-info .furigana,#quiz-info .inline-furi i,#quiz-info ruby rt{color:#ccc;color:rgba(255,255,255,.6)}.helper-hidden .furigana,.helper-hidden .inline-furi i,.helper-hidden ruby rt{display:none}.inline-furi{position:relative;display:inline-block;margin-bottom:15px}.helper-hidden .inline-furi{margin-bottom:0}.inline-furi .furigana,.inline-furi i{text-align:left;font-style:normal;white-space:nowrap;position:absolute;bottom:-15px;left:0}.quiz-multi-question .lesson-image img{border:1px solid #ccc;margin:3px}.quiz-multi-answer{color:#333;font-size:14px;text-rendering:auto;background:#fff;border:1px solid #ccc;padding:6px;display:block;width:50%;margin:0 auto;cursor:pointer;outline:0;position:relative;box-sizing:border-box;align-items:flex-start;text-align:center;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.quiz-answer-inner-text,.quiz-question-inner-text{display:inline-block;text-align:left}.text-selection-mode .quiz-multi-answer{cursor:text;outline:1px dashed #17a;-webkit-touch-callout:auto;-webkit-user-select:auto;-khtml-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.quiz-multi-answer:before{content:attr(data-option) ":";font-size:18px;font-weight:400;font-family:Arial;position:absolute;left:-25px;top:50%;margin-top:-10px}.quiz-multi-answer:focus,.quiz-multi-answer:hover{border-color:#17a}.quiz-multi-answer:focus:before,.quiz-multi-answer:hover:before{color:#17a}.multi-quiz.quiz-over .quiz-multi-answer{pointer-events:none}.multi-quiz.quiz-over .text-selection-mode .quiz-multi-answer{pointer-events:auto}.multi-quiz.quiz-over .quiz-multi-answer.selected-answer,.multi-quiz.quiz-over .wrong-answer .quiz-multi-answer.selected-answer,.multi-quiz.quiz-over .wrong-answer .quiz-multi-answer[data-answer=true]{border-width:3px}.multi-quiz.quiz-over .quiz-multi-answer.selected-answer{border-color:#080}.multi-quiz.quiz-over .quiz-multi-answer.selected-answer:before,.multi-quiz.quiz-over .quiz-multi-answer[data-answer=true]:before{color:#080}.multi-quiz.quiz-over .wrong-answer .quiz-multi-answer.selected-answer{border-color:red}.multi-quiz.quiz-over .wrong-answer .quiz-multi-answer.selected-answer:before{color:red}.multi-quiz.quiz-over .wrong-answer .quiz-multi-answer[data-answer=true]{border-color:#09f}.multi-quiz.quiz-over .wrong-answer .quiz-multi-answer[data-answer=true]:before{color:#09f}.kanji-canvas[data-answer=true]{border-color:#080}.kanji-canvas[data-answer=false]{border-color:red}.quiz-over .kanji-canvas{pointer-events:none}.quiz-over .kanji-canvas-actions,.stroke-quiz.quiz-over .next-question{display:none}.stroke-order-container{width:100%;overflow-y:hidden;overflow-x:scroll}.stroke-order-container img{max-width:none}#exercise .text-passage{font-size:16px;text-align:left;width:80%;overflow:auto;padding:25px;margin:15px auto}.quiz-multi-answer.next-question:before{content:"\f061";font-family:FontAwesomeWeb,FontAwesome;left:auto;right:6px;margin-top:-9px}.hidden-answer{display:none}#quiz-progress{border:1px solid #17a;height:25px;position:relative;overflow:hidden}#quiz-progress-bar{background:#17a;font-weight:700;height:25px;transition:.3s}#quiz-progress-text{color:#000;text-align:center;position:absolute;top:0;left:0;right:0;bottom:0;line-height:26px}.text-block{font-size:14px;background:#eee;border:1px solid #ccc;margin:30px auto;padding:15px;overflow-x:auto}.text-block .sub-section{background-color:#fff;border:1px solid #ddd;padding:6px}.text-block .sub-section .sub-section{background-color:rgba(0,0,0,.05);border-color:rgba(0,0,0,.08)}.text-block p{margin:0 0 25px 0}.audio-block{margin:25px 0 25px 0}.fill-quiz .inner-problem{display:inline-block;max-width:97%}.fill-quiz .big-margin,.fill-quiz .example-problem,.fill-quiz .problem{margin-bottom:40px}.fill-quiz .small-margin .block,.fill-quiz .small-margin .problem{margin-bottom:25px}.fill-quiz .no-margin .block,.fill-quiz .no-margin .problem{margin-bottom:0}.fill-quiz .inline-problem .block,.fill-quiz .inline-problem .problem{vertical-align:top;display:inline-block;margin-right:25px}.fill-quiz .inline-problem.large-space .block,.fill-quiz .inline-problem.large-space .problem{margin-right:50px}.fill-quiz .image-margin img,.margin{margin:3px}.fill-quiz span.problem{display:inline-block;margin:0}.fill-quiz .alt-phrase{color:#09f;font-weight:700}.fill-quiz .alt-phrase-sep{color:#06c}.big-label,.label,.med-label,.sm-label{display:inline-block;width:120px;max-width:100%}.label[title]:after{content:attr(title);font-size:13px;font-weight:400;display:block}.sm-label{width:80px}.med-label{width:200px}.big-label{width:300px}.image-list>span{position:relative;display:inline-block;margin:0 25px 25px 0;vertical-align:top}.image-list>span i{color:#333;font-size:13px;font-weight:700;font-style:normal;position:absolute;top:2px;left:4px;z-index:1}.columns-2>div{width:50%;margin:0 0 25px 0;float:left}.valign-top.inline-columns>div{vertical-align:top}.inline-columns>div{display:inline-block;margin:0 10px 30px 0}.example-problem.inline-columns>div,.problem.inline-columns>div{margin-bottom:40px}.example-problem.inline-columns,.problem.inline-columns{position:relative;padding-left:30px;margin:0}.example-problem.inline-columns{padding-left:62px}.example-problem.inline-columns:before,.problem.inline-columns:before{position:absolute;left:0}.indent-block{margin-left:20px}.section-desc,.sectionDesc3rd{font-weight:700;margin:20px 0}.section-number{font-weight:400;text-align:center;border:1px solid #333;border-radius:100%;display:inline-block;height:22px;width:22px;line-height:21px;box-sizing:border-box;vertical-align:middle;cursor:default}.sectionNumber3rd{font-size:12px;font-weight:700;text-align:center;background-color:#ccc;border:1px solid #999;border-radius:100%;display:inline-block;height:22px;width:22px;line-height:21px;box-sizing:border-box;vertical-align:middle;letter-spacing:-2px;padding-right:2px;cursor:default}.sectionNumber3rd.fa{letter-spacing:-4px}.sectionDesc3rd{font-size:15px;padding-left:28px}.sectionDesc3rd .sectionNumber3rd{margin:0 6px 0 -28px}.yomikata{margin-right:5px}.section-number,.sectionNumber3rd,.yomikata{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.count-problems{counter-reset:problems}.count-problems .problem:before{counter-increment:problems;content:counter(problems) ".";margin-right:6px;vertical-align:top}.example-problem:before{content:"例";color:#17a;font-weight:700;border:1px solid #17a;border-radius:5px;padding:2px;font-size:16px;line-height:16px;display:inline-block;margin-right:6px;vertical-align:top}.count-problems.count-alpha .problem:before{content:counter(problems,lower-alpha) "."}.count-problems td.problem{margin:0}.count-problems td.problem:before{float:left;margin-left:5px}.fill-quiz .writing-zone{background:0 0;display:inline-block;vertical-align:top;margin:0 1px;min-width:0}.fill-quiz .valign-off .writing-zone{vertical-align:0}.fill-quiz .valign-top .writing-zone,.valign-top .button.play-button{vertical-align:top}.fill-quiz .pad-zones .writing-zone{vertical-align:top;margin-bottom:25px}.fill-quiz .big-margin.pad-zones .writing-zone{margin-bottom:40px}.fill-quiz .writing-zone-input{font-size:14px;background:0 0;border:none;border-bottom:2px solid #999;width:auto;padding:0}.fill-quiz .writing-zone-input::placeholder{color:#999}.fill-quiz .writing-zone-input:hover{border-color:#666}.fill-quiz .writing-zone-input:focus{border-color:#17a}.problem-answer,.problem-hint{font-size:14px;display:block}.problem-answer{color:#080}.secondary-answer{font-size:11px;line-height:10px;display:block}.secondary-answer.furigana-only{color:#666}.img-problem{margin-top:5px}.img-problem>div{float:left}.img-problem>div:first-child{margin-right:10px}.vocab-key{padding-top:30px;margin:15px auto;position:relative;border:1px solid #999}.vocab-key>div{padding:6px;box-sizing:border-box;margin-bottom:0}.vocab-key>div:last-child{border-left:1px solid #999;margin-left:-1px}.vocab-key>div:first-child{border-right:1px solid #999;border-left:none}.vocab-key:before{content:"単　語";font-size:20px;text-align:center;border-bottom:1px solid #999;height:30px;line-height:34px;position:absolute;top:0;left:0;right:0}.show-bg .problem-answer,.show-bg .secondary-answer{background:#fff;background:rgba(255,255,255,.5);border:1px solid #ccc;border-color:rgba(204,204,204,.7);border-top:none}.show-bg .problem-answer{border-bottom:none;position:relative;z-index:1}.show-bg .secondary-answer{line-height:14px;margin:0 -1px 0 -1px}[data-mistakes="1"]+.problem-hint{display:none}.quiz-over .writing-zone:hover [data-mistakes="1"]+.problem-hint{display:block;height:0}.quiz-over .writing-zone:hover [data-mistakes="1"]+.problem-hint+.problem-answer{visibility:hidden}.fill-quiz.quiz-over .writing-zone-input{pointer-events:none}.fill-quiz.quiz-over [data-mistakes]{border-color:red}.fill-quiz.quiz-over [data-mistakes="0"]{border-color:#080}.fill-quiz .writing-zone.answer-correct:after{display:none}.fill-quiz td .writing-zone{margin-bottom:5px}.fill-quiz.quiz-over td .problem-answer{white-space:nowrap}#complete-banner{color:#fff;background:#17a;font-size:16px;font-weight:700;padding:5px}#result-list{background:#eee;border:1px solid #ccc}.result-row{border-bottom:1px solid #ccc;padding:3px}.result-row:last-child{border:none}.result-label{text-align:right;font-weight:700;display:inline-block;width:150px;margin-right:5px}#lessons li a{display:inline-block}#exercise-list li a,#lessons li a{padding:3px 0}#study-tool-ui{overflow:auto;max-height:300px}#study-tool-ui .button .fa{margin:0}#study-tool-editor ol>li:only-child>.button.row-remove,#study-tool-editor ul>li:only-child>.button.row-remove{display:none}#study-tool-ui li{margin:5px 0}#study-tool-ui .sentence-field{display:none;width:50%;margin-top:5px}.show-sentences #study-tool-ui .sentence-field{display:block}#study-tool-code textarea{height:100px;width:80%}#study-tool-settings{margin:5px 0;padding:0;font-size:0}#study-tool-settings li{list-style-type:none;display:inline-block;margin-right:10px;font-size:14px}#study-tool-settings .button{margin:0}#study-tool-settings label{cursor:pointer;vertical-align:top;font-weight:700}#downloadCode:before,#loadCode:before{font-family:FontAwesomeWeb,FontAwesome;font-weight:400;font-size:16px;margin-right:4px;vertical-align:middle}#downloadCode:before{content:"\f019"}#loadCode:before{content:"\f093"}#study-tool-file{visibility:hidden;position:absolute}#study-tool-ui .item-row.question-row{background:#eee;border:1px solid #ccc;padding:6px;margin:10px}.item-row.question-row{position:relative}.item-row.question-row>.button{position:absolute;top:0;right:0}.item-row.question-row>.button.row-add{right:40px}.item-row.question-row:only-child>.button.row-add{right:0}.item-row.question-row textarea{width:80%}.item-row.question-row input[type=text]{width:50%}#study-tool-ui.written-quiz{list-style-type:none;padding:0;overflow:visible}#study-tool-ui.written-quiz textarea{width:80%;height:150px}#genki-modal-overlay{background:#000 no-repeat center;position:fixed;top:0;left:0;right:0;bottom:0;opacity:.5;z-index:9999}#genki-modal-body{background:#fff;border:1px solid #17a;position:fixed;top:10%;left:25%;right:25%;bottom:40%;z-index:99999}#genki-modal-header{color:#fff;background:#17a;margin:0;padding:0 6px;height:40px;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#genki-modal-content{font-size:15px;padding:6px;position:absolute;top:40px;left:0;right:0;bottom:40px;overflow-y:auto}#genki-modal-buttons{height:40px;line-height:40px;position:absolute;bottom:0;left:0;right:0}#genki-modal-buttons .button{line-height:normal;margin:0 6px 0 6px}#break-minutes{width:50px}#break-timer{font-weight:700;font-size:24px;position:absolute;top:25%;left:0;right:0}.taking-a-break #genki-modal-body,.taking-a-break #genki-modal-header,.taking-a-break #genki-modal-overlay{transition:1s}.taking-a-break #genki-modal-buttons button{display:none}.taking-a-break #genki-modal-header{text-align:center;background-color:rgba(17,119,170,.7)}.taking-a-break #genki-modal-body{background-color:rgba(255,255,255,.7);border-color:rgba(17,119,170,.7)}.taking-a-break #genki-modal-overlay{background-size:cover;opacity:1}#genki-site-settings{font-size:26px;display:inline-block;height:20px;line-height:20px;margin-left:15px}#genki-site-settings:focus{color:#17a}#genki-site-settings i{vertical-align:-5px}.genki-settings-list{list-style-type:none}.genki-settings-list li{margin:10px 0}.genki-settings-list .label{width:40%;margin-right:10px;text-align:right;font-weight:700;vertical-align:top;cursor:help}#page-custom-css{width:50%;height:100px}.button.opt-off{background-color:#999}.button.opt-off:hover{background-color:#888}.button.opt-off:focus{background-color:#777}#light-switch-container{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#light-switch-label{vertical-align:middle;cursor:pointer}#light-switch{background-color:rgba(0,0,0,.25);border:1px solid rgba(0,0,0,.25);vertical-align:middle;display:inline-block;position:relative;height:26px;width:60px;border-radius:20px;cursor:pointer;overflow:hidden}#light-switch:focus{border:1px solid #17a;outline:0}#light-switch>input{display:none}#light-switch>div{background-color:rgba(255,255,255,.5);position:absolute;top:3px;left:3px;height:20px;width:20px;border-radius:20px;transition:.4s;font-size:13px;font-weight:700;line-height:22px}#light-switch>div:before{content:'ON';margin-left:-27px;color:transparent;transition:.4s}#light-switch>div:after{content:'OFF';margin-left:30px;color:rgba(255,255,255,.5);transition:.4s}#light-switch>input:checked+div{background-color:#fff;left:37px}#light-switch>input:checked+div:before{color:#fff}#light-switch>input:checked+div:after{color:transparent}.genki_pseudo_checkbox,.genki_pseudo_radio{display:inline-block;text-align:center;background:#fff;border:1px solid #ccc;height:16px;width:16px;vertical-align:middle;margin-right:3px;position:relative;overflow:hidden;cursor:pointer}.genki_pseudo_checkbox:focus,.genki_pseudo_checkbox:hover,.genki_pseudo_radio:focus,.genki_pseudo_radio:hover{border-color:#17a;outline:0}input[disabled]+.genki_pseudo_checkbox,input[disabled]+.genki_pseudo_radio{opacity:.5;cursor:not-allowed}.genki_pseudo_radio{border-radius:100%}.genki_pseudo_radio:after,.genki_pseudo_radio:before,input:checked+.genki_pseudo_radio:after{content:"";font-size:0;border-radius:100%;position:absolute;top:3px;left:3px;height:10px;width:10px}.genki_pseudo_radio:before{background:#ccc}.genki_pseudo_radio:after{background:#17a;top:8px;left:8px;height:0;width:0}.genki_pseudo_checkbox:after{content:"\f00c";color:#17a;font-family:FontAwesomeWeb,FontAwesome;font-size:0;position:absolute;top:0;left:0;right:0;line-height:16px}input:checked+.genki_pseudo_checkbox:after{font-size:14px}.genki_input_hidden{visibility:hidden;position:absolute}.checkbox-label{font-size:13px;font-weight:700;cursor:pointer}.dict-block{margin-top:50px}.dict-hidden{display:none}.dict-desc{padding:3px}.leg-desc{font-size:12px;vertical-align:top}#dictionary-modes .button{border:2px solid transparent}#dictionary-modes .button.active-mode{color:#17a;border-color:#17a;background-color:transparent;cursor:default}#dict-legend .text-block{margin:3px}#dict-legend .text-block div{margin:3px 0}.dictionary-index{margin:3px;padding:3px}#japanese-english .dictionary-index ul{float:left;padding:3px;margin:0}#japanese-english .dictionary-index ul.dict-index-split{margin-left:10px}.dictionary-index li{list-style-type:none;margin:0 3px;float:left}#japanese-english .dictionary-index li{float:none}.dictionary-index li{font-weight:700;font-size:18px}.dictionary-index li a{color:#17a}.dictionary-index li a:hover{color:#047}.dict-index-disabled{opacity:.5;cursor:default}.dictionary-index.dict-alpha li{margin:0 8px}.dict-search-wrapper{margin:3px}.dict-search{width:100%;box-sizing:border-box}.dict-search-results{border:1px solid #ccc;margin:0}.dict-search-results:empty{border-color:transparent}.dict-search-results:not(:empty){height:250px;padding:3px;overflow:auto;position:relative}#selected_words_list.dict-search-results .definition{list-style-type:decimal;list-style-position:inside}#selected_words_list.dict-search-results{width:80%;height:80%;padding:5px 10px;margin:0 auto}.dictionary-group{float:left;width:48.5%;margin-right:1.5%;padding:0}.dictionary-group:nth-of-type(even){margin-right:3%}.dictionary-group:nth-of-type(odd){margin-right:0}.dictionary-group .word-list{padding:0}.dictionary-group .word-list.hidden{display:none}.group-selectors.hidden{display:none}.group-selectors .deselect-all:before,.group-selectors .select-all:before{font-size:17px;font-family:FontAwesomeWeb,FontAwesome;font-weight:400;vertical-align:middle;margin-right:10px}.group-selectors .select-all:before{content:"\f046"}.group-selectors .deselect-all:before{content:"\f096"}.dict-search-wrapper .group-selectors .button,.dictionary-group .group-selectors .button{padding:3px 6px;margin:3px 0;width:30px;height:30px}.dict-search-wrapper .group-selectors .deselect-all:before,.dict-search-wrapper .group-selectors .select-all:before,.dictionary-group .group-selectors .deselect-all:before,.dictionary-group .group-selectors .select-all:before{margin:0}.definition-count{font-size:16px;vertical-align:top;margin-left:8px}.definition{font-size:14px;list-style-type:none;margin:6px 0;overflow:hidden}.def-ja.def-furi{position:relative;display:inline-block;margin-bottom:15px}.def-ja.def-furi i{color:#777;font-size:11px;font-style:normal;white-space:nowrap;position:absolute;bottom:-15px;left:0}#english-japanese .def-en,#japanese-english .def-ja,#quick-jisho-results .def-ja{margin-right:8px}.def-label{float:right}.def-vtype{font-size:0}.def-vtype i{font-size:12px;font-style:normal;color:#fff;background:#17a;border:1px solid #069;border-radius:3px;display:inline-block;line-height:12px;padding:3px}#quick-jisho-toggle{color:#fff;font-size:18px;text-align:center;line-height:32px;background:#17a;height:30px;width:30px;border-radius:100%;position:fixed;right:5px;bottom:5px;cursor:pointer}#quick-jisho-toggle:focus,#quick-jisho-toggle:hover{opacity:.7;outline:0}#quick-jisho-window{background:#fff;border:1px solid #ccc;box-shadow:0 0 6px rgba(0,0,0,.25);height:300px;width:500px;max-height:85%;max-width:90%;position:fixed;right:5px;bottom:40px;opacity:1;transition-duration:.3s;transition-property:opacity,bottom}#quick-jisho-window.quick-jisho-hidden{bottom:-310px;opacity:0}#quick-jisho-title{color:#fff;background:#17a;font-size:18px;text-align:center;line-height:32px;margin:-1px -1px 0 -1px}.quick-jisho-row{padding:3px}.quick-jisho-row:first-child{padding-bottom:0}#quick-jisho-search{width:100%;height:35px;box-sizing:border-box}#quick-jisho-results{height:219px;padding:3px;margin:0;overflow-y:auto}#quick-jisho-results .definition:focus{color:#17a;outline:0}#quick-jisho-selector{border-radius:15px;border:1px solid rgba(0,0,0,.15);box-shadow:0 0 3px rgba(0,0,0,.25);padding:3px 9px;margin:0;position:absolute;z-index:9999}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}.ad-container{text-align:center;margin:25px 0}@media (max-width:1000px){.content-block{padding:30px 0}#announce-inner{padding:0 6px}footer li{float:none;display:inline-block}footer li:before{margin-left:0}.footer-left,.footer-right{float:none;text-align:center;margin-bottom:10px}#light-switch-container{height:auto;margin-top:0}#quick-search-wrapper,.normal-block,h2,h3,h4,p{padding:0 6px}a.anchor{margin:0 0 0 -5px}.center a.anchor,.sub-lesson-title a.anchor,.workbook-title a.anchor{margin:0 0 0 -25px}.kana-quiz .quiz-column{margin:0}.text-passage{width:90%}.quiz-multi-answer{width:80%}.more-exercises{text-align:center}.more-exercises a.button{float:none;margin:3px}#genki-modal-header{font-size:16px}#genki-modal-content{font-size:14px}#genki-modal-body{left:5%!important;right:5%!important;bottom:10%!important}}@media (max-width:930px){.drawing-quiz .drawing-zone{width:auto!important;margin:3px auto}.drawing-quiz .quiz-answer-row{flex-wrap:wrap;padding-bottom:25px;margin-bottom:25px;border-bottom:3px dashed #17a}}@media (max-width:820px){header{padding:100px 0 0 0;text-align:center;background-position:50% 00px}header h1{font-size:24px}#home-link:before{content:"";position:absolute;height:100px;width:120px;top:60px;left:50%;margin-left:-60px}.edition-icon:after{margin-top:30px}.columns-2>div,.dictionary-group{float:none;width:100%}.inline-columns>div,.lesson-summary .inline-columns>div{margin-right:5px}.dictionary-group{margin:0}.dictionary-group .definition{padding:0 3px}.vocab-key>div:first-child,.vocab-key>div:last-child{border:none}.vocab-key>div:first-child{border-bottom:1px solid #999}.drag-quiz #answer-list,.drag-quiz #drop-list,.drag-quiz #question-list{float:left;width:33.33%}.drag-quiz .vocab-horizontal #answer-list,.drag-quiz .vocab-horizontal #drop-list,.drag-quiz .vocab-horizontal #question-list{float:none;width:auto}.vocab-horizontal .quiz-item-group{width:auto}#lessons .lesson-title{font-size:18px}#quick-jisho-window{width:300px}.fill-quiz.quiz-over .writing-zone+.writing-zone{margin-bottom:20px;position:relative;top:20px}}@media (pointer:coarse){#exercise-list .lesson-title,#exercise-list .sub-lesson-title,#exercise-list li a,#lessons li a{font-size:14px}#exercise-list li a,#lessons li a{padding:6px 0}#exercise-list .lesson-title{padding:6px}} \ No newline at end of file diff --git a/resources/javascript/all.js b/resources/javascript/all.js index fbb5067..733fde2 100644 --- a/resources/javascript/all.js +++ b/resources/javascript/all.js @@ -14,6 +14,11 @@ // content: message body for the announcement; write your announcements here! // [NOT USED CURRENTLY; GSR remnant] edition: [OPTIONAL] restricts the announcement to a specific edition, possible values are: 3rd || 2nd, announcements are global by default msg : [ + { + date : '12/14/24', + content : "I've been slowly rolling out ads on my website recently. They're optional for this project, however, so please click here to learn more about this update." + }, + { date : '10/26/24', content : 'Click here to learn about the recent updates made to the website as well as my future plans.' diff --git a/resources/javascript/all.min.js b/resources/javascript/all.min.js index 4073387..d32df7c 100644 --- a/resources/javascript/all.min.js +++ b/resources/javascript/all.min.js @@ -1 +1 @@ -!function(e,t){"use strict";if(t.getElementById("announcement")&&(e.GenkiAnn={rotation:!1,msg:[{date:"10/26/24",content:'Click here to learn about the recent updates made to the website as well as my future plans.'},{content:'Interested in learning Japanese? Check out our guide for more information on how to learn the language, as well as useful tools that you can utilize in your studies!'},{content:'Looking for more self-study resources? Visit the official website for Tobira or check out some of the resources in the readme on GitHub.'},{content:'Want to stay up to date on the latest changes made to Tobira Study Resources? You can follow updates via GitHub, Twitter, or Ko-fi. Feel free to also contact us on GitHub if you have any questions or feedback.'},{content:'Have a question about the site? Check out the FAQ! If you can't find an answer to your question, feel free to contact us via GitHub's issues and we'll try to answer your question in a timely manner."},{content:'Find a bug or mistake on the site? Want to submit a suggestion or give us feedback? Check out the report page for more information. We'd love to hear from you!"},{content:"Don't have a network connection all the time? Tobira Study Resources can be used offline as well! Head on over to the download page to get the latest release.'},{content:'If you found this tool helpful for studying with Tobira, please consider making a donation to help support my work. Thank you!'}],index:0,list:t.getElementById("announce-list"),next:function(t,n){GenkiAnn.msg[GenkiAnn.index].className+=" announce-hidden","number"==typeof t?(GenkiAnn.index+=t,-1==GenkiAnn.index&&(GenkiAnn.index=GenkiAnn.msg.length-1)):GenkiAnn.index++,GenkiAnn.msg[GenkiAnn.index]||(GenkiAnn.index=0),GenkiAnn.msg[GenkiAnn.index].className=GenkiAnn.msg[GenkiAnn.index].className.replace(" announce-hidden",""),GenkiAnn.rotation&&n&&(e.clearInterval(GenkiAnn.rotator),GenkiAnn.rotate())},rotate:function(){GenkiAnn.rotator=e.setInterval(GenkiAnn.next,15e3)},init:function(){if(GenkiAnn.msg.length>1){t.getElementById("announcement-controls").style.display="";for(var e=0,n=GenkiAnn.msg.length,a="",i=!0;e'+(GenkiAnn.msg[e].date?''+GenkiAnn.msg[e].date+"":"")+GenkiAnn.msg[e].content+"",i&&(i=!1));GenkiAnn.list.insertAdjacentHTML("beforeend",a),GenkiAnn.msg=t.querySelectorAll(".announcement"),GenkiAnn.rotation&&GenkiAnn.rotate()}}},GenkiAnn.init()),"file:"==e.location.protocol)for(var n=t.getElementsByTagName("A"),a=0,i=n.length;a');if(storageOK){var r=t.querySelector("footer"),s=t.createElement("LABEL"),l=t.createElement("DIV"),c=t.createElement("A");s.id="light-switch",s.tabIndex=0,s.innerHTML='
",s.onkeyup=function(e){"Enter"==e.key&&this.firstChild.click()},s.firstChild.onchange=function(){var n,a=t.documentElement;if(this.checked?(localStorage.darkMode="on",(n=t.createElement("LINK")).id="dark-mode",n.rel="stylesheet",n.href=getPaths()+"resources/css/stylesheet-dark.min.css",t.head.appendChild(n),a.className+=" dark-mode"):(localStorage.darkMode="off",(n=t.getElementById("dark-mode"))&&t.head.removeChild(n),a.className=a.className.replace(" dark-mode","")),e.KanjiCanvas){KanjiCanvas.darkMode=!!t.querySelector(".dark-mode"),KanjiCanvas.quizOver=!!t.querySelector(".quiz-over");for(var i=t.querySelectorAll(".kanji-canvas"),o=0,r=i.length;oDark Mode ',c.id="genki-site-settings",c.innerHTML='',c.title="Site Settings",c.href="#",c.onclick=function(){return!t.getElementById("genki-modal")&&(GenkiSettings.manager(),!1)},l.appendChild(s),l.appendChild(c),r.appendChild(l)}else{r=t.querySelector("footer");(l=t.createElement("DIV")).id="light-switch-container",l.innerHTML='Where is Dark Mode?',r.appendChild(l)}t.addEventListener("keydown",function(e){if(e.ctrlKey&&e.altKey||e.metaKey&&e.shiftKey){var n;switch(e.key.toLowerCase()){case"left":case"arrowleft":n=t.querySelector(".prev-ex");break;case"right":case"arrowright":n=t.querySelector(".next-ex");break;case"e":n=t.getElementById("toggle-exercises");break;case"q":n=t.getElementById("quick-jisho-toggle");break;case"d":n=t.getElementById("light-switch");break;case"f":n=t.getElementById("toggle-furigana");break;case"r":n=t.getElementById("random-exercise");break;case"m":n=t.getElementById("genki-site-settings");break;case"c":n=t.getElementById("check-answers-button")}n&&(e.preventDefault(),n.click())}if("multi"==Genki.active.type&&e.altKey&&/a|b|c|d/i.test(e.key)){var a=t.querySelector("#quiz-q"+Genki.stats.solved+' div[data-option="'+e.key.toUpperCase()+'"]');a&&(a.click(),e.preventDefault())}})}(window,document); \ No newline at end of file +!function(e,t){"use strict";if(t.getElementById("announcement")&&(e.GenkiAnn={rotation:!1,msg:[{date:"12/14/24",content:'I\'ve been slowly rolling out ads on my website recently. They\'re optional for this project, however, so please click here to learn more about this update.'},{date:"10/26/24",content:'Click here to learn about the recent updates made to the website as well as my future plans.'},{content:'Interested in learning Japanese? Check out our guide for more information on how to learn the language, as well as useful tools that you can utilize in your studies!'},{content:'Looking for more self-study resources? Visit the official website for Tobira or check out some of the resources in the readme on GitHub.'},{content:'Want to stay up to date on the latest changes made to Tobira Study Resources? You can follow updates via GitHub, Twitter, or Ko-fi. Feel free to also contact us on GitHub if you have any questions or feedback.'},{content:'Have a question about the site? Check out the FAQ! If you can't find an answer to your question, feel free to contact us via GitHub's issues and we'll try to answer your question in a timely manner."},{content:'Find a bug or mistake on the site? Want to submit a suggestion or give us feedback? Check out the report page for more information. We'd love to hear from you!"},{content:"Don't have a network connection all the time? Tobira Study Resources can be used offline as well! Head on over to the download page to get the latest release.'},{content:'If you found this tool helpful for studying with Tobira, please consider making a donation to help support my work. Thank you!'}],index:0,list:t.getElementById("announce-list"),next:function(t,n){GenkiAnn.msg[GenkiAnn.index].className+=" announce-hidden","number"==typeof t?(GenkiAnn.index+=t,-1==GenkiAnn.index&&(GenkiAnn.index=GenkiAnn.msg.length-1)):GenkiAnn.index++,GenkiAnn.msg[GenkiAnn.index]||(GenkiAnn.index=0),GenkiAnn.msg[GenkiAnn.index].className=GenkiAnn.msg[GenkiAnn.index].className.replace(" announce-hidden",""),GenkiAnn.rotation&&n&&(e.clearInterval(GenkiAnn.rotator),GenkiAnn.rotate())},rotate:function(){GenkiAnn.rotator=e.setInterval(GenkiAnn.next,15e3)},init:function(){if(GenkiAnn.msg.length>1){t.getElementById("announcement-controls").style.display="";for(var e=0,n=GenkiAnn.msg.length,a="",o=!0;e'+(GenkiAnn.msg[e].date?''+GenkiAnn.msg[e].date+"":"")+GenkiAnn.msg[e].content+"",o&&(o=!1));GenkiAnn.list.insertAdjacentHTML("beforeend",a),GenkiAnn.msg=t.querySelectorAll(".announcement"),GenkiAnn.rotation&&GenkiAnn.rotate()}}},GenkiAnn.init()),"file:"==e.location.protocol)for(var n=t.getElementsByTagName("A"),a=0,o=n.length;a');if(storageOK){var r=t.querySelector("footer"),s=t.createElement("LABEL"),l=t.createElement("DIV"),c=t.createElement("A");s.id="light-switch",s.tabIndex=0,s.innerHTML='
",s.onkeyup=function(e){"Enter"==e.key&&this.firstChild.click()},s.firstChild.onchange=function(){var n,a=t.documentElement;if(this.checked?(localStorage.darkMode="on",(n=t.createElement("LINK")).id="dark-mode",n.rel="stylesheet",n.href=getPaths()+"resources/css/stylesheet-dark.min.css",t.head.appendChild(n),a.className+=" dark-mode"):(localStorage.darkMode="off",(n=t.getElementById("dark-mode"))&&t.head.removeChild(n),a.className=a.className.replace(" dark-mode","")),e.KanjiCanvas){KanjiCanvas.darkMode=!!t.querySelector(".dark-mode"),KanjiCanvas.quizOver=!!t.querySelector(".quiz-over");for(var o=t.querySelectorAll(".kanji-canvas"),i=0,r=o.length;iDark Mode ',c.id="genki-site-settings",c.innerHTML='',c.title="Site Settings",c.href="#",c.onclick=function(){return!t.getElementById("genki-modal")&&(GenkiSettings.manager(),!1)},l.appendChild(s),l.appendChild(c),r.appendChild(l)}else{r=t.querySelector("footer");(l=t.createElement("DIV")).id="light-switch-container",l.innerHTML='Where is Dark Mode?',r.appendChild(l)}t.addEventListener("keydown",function(e){if(e.ctrlKey&&e.altKey||e.metaKey&&e.shiftKey){var n;switch(e.key.toLowerCase()){case"left":case"arrowleft":n=t.querySelector(".prev-ex");break;case"right":case"arrowright":n=t.querySelector(".next-ex");break;case"e":n=t.getElementById("toggle-exercises");break;case"q":n=t.getElementById("quick-jisho-toggle");break;case"d":n=t.getElementById("light-switch");break;case"f":n=t.getElementById("toggle-furigana");break;case"r":n=t.getElementById("random-exercise");break;case"m":n=t.getElementById("genki-site-settings");break;case"c":n=t.getElementById("check-answers-button")}n&&(e.preventDefault(),n.click())}if("multi"==Genki.active.type&&e.altKey&&/a|b|c|d/i.test(e.key)){var a=t.querySelector("#quiz-q"+Genki.stats.solved+' div[data-option="'+e.key.toUpperCase()+'"]');a&&(a.click(),e.preventDefault())}})}(window,document); \ No newline at end of file diff --git a/resources/javascript/ga.js b/resources/javascript/ga.js index 04e8707..46fa3fb 100644 --- a/resources/javascript/ga.js +++ b/resources/javascript/ga.js @@ -1,6 +1,7 @@ -// Google Analytics +// Google Analytics/Adsense // disabled if used locally or on another host if (window.location.hostname == 'sethclydesdale.github.io') { + // Analytics (function (window, document, id) { var gtag = document.createElement('SCRIPT'); gtag.async = true; @@ -15,4 +16,61 @@ if (window.location.hostname == 'sethclydesdale.github.io') { document.head.appendChild(gtag); }(window, document, 'G-N4GW3V4S0S')); + + + // Adsense + (function (window, document, id) { + // exclusions and preferences + if (storageOK && localStorage.adverts == 'off' || /\/donate\/|\/download\//.test(window.location.pathname)) return false; + + var adsense = document.createElement('SCRIPT'); + adsense.async = true; + adsense.crossorigin = 'anonymous'; + adsense.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=' + id; + document.head.appendChild(adsense); + + // function for inserting ads into document + var insertAds = function() { + var content = document.getElementById('content'), ad; + + if (content) { + + // mobile ads + if (window.screen.width < 728) { + // ad format + ad = ''; + + // top page ad + content.insertAdjacentHTML('afterbegin', '
' + ad.replace('{SLOT}', '8249052960') + '
'); + (adsbygoogle = window.adsbygoogle || []).push({}); + + // bottom page ad + content.insertAdjacentHTML('beforeend', '
' + ad.replace('{SLOT}', '4309807952') + '
'); + (adsbygoogle = window.adsbygoogle || []).push({}); + } + + // standard ads + else { + // ad format + ad = ''; + + // top page ad + content.insertAdjacentHTML('afterbegin', '
' + ad.replace('{SLOT}', '6877660342') + '
'); + (adsbygoogle = window.adsbygoogle || []).push({}); + + // bottom page ad + content.insertAdjacentHTML('beforeend', '
' + ad.replace('{SLOT}', '4757999122') + '
'); + (adsbygoogle = window.adsbygoogle || []).push({}); + } + } + }; + + // wait until DOM loaded to insert ads + if (document.readyState !== 'loading') { + insertAds(); + } else { + document.addEventListener('DOMContentLoaded', insertAds); + } + + }(window, document, 'ca-pub-2159011770843378')); } diff --git a/resources/javascript/head.js b/resources/javascript/head.js index 6253475..6ff1766 100644 --- a/resources/javascript/head.js +++ b/resources/javascript/head.js @@ -167,6 +167,7 @@ var fontSize = +localStorage.genkiFontSize || 100, pageWidth = +localStorage.genkiPageWidth || 100, darkMode = localStorage.darkMode || 'off', + adverts = localStorage.adverts || 'on', customCSS = localStorage.genkiCustomCSS || '', furigana = localStorage.furiganaVisible || 'true', spoilerMode = localStorage.spoilerMode || 'false', @@ -206,6 +207,11 @@ ''+ ''+ + (window.location.protocol == 'file:' ? '' : '
  • '+ + 'Ads:'+ + ''+ + '
    • ')+ + '
  • '+ 'Custom CSS:
    What is CSS?    '+ ''+ @@ -518,6 +524,29 @@ }, + // updates adverts state + updateAdverts : function (caller) { + GenkiSettings.updateButton(caller, function (state) { + localStorage.adverts = state == 'ON' ? 'on' : 'off'; + + GenkiModal.open({ + title : 'Reload Required', + content : 'The page needs to be reloaded for this setting to take effect. Do you want to reload now?', + buttonText : 'Reload', + closeButtonText : 'Return to Settings', + + callback : function () { + window.location.reload(); + }, + + closeCallback : function () { + setTimeout(GenkiSettings.manager, 10); + } + }); + }); + }, + + // updates custom css updateCustomCSS : function (caller, updateCSS) { // update the CSS diff --git a/resources/javascript/head.min.js b/resources/javascript/head.min.js index 5734398..b95cab2 100644 --- a/resources/javascript/head.min.js +++ b/resources/javascript/head.min.js @@ -1 +1 @@ -!function(e,t){"use strict";t.documentElement&&(t.documentElement.className+=/Linux/.test(e.navigator.platform)?" os-linux":""),e.offlineEdge="file:"==e.location.protocol&&/Edge/.test(navigator.userAgent),e.storageOK=!(!navigator.cookieEnabled||offlineEdge||!e.localStorage),e.GenkiModal={open:function(i){i=i||{},GenkiModal.close();var n,o,a=t.createElement("DIV");return a.id="genki-modal",a.innerHTML='

    '+(i.title?i.title:"Popup")+'

    '+(i.content?i.content:"")+'
    '+(i.noClose?"":'")+(i.customButton?i.customButton:"")+"
    ",i.callback&&(n=t.createElement("BUTTON"),o=a.querySelector("#genki-modal-buttons"),n.innerText=i.buttonText?i.buttonText:"OK",n.id="genki-modal-ok",n.className="button",n.onclick=function(){i.callback(),!i.keepOpen&&GenkiModal.close()},o.insertBefore(n,o.firstChild)),t.body.style.overflow="hidden",t.body.appendChild(a),i.focus?t.querySelector(i.focus).focus():i.noFocus||t.getElementById("genki-modal-"+(i.callback?"ok":"close")).focus(),i.closeCallback&&(t.getElementById("genki-modal-close").onclick=function(){i.closeCallback(),!i.keepOpen&&GenkiModal.close()}),e.Genki&&Genki.timer&&Genki.timer.isRunning()&&Genki.pauseTimerWhenOpenPopup(),i},close:function(){var i=t.getElementById("genki-modal");i&&(t.body.style.overflow="",t.body.removeChild(i)),e.Genki&&Genki.timer&&Genki.timer.isPaused()&&Genki.startTimerWhenClosePopup()}},e.CreateCustomInputs=function(){for(var e=t.querySelectorAll('input[type="checkbox"], input[type="radio"]'),i=0,n=e.length;i'))},e.AddJumpArrowsTo=function(e,i,n){for(var o=t.querySelectorAll(e),a=0,s=o.length;a')},e.getPaths=function(){var t=e.location.pathname;return/\/lessons\//.test(t)?"../../../":/\/help\/.*?\//.test(t)?"../../":/\/report\/|\/download\/|\/donate\/|\/privacy\/|\/help\/(index|$)/.test(t)?"../":""},e.GenkiSettings={manager:function(){var e=+localStorage.genkiFontSize||100,t=+localStorage.genkiPageWidth||100,i=localStorage.darkMode||"off",n=localStorage.genkiCustomCSS||"",o=localStorage.furiganaVisible||"true",a=localStorage.spoilerMode||"false",s=localStorage.vocabHorizontal||"true",l=localStorage.feedbackMode||"classic",r=localStorage.genkiRandomExercise||"all",u=localStorage.genkiSkipExType||"false",c=localStorage.genkiJishoLookUp||"true",d=localStorage.strokeOrderVisible||"true",p=localStorage.tracingGuideVisible||"true",g=localStorage.timerAutoPause||"true",h=localStorage.dataBackupReminder||"true";GenkiSettings.stylesheet||GenkiSettings.createStylesheet(),GenkiModal.open({title:"Settings Manager",content:'

    Here you can manage your settings for Tobira Study Resources. To learn more about a setting, hover over its label for a short description.

    Display
    • Font Size:'+e+'%
    • Page Width:'+t+'%
    • Dark Mode:
    • Custom CSS:
      What is CSS?
    Exercises
    • Furigana:
    • Drag and Drop Mode:
    • Multiple Choice Feedback Mode:
    • Multiple Choice Vocab Spoiler:
    • Random Exercise Range:
    • Skip Exercise Type Selection:
    • Quick Jisho Look Up:
    • Stroke Order:
    • Tracing Guide:
    • Pause Timer Automatically:
    • Exercise Data Backup Reminder:
    • Save/Load Exercise Score Data:Save
    ',buttonText:"Close",noFocus:!0,focus:"#font-size-range",customSize:{top:"5%",left:"10%",bottom:"5%",right:"10%"}})},loadExerciseData:function(e){var t=e.files[0],i=new FileReader;i.onload=function(e){if(/"3rd"\:|"2nd"\:/.test(e.target.result))return alert("This exercise data is only for use with Genki Study Resources. Please select your Tobira Exercise Data file to load your scores.");/"\:\d+/.test(e.target.result)?(localStorage.TobiraResults=e.target.result,alert("Exercise score data has been loaded successfully! Please reload the page to update your scores.")):alert("There was an error loading the exercise score data. Please try again or open a new issue on GitHub for help: https://github.com/SethClydesdale/tobira-study-resources/issues")},i.readAsText(t,"UTF-8")},updateButton:function(e,t){/opt-off/.test(e.className)?(e.innerText="ON",e.className=e.className.replace("opt-off",""),t&&t("ON")):(e.innerText="OFF",e.className+=" opt-off",t&&t("OFF"))},updateFontSize:function(e,i){var n=(e?+e.value:localStorage.genkiFontSize)/100;if(e&&(e.nextSibling.innerText=e.value+"%"),i){var o="/*FONT-SIZE-START*/footer li:before { font-size:"+6*n+"px }.kana-quiz.quiz-over [data-mistakes]:after { font-size:"+8*n+"px }.quiz-over .vocab-horizontal [data-mistakes]:after, .verb-quiz.quiz-over [data-mistakes]:after { font-size:"+10*n+"px }.define, #announcement .announcement .date, #quick-search-results li[data-lesson]:before, .writing-quiz .quiz-item:before, .helper-present #question-list .quiz-item:before, .furigana, .inline-furi i, ruby rt, .secondary-answer, .def-ja.def-furi i { font-size:"+11*n+"px }#exercise-title:after, .title[data-page]:after, #exercise-list li a[data-page]:hover:after, #exercise-list li a[data-page]:focus:after, .leg-desc, .sectionNumber3rd { font-size:"+12*n+"px }.kanji-readings.drag-quiz .vocab-horizontal #question-list .quiz-answer-zone .quiz-item, .kanji-meanings.drag-quiz .vocab-horizontal #question-list .quiz-answer-zone .quiz-item, .image-list span i, .checkbox-label { font-size:"+13*n+'px }body, p, input[type="text"], input[type="number"], textarea, select, #announcement .announcement, #link-list span, .workbook-title, .normal-block, .quiz-over [data-mistakes]:after, #wrongAnswer:before, .writing-quiz .quiz-item, input.writing-zone-input, .quiz-multi-question, .quiz-multi-answer, .text-block, .fill-quiz .writing-zone-input, .problem-hint, .problem-answer, .definition, .lesson-summary, #exercise-list .sub-lesson-title, .button:not(.play-button), a.button, #study-tool-settings li { font-size:'+14*n+"px }#exercise-list .lesson-title, #genki-modal-content, .table.grammar-table td { font-size:"+15*n+"px }#link-list i, #exercise:before, .loading:before, .sub-lesson-title, .workbook-title, .title-desc, #exercise .text-passage, #complete-banner, #downloadCode:before, .definition-count, .multi-vocab rt, .table-head { font-size:"+16*n+"px }.group-selectors .select-all:before, .group-selectors .deselect-all:before { font-size:"+17*n+"px }.button .fa, .more-exercises a:after, .more-exercises a:before, #link-github i, #link-help i, .title-med, .sub-title, #exercise-list .main-title, .quiz-multi-answer:before, #genki-site-settings, .dictionary-index li, #quick-jisho-title { font-size:"+18*n+"px }#quick-actions h2, .lesson-title, .vocab-key:before { font-size:"+20*n+"px }.section-title, #exercise-title, #break-timer, #announcement .fa, .multi-vocab-sentence { font-size:"+24*n+"px }.kanji-readings.drag-quiz #question-list .quiz-item, .kanji-meanings.drag-quiz #question-list .quiz-item { font-size:"+26*n+"px }.title { font-size:"+28*n+"px }.multi-vocab { font-size:"+32*n+"px }.slim-ruby ruby { width:"+10*n+"px }.result-label { width:"+150*n+"px }.kana-quiz .quiz-answer-zone:empty, .kana-quiz .quiz-item { width:"+35*n+"px }.problem-hint, .problem-answer { height:"+20*n+"px }#quiz-progress, #quiz-progress-bar { height:"+25*n+"px }#genki-site-settings { height:"+26*n+"px }.kanji-meanings.drag-quiz .vocab-horizontal #question-list .quiz-answer-zone .quiz-item, .drag-quiz .quiz-item, .drag-quiz .quiz-answer-zone { height:"+28*n+"px }.vocab-key:before, .kana-quiz .quiz-answer-zone:empty, .kana-quiz .quiz-item { height:"+30*n+"px }#genki-modal-buttons, #genki-modal-header { height:"+40*n+"px }.kanji-meanings.drag-quiz .quiz-answer-zone, .kanji-meanings.drag-quiz #question-list .quiz-item, .kanji-meanings.drag-quiz #question-list .quiz-item, .kanji-meanings.drag-quiz .quiz-answer-zone, .kanji-readings.drag-quiz .quiz-answer-zone, .kanji-readings.drag-quiz .quiz-item { height:"+48*n+"px }#announcement { height:"+105*n+"px }#announcement .announcement { height:"+70*n+"px }.multi-vocab { min-height:"+64*n+"px }.secondary-answer { line-height:"+10*n+"px; }#exercise-list li a[data-page]:focus:after, #exercise-list li a[data-page]:hover:after { line-height:"+12*n+"px; }.writing-quiz .quiz-item:before, .helper-present #question-list .quiz-item:before { line-height:"+15*n+"px; }.kanji-readings.drag-quiz .vocab-horizontal #question-list .quiz-answer-zone .quiz-item, .kanji-meanings.drag-quiz .vocab-horizontal #question-list .quiz-answer-zone .quiz-item, .drag-quiz .quiz-item, .drag-quiz .quiz-answer-zone, .problem-hint, .problem-answer { line-height:"+20*n+"px; }.kana-quiz .quiz-answer-zone:empty, .kana-quiz .quiz-item { line-height:"+22*n+"px; }#genki-site-settings, #quiz-progress-text { line-height:"+26*n+"px; }#quick-jisho-title { line-height:"+32*n+"px; }.vocab-key:before { line-height:"+34*n+"px; }#genki-modal-buttons, #genki-modal-header { line-height:"+40*n+"px; }.kanji-readings.drag-quiz #question-list .quiz-item, .kanji-meanings.drag-quiz #question-list .quiz-item { line-height:"+44*n+"px; }.vocab-key { padding-top:"+30*n+"px; }.writing-quiz .helper-present #question-list .quiz-item[data-helper] { margin-bottom:"+3*n+"px; }.quiz-multi-answer.next-question:before { margin-top:-"+9*n+"px; }.quiz-multi-answer:before { margin-top:-"+10*n+"px; }.writing-quiz .quiz-answer-row.furi-row { margin-bottom:"+12*n+"px; }.def-ja.def-furi { margin-bottom:"+15*n+"px; }.vocab-horizontal.helper-present #question-list .quiz-item, .helper-present #question-list .quiz-item[data-helper], .helper-present #drop-list .quiz-answer-zone.helper-answer { margin-bottom:"+18*n+"px; }.problem-hint, .problem-answer { margin-bottom:-"+20*n+"px; }.fill-quiz .small-margin .block, .fill-quiz .small-margin .problem { margin-bottom:"+25*n+"px; }.question-block { margin:"+30*n+"px 0; }.fill-quiz .big-margin, .fill-quiz .example-problem, .fill-quiz .problem, .fill-quiz.quiz-over td .writing-zone { margin-bottom:"+40*n+"px; }.kana-quiz .answer-correct .quiz-item:before { top:-"+5*n+"px; right:-"+8*n+"px; }.writing-quiz .quiz-item:before, .helper-present #question-list .quiz-item:before, .def-ja.def-furi i { bottom:-"+15*n+"px }.question-block:after { top:-"+20*n+"px }.quiz-multi-answer:before { left:-"+25*n+"px }#genki-modal-content { top:"+40*n+"px }#genki-modal-content { bottom:"+40*n+"px }#wrongAnswer:before { right:-"+70*n+"px }.quiz-over [data-mistakes]:after { right:-"+85*n+"px }.fill-quiz .writing-zone-input, .section-title, .lesson-title, #link-list a { border-bottom-width:"+2*n+"px; }#genki-modal-body { top:"+10/n+"%; left:"+25/n+"%; right:"+25/n+"%; bottom:"+40/n+"%; }#exercise-list { width:"+300*n+"px; left:-"+301*n+"px; }#toggle-exercises.list-open { left:"+(300*n-30)+"px; }#quick-jisho-window { height:"+300*n+"px; width:"+500*n+"px; }#quick-jisho-window.quick-jisho-hidden { bottom:-"+310*n+"px; }#quick-jisho-results { height:"+219*n+"px; }#quick-jisho-search { height:"+35*n+"px; }.quick-jisho-row, #quick-jisho-results { padding:"+3*n+"px; }#quick-jisho-selector { border-radius:"+15*n+"px; }#quick-nav-list a.sub-section-button { font-size:"+11*n+"px; height:"+18*n+"px; width:"+18*n+"px; line-height:"+20*n+"px; left:-"+22*n+"px; }#quick-nav-list li:before { height:"+6*n+"px; width:"+6*n+"px; left:-"+16*n+"px; }#quick-nav-list li ul li:before { height:"+4*n+"px; width:"+4*n+"px; }.button.play-button { height:"+25*n+"px; width:"+25*n+"px; }.button.play-button i { font-size:"+14*n+"px; }.example-problem:before { font-size:"+12*n+"px; line-height:"+12*n+"px; padding:"+2*n+"px; border-radius:"+5*n+"px; }.example-problem.inline-columns { padding-left:"+62*n+"px; }.sectionNumber3rd, .section-number { width:"+22*n+"px; height:"+22*n+"px; line-height:"+21*n+"px; }#quiz-info { padding:"+15*n+"px "+15*n+"px "+15*n+"px "+50*n+"px; }#quiz-info:before { font-size:"+32*n+"px; margin-top:-"+16*n+"px; left:"+12*n+"px; }#announcement .announce-controls { margin-top:-"+15*n+"px; height:"+30*n+"px; width:"+20*n+"px; }#announcement .announce-controls i.fa { font-size:"+18*n+"px; line-height:"+26*n+"px; }#announcement .announce-controls.button-left { left:-"+20*n+"px; }#announcement .announce-controls.button-right { right:-"+20*n+"px; }#announce-list { margin:0 "+20*n+"px; }.drawing-quiz .stroke-order-button, .dictionary-group .group-selectors .button, .dict-search-wrapper .group-selectors .button, .button.icon-only, .kanji-stroke-order, .kanji-stroke-order .button, .drawing-zone { font-size:13px }.dictionary-group .group-selectors .deselect-all:before, .dictionary-group .group-selectors .select-all:before, .dict-search-wrapper .group-selectors .deselect-all:before, .dict-search-wrapper .group-selectors .select-all:before { font-size:17px }.button.icon-only .fa, #random-exercise i { font-size:18px }/*FONT-SIZE-END*/";if(/\/\*FONT-SIZE-START\*\//.test(GenkiSettings.stylesheet.innerText)?GenkiSettings.stylesheet.innerText=GenkiSettings.stylesheet.innerText.replace(/\/\*FONT-SIZE-START\*\/.*?\/\*FONT-SIZE-END\*\//,o):GenkiSettings.stylesheet.innerText+=o,e)for(var a=t.querySelectorAll("[data-default-width]"),s=0,l=a.length;s'),t.documentElement.className+=" dark-mode")),e.preLoadFonts=function(){for(var i,n=function(){if(e.KanjiCanvas)for(var i=t.querySelectorAll(".kanji-canvas"),n=0,o=i.length;n"+l+""),t.fonts&&t.fonts.load?t.fonts.load("10px "+r).then(n):(t.write(''+r+""),e.setTimeout(n,1500))},navigator.cookieEnabled||console.warn("Cookies are not available either due to host or browser settings. Tobira Study Resources will function in limited mode where settings are not remembered and certain features are unavailable. This issue can commonly be resolved by enabling third-party cookies. Please see the following page for help.\nhttps://sethclydesdale.github.io/tobira-study-resources/help/stuck-loading/\n\nIf the issue still occurs after enabling third-party cookies, please contact the developer for further assistance.\nhttps://github.com/SethClydesdale/tobira-study-resources/issues"),e.Get=function(e,t,i){var n=new XMLHttpRequest;return n.onreadystatechange=function(){4==this.readyState&&200==this.status&&t(this.response)},void 0!==i&&(n.responseType=i),n.open("get",e,!0),n.send(),n}}(window,document); \ No newline at end of file +!function(e,t){"use strict";t.documentElement&&(t.documentElement.className+=/Linux/.test(e.navigator.platform)?" os-linux":""),e.offlineEdge="file:"==e.location.protocol&&/Edge/.test(navigator.userAgent),e.storageOK=!(!navigator.cookieEnabled||offlineEdge||!e.localStorage),e.GenkiModal={open:function(i){i=i||{},GenkiModal.close();var n,o,a=t.createElement("DIV");return a.id="genki-modal",a.innerHTML='

    '+(i.title?i.title:"Popup")+'

    '+(i.content?i.content:"")+'
    '+(i.noClose?"":'")+(i.customButton?i.customButton:"")+"
    ",i.callback&&(n=t.createElement("BUTTON"),o=a.querySelector("#genki-modal-buttons"),n.innerText=i.buttonText?i.buttonText:"OK",n.id="genki-modal-ok",n.className="button",n.onclick=function(){i.callback(),!i.keepOpen&&GenkiModal.close()},o.insertBefore(n,o.firstChild)),t.body.style.overflow="hidden",t.body.appendChild(a),i.focus?t.querySelector(i.focus).focus():i.noFocus||t.getElementById("genki-modal-"+(i.callback?"ok":"close")).focus(),i.closeCallback&&(t.getElementById("genki-modal-close").onclick=function(){i.closeCallback(),!i.keepOpen&&GenkiModal.close()}),e.Genki&&Genki.timer&&Genki.timer.isRunning()&&Genki.pauseTimerWhenOpenPopup(),i},close:function(){var i=t.getElementById("genki-modal");i&&(t.body.style.overflow="",t.body.removeChild(i)),e.Genki&&Genki.timer&&Genki.timer.isPaused()&&Genki.startTimerWhenClosePopup()}},e.CreateCustomInputs=function(){for(var e=t.querySelectorAll('input[type="checkbox"], input[type="radio"]'),i=0,n=e.length;i'))},e.AddJumpArrowsTo=function(e,i,n){for(var o=t.querySelectorAll(e),a=0,s=o.length;a')},e.getPaths=function(){var t=e.location.pathname;return/\/lessons\//.test(t)?"../../../":/\/help\/.*?\//.test(t)?"../../":/\/report\/|\/download\/|\/donate\/|\/privacy\/|\/help\/(index|$)/.test(t)?"../":""},e.GenkiSettings={manager:function(){var t=+localStorage.genkiFontSize||100,i=+localStorage.genkiPageWidth||100,n=localStorage.darkMode||"off",o=localStorage.adverts||"on",a=localStorage.genkiCustomCSS||"",s=localStorage.furiganaVisible||"true",l=localStorage.spoilerMode||"false",r=localStorage.vocabHorizontal||"true",u=localStorage.feedbackMode||"classic",c=localStorage.genkiRandomExercise||"all",d=localStorage.genkiSkipExType||"false",p=localStorage.genkiJishoLookUp||"true",g=localStorage.strokeOrderVisible||"true",h=localStorage.tracingGuideVisible||"true",f=localStorage.timerAutoPause||"true",m=localStorage.dataBackupReminder||"true";GenkiSettings.stylesheet||GenkiSettings.createStylesheet(),GenkiModal.open({title:"Settings Manager",content:'

    Here you can manage your settings for Tobira Study Resources. To learn more about a setting, hover over its label for a short description.

    Display
    • Font Size:'+t+'%
    • Page Width:'+i+'%
    • Dark Mode:
      • "+("file:"==e.location.protocol?"":'
    • Ads:
      • ")+'
    • Custom CSS:
      What is CSS?
    Exercises
    • Furigana:
    • Drag and Drop Mode:
    • Multiple Choice Feedback Mode:
    • Multiple Choice Vocab Spoiler:
    • Random Exercise Range:
    • Skip Exercise Type Selection:
    • Quick Jisho Look Up:
    • Stroke Order:
    • Tracing Guide:
    • Pause Timer Automatically:
    • Exercise Data Backup Reminder:
    • Save/Load Exercise Score Data:Save
    ',buttonText:"Close",noFocus:!0,focus:"#font-size-range",customSize:{top:"5%",left:"10%",bottom:"5%",right:"10%"}})},loadExerciseData:function(e){var t=e.files[0],i=new FileReader;i.onload=function(e){if(/"3rd"\:|"2nd"\:/.test(e.target.result))return alert("This exercise data is only for use with Genki Study Resources. Please select your Tobira Exercise Data file to load your scores.");/"\:\d+/.test(e.target.result)?(localStorage.TobiraResults=e.target.result,alert("Exercise score data has been loaded successfully! Please reload the page to update your scores.")):alert("There was an error loading the exercise score data. Please try again or open a new issue on GitHub for help: https://github.com/SethClydesdale/tobira-study-resources/issues")},i.readAsText(t,"UTF-8")},updateButton:function(e,t){/opt-off/.test(e.className)?(e.innerText="ON",e.className=e.className.replace("opt-off",""),t&&t("ON")):(e.innerText="OFF",e.className+=" opt-off",t&&t("OFF"))},updateFontSize:function(e,i){var n=(e?+e.value:localStorage.genkiFontSize)/100;if(e&&(e.nextSibling.innerText=e.value+"%"),i){var o="/*FONT-SIZE-START*/footer li:before { font-size:"+6*n+"px }.kana-quiz.quiz-over [data-mistakes]:after { font-size:"+8*n+"px }.quiz-over .vocab-horizontal [data-mistakes]:after, .verb-quiz.quiz-over [data-mistakes]:after { font-size:"+10*n+"px }.define, #announcement .announcement .date, #quick-search-results li[data-lesson]:before, .writing-quiz .quiz-item:before, .helper-present #question-list .quiz-item:before, .furigana, .inline-furi i, ruby rt, .secondary-answer, .def-ja.def-furi i { font-size:"+11*n+"px }#exercise-title:after, .title[data-page]:after, #exercise-list li a[data-page]:hover:after, #exercise-list li a[data-page]:focus:after, .leg-desc, .sectionNumber3rd { font-size:"+12*n+"px }.kanji-readings.drag-quiz .vocab-horizontal #question-list .quiz-answer-zone .quiz-item, .kanji-meanings.drag-quiz .vocab-horizontal #question-list .quiz-answer-zone .quiz-item, .image-list span i, .checkbox-label { font-size:"+13*n+'px }body, p, input[type="text"], input[type="number"], textarea, select, #announcement .announcement, #link-list span, .workbook-title, .normal-block, .quiz-over [data-mistakes]:after, #wrongAnswer:before, .writing-quiz .quiz-item, input.writing-zone-input, .quiz-multi-question, .quiz-multi-answer, .text-block, .fill-quiz .writing-zone-input, .problem-hint, .problem-answer, .definition, .lesson-summary, #exercise-list .sub-lesson-title, .button:not(.play-button), a.button, #study-tool-settings li { font-size:'+14*n+"px }#exercise-list .lesson-title, #genki-modal-content, .table.grammar-table td { font-size:"+15*n+"px }#link-list i, #exercise:before, .loading:before, .sub-lesson-title, .workbook-title, .title-desc, #exercise .text-passage, #complete-banner, #downloadCode:before, .definition-count, .multi-vocab rt, .table-head { font-size:"+16*n+"px }.group-selectors .select-all:before, .group-selectors .deselect-all:before { font-size:"+17*n+"px }.button .fa, .more-exercises a:after, .more-exercises a:before, #link-github i, #link-help i, .title-med, .sub-title, #exercise-list .main-title, .quiz-multi-answer:before, #genki-site-settings, .dictionary-index li, #quick-jisho-title { font-size:"+18*n+"px }#quick-actions h2, .lesson-title, .vocab-key:before { font-size:"+20*n+"px }.section-title, #exercise-title, #break-timer, #announcement .fa, .multi-vocab-sentence { font-size:"+24*n+"px }.kanji-readings.drag-quiz #question-list .quiz-item, .kanji-meanings.drag-quiz #question-list .quiz-item { font-size:"+26*n+"px }.title { font-size:"+28*n+"px }.multi-vocab { font-size:"+32*n+"px }.slim-ruby ruby { width:"+10*n+"px }.result-label { width:"+150*n+"px }.kana-quiz .quiz-answer-zone:empty, .kana-quiz .quiz-item { width:"+35*n+"px }.problem-hint, .problem-answer { height:"+20*n+"px }#quiz-progress, #quiz-progress-bar { height:"+25*n+"px }#genki-site-settings { height:"+26*n+"px }.kanji-meanings.drag-quiz .vocab-horizontal #question-list .quiz-answer-zone .quiz-item, .drag-quiz .quiz-item, .drag-quiz .quiz-answer-zone { height:"+28*n+"px }.vocab-key:before, .kana-quiz .quiz-answer-zone:empty, .kana-quiz .quiz-item { height:"+30*n+"px }#genki-modal-buttons, #genki-modal-header { height:"+40*n+"px }.kanji-meanings.drag-quiz .quiz-answer-zone, .kanji-meanings.drag-quiz #question-list .quiz-item, .kanji-meanings.drag-quiz #question-list .quiz-item, .kanji-meanings.drag-quiz .quiz-answer-zone, .kanji-readings.drag-quiz .quiz-answer-zone, .kanji-readings.drag-quiz .quiz-item { height:"+48*n+"px }#announcement { height:"+105*n+"px }#announcement .announcement { height:"+70*n+"px }.multi-vocab { min-height:"+64*n+"px }.secondary-answer { line-height:"+10*n+"px; }#exercise-list li a[data-page]:focus:after, #exercise-list li a[data-page]:hover:after { line-height:"+12*n+"px; }.writing-quiz .quiz-item:before, .helper-present #question-list .quiz-item:before { line-height:"+15*n+"px; }.kanji-readings.drag-quiz .vocab-horizontal #question-list .quiz-answer-zone .quiz-item, .kanji-meanings.drag-quiz .vocab-horizontal #question-list .quiz-answer-zone .quiz-item, .drag-quiz .quiz-item, .drag-quiz .quiz-answer-zone, .problem-hint, .problem-answer { line-height:"+20*n+"px; }.kana-quiz .quiz-answer-zone:empty, .kana-quiz .quiz-item { line-height:"+22*n+"px; }#genki-site-settings, #quiz-progress-text { line-height:"+26*n+"px; }#quick-jisho-title { line-height:"+32*n+"px; }.vocab-key:before { line-height:"+34*n+"px; }#genki-modal-buttons, #genki-modal-header { line-height:"+40*n+"px; }.kanji-readings.drag-quiz #question-list .quiz-item, .kanji-meanings.drag-quiz #question-list .quiz-item { line-height:"+44*n+"px; }.vocab-key { padding-top:"+30*n+"px; }.writing-quiz .helper-present #question-list .quiz-item[data-helper] { margin-bottom:"+3*n+"px; }.quiz-multi-answer.next-question:before { margin-top:-"+9*n+"px; }.quiz-multi-answer:before { margin-top:-"+10*n+"px; }.writing-quiz .quiz-answer-row.furi-row { margin-bottom:"+12*n+"px; }.def-ja.def-furi { margin-bottom:"+15*n+"px; }.vocab-horizontal.helper-present #question-list .quiz-item, .helper-present #question-list .quiz-item[data-helper], .helper-present #drop-list .quiz-answer-zone.helper-answer { margin-bottom:"+18*n+"px; }.problem-hint, .problem-answer { margin-bottom:-"+20*n+"px; }.fill-quiz .small-margin .block, .fill-quiz .small-margin .problem { margin-bottom:"+25*n+"px; }.question-block { margin:"+30*n+"px 0; }.fill-quiz .big-margin, .fill-quiz .example-problem, .fill-quiz .problem, .fill-quiz.quiz-over td .writing-zone { margin-bottom:"+40*n+"px; }.kana-quiz .answer-correct .quiz-item:before { top:-"+5*n+"px; right:-"+8*n+"px; }.writing-quiz .quiz-item:before, .helper-present #question-list .quiz-item:before, .def-ja.def-furi i { bottom:-"+15*n+"px }.question-block:after { top:-"+20*n+"px }.quiz-multi-answer:before { left:-"+25*n+"px }#genki-modal-content { top:"+40*n+"px }#genki-modal-content { bottom:"+40*n+"px }#wrongAnswer:before { right:-"+70*n+"px }.quiz-over [data-mistakes]:after { right:-"+85*n+"px }.fill-quiz .writing-zone-input, .section-title, .lesson-title, #link-list a { border-bottom-width:"+2*n+"px; }#genki-modal-body { top:"+10/n+"%; left:"+25/n+"%; right:"+25/n+"%; bottom:"+40/n+"%; }#exercise-list { width:"+300*n+"px; left:-"+301*n+"px; }#toggle-exercises.list-open { left:"+(300*n-30)+"px; }#quick-jisho-window { height:"+300*n+"px; width:"+500*n+"px; }#quick-jisho-window.quick-jisho-hidden { bottom:-"+310*n+"px; }#quick-jisho-results { height:"+219*n+"px; }#quick-jisho-search { height:"+35*n+"px; }.quick-jisho-row, #quick-jisho-results { padding:"+3*n+"px; }#quick-jisho-selector { border-radius:"+15*n+"px; }#quick-nav-list a.sub-section-button { font-size:"+11*n+"px; height:"+18*n+"px; width:"+18*n+"px; line-height:"+20*n+"px; left:-"+22*n+"px; }#quick-nav-list li:before { height:"+6*n+"px; width:"+6*n+"px; left:-"+16*n+"px; }#quick-nav-list li ul li:before { height:"+4*n+"px; width:"+4*n+"px; }.button.play-button { height:"+25*n+"px; width:"+25*n+"px; }.button.play-button i { font-size:"+14*n+"px; }.example-problem:before { font-size:"+12*n+"px; line-height:"+12*n+"px; padding:"+2*n+"px; border-radius:"+5*n+"px; }.example-problem.inline-columns { padding-left:"+62*n+"px; }.sectionNumber3rd, .section-number { width:"+22*n+"px; height:"+22*n+"px; line-height:"+21*n+"px; }#quiz-info { padding:"+15*n+"px "+15*n+"px "+15*n+"px "+50*n+"px; }#quiz-info:before { font-size:"+32*n+"px; margin-top:-"+16*n+"px; left:"+12*n+"px; }#announcement .announce-controls { margin-top:-"+15*n+"px; height:"+30*n+"px; width:"+20*n+"px; }#announcement .announce-controls i.fa { font-size:"+18*n+"px; line-height:"+26*n+"px; }#announcement .announce-controls.button-left { left:-"+20*n+"px; }#announcement .announce-controls.button-right { right:-"+20*n+"px; }#announce-list { margin:0 "+20*n+"px; }.drawing-quiz .stroke-order-button, .dictionary-group .group-selectors .button, .dict-search-wrapper .group-selectors .button, .button.icon-only, .kanji-stroke-order, .kanji-stroke-order .button, .drawing-zone { font-size:13px }.dictionary-group .group-selectors .deselect-all:before, .dictionary-group .group-selectors .select-all:before, .dict-search-wrapper .group-selectors .deselect-all:before, .dict-search-wrapper .group-selectors .select-all:before { font-size:17px }.button.icon-only .fa, #random-exercise i { font-size:18px }/*FONT-SIZE-END*/";if(/\/\*FONT-SIZE-START\*\//.test(GenkiSettings.stylesheet.innerText)?GenkiSettings.stylesheet.innerText=GenkiSettings.stylesheet.innerText.replace(/\/\*FONT-SIZE-START\*\/.*?\/\*FONT-SIZE-END\*\//,o):GenkiSettings.stylesheet.innerText+=o,e)for(var a=t.querySelectorAll("[data-default-width]"),s=0,l=a.length;s'),t.documentElement.className+=" dark-mode")),e.preLoadFonts=function(){for(var i,n=function(){if(e.KanjiCanvas)for(var i=t.querySelectorAll(".kanji-canvas"),n=0,o=i.length;n"+l+""),t.fonts&&t.fonts.load?t.fonts.load("10px "+r).then(n):(t.write(''+r+""),e.setTimeout(n,1500))},navigator.cookieEnabled||console.warn("Cookies are not available either due to host or browser settings. Tobira Study Resources will function in limited mode where settings are not remembered and certain features are unavailable. This issue can commonly be resolved by enabling third-party cookies. Please see the following page for help.\nhttps://sethclydesdale.github.io/tobira-study-resources/help/stuck-loading/\n\nIf the issue still occurs after enabling third-party cookies, please contact the developer for further assistance.\nhttps://github.com/SethClydesdale/tobira-study-resources/issues"),e.Get=function(e,t,i){var n=new XMLHttpRequest;return n.onreadystatechange=function(){4==this.readyState&&200==this.status&&t(this.response)},void 0!==i&&(n.responseType=i),n.open("get",e,!0),n.send(),n}}(window,document); \ No newline at end of file