-
Notifications
You must be signed in to change notification settings - Fork 3
/
style.min.css
1 lines (1 loc) · 11.3 KB
/
style.min.css
1
@font-face{font-family:AmiriQuranWeb;font-style:normal;font-weight:400;src:url('woff/AmiriQuran.woff2') format('woff2'),url('woff/AmiriQuran.woff') format('woff')}@font-face{font-family:AmiriQuranColoredWeb;font-style:normal;font-weight:400;src:url('woff/AmiriQuranColored.woff2') format('woff2'),url('woff/AmiriQuranColored.woff') format('woff')}@font-face{font-family:KacstOne;font-style:normal;font-weight:400;src:url('woff/KacstOne-subset.woff2') format('woff2'),url('woff/KacstOne-subset.woff') format('woff')}@font-face{font-family:Cortoba;font-style:normal;font-weight:400;src:url('woff/ae_Cortoba-subset.woff2') format('woff2'),url('woff/ae_Cortoba-subset.woff') format('woff')}body,html{padding:0;margin:0;overflow:hidden;--all-width:clamp(10rem, 80vw, 35rem)}body{text-align:center}#body{background-color:var(--background);height:100vh;width:100vw;direction:rtl;overflow-y:scroll;overflow-x:hidden;box-sizing:border-box}#all{display:inline-block;width:var(--all-width)}#body{--btn-base-width:min(35vw, 10rem);--faint-btn:#666;--uitext:#233;--txt:#111;--txt-font:AmiriQuranWeb;--background-rgb:249,246,231;--content-rgb:252,250,241;--background:rgb(var(--background-rgb));--background-translucent:rgba(var(--background-rgb), 0.66);--details-bg:white;--details-shadow:black;--title-rgb:0,0,0;--L:#bb6666;--W:red;--J:orangered;--T:#ff9900;--N:#009000;--X:#9595a0;--R:#2222e0;--Q:#00a5e7;--A:darkorange;--D:navy;--A-shadow:1px 1px 1px gold,1px -1px 1px gold,-1px 1px 1px gold,-1px -1px 1px gold,0 0 5px blue;--D-shadow:0 0 10px rgba(0, 0, 255, 0.5);--tab-txt:#000;--tab-active-txt:var(--tab-txt);--tab:gold;--tab-active:yellow}#dark:checked~#body{--faint-btn:#555;--uitext:#ccc;--txt:#eee;--background-rgb:26,20,20;--content-rgb:23,23,23;--details-bg:black;--details-shadow:white;--title-rgb:255,255,255;--L:#bb5555;--W:red;--J:#ff6600;--T:#ffbb00;--N:#00ff00;--X:#808080;--R:#4477ff;--Q:#00d6ff;--A:#ff8c00;--D:#ffffff;--tab-txt:#ddb;--tab-active-txt:white;--tab:#A1761B;--tab-active:darkgoldenrod}#dark:checked~#body.highcontrast{--faint-btn:#333;--uitext:#eee;--txt:#fff;--background-rgb:0,0,0;--content-rgb:23,23,23;--L:#ee8888;--W:#ff4444;--J:#ffaa44;--T:#ffee66;--N:#66ffaa;--X:#aaaaaa;--R:#66bbff;--Q:#22eeff}:not(input,button,select){color:var(--uitext)}#uthm_txt{color:var(--txt)}.L{color:var(--L)}.W{color:var(--W)}.J{color:var(--J)}.T{color:var(--T)}.N{color:var(--N)}.X{color:var(--X)}.R{color:var(--R)}.Q{color:var(--Q)}.A{color:var(--A);text-shadow:var(--A-shadow)}.D{color:var(--D);text-shadow:var(--D-shadow)}#uthm_txt{white-space:pre-line}#uthm_txt.nb{white-space:normal}#uthm_txt>br{display:none}#uthm_txt.nb>br{display:block}.D:after{content:'\200f';margin-right:.35em}#body{scroll-behavior:smooth}::selection{background:rgba(0,0,255,.1)}html{font-size:calc(16px + .5vw)}*{font-family:Cortoba,serif;font-size:inherit}#uthm_txt,#uthm_txt *{font-family:var(--txt-font);font-size:1.5rem}#uthm_txt{text-align:right;margin:0 1em;margin-bottom:4rem}#uthm_txt.done,#uthm_txt.sidebtns{margin-bottom:1rem}#endmsg{font-size:min(5vw, 2rem);text-align:center;color:var(--uitext);margin:1rem auto 2rem}#header,#selectors{padding:0;padding-top:.5rem;position:var(--sticky);background-color:var(--background-translucent);top:-4.8rem;margin-top:-5.1rem;padding-top:5.1rem;z-index:2}#title{display:none;margin-top:0;margin-bottom:.5rem;color:rgb(var(--title-rgb));position:relative;z-index:3;font-family:KacstOne;font-size:clamp(.5rem, 3.5vw, 1.25rem)}#title.manymany{font-size:calc(var(--all-width) / 30)}#aaya_bgn,#aaya_end{font-family:KacstOne}#selectors>div label:first-child{display:inline-block;width:4em}#selectors>div{display:inline-block;max-width:15em;min-width:40%;margin:.1rem 0}#aaya_bgn,#aaya_end{width:1.5em}#sura_bgn,#sura_end{width:35%}#options .option{margin-top:.5em}#options .option:first-child{margin-top:1.5em}#options .mode_options_title{display:block;text-align:right;padding-right:2em;margin-top:.3em;font-family:Cortoba;font-weight:400}#guide{display:none}#options{padding:.5em 1em;box-sizing:border-box;width:var(--all-width)}#options *{font-family:KacstOne,serif;font-weight:700;line-height:1.7}.option>*{margin:0}#darkmode_option{width:7em}#teacher_option{width:14em}.option.maybe-inline{display:inline-block;margin:0 1em}#mode_options{padding:0;margin:0}#qaris{width:calc(100% - 6.8em)}#quizmode{width:calc(100% - 7.35em)}#mvbtns_input{width:calc(100% - 9.4em)}#textclr_input{width:calc(100% - 6.45em)}#feedbackrate{width:calc(100% - 9.25em)}#imla_txt{background:var(--background);color:var(--txt);transition:background 1s}.done #imla_txt{background:#90ee90}#dark:checked~#body .done #imla_txt{background:#040}.wrong #imla_txt{background:pink}#body.lowcontrast .wrong #imla_txt{background:#ffe0e0}#dark:checked~#body .wrong #imla_txt{background:#661016}#dark:checked~#body.lowcontrast .wrong #imla_txt{background:#401014}.spacewrong #imla_txt{background:wheat}#body.lowcontrast .spacewrong #imla_txt{background:wheat}#dark:checked~#body .spacewrong #imla_txt{background:#5b3300}#dark:checked~#body.lowcontrast .spacewrong #imla_txt{background:#351d00}#imla_txt{font-size:1.5rem;text-align:right;padding:.5em;padding-bottom:2em;box-sizing:border-box;font-family:AmiriQuranWeb;width:100%;height:100%;border-radius:.25rem}#imla_txt_container{width:min(90%,70vw);margin:auto;margin-bottom:1rem}#imla_txt_container #imla_txt.done{padding-bottom:0;margin-bottom:0}#body.fullpage #imla_txt_container:not(.done){width:100vw;position:absolute;right:0}#body.fullpage #imla_txt_container:not(.done) #imla_txt{border:none;border-radius:0}button{--width:var(--btn-base-width);width:var(--width);transition:opacity .5s ease-in-out;touch-action:manipulation}#mvbtns button{--width:calc(var(--all-width) / 7.5);margin:0 .25em;fill:var(--faint-btn)}#mvbtns #nextword{width:calc(2*var(--width));fill:#000}#mvbtns svg{width:1em;height:1em}button,input,input[type=checkbox]+label,select{cursor:pointer}button:disabled{cursor:not-allowed}#dark:checked~#body button,#dark:checked~#body input,#dark:checked~#body kbd,#dark:checked~#body select{filter:invert(1) hue-rotate(180deg)}#uthm_txt.letter-parts{--txt-font:AmiriQuranColoredWeb;--L:var(--txt);--W:var(--txt);--J:var(--txt);--T:var(--txt);--N:var(--txt);--X:var(--txt);--R:var(--txt);--Q:var(--txt)}#uthm_txt.letter-nocolor{--L:var(--txt);--W:var(--txt);--J:var(--txt);--T:var(--txt);--N:var(--txt);--X:var(--txt);--R:var(--txt);--Q:var(--txt)}#uthm_txt.ayat-nocolor{--A:var(--txt);--A-shadow:none;--D:var(--txt);--D-shadow:none}#uthm_txt.letter-parts:not(.ayat-nocolor) .A,#uthm_txt.letter-parts:not(.ayat-nocolor) .D{font-family:AmiriQuranWeb}#dark:checked~#body .help-part{color:#f66}#dark:checked~#body summary::marker{color:#f66}#dark:checked~#body details *{color:#aaf}#dark:checked~#body a{color:#adf}#dark:checked~#body kbd{color:#000}#dark:checked~#body summary{color:#fff}a *{color:inherit!important}.help-part{font-weight:400;color:#c00;font-size:120%}.help-part::after{content:" :."}.help-part::before{content:".: "}details *{font-family:KacstOne;color:#008}summary{color:#000;margin-right:-.2em}details strong{border-bottom:.1em solid}summary::marker{color:#c00}#mvbtns{position:fixed;bottom:1rem;height:2em;right:calc(50vw - var(--all-width)/ 2);margin:0;transition:opacity .1s ease-in-out;z-index:1}@media (max-width:432px){#mvbtns:not(.sidebtns){right:calc(50vw - var(--all-width)/ 1.95)}}@media (max-width:324px){#mvbtns:not(.sidebtns){right:calc(50vw - var(--all-width)/ 1.9)}}#mvbtns.sidebtns{--btn-base-width:min(35vh, 10rem);--all-width:clamp(10rem, 80vh, 35rem);position:fixed;width:100vh;top:0;transform-origin:top right;transform:rotate(-90deg);z-index:11}#mvbtns.sidebtns.rightside{right:calc(.25 * var(--btn-base-width))}#mvbtns.sidebtns.leftside{right:calc(100vw - .05 * var(--btn-base-width))}#ok{display:block;margin:1rem auto}#header button{margin:.25rem}#preloader{display:none}#player{display:block;margin-left:-5rem;width:10em;left:50vw;position:fixed;top:0;transition:opacity .5s ease-in-out;opacity:0;visibility:hidden;z-index:30}.help-part{margin-bottom:.4rem}details,details *{margin:0;margin-bottom:.5rem}details>:last-child{margin-bottom:.8rem}.details-content{background-color:var(--details-bg);box-shadow:0 0 .2em 0 var(--details-shadow);width:calc(var(--all-width) - 10%);margin-right:-.1em;padding-top:.4rem;padding-bottom:.2rem;padding-left:5%;padding-right:5%}b{display:block;color:#000;margin:.8rem 0 .2rem 0}a{color:#00f}a:visited{color:purple}a:hover{text-shadow:1pt 1pt 2pt #add8e6}a:active{color:red;text-shadow:1pt 1pt 2pt #add8e6}.tab{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;margin:-1px!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.tab~label{user-select:none}#help{display:flex;flex-direction:column-reverse}#help{margin:0;box-sizing:border-box;width:var(--all-width)}#optiontoggle+label:before{content:"أظهر"}#optiontoggle:checked+label:before{content:"أخفِ"}#helpcontent ul{text-align:right}.tab+label{font-weight:400;box-sizing:border-box;--label-gap:0.5rem;--small-width:2rem;--margin-bottom:1rem;--padding:0.5rem;--height:2.2rem;--big-width:calc(var(--all-width) - var(--label-gap) - var(--small-width));line-height:1.2;padding:var(--padding);margin-bottom:var(--margin-bottom);height:var(--height);background:var(--tab);color:var(--tab-txt);box-shadow:1px 3px 4px rgba(0,0,0,.3);border-radius:0 0 1rem 1rem;z-index:20;position:relative}#dark:checked~#body .tab+label{box-shadow:1px 3px 4px rgba(255,255,255,.3)}#optiontoggle+label{width:var(--big-width)}#helptoggle+label{width:var(--small-width);right:calc(var(--big-width) + var(--label-gap));top:calc(-1*var(--height) - 2*var(--padding));margin-bottom:calc(-1*var(--height))}.contentcontainer{width:calc(var(--all-width) - .2rem);padding:.1rem;padding-bottom:1rem;background:rgb(var(--content-rgb));box-shadow:1px 3px 4px rgba(0,0,0,.3);margin:0;margin-top:-1.1rem;z-index:5}#help summary{padding-left:1rem;padding-right:1rem}#help details{scroll-margin:0.5rem}#helptoggle:not(checked)~#helpcontent{overflow:hidden;max-height:0;transition:max-height 1s cubic-bezier(0, 1, 0, 1),visibility 1s step-end;visibility:hidden}#helptoggle:checked~#helpcontent{max-height:32766px;transition:max-height 3s ease-in,visibility 3s step-start;visibility:visible}#optiontoggle:not(checked)~#options{overflow:hidden;max-height:0;transition:max-height .55s ease-out,visibility .55s step-end;visibility:hidden}#optiontoggle:checked~#options{max-height:21rem;transition:max-height .5s linear,visibility .5s step-start;visibility:visible}.tab+label:hover{background:var(--tab-active);color:var(--tab-active-txt)}.tab:focus-visible+label{background:var(--tab-active);outline:medium solid deepskyblue}kbd{font-family:serif;direction:ltr;font-size:.7rem;background-color:#e7e7e7;border:1px solid #888;border-radius:.5em;box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 0 2px #fff inset;color:#000;display:inline-block;margin:0 .1em;padding:.1em .6em;text-shadow:0 1px 0 #fff}.roman{font-size:80%}.roman,.roman *{font-family:serif;direction:ltr}summary{outline:0}details[open]>.details-content{animation:fade-in .5s ease-in-out}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}#zzback{display:block;margin:auto;margin-top:.5em}#end_of_header{margin:0;margin-top:.2em}@media screen and (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}