/*! Pure v0.5.0 Copyright 2014 Yahoo! Inc. All rights reserved. Licensed under the BSD License. https://github.com/yui/pure/blob/master/LICENSE.md */ /*! normalize.css v1.1.3 | MIT License | git.io/normalize Copyright (c) Nicolas Gallagher and Jonathan Neal */ /*removed instances of pure setting the font-family, only thing it touches now is kbd, pre, and samp tags*/ /*! normalize.css v1.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}[hidden]{display:none!important}.pure-img{max-width:100%;height:auto;display:block}.pure-g{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em;display:-webkit-flex;-webkit-flex-flow:row wrap;display:-ms-flexbox;-ms-flex-flow:row wrap}.opera-only :-o-prefocus,.pure-g{word-spacing:-.43em}.pure-u{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-1,.pure-u-1-1,.pure-u-1-2,.pure-u-1-3,.pure-u-2-3,.pure-u-1-4,.pure-u-3-4,.pure-u-1-5,.pure-u-2-5,.pure-u-3-5,.pure-u-4-5,.pure-u-5-5,.pure-u-1-6,.pure-u-5-6,.pure-u-1-8,.pure-u-3-8,.pure-u-5-8,.pure-u-7-8,.pure-u-1-12,.pure-u-5-12,.pure-u-7-12,.pure-u-11-12,.pure-u-1-24,.pure-u-2-24,.pure-u-3-24,.pure-u-4-24,.pure-u-5-24,.pure-u-6-24,.pure-u-7-24,.pure-u-8-24,.pure-u-9-24,.pure-u-10-24,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-1-24{width:4.1667%;*width:4.1357%}.pure-u-1-12,.pure-u-2-24{width:8.3333%;*width:8.3023%}.pure-u-1-8,.pure-u-3-24{width:12.5%;*width:12.469%}.pure-u-1-6,.pure-u-4-24{width:16.6667%;*width:16.6357%}.pure-u-1-5{width:20%;*width:19.969%}.pure-u-5-24{width:20.8333%;*width:20.8023%}.pure-u-1-4,.pure-u-6-24{width:25%;*width:24.969%}.pure-u-7-24{width:29.1667%;*width:29.1357%}.pure-u-1-3,.pure-u-8-24{width:33.3333%;*width:33.3023%}.pure-u-3-8,.pure-u-9-24{width:37.5%;*width:37.469%}.pure-u-2-5{width:40%;*width:39.969%}.pure-u-5-12,.pure-u-10-24{width:41.6667%;*width:41.6357%}.pure-u-11-24{width:45.8333%;*width:45.8023%}.pure-u-1-2,.pure-u-12-24{width:50%;*width:49.969%}.pure-u-13-24{width:54.1667%;*width:54.1357%}.pure-u-7-12,.pure-u-14-24{width:58.3333%;*width:58.3023%}.pure-u-3-5{width:60%;*width:59.969%}.pure-u-5-8,.pure-u-15-24{width:62.5%;*width:62.469%}.pure-u-2-3,.pure-u-16-24{width:66.6667%;*width:66.6357%}.pure-u-17-24{width:70.8333%;*width:70.8023%}.pure-u-3-4,.pure-u-18-24{width:75%;*width:74.969%}.pure-u-19-24{width:79.1667%;*width:79.1357%}.pure-u-4-5{width:80%;*width:79.969%}.pure-u-5-6,.pure-u-20-24{width:83.3333%;*width:83.3023%}.pure-u-7-8,.pure-u-21-24{width:87.5%;*width:87.469%}.pure-u-11-12,.pure-u-22-24{width:91.6667%;*width:91.6357%}.pure-u-23-24{width:95.8333%;*width:95.8023%}.pure-u-1,.pure-u-1-1,.pure-u-5-5,.pure-u-24-24{width:100%}.pure-button{display:inline-block;*display:inline;zoom:1;line-height:normal;white-space:nowrap;vertical-align:baseline;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button{font-size:100%;*font-size:90%;*overflow:visible;padding:.5em 1em;color:#444;color:rgba(0,0,0,.8);*color:#444;border:1px solid #999;border:0 rgba(0,0,0,0);background-color:#E6E6E6;text-decoration:none;border-radius:2px}.pure-button-hover,.pure-button:hover,.pure-button:focus{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:-moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1));background-image:-o-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))}.pure-button:focus{outline:0}.pure-button-active,.pure-button:active{box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset}.pure-button[disabled],.pure-button-disabled,.pure-button-disabled:hover,.pure-button-disabled:focus,.pure-button-disabled:active{border:0;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);filter:alpha(opacity=40);-khtml-opacity:.4;-moz-opacity:.4;opacity:.4;cursor:not-allowed;box-shadow:none}.pure-button-hidden{display:none}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected{background-color:#0078e7;color:#fff}.pure-form input[type=text],.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=color],.pure-form select,.pure-form textarea{padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-form input:not([type]){padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-form input[type=color]{padding:.2em .5em}.pure-form input[type=text]:focus,.pure-form input[type=password]:focus,.pure-form input[type=email]:focus,.pure-form input[type=url]:focus,.pure-form input[type=date]:focus,.pure-form input[type=month]:focus,.pure-form input[type=time]:focus,.pure-form input[type=datetime]:focus,.pure-form input[type=datetime-local]:focus,.pure-form input[type=week]:focus,.pure-form input[type=number]:focus,.pure-form input[type=search]:focus,.pure-form input[type=tel]:focus,.pure-form input[type=color]:focus,.pure-form select:focus,.pure-form textarea:focus{outline:0;outline:thin dotted \9;border-color:#129FEA}.pure-form input:not([type]):focus{outline:0;outline:thin dotted \9;border-color:#129FEA}.pure-form input[type=file]:focus,.pure-form input[type=radio]:focus,.pure-form input[type=checkbox]:focus{outline:thin dotted #333;outline:1px auto #129FEA}.pure-form .pure-checkbox,.pure-form .pure-radio{margin:.5em 0;display:block}.pure-form input[type=text][disabled],.pure-form input[type=password][disabled],.pure-form input[type=email][disabled],.pure-form input[type=url][disabled],.pure-form input[type=date][disabled],.pure-form input[type=month][disabled],.pure-form input[type=time][disabled],.pure-form input[type=datetime][disabled],.pure-form input[type=datetime-local][disabled],.pure-form input[type=week][disabled],.pure-form input[type=number][disabled],.pure-form input[type=search][disabled],.pure-form input[type=tel][disabled],.pure-form input[type=color][disabled],.pure-form select[disabled],.pure-form textarea[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input:not([type])[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input[readonly],.pure-form select[readonly],.pure-form textarea[readonly]{background:#eee;color:#777;border-color:#ccc}.pure-form input:focus:invalid,.pure-form textarea:focus:invalid,.pure-form select:focus:invalid{color:#b94a48;border-color:#ee5f5b}.pure-form input:focus:invalid:focus,.pure-form textarea:focus:invalid:focus,.pure-form select:focus:invalid:focus{border-color:#e9322d}.pure-form input[type=file]:focus:invalid:focus,.pure-form input[type=radio]:focus:invalid:focus,.pure-form input[type=checkbox]:focus:invalid:focus{outline-color:#e9322d}.pure-form select{border:1px solid #ccc;background-color:#fff}.pure-form select[multiple]{height:auto}.pure-form label{margin:.5em 0 .2em}.pure-form fieldset{margin:0;padding:.35em 0 .75em;border:0}.pure-form legend{display:block;width:100%;padding:.3em 0;margin-bottom:.3em;color:#333;border-bottom:1px solid #e5e5e5}.pure-form-stacked input[type=text],.pure-form-stacked input[type=password],.pure-form-stacked input[type=email],.pure-form-stacked input[type=url],.pure-form-stacked input[type=date],.pure-form-stacked input[type=month],.pure-form-stacked input[type=time],.pure-form-stacked input[type=datetime],.pure-form-stacked input[type=datetime-local],.pure-form-stacked input[type=week],.pure-form-stacked input[type=number],.pure-form-stacked input[type=search],.pure-form-stacked input[type=tel],.pure-form-stacked input[type=color],.pure-form-stacked select,.pure-form-stacked label,.pure-form-stacked textarea{display:block;margin:.25em 0}.pure-form-stacked input:not([type]){display:block;margin:.25em 0}.pure-form-aligned input,.pure-form-aligned textarea,.pure-form-aligned select,.pure-form-aligned .pure-help-inline,.pure-form-message-inline{display:inline-block;*display:inline;*zoom:1;vertical-align:middle}.pure-form-aligned textarea{vertical-align:top}.pure-form-aligned .pure-control-group{margin-bottom:.5em}.pure-form-aligned .pure-control-group label{text-align:right;display:inline-block;vertical-align:middle;width:10em;margin:0 1em 0 0}.pure-form-aligned .pure-controls{margin:1.5em 0 0 10em}.pure-form input.pure-input-rounded,.pure-form .pure-input-rounded{border-radius:2em;padding:.5em 1em}.pure-form .pure-group fieldset{margin-bottom:10px}.pure-form .pure-group input{display:block;padding:10px;margin:0;border-radius:0;position:relative;top:-1px}.pure-form .pure-group input:focus{z-index:2}.pure-form .pure-group input:first-child{top:1px;border-radius:4px 4px 0 0}.pure-form .pure-group input:last-child{top:-2px;border-radius:0 0 4px 4px}.pure-form .pure-group button{margin:.35em 0}.pure-form .pure-input-1{width:100%}.pure-form .pure-input-2-3{width:66%}.pure-form .pure-input-1-2{width:50%}.pure-form .pure-input-1-3{width:33%}.pure-form .pure-input-1-4{width:25%}.pure-form .pure-help-inline,.pure-form-message-inline{display:inline-block;padding-left:.3em;color:#666;vertical-align:middle;font-size:.875em}.pure-form-message{display:block;color:#666;font-size:.875em}@media only screen and (max-width :480px){.pure-form button[type=submit]{margin:.7em 0 0}.pure-form input:not([type]),.pure-form input[type=text],.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=color],.pure-form label{margin-bottom:.3em;display:block}.pure-group input:not([type]),.pure-group input[type=text],.pure-group input[type=password],.pure-group input[type=email],.pure-group input[type=url],.pure-group input[type=date],.pure-group input[type=month],.pure-group input[type=time],.pure-group input[type=datetime],.pure-group input[type=datetime-local],.pure-group input[type=week],.pure-group input[type=number],.pure-group input[type=search],.pure-group input[type=tel],.pure-group input[type=color]{margin-bottom:0}.pure-form-aligned .pure-control-group label{margin-bottom:.3em;text-align:left;display:block;width:100%}.pure-form-aligned .pure-controls{margin:1.5em 0 0}.pure-form .pure-help-inline,.pure-form-message-inline,.pure-form-message{display:block;font-size:.75em;padding:.2em 0 .8em}}.pure-menu ul{position:absolute;visibility:hidden}.pure-menu.pure-menu-open{visibility:visible;z-index:2;width:100%}.pure-menu ul{left:-10000px;list-style:none;margin:0;padding:0;top:-10000px;z-index:1}.pure-menu>ul{position:relative}.pure-menu-open>ul{left:0;top:0;visibility:visible}.pure-menu-open>ul:focus{outline:0}.pure-menu li{position:relative}.pure-menu a,.pure-menu .pure-menu-heading{display:block;color:inherit;line-height:1.5em;padding:5px 20px;text-decoration:none;white-space:nowrap}.pure-menu.pure-menu-horizontal>.pure-menu-heading{display:inline-block;*display:inline;zoom:1;margin:0;vertical-align:middle}.pure-menu.pure-menu-horizontal>ul{display:inline-block;*display:inline;zoom:1;vertical-align:middle}.pure-menu li a{padding:5px 20px}.pure-menu-can-have-children>.pure-menu-label:after{content:'\25B8';float:right;font-family:'Lucida Grande','Lucida Sans Unicode','DejaVu Sans',sans-serif;margin-right:-20px;margin-top:-1px}.pure-menu-can-have-children>.pure-menu-label{padding-right:30px}.pure-menu-separator{background-color:#dfdfdf;display:block;height:1px;font-size:0;margin:7px 2px;overflow:hidden}.pure-menu-hidden{display:none}.pure-menu-fixed{position:fixed;top:0;left:0;width:100%}.pure-menu-horizontal li{display:inline-block;*display:inline;zoom:1;vertical-align:middle}.pure-menu-horizontal li li{display:block}.pure-menu-horizontal>.pure-menu-children>.pure-menu-can-have-children>.pure-menu-label:after{content:"\25BE"}.pure-menu-horizontal>.pure-menu-children>.pure-menu-can-have-children>.pure-menu-label{padding-right:30px}.pure-menu-horizontal li.pure-menu-separator{height:50%;width:1px;margin:0 7px}.pure-menu-horizontal li li.pure-menu-separator{height:1px;width:auto;margin:7px 2px}.pure-menu.pure-menu-open,.pure-menu.pure-menu-horizontal li .pure-menu-children{background:#fff;border:1px solid #b7b7b7}.pure-menu.pure-menu-horizontal,.pure-menu.pure-menu-horizontal .pure-menu-heading{border:0}.pure-menu a{border:1px solid transparent;border-left:0;border-right:0}.pure-menu a,.pure-menu .pure-menu-can-have-children>li:after{color:#777}.pure-menu .pure-menu-can-have-children>li:hover:after{color:#fff}.pure-menu .pure-menu-open{background:#dedede}.pure-menu li a:hover,.pure-menu li a:focus{background:#eee}.pure-menu li.pure-menu-disabled a:hover,.pure-menu li.pure-menu-disabled a:focus{background:#fff;color:#bfbfbf}.pure-menu .pure-menu-disabled>a{background-image:none;border-color:transparent;cursor:default}.pure-menu .pure-menu-disabled>a,.pure-menu .pure-menu-can-have-children.pure-menu-disabled>a:after{color:#bfbfbf}.pure-menu .pure-menu-heading{color:#565d64;text-transform:uppercase;font-size:90%;margin-top:.5em;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#dfdfdf}.pure-menu .pure-menu-selected a{color:#000}.pure-menu.pure-menu-open.pure-menu-fixed{border:0;border-bottom:1px solid #b7b7b7}.pure-paginator{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em;text-rendering:optimizespeed;list-style:none;margin:0;padding:0}.opera-only :-o-prefocus,.pure-paginator{word-spacing:-.43em}.pure-paginator li{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-paginator .pure-button{border-radius:0;padding:.8em 1.4em;vertical-align:top;height:1.1em}.pure-paginator .pure-button:focus,.pure-paginator .pure-button:active{outline-style:none}.pure-paginator .prev,.pure-paginator .next{color:#C0C1C3;text-shadow:0 -1px 0 rgba(0,0,0,.45)}.pure-paginator .prev{border-radius:2px 0 0 2px}.pure-paginator .next{border-radius:0 2px 2px 0}@media (max-width:480px){.pure-menu-horizontal{width:100%}.pure-menu-children li{display:block;border-bottom:1px solid #000}}.pure-table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb}.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}.pure-table td,.pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}.pure-table td:first-child,.pure-table th:first-child{border-left-width:0}.pure-table thead{background:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}.pure-table td{background-color:transparent}.pure-table-odd td{background-color:#f2f2f2}.pure-table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody>tr:last-child td,.pure-table-horizontal tbody>tr:last-child td{border-bottom-width:0}.pure-table-horizontal td,.pure-table-horizontal th{border-width:0 0 1px;border-bottom:1px solid #cbcbcb}.pure-table-horizontal tbody>tr:last-child td{border-bottom-width:0} /*! jQuery UI - v1.12.1 - 2019-04-14 * http://jqueryui.com * Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, autocomplete.css, menu.css, slider.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} /* start -introjs.css */ .shepherd-button{background:#3288e6;border:0;border-radius:3px;color:hsla(0,0%,100%,.75);cursor:pointer;margin-right:.5rem;padding:.5rem 1.5rem;transition:all .5s ease}.shepherd-button:hover{background:#196fcc;color:hsla(0,0%,100%,.75)}.shepherd-button.shepherd-button-secondary{background:#f1f2f3;color:rgba(0,0,0,.75)}.shepherd-button.shepherd-button-secondary:hover{background:#d6d9db;color:rgba(0,0,0,.75)} .shepherd-footer{border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:flex;justify-content:flex-end;padding:0 .75rem .75rem}.shepherd-footer .shepherd-button:last-child{margin-right:0} .shepherd-cancel-icon{background:transparent;border:none;color:hsla(0,0%,50.2%,.75);font-size:2em;cursor:pointer;font-weight:400;margin:0;padding:0;transition:color .5s ease}.shepherd-cancel-icon:hover{color:rgba(0,0,0,.75)}.shepherd-has-title .shepherd-content .shepherd-cancel-icon{color:hsla(0,0%,50.2%,.75)}.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover{color:rgba(0,0,0,.75)} .shepherd-title{color:rgba(0,0,0,.75);display:flex;font-size:1rem;font-weight:400;flex:1 0 auto;margin:0;padding:0} .shepherd-header{align-items:center;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;justify-content:flex-end;line-height:2em;padding:.75rem .75rem 0}.shepherd-has-title .shepherd-content .shepherd-header{background:#e6e6e6;padding:1em} .shepherd-text{color:rgba(0,0,0,.75);font-size:1rem;line-height:1.3em;padding:.75em}.shepherd-text p{margin-top:0}.shepherd-text p:last-child{margin-bottom:0} .shepherd-content{border-radius:5px;outline:none;padding:0} .shepherd-element{background:#fff;border-radius:5px;box-shadow:0 1px 4px rgba(0,0,0,.2);max-width:400px;outline:none;z-index:9999}.shepherd-element,.shepherd-element *,.shepherd-element :after,.shepherd-element :before{box-sizing:border-box}.shepherd-element .popper__arrow{border:16px solid transparent;content:"";display:block;height:0;pointer-events:none;position:absolute;width:0;z-index:10000}.shepherd-element[x-placement^=top]{margin-bottom:16px}.shepherd-element[x-placement^=top] .popper__arrow{border-bottom:0;border-top-color:#fff;bottom:-16px;left:calc(50% - 16px)}.shepherd-element[x-placement^=bottom]{margin-top:16px}.shepherd-element[x-placement^=bottom] .popper__arrow{border-bottom-color:#fff;border-top:0;left:calc(50% - 16px);top:-16px}.shepherd-element[x-placement^=bottom].shepherd-has-title .popper__arrow{border-bottom-color:#e6e6e6}.shepherd-element[x-placement^=left]{margin-right:16px}.shepherd-element[x-placement^=left] .popper__arrow{border-left-color:#fff;border-right:0;margin-top:-16px;right:-16px;top:calc(50% - 16px)}.shepherd-element[x-placement^=right]{margin-left:16px}.shepherd-element[x-placement^=right] .popper__arrow{border-left:0;border-right-color:#fff;left:-16px;top:calc(50% - 16px)} .shepherd-modal-overlay-container{-ms-filter:progid:dximagetransform.microsoft.gradient.alpha(Opacity=50);filter:alpha(opacity=50);fill-rule:evenodd;height:0;left:0;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:all .3s ease-out,height 0ms .3s,opacity .3s 0ms;width:100vw;z-index:9997}.shepherd-modal-overlay-container.shepherd-modal-is-visible{height:100vh;opacity:.5;transition:all .3s ease-out,height 0s 0s,opacity .3s 0s}.shepherd-modal-overlay-container.shepherd-modal-is-visible path{pointer-events:all} .shepherd-text { min-height: 75px } .shepherd-text, .shepherd-header { padding-top: 0; } .shepherd-modal-target.shepherd-enabled.shepherd-target * { pointer-events: none!important; } .shepherd-modal-target.shepherd-enabled.shepherd-target { cursor: not-allowed !important; }/* end -introjs.css */ /* start -jquery.toast.css */ /** * jQuery toast plugin created by Kamran Ahmed copyright MIT license 2014 */ .jq-toast-wrap { display: block; position: fixed; width: 250px; pointer-events: none !important; margin: 0; padding: 0; letter-spacing: normal; z-index: 9000 !important; } .jq-toast-wrap * { margin: 0; padding: 0; } .jq-toast-wrap.bottom-left { bottom: 20px; left: 20px; } .jq-toast-wrap.bottom-right { bottom: 20px; right: 40px; } .jq-toast-wrap.top-left { top: 20px; left: 20px; } .jq-toast-wrap.top-right { top: 20px; right: 40px; } .jq-toast-single { display: block; width: 100%; padding: 10px; margin: 0px 0px 5px; border-radius: 4px; font-size: 12px; font-family: arial, sans-serif; line-height: 17px; position: relative; pointer-events: all !important; background-color: #444444; color: white; } .jq-toast-single h2 { font-family: arial, sans-serif; font-size: 14px; margin: 0px 0px 7px; background: none; color: inherit; line-height: inherit; letter-spacing: normal; } .jq-toast-single a { color: #eee; text-decoration: none; font-weight: bold; border-bottom: 1px solid white; padding-bottom: 3px; font-size: 12px; } .jq-toast-single ul { margin: 0px 0px 0px 15px; background: none; padding:0px; } .jq-toast-single ul li { list-style-type: disc !important; line-height: 17px; background: none; margin: 0; padding: 0; letter-spacing: normal; } .close-jq-toast-single { position: absolute; top: 3px; right: 7px; font-size: 14px; cursor: pointer; } .jq-toast-loader { display: block; position: absolute; top: -2px; height: 5px; width: 0%; left: 0; border-radius: 5px; background: red; } .jq-toast-loaded { width: 100%; } .jq-has-icon { padding: 10px 10px 10px 50px; background-repeat: no-repeat; background-position: 10px; } .jq-icon-info { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII='); background-color: #31708f; color: #d9edf7; border-color: #bce8f1; } .jq-icon-warning { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII='); background-color: #8a6d3b; color: #fcf8e3; border-color: #faebcc; } .jq-icon-error { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII='); background-color: #a94442; color: #f2dede; border-color: #ebccd1; } .jq-icon-success { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg=='); color: #dff0d8; background-color: #3c763d; border-color: #d6e9c6; }/* end -jquery.toast.css */ /* start __admin.css */ /* CLEAN */ #admin_bodies textarea, #admin_bodies input[type=text]{ width:100%; }/* end __admin.css */ /* start __community_forums.css */ .forum_quote { border-left: 3px solid var(--vocab); padding-left: 5px; margin-bottom: 15px; } .rx-dropdown { z-index:9000; } .rx-control { z-index:-1; } .rx-editor .rx-block-control-focus { outline: none !important; } /* CLEAN */ .forum_mbody { display: grid; grid-template-columns: 35px auto; grid-template-rows: 1fr auto; grid-template-areas: "forum_mbody_avatar forum_mbody_user" "forum_mbody_avatar forum_mbody_body"; } .forum_mbody .forum_mbody_avatar { grid-area: forum_mbody_avatar } .forum_mbody .forum_mbody_user { grid-area: forum_mbody_user } .forum_mbody .forum_mbody_body { grid-area: forum_mbody_body; } @media screen and (max-width: 450px) { .forum_mbody { grid-template-areas: "forum_mbody_avatar forum_mbody_user" "forum_mbody_body forum_mbody_body"; } } .ftopic_desc img { max-width: 100%; } .forum_twrapper { overflow-x:auto; max-width:80vw } /* categories */ .fcat { margin-bottom:12px; } .fcat .flexbox > div { margin-bottom:5px; } .fcat:last-of-type { margin-bottom: 5px } .unread, .bunread { border-left: 5px solid var(--vocab); } .bunread { padding-left: 10px; } .unread { padding-left: 5px; } .redactor_dark .redactor-in { background-color: var(--bg_main); color: var(--text); } .message_inner table { width: 100%; } .message_inner table th, .message_inner table td { padding: 16px; border: 1px solid var(--grey); } .message_inner iframe { width: auto !important; height: auto !important; max-width: 500px !important; } /* overwrite redactor */ .redactor-air a.re-button-icon, .redactor-toolbar a.re-button-icon { padding: 9px 15px 6px 15px !important; margin-right: 0 !important; } .message_inner img.forum_img { cursor: pointer; max-width: 400px; } .bbcode_quote_body img.forum_img { max-width: 100%; } .message_inner img.forum_img_full { cursor: pointer; } #messages_alter { margin-bottom:10px } .unread > .forum_topic { margin-right:-5px; /*offset for border */ } /* box with user info in　forums */ .msg_body .userbox { width: 240px; margin-right: 20px; flex-shrink: 0; } .msg_body .grow { max-width:100% } .message_inner { overflow: hidden; word-break: break-word; padding-right: 5px; } /* .message_inner a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:300px; display:inline-block; vertical-align: middle; }*/ .mob_thread { display : none; } /* refactor - a way to crunch down forum threads when space is limited. Hide otherwise */ @media screen and (max-width: 1020px){ .mob_thread { display : block; } .forum_topic { text-align: left; width: auto !important; } } .quote_box { margin: 5px 3px 0 0; text-align: right; } .bb_quote_body_shell, .redactor-editor div.bb_quote_body_shell { margin: 0 10px 0 10px; padding: 7px 10px 7px 7px; background: url(https://www.renshuu.org/img/forums/quote_start.png) top left no-repeat, url(https://www.renshuu.org/img/forums/quote_end.png) bottom right no-repeat } /* Wrap quotes in a big blue box. */ div.bbcode_quote_head { font-weight: bold; margin-bottom: 3px; } div.bbcode_quote_footer { font-weight: bold; text-align: right; } div.bbcode_quote_body{border-width: 1px} div.bbcode_quote { margin: 5px 0 5px 0; } .message_inner img { max-width: 100%; } code { font-size: 10pt } /* when posts shown in search results */ .post_scroll { max-height: 100px; overflow: auto } /* in forum search */ .search_term, .xfvsh { background-color:var(--rhighlight) } /* forums */ .fcat .flexbox > div:nth-of-type(2) { width: 240px; } /* 720 */ @media screen and (max-width: 720px){ .flex720 { display: flex; } .redactor-air, .redactor-toolbar { z-index: 1 !important; } .msg_body .userbox { width: 100%; margin-right: 0; flex-shrink: 0; } .msg_body > div { flex-wrap: wrap; } .fcat .flexbox { flex-wrap: wrap; } .fcat .flexbox br { display: none; } .fcat .flexbox > div:last-of-type { margin-top: 3px; width: auto; max-width:100%; } .kaoavatar { margin-left: 20px; } } @media screen and (max-width: 500px){ .message_inner img.forum_img { max-width: 100%; } } /* Forum $$$$$$$$$$$$$$$$$*/ #topic_table div.nostripe, #topic_table div.striped { padding: 7px 6px 7px 6px; } #topic_table div.nostripe { border-top-style: none; } .single > * { line-height: 2.6em; } .single > a, .single > span { width: 100%; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .single > .little { position: relative; top: -11px; height: 7px; margin: 0px auto; width: 300px; line-height: normal; } .single > div.little:nth-of-type(2) { top: -5px; } .single { position: relative; } .forum_mbody { padding: 26px 0px 29px 16px; } .user_fpost_idbox { position: relative; } .user_fpost_idbox .timestamp { right: 10px; bottom: -28px; } .fgrey { color: var(--dgrey); } /* end __community_forums.css */ /* start __community_kaoclub.css */ .kaoclub_benefits { margin-bottom: 40px; } .kaop { font-size: 130%; } .slbImage[src*="kaoclub"] { background-color: transparent; padding: 0; } .kao_clubcard>.kao_grid { display: grid; grid-template-columns: 150px auto; column-gap: 10px; row-gap: 10px; font-size: 130%; grid-template-rows: auto auto; } .club_actions { grid-column: start / end; } .form_grid { display: grid; grid-template-columns: auto 1fr; column-gap: 25px; row-gap: 10px; font-size: 130%; grid-template-rows: auto auto; } .form_grid > div:nth-child(odd) { font-weight: bold; } .ftopic_comment { margin: 14px 0; padding: 5px; } .ftopic_header { margin-bottom: 13px; } .ftopic_title { font-size: 200%; } .ftopic_title > .marker { font-size: 65%; } .ftopic_percent { text-align: center; width: 60px; margin: 0 15px; } .ftopic_inner { margin-left: 100px; } .ftopic_percent > div:first-of-type { font-weight: bolder; font-size: 170%; } .ftopic_desc { margin: 10px 0; font-size: 130%; } .ftopic_status { text-align: center; font-weight: 140%; } @media screen and (max-width: 600px) { .ftopic_title { font-size: 140%; } .ftopic_inner { margin-left: 0px; } }/* end __community_kaoclub.css */ /* start __community_leaderboard.css */ /* Leaderboard standing $$$$$$$$$$$$$$$$$*/ .lboard { padding: 5px 9px; } .first-podium, .second-podium, .third-podium { color: black; } .first-podium div:before, .second-podium div:before, .third-podium div:before { position: absolute; text-align: center; font-size: 18px; line-height: 30px; vertical-align: middle; width: 28px; height: 28px; border-radius: 20px; top: -12px; right: -12px; } .first-podium div:before { content: "金"; background-color: var(--gold); } .second-podium div:before { content: "銀"; background-color: var(--silver); } .third-podium div:before { content: "銅"; background-color: var(--bronze); } div.first-podium, div.second-podium, div.third-podium { position: relative; overflow: visible; border-top-width: 3px; border-top-style: solid; background-color: var(--podium); } div.first-podium { border-top-color: var(--gold); height: 32px; } div.second-podium { border-top-color: var(--silver); height: 24px; } div.third-podium { border-top-color: var(--bronze); height: 16px; } .lboard_flex > div { width: 33.3%; align-self:flex-end; } /* end __community_leaderboard.css */ /* start __community_sgroups.css */ img[data-image] { max-width:100%; } #sg_avatar { max-width:80px; max-height: 80px; } @media screen and (max-width: 500px){ #sg_avatar { max-width:60px; max-height: 60px; } } @keyframes pollgrow { from { transform: scaleX(0); } to { transform: scaleX(1); } } @keyframes questgrow { from { transform: scaleX(0); } to { transform: scaleX(1); } } .sg_quest_btn { display:inline-block; margin: 0 3px; } .sg_quest_bar_body { border-width: 1px; margin: 5px 0; border-radius:3px; border-style:solid; } .sg_quest_bar { height: 14px; transition: margin-left 0.5s cubic-bezier(0.4, 0, 0.2, 1); transform-origin: left center; } .sg_quest .sg_quest_bar_body{ border-color:var(--green); background: linear-gradient(90deg, rgba(21, 219, 38, 0.3) 0%, rgba(21, 219, 38, 1) 100%) } .sg_quest .sg_quest_bar { background-color: var(--bg_main); } .sg_quest { margin-bottom: 20px; width: 100%; max-width: 300px; } .sg_quest > div:first-of-type { font-size:120%; } .sgroup_title h3 { margin-bottom: 0 } .sgroup_widget { margin-top:40px; } .sgroup_widget:last-of-type { margin-top:0; } .kaop .pure-button { font-size: 76%; } .group_cmember { margin-bottom: 10px } .poll_question { margin-bottom: 15px; } .poll_question:last-of-type { margin-bottom:0 } .poll_input { margin-bottom: 7px } .poll_resbar { animation: pollgrow 1s cubic-bezier(0.4, 0, 0.2, 1); height: 10px; border-radius: 2px; transform-origin: left center; } .poll_input:nth-child(8n+1) .poll_resbar{ background-color: var(--introbox1_on); } .poll_input:nth-child(8n+2) .poll_resbar { background-color: var(--introbox2_on); } .poll_input:nth-child(8n+3) .poll_resbar{ background-color: var(--introbox3_on); } .poll_input:nth-child(8n+4) .poll_resbar{ background-color: var(--introbox4_on); } .poll_input:nth-child(8n+5) .poll_resbar{ background-color: var(--introbox5_on); } .poll_input:nth-child(8n+6) .poll_resbar { background-color: var(--introbox6_on); } .poll_input:nth-child(8n+7) .poll_resbar{ background-color: var(--introbox7_on); } .poll_input:nth-child(8n+8) .poll_resbar{ background-color: var(--introbox8_on); } #sg_ftags > input { display: none; } #sg_ftags > label { margin-right: 10px; border-width: 1px; padding: 2px 5px; border-style:solid; border-radius: 4px } #sg_ftags input:checked+label { color: white; } #sg_ftags label:nth-child(8n+1) { border-color: var(--introbox1_on); } #sg_ftags label:nth-child(8n+2) { border-color: var(--introbox2_on); } #sg_ftags label:nth-child(8n+3) { border-color: var(--introbox3_on); } #sg_ftags label:nth-child(8n+4) { border-color: var(--introbox4_on); } #sg_ftags label:nth-child(8n+5) { border-color: var(--introbox5_on); } #sg_ftags label:nth-child(8n+6) { border-color: var(--introbox6_on); } #sg_ftags label:nth-child(8n+7) { border-color: var(--introbox7_on); } #sg_ftags label:nth-child(8n+8) { border-color: var(--introbox8_on); } #sg_ftags input:checked+label:nth-child(8n+1) { background-color: var(--introbox1_on); } #sg_ftags input:checked+label:nth-child(8n+2) { background-color: var(--introbox2_on); } #sg_ftags input:checked+label:nth-child(8n+3) { background-color: var(--introbox3_on); } #sg_ftags input:checked+label:nth-child(8n+4) { background-color: var(--introbox4_on); } #sg_ftags input:checked+label:nth-child(8n+5) { background-color: var(--introbox5_on); } #sg_ftags input:checked+label:nth-child(8n+6) { background-color: var(--introbox6_on); } #sg_ftags input:checked+label:nth-child(8n+7) { background-color: var(--introbox7_on); } #sg_ftags input:checked+label:nth-child(8n+8) { background-color: var(--introbox8_on); }/* end __community_sgroups.css */ /* start __community_translate.css */ .validation_set > div { box-sizing: border-box; width: 50%; } .validation_set > div:last-of-type { margin-left:20px; } .translate_request, .validate_request { margin-bottom: 6px; } .translate_request .flexbox > div:last-of-type, .validate_request .flexbox > div:last-of-type { margin-left: 5px; } .translate_request .flexbox + div { padding: 5px 0 0 10px; } .translate_request textarea, .validate_request textarea { width: 90%; margin-bottom: 5px; } .invalid_reasons { padding: 10px 0 0 10px; } @media screen and (max-width: 700px){ .validation_set { display:block !important; } .validation_set > div { width: 100% !important; } }/* end __community_translate.css */ /* start __core.css */ #thebody { position:relative; height: 100%; z-index:0; background-color: var(--body_bg); color: var(--text); } #content { font-size: 12px; } @media screen and (max-width: 1020px){ #content { padding-top: 10px; } } #wrapper, #overlay { top: calc(var(--navheight) + 9px ); left: 0; right: 0; position: absolute; overflow: visible; padding: 0 15px; box-sizing: border-box; min-height: calc(100% - calc(var(--navheight) + 9px)); max-width:960px; margin:0 auto; border-style:solid; border: 1px solid var(--wrapper_bd); background-color: var(--bg_main); } #overlay { z-index:120; display: none; background: rgba( 26, 26, 26, 0.47 ); height: 100%; text-align: center; position:fixed !important; top: 0; left: 0; width:100% } #overlay i{ color: white !important; } #overlay > div { top: 50%; left: 50%; -webkit-transform: translate( -50%, -50% ); transform: translate( -50%, -50% ); position: relative; } @media screen and (max-width: 720px){ .overlay ~ div#wrapper { display: none; } } .icn_color { color: var(--vocab); } cite { font-style: normal; } .rx-content cite { font-style: normal !important; color: var(--alink) !important; }/* end __core.css */ /* start __els.css */ td{ vertical-align: middle; padding: 1px; } th { padding-right: 0px; text-align: center; padding-bottom: 3px; } form { margin: 0 } /* KIWC */ sup { text-decoration: none } dd { float: none } /* KIWC */ p { margin: 4px 2px 4px 2px } a { text-decoration:none; padding: 0 } h1 { font-size: 14px; font-size: 350%; font-weight: bolder; margin: 10px 0px 20px 0px; } h2 { font-size: 200%; font-weight: bolder; margin: 0 0 14px 0; } h3 { font-weight: bold; margin: 0 0 14px 0; font-size: 150%; } h4 { font-size: 120%; font-weight: bold; margin: 0 0 7px 0; } h5 { font-size: 110%; font-weight: bold; margin: 0 0 7px 0; } h1, h2 { border-bottom: 1px solid grey; } h1 > span.sub { font-size: 50%; font-weight: normal; } h2 > span.sub { font-size: 70%; font-weight: normal; padding-left: 15px; } h1 > span.subj, h2 > span.subj, h3 > span.subj { font-size: 70%; } html { height:100%; } body { height:100%; line-height:1.3; margin: 0; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } html,button,input,select,textarea,body { /*font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'Open Sans',Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif,"メイリオ",Meiryo ;*/ font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, 'Open Sans', "Noto Sans", "Noto Sans CJK JP", 'Helvetica','Neue', "ＭＳ Ｐゴシック", "MS PGothic", "Takao Pゴシック","TakaoPGothic", "IPA Pゴシック","IPAPGothic",sans-serif; } menu, ol, ul { padding-left: 15px; } i.trans { font-style: normal; } @media screen and (max-width: 720px){ h1 { font-size: 250%; font-weight: bolder; margin: 6px 0px 12px 0px; } h2:not(.mystat_h2) { font-size: 125%; margin: 0 0 8px 0; } i.fa, i.fad, i.fas, i.far { padding: 0 2px; } .fa-3x { font-size: 2em; } } @media screen and (max-width: 468px){ h3 { font-size: 120%; } } @media screen and (max-width: 400px){ /* If they're really hurting for height, single line the header */ h1 > span.main { font-size: 60%; } h1 { margin-top: 0; } }/* end __els.css */ /* start __games_crossword.css */ .cross_kana, .cross_kana #crosswordbox, .cross_kanji, .cross_kanji #crossword_box { min-width: 640px; width: 640px; } .cross_kana .cw_kana, .cross_kana .cw_black { width: 16px; height: 18px; line-height:18px; } .cross_kanji .cw_kanji, .cross_kanji .cw_black { line-height: 59px; font-size: 43px; width: 57px; height: 59px; } .ocross_mob_btn { display:none; } @media screen and (max-width: 950px){ #clues .fleft, #clues .fright { width: 100% !important; } } @media screen and (max-width: 550px){ .ocross_mob_btn { display: inline-block; } .ocross_mob_btn + div { display: none; } .ocross_mob_btn.open + div { display: inline-block; } .cross_kana .cw_kana, .cross_kana .cw_black { width: 38px; height: 40px; line-height:40px; font-size: 100%; } } /* box borders */ .c_tb { border-top: 1px solid var(--cw_border); } .c_tt { border-top: 1px solid transparent; } .c_bb { border-bottom: 1px solid var(--cw_border); } .c_bt { border-bottom: 1px solid transparent; } .c_lb { border-left: 1px solid var(--cw_border); } .c_lt { border-left: 1px solid transparent; } .c_rb { border-right: 1px solid var(--cw_border); } .c_rt { border-right: 1px solid transparent; } /* these are the boxes in the crossword listings */ .cword_box > div { padding: 8px 3px 8px 3px } .cword_box > div > div:nth-child(1) { line-height: 23px; } .cword_box > div > div:nth-child(1) > div:nth-child(2) { font-size: 130%; } .cword_box > div > div:nth-child(2) { text-align: right; font-size: 80%; } .clue_def, .clue_kana { margin-bottom: 3px; color: var(--text); } .clue_def { font-size: 100%; } .clue_kana, .bfont { font-size: 130%; } /* called black, but refers to where a black box would be, that is, an empty space */ .cw_black { padding: 1px 2px 1px 2px; background-color: transparent; position: relative; } .cw_kana, .cw_kanji { position: relative; vertical-align: middle; border: 1px solid var(--cw_border); padding: 1px 2px 1px 2px; background-color: var(--cw_bg); } .cw_kana { font-size: 18px } @media screen and (max-width: 1020px){ .cross_box { overflow-x: auto; } } .kcross_number { font-size: 30%; position: absolute; top: 5px; left: 3px; color: var(--text); line-height: 40% } .cw_arrow { position: absolute; z-index: 1; color: var(--text); font-size:20px; }/* end __games_crossword.css */ /* start __games_haiku.css */ .leader_podium { height: 5em; } .gzoom_large .leader_podium { height: 7em; } .haiku1 { background-color: var(--haiku1); } .haiku2 { background-color: var(--haiku2); } .haiku3 { background-color: var(--haiku3); } .haiku4 { background-color: var(--haiku4); } .haiku5 { background-color: var(--haiku5); } .haiku6 { background-color: var(--haiku6); } .haiku_english > div:first-of-type { font-style: italic; } /* This could just as well be the game page css, since we don't need to load it till they actually travel to a game page, but really it doesn't matter if they all get concatted together. */ .hfloat{ float: left; width: 49%; } .haiku-input::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; opacity: .5; } .haiku-input:-moz-placeholder{color:transparent} .haiku-input::-moz-placeholder{color:transparent} .haiku-input:-ms-input-placeholder{color:transparent} .haiku_box { font-size:26px; line-height: 26px; height: 3em; margin-bottom: 5px; color: white; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); } .limit_err { font-size: 12px; } .haikuflex > div:nth-child(2) { flex-shrink: 0; max-width:50%; } @media screen and (max-width: 720px){ #ureibun_hsent .haikuflex { flex-wrap: wrap; } #ureibun_hsent .haikuflex > div:last-of-type { width: 100%; margin-top: 0; max-width:100%; } #ureibun_hsent .haikuflex > div { width: 100% !important; } #ureibun_hsent .haikuflex > div:nth-of-type(2) { flex-grow: 1; } } @media screen and (max-width: 500px){ .haikuflex { flex-wrap: wrap; } .haikuflex > div:nth-of-type(1) { width: 100% !important; } .haikuflex > div:last-of-type { width: 100%; margin-top: 0; } .haikuflex > div:nth-of-type(2) { flex-grow: 1; max-width:100%; } }/* end __games_haiku.css */ /* start __games_hanko.css */ #make_hanko input[type='radio']{display: none;} .hanko_select { width: 40px; } #hanko_display { margin-top: 10px; } #htext { height: 36px; margin-right: 10px; font-size:20px; vertical-align: inherit; } #make_hanko #preview_img { max-width: 300px; max-height: 300px; } #hsecond { margin-top: 10px; } #hsecond h4 { width: 100%; margin-bottom: 0; } .hanko_opts > div { margin: 0 5px 10px 5px; } #make_hanko .hanko_select input[type='radio'] + label { display: inline-block; background-size: 35px 35px; width: 35px; height: 35px; border-radius: 100%; } #make_hanko .hanko_select input[type='radio']:checked + label { cursor: pointer; border: 2px solid var(--vocab); } .order_img { height: 30px; width: 30px; position: relative; right: 8px; padding: 0px; line-height: 30px; } .k_char { margin: 3px; } .k_char label { border: 2px solid transparent; background-color: white; } #haccord_button { position: relative; top: -15px; padding-top: 20px; text-align: center; } #haccord_button input { display: none; } #hdown_label { position: relative; top: -8px; } #haccord_button label:hover { cursor: pointer; } .droparrows { margin: 0 auto; display: inline-block; height: 18px; width: 100%; padding: 0px; } /* Color picker for hanko css? */ .minicolors {position: relative} .minicolors-swatch { position: absolute; vertical-align: middle; background: url(https://www.renshuu.org/img/jquery.minicolors.png) -80px 0; border: solid 1px #ccc; cursor: text; padding: 0; margin: 0; display: inline-block; } .minicolors-swatch-color { position: absolute; right: 0; bottom: 0; border: solid 1px black; } .minicolors input[type=hidden] + .minicolors-swatch { width: 20px; position: static; cursor: pointer; } /* Panel */ .minicolors-panel { position: absolute; width: 173px; height: 152px; background: white; border: solid 1px #CCC; box-shadow: 0 0 20px rgba(0, 0, 0, .2); z-index: 99999; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; display: none; } .minicolors-panel.minicolors-visible {display: block} /* Panel positioning */ .minicolors-position-top .minicolors-panel{top: -154px} .minicolors-position-right .minicolors-panel{right: 0} .minicolors-position-bottom .minicolors-panel{top: auto} .minicolors-position-left .minicolors-panel{left: 0} .minicolors-with-opacity .minicolors-panel{width: 194px} .minicolors .minicolors-grid { position: absolute; top: 1px; left: 1px; width: 150px; height: 150px; background: url(https://www.renshuu.org/img/jquery.minicolors.png) -120px 0; cursor: crosshair; } .minicolors .minicolors-grid-inner { position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: none; } .minicolors-slider-saturation .minicolors-grid {background-position: -420px 0} .minicolors-slider-saturation .minicolors-grid-inner {background: url(https://www.renshuu.org/img/jquery.minicolors.png) -270px 0} .minicolors-slider-brightness .minicolors-grid {background-position: -570px 0} .minicolors-slider-brightness .minicolors-grid-inner {background: black} .minicolors-slider-wheel .minicolors-grid {background-position: -720px 0} .minicolors-slider, .minicolors-opacity-slider { position: absolute; top: 1px; left: 152px; width: 20px; height: 150px; background: white url(https://www.renshuu.org/img/jquery.minicolors.png) 0 0; cursor: crosshair; } .minicolors-slider-saturation .minicolors-slider {background-position: -60px 0} .minicolors-slider-brightness .minicolors-slider {background-position: -20px 0} .minicolors-slider-wheel .minicolors-slider {background-position: -20px 0} .minicolors-opacity-slider { left: 173px; background-position: -40px 0; display: none; } .minicolors-with-opacity .minicolors-opacity-slider {display: block} /* Pickers */ .minicolors-grid .minicolors-picker { position: absolute; top: 70px; left: 70px; width: 12px; height: 12px; border: solid 1px black; border-radius: 10px; margin-top: -6px; margin-left: -6px; background: none; } .minicolors-grid .minicolors-picker > div { position: absolute; top: 0; left: 0; width: 8px; height: 8px; border-radius: 8px; border: solid 2px white; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .minicolors-picker { position: absolute; top: 0; left: 0; width: 18px; height: 2px; background: white; border: solid 1px black; margin-top: -2px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } /* Inline controls */ .minicolors-inline {display: inline-block} .minicolors-inline .minicolors-input{display: none !important} .minicolors-inline .minicolors-panel{ position: relative; top: auto; left: auto; box-shadow: none; z-index: auto; display: inline-block; } /* Default theme */ .minicolors-theme-default .minicolors-swatch { top: 5px; left: 5px; width: 18px; height: 18px; } .minicolors-theme-default.minicolors-position-right .minicolors-swatch { left: auto; right: 5px; } .minicolors-theme-default.minicolors { width: 25px; height: 25px; display: inline-block; } .minicolors-theme-default .minicolors-input { height: 20px; width: auto; display: inline-block; padding-left: 26px; } .minicolors-theme-default.minicolors-position-right .minicolors-input { padding-right: 26px; padding-left: inherit; } /* Bootstrap theme */ .minicolors-theme-bootstrap .minicolors-swatch { top: 3px; left: 3px; width: 25px; height: 25px; border-radius: 3px; } .minicolors-theme-bootstrap.minicolors-position-right .minicolors-swatch { left: auto; right: 3px; } .minicolors-theme-bootstrap .minicolors-input { padding-left: 44px; } .minicolors-theme-bootstrap.minicolors-position-right .minicolors-input { padding-right: 44px; padding-left: 12px; }/* end __games_hanko.css */ /* start __games_mbase.css */ #game_box { width: 700px; max-width: 100%; margin: auto; position: relative; } #game_overlay { position: absolute; color: var(--text); padding: 10px 10px 12px; background-color: var(--bg_main); border-radius: 6px; box-shadow: 0 0 30px rgba(0, 0, 0, .4); z-index: 2; top: 5px; right: 5px; left: 5px; } #game_overlay_contents { overflow-y: auto; width: 100%; } #game_status { height: calc(var(--game_box_height) * .15); padding: 4px; font-size: 120%; font-weight: bolder; } #game_field { position: relative; height: calc(var(--game_box_height) * .93); padding: calc(var(--game_box_height) * .05) calc(var(--game_box_height) * .05) 0 calc(var(--game_box_height) * .05); box-sizing: border-box; background-size: cover; background-position: center; overflow: hidden; } #game_timer { position: relative; color: #ffbf4a; height: calc(var(--game_box_height) * .07); margin-top: calc(var(--game_box_height) * .05); } #game_timer_overlay { background-color: #ffbf4a; border-radius: 5px; height: calc(var(--game_box_height) * .07); transition: max-width 1s linear 0s; } #game_timer_vert { position: relative; color: #ffbf4a; width: calc(var(--game_box_height) * .07); margin-left: calc(var(--game_box_height) * .05); } #game_timer_overlay_vert { background-color: #ffbf4a; border-radius: 5px; width : calc(var(--game_box_height) * .07); transition: max-width 1s linear 0s; } .monster_box { width: calc(var(--game_box_height) * .68); height: calc(var(--game_box_height) * .68); text-align: center; box-sizing: border-box; position: relative; } .monster_box .monster_gauge { height: calc(var(--game_box_height) * .1); box-sizing: border-box; margin-bottom: calc(var(--game_box_height) * .05); border-radius: 2px; border-width: 3px; border-style: solid; } /* img */ .monster_box .monster_unit { background-size: contain; /* width: calc(var(--game_box_height) * .53); */ width: 100%; background-repeat:no-repeat; background-position: center center; height: calc(var(--game_box_height) * .53); display: inline-block; position: absolute; top: calc(var(--game_box_height) * .32); transition: right 1.5s, left 1.5s; } .hero_box, .enemy_box { position: absolute; } .hero_box { left: 10px; } .enemy_box { right: 10px; } /* .hero_box .monster_unit { left: calc(var(--game_box_height) * -0.60 ); } .hero_box .monster_unit.loaded { left: calc(var(--game_box_height) * .075 ); } .enemy_box .monster_unit { right: calc(var(--game_box_height) * -0.60 ); } .enemy_box .monster_unit.loaded { right: calc(var(--game_box_height) * .075 ); }*/ .enemy_box .monster_gauge, .hero_box .monster_gauge { border-color: #fefdf3; background-color: #fefdf3; } .hero_box .monster_gauge>div { background-color: #00dd07; } .enemy_box .monster_gauge { border-color: #fefdf3; } .enemy_box .monster_gauge>div { background-color: #ff4949; } .monster_gauge>div { transition: width 1s ease 0s; height: 100%; } .counter_table { font-size: 120%; text-align: center; width: 100%; margin-top: 20px; } .counter_table>div { margin: 5px 10px; } .counter_table>div>div:first-of-type { font-weight: bolder; margin-below: 6px; } .overlay_title { text-align: center; font-size: 250%; margin-bottom: 20px; font-weight: bolder; } .counter_intro { text-align: center; margin: 10px 0; font-size:150%; } .counter_table_intro { text-align: center; margin: 30px 0 20px; font-size:150%; } .counter_items { justify-content: center } .counter_items>div { width: 150px; margin: 5px; text-align: center; font-weight: bold; } .counter_items>div>img { width: 100px; } .overlay_char_header { margin-bottom: 5px; } .overlay_char_header img { width: 120px; padding: 5px; } .overlay_score>div:first-of-type, .overlay_mlist>div:first-of-type { font-size: 200%; font-weight: bolder; margin-bottom: 10px; } .overlay_score { margin-bottom: 20px; } .overlay_monster { margin: 0 10px 10px; } .overlay_monster>div:last-of-type { font-size: 150%; margin-left: 15px; } .overlay_monster img { width: 100px; } .game_overlay_options, .ingame_options { margin-top: 10px; text-align: center; } .counter_answer_box .flexbox > div { min-width: 50%; padding: 0 10px 6px; box-sizing: border-box; } .counter_answer_box .flexbox { } .counter_instructions { margin: 10px 0; text-align:center; } .counter_image_box { padding: 4px; text-align:center; justify-content: center; /*height: 180px;*/ } .counter_image_box > div { width: 18%; margin: 1%; display:inline-block; } .counter_image_box > div img { width: 100%; } .counter_answer_box #game_ans label,.counter_answer_box #game_ans input { transition: border-color .5s, background-color .5s, color .5s, width .5s !important; text-align:center; } .counter_answer_box #game_ans .counter_correct { border-color: #0ba332 !important; background-color: #0ba332 !important; color: white; border-style:solid; position: relative; } .counter_answer_box #game_ans .counter_correct::before { content: '✔'; /* Replace 'A' with your desired character */ position: absolute; top: 0; left: 0; color: white; } .counter_answer_box #game_ans .counter_incorrect::before { content: '✖'; /* Replace 'A' with your desired character */ position: absolute; top: 0; left: 0; color: white; } .counter_answer_box #game_ans .counter_incorrect { border-color: #de4040 !important; background-color: #de4040 !important; color: white; border-style:solid; position:relative; } .mixed_counter>div.grow { margin: 0 0 20px 10px; } .button_box { margin: 10px 0; } #game_ans label { font-size: 28px; } #inline_overlay { margin: 30px 0; transition: opacity 1s; } @media screen and (max-width: 500px){ .counter_items>div>img { width: 60px; } .counter_items>div { width: 120px; } #game_ans label { font-size: 18px; } .counter_image_box>div { margin: 0; } .hero_box .monster_unit { margin-left: -20px; } .hero_box .bullet_hero { right: -10px; } .enemy_box .monster_unit{ right: -10px; } .enemy_box .bullet_enemy { left: -10px; } } @media screen and (max-height: 800px){ .counter_image_box img { max-height: 80px; max-width: 80px; } } @media screen and (max-height: 620px){ .monster_box .monster_unit { height: calc(var(--game_box_height) * .43); top: calc(var(--game_box_height) * .20); } #game_field { height: calc(var(--game_box_height) * .73); } } .endless_list > label { margin: 10px 25px; font-size:150%; } .settings_grid { display: grid; grid-template-columns: auto 1fr; grid-row-gap: 10px } .settings_grid input[type="text"], .settings_grid textarea { max-width:300px; width: 100%; } .settings_grid input[type="text"].imini, .settings_grid textarea.imini { max-width:200px; width: 100%; } .settings_grid > div { margin-bottom: 30px } .settings_grid.settings_grid_packed > div { margin-bottom: 5px } /* labels */ .settings_grid>div:nth-of-type(odd) { margin-right: 25px; font-weight: bold; } /* inputs */ .settings_grid>div:nth-of-type(even) {} .iwrapper { margin-bottom: 5px; } @media screen and (max-width: 450px){ .settings_grid { grid-template-columns: 1fr; grid-row-gap: 0; } .settings_grid>div:nth-of-type(odd) { margin-right: 25px; font-weight: bold; } /* inputs */ .settings_grid>div:nth-of-type(even) { margin: 5px 0 15px 10px; } .settings_grid.settings_slim > div { margin-bottom: 12px } } .settings_grid.settings_slim { grid-template-columns: 1fr; grid-row-gap: 0; } .settings_grid.settings_slim>div:nth-of-type(odd) { margin-right: 25px; font-weight: bold; } /* inputs */ .settings_grid.settings_slim>div:nth-of-type(even) { margin: 5px 0 15px 0px; } .settings_grid.settings_slim > div { margin-bottom: 12px } #cpunch_wrapper .lselector_body { padding-top: 20px; } .counter_level { margin-bottom: 20px; } .counter_level>div:first-of-type { margin-right: 10px; } .counter_level>div:last-of-type { padding: 0 10px; } .counter_level .counter_level_desc>div:first-of-type { font-size: 200%; font-weight: bold; } .counter_level_box { margin: 20px 4px; } .counter_level_set { margin-bottom: 20px; } .counter_level_set ruby { margin-bottom: 15px; } .counter_level_desc { font-size: 115%; margin: 0 10px; } .counter_level_set img { width: 90px; padding: 0 8px; } .center_mlist>div { min-width: 25%; margin-bottom: 25px; } .counter_level .c_circular-chart { width: 60px; } @media screen and (max-width: 700px) { .counter_level_set img { width: 60px; } } @media screen and (max-width: 500px) { .counter_level_set img { width: 50px; } .counter_level .c_circular-chart { width: 40px; } .counter_level .counter_level_desc>div:first-of-type { font-size: 130%; } } @media screen and (max-width: 500px) { .counter_level_set img { width: 40px; } .counter_level .c_circular-chart { width: 30px; } } .fad.fa-alien-monster:after { content: "\10f8f6"; } .scene_image { margin: 0px 10px 30px; } .scene_image > div:last-of-type { font-size:125% } .scene_image img { max-width: 100%; } :root { --game_box_height: 180px; --monster_gauge_height: 30px; } @media screen and (max-height: 800px) { :root { --game_box_height: 140px; --monster_gauge_height: 30px; } .line_stamp { width: 120px; height: 96px; } } #game_timer_vert { display:none; } @media screen and (max-height: 600px) { :root { --game_box_height: 100px; --monster_gauge_height: 30px; } #game_timer_vert { display:flex; } #game_timer { display:none; } }/* end __games_mbase.css */ /* start __games_qcorner.css */ /* used for "Hide English Translations" checkbox */ .h2right { line-height: 270%; }/* end __games_qcorner.css */ /* start __games_quickdraw.css */ .overlay_qlist > div:last-of-type { max-width: 500px; } .zone_level { margin-bottom: 15px; } .qd_level_circle + div { margin: 10px 0; } .zone_level_stats { margin-top: 10px; } .zone_level_name { font-size: 130%; } .qd_level_circle { margin-right: 15px; border-radius: 50%; width: 40px; height: 40px; box-sizing: border-box; border-width: 5px; border-style: solid; transform: rotate(45deg); } .qd_type_circle_full, .qd_type_circle_none, .qd_type_circle_blank, .qd_type_circle_blind { border-radius: 50%; width: 12px; height: 12px; display: inline-block; margin-right: 3px; } .qd_type_circle_full { background-color: var(--introbox1_on); } .qd_type_circle_blank { background-color: var(--introbox2_on); } .qd_type_circle_blind { background-color: var(--introbox3_on); } .qd_type_circle_none { background-color: var(--introbox4_on); } .zone_header > img { max-width: 100%; border-radius: 10px } .zone_header, .zone_desc { margin-bottom: 15px; } .questInfo { transition: height 0.5s; overflow: hidden; } .questIcon { position: relative; margin: 0 auto 5px; display: inline-block; } .questIcon img { width: 80px; z-index: 3; } .questIcon>div { position: absolute; overflow: hidden; } @media screen and (max-width: 500px){ .questIcon img { width: 60px; } } @media screen and (max-width: 430px){ .questIcon img { width: 45px; } } .zone_ex { position: absolute; padding: 5px 10px; top: 5px; right: 5px; border-radius: 5px; background: rgba(26,26,26,0.47); } .qd_zone_button { background-color: white; border-color: #0f6e0f; color: black; border-width: 6px; border-radius: 5px; border-style: solid; padding: 4px 6px; position: absolute; cursor: pointer; z-index: 3; transform: translate(-50%, -50%); } .qd_zone_hidden { background-color: white; border-color: var(--red); color: black; border-width: 6px; border-radius: 5px; border-style: solid; padding: 4px 6px; position: absolute; z-index: 3; transform: translate(-50%, -50%); } #line_input input { font-size: 16px; } .qd_realm>img { max-width: 100%; } .qd_realm { margin-top: -5px; } .quickdraw_user > div:first-of-type { font-size:150%; margin : 5px 10px; } .quickdraw_user > div:nth-of-type(2) { font-size:120%; margin : 5px 10px; } .quickdraw_user > div:nth-of-type(3) { margin : 5px 10px; } .writing_styles img { width: 70px; } .punchRight { animation-duration:.8s; animation-name:punchRight; } .punchLeft { animation-name:punchLeft; animation-duration:.8s; } @keyframes punchRight{ 0%{ transform:translate(0,0) } 100%{ transform:translate(150px,-250px) rotate(720deg) } } @keyframes punchLeft{ 0%{ transform:translate(0,0) } 100%{ transform:translate(-150px,-250px) rotate(-720deg) } } .kanji_cbox { position: absolute; bottom: 0; z-index:2; } .writing_cont { transition: opacity 0.5s } .kanji_cbox path { transition: stroke-dasharray 0.3s; } .kanji_cbox .char_h { background-color: white; border-radius: 50%; margin: 2px; } .kanji_cbox img { max-width: 100%; } .bullet_hero { right: -30px; transition: right .5s ease-in, opacity .3s; } .bullet_enemy { left: -30px; transition: left .5s ease-in, opacity .3s; } .bullet_overlay { transition: width .5s ease-in-out, height .5s ease-in-out; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 50%; box-sizing: border-box; } .bullet_hero .bullet_overlay { background-color: green; } .bullet_enemy .bullet_overlay { background-color: red; } .bullet_hero path { stroke: green; } .bullet_enemy path { stroke: red; } .kanji_cbox>svg { animation: circle_3 2s infinite linear; ; } @keyframes circle_3 { 0% { transform: rotate(270deg); } 100% { transform: rotate(630deg); } } .overlay_monster img { width: 50px; } #qd_blind { animation-name: qd_blind; animation-duration: 6s; animation-iteration-count: infinite; } @keyframes qd_blind{ 0%{ opacity: 1; } 33% { opacity: 1; } 50%{ opacity: 0; } 100% { opacity: 0; } } @media screen and (max-height: 600px){ .kanji_cbox { bottom: 10px; } } /* end __games_quickdraw.css */ /* start __games_shiribattle.css */ .shiri_wblock > .print_term { margin-top: 5px; } .shiri_opp_info > div > div:first-of-type { font-size: 250%; font-weight:bolder; } .shiri_opp_info > div > div:nth-of-type(2) { font-size: 200%; font-weight:bolder; } .shiri_opp_info > div > div:nth-of-type(3) { font-size: 120%; font-style:italic; } .shiri_opp { margin: 15px 0; text-align: center; } .shiri_opp label { margin: 0 10px; } .shiri_opp img { opacity: 0.3; transition: opacity 0.5s; width: 100px; } .shiri_opp input:checked + img, .shiri_opp img:hover { opacity:1; } .shiri_opp_info { margin: 20px 0; } @media screen and (max-width: 650px){ .shiri_opp label { min-width: 40%; } } .shiritori_hint { margin: 0 5px; border-radius:50%; border: 2px solid var(--text); width: 24px; height: 24px; text-align:center; line-height: 24px; font-size: 18px; font-weight: bold; } .overlay_shiritori { font-size: 125%; } .overlay_shiritori>div { margin: 8px 0; } .shiritori_example { margin-top: 15px; font-size: 120%; } .shiritori_example > div { margin: 0 15px 5px 0; } .shiritori_example + div { font-style:italic; margin-bottom: 30px; text-align:center; } #game_status { display: none; } .shiritori_stats { width: 100%; margin: 10px 0; text-align: center; font-size: 125%; } .shiritori_stats td { vertical-align: top; } .overlay_score_shiritori>div:nth-of-type(2) { font-size: 300%; font-weight: bolder; margin-bottom: 10px; } .overlay_score_shiritori>div:nth-of-type(3) { font-size: 200%; font-weight: bolder; margin-bottom: 10px; } .typing_ind span:nth-of-type(1) { opacity: 0.35; animation: tifade 0.7s cubic-bezier(0.39, 0.58, 0.57, 1) 0s infinite alternate-reverse; } .typing_ind span:nth-of-type(2) { opacity: 0.35; animation: tifade 0.7s cubic-bezier(0.39, 0.58, 0.57, 1) 0.4s infinite alternate-reverse; } .typing_ind span:nth-of-type(3) { opacity: 0.35; animation: tifade 0.7s cubic-bezier(0.39, 0.58, 0.57, 1) 0.8s infinite alternate-reverse; } .typing_ind span { font-size: 1em; } @-webkit-keyframes tifade { from { opacity: 1; } to { opacity: 0.45; } } @keyframes tifade { from { opacity: 1; } to { opacity: 0.45; } } .line_stamp { width: 150px; height: 120px; } .line_button { border-radius: 12px; } #line_help { padding: 3px 5px; } #line_input_row { margin: 10px 5px; padding: 5px; border-radius: 6px; } #line_input { padding: 3px 10px; background-color: var(--bg_main); border-radius: 6px; } #line_input input { background-color: inherit; border-width: 0; display: block; outline: none !important; color: var(--text); } #line_overlay>div { width: 600px; max-width: 100%; margin: 0 auto; } #chat_field { height: 500px; overflow-y: auto; } #chat_field > .chat_msg:last-of-type { margin-bottom: 5px; } .chat_msg { margin: 5px 5px 15px 5px; font-size: 125%; } .chat_player { margin-right: 15px; } .chat_msg .chat_avatar { padding-left: 10px; } .chat_avatar img { width: 50px; height: 50px; border-radius: 50%; } .chat_msg_contents { position: relative; border-radius: .6em; padding: 5px 10px; } .chat_player .chat_msg_contents { background-color: var(--fl_bg); } .chat_player .chat_msg_contents:after { content: ' '; position: absolute; width: 0; height: 0; right: auto; left: -10px; top: 0px; bottom: auto; border: 10px solid; border-color: var(--fl_bg) transparent transparent transparent; } .chat_msg .chat_time { font-size: 80%; padding: 0 3px; align-self: flex-end; } .chat_comp .chat_msg_contents { background-color: var(--vocab); color: white; } .chat_comp .chat_msg_contents:after { content: ' '; position: absolute; width: 0; height: 0; left: auto; right: -10px; top: 0px; bottom: auto; border: 10px solid; border-color: var(--vocab) transparent transparent transparent; } #inline_overlay { margin: 5px 0; } .shiritori_stats_level { margin-bottom: 30px; } .shiritori_stats_level > .flexbox > div:first-of-type { margin-right: 20px; } .shiritori_stats_level_overall > div:first-of-type { font-size: 200%; font-weight: bolder; } .shiri_saved { margin-bottom: 10px; } .shiri_saved img { width: 50px; border-radius:50%; } .shiri_saved > div:nth-of-type(2) { margin: 0 15px; } .shiritori_name { font-size:200%; font-weight: bolder; } .shiritori_level > div:last-of-type { margin-top:10px; } .shiritori_level .flexbox > div:first-of-type { margin-right: 20px; } .shiritori_level .flexbox > div:first-of-type img { width: 100px; } .shiritori_level { padding: 0 10px; margin-bottom: 40px; width: 50%; box-sizing: border-box; } .shiritori_profile > div { margin-bottom: 3px; } .shiritori_profile > div:last-of-type { margin-bottom:0; } @media screen and (max-width: 750px){ .shiritori_level { width: 100%; } } /* end __games_shiribattle.css */ /* start __games_shiritori.css */ /* achievements for shiritori page */ .sac_table tbody tr td { padding: 2px; width: 54px; height: 54px; text-align: center; } .shiri_char { line-height: 1; } .sac_table tbody tr td { width: 40px; height: 40px; } .sac_table tbody tr td img { width: 36px; height: 36px; } #shiri_box { overflow-y: hidden; overflow-x: auto; white-space:nowrap; padding-left: 20px; } #shiri_box, .shiri_ibox { background-color: var(--bg_main); } /*--------------*/ /* Shiritori */ /*--------------*/ .shiri_char, .shiri_char_sp { display: inline-block; position: absolute; } .shiri_charset, .shiri_char_sp { color: var(--neg_text); } .shiri_charset { text-shadow: 1px 1px 2px rgba(0,0,0,0.3); } .shiri_ibox { display: inline-block; position: relative; } .shiri_ibox { white-space: normal; word-wrap:break-word; } .cont_box { display: table-cell; } .wid_box { display: table-row; width: 1px; } .lim_box { display: table-cell; width: 1px; } #shiri_cont{position:relative;} .edge { background-repeat:reapeat-y; background-image:url(https://www.renshuu.org/img/shiritori/edge.png); position:absolute; top:32px; left:-1px; background-color:transparent; width:12px; border:none; z-index:3; }/* end __games_shiritori.css */ /* start __global.css */ /* CLEAN */ /* overwrite FA */ i.fa-lg { line-height: 1.33 !important; } .ibl { vertical-align: baseline !important; } .kao_icon, .kao_icon_30, .kao_icon_60, .kao_icon_16 { width: 20px !important; height: 20px !important; background-repeat: no-repeat; background-size: auto 20px; background-position-x: center; vertical-align:middle; display: inline-block; cursor: pointer; padding: 0 2px; } .kao_icon_30 { width: 30px !important; height: 30px !important; background-size: auto 30px; } .kao_icon_16 { width: 16px !important; height: 16px !important; background-size: auto 16px; } .kao_icon_24 { width: 24px !important; height: 24px !important; background-size: auto 24px; } .kao_icon_60 { width: 60px !important; height: 60px !important; background-size: auto 60px; } .gzoom_small .kao_icon { width: 15px !important; height: 15px !important; background-size: auto 15px; } .gzoom_small .kao_icon_30 { width: 20px !important; height: 20px !important; background-size: auto 20px; } .gzoom_small .kao_icon_60 { width: 45px !important; height: 45px !important; background-size: auto 45px; } /* @keyframes runSwap { 0%, 100% { background-image: url('https://iserve.renshuu.org/120/img/icons/run_dark_1.png'); } 50% { background-image: url('https://iserve.renshuu.org/120/img/icons/run_dark_2.png'); } } @keyframes runSwapDark { 0%, 100% { background-image: url('https://iserve.renshuu.org/120/img/icons/run_light_1.png'); } 50% { background-image: url('https://iserve.renshuu.org/120/img/icons/run_light_2.png'); } } @keyframes runSwap { 0%, 100% { background-image: url('https://iserve.renshuu.org/120/img/icons/kao_dance_1.png'); } 50% { background-image: url('https://iserve.renshuu.org/120/img/icons/kao_dance_2.png'); } } @keyframes runSwapDark { 0%, 100% { background-image: url('https://iserve.renshuu.org/120/img/icons/kao_dance_1.png'); } 50% { background-image: url('https://iserve.renshuu.org/120/img/icons/kao_dance_2.png'); } } */ @keyframes runSwap { 0%, 100% { background-image: url('https://iserve.renshuu.org/120/img/icons/sushi_1.png'); } 50% { background-image: url('https://iserve.renshuu.org/120/img/icons/sushi_2.png'); } } @keyframes runSwapDark { 0%, 100% { background-image: url('https://iserve.renshuu.org/120/img/icons/sushi_1.png'); } 50% { background-image: url('https://iserve.renshuu.org/120/img/icons/sushi_2.png'); } } .ki_run { animation: runSwap 500ms infinite; /* 2s duration for each cycle */ } .ki_pin_on { background-image: url('https://iserve.renshuu.org/120/img/icons/pin_on.png'); } .ki_pin_off { background-image: url('https://iserve.renshuu.org/120/img/icons/pin_off.png'); } .ki_lock_on { background-image: url('https://iserve.renshuu.org/120/img/icons/lock_on.png'); } .ki_lock_off { background-image: url('https://iserve.renshuu.org/120/img/icons/lock_off.png'); } .ki_calendar_on { background-image: url('https://iserve.renshuu.org/120/img/icons/calendar_on_v4.png'); } .ki_calendar_off { background-image: url('https://iserve.renshuu.org/120/img/icons/calendar_off_v3.png'); } .ki_earth { background-image: url('https://iserve.renshuu.org/120/img/icons/kao_earth.png'); } .ki_speech_on { background-image: url('https://iserve.renshuu.org/120/img/icons/speech_on_light.png'); } .ki_speech_off { background-image: url('https://iserve.renshuu.org/120/img/icons/speech_off_light.png'); } .ki_bookmark_on { background-image: url('https://iserve.renshuu.org/120/img/icons/bookmark_on_light.png'); } .ki_bookmark_off { background-image: url('https://iserve.renshuu.org/120/img/icons/bookmark_off_light.png'); } .ki_cog { background-image: url('https://iserve.renshuu.org/120/img/icons/cog_v2.png'); } .ki_search { background-image: url('https://iserve.renshuu.org/120/img/icons/search_v2.png'); } .ki_filter { background-image: url('https://iserve.renshuu.org/120/img/icons/filter_v2.png'); } .ki_sort { background-image: url('https://iserve.renshuu.org/120/img/icons/sort_v2.png'); } .ki_download { background-image: url('https://iserve.renshuu.org/120/img/icons/download_v2.png'); } .ki_graph { background-image: url('https://iserve.renshuu.org/120/img/icons/graph_v2.png'); } .ki_pdf { background-image: url('https://iserve.renshuu.org/120/img/icons/pdf.png'); } .ki_link { background-image: url('https://iserve.renshuu.org/120/img/icons/link.png'); } .ki_trash { background-image: url('https://iserve.renshuu.org/120/img/icons/trashcan_v2.png'); } .ki_image { background-image: url('https://iserve.renshuu.org/120/img/icons/image.png'); } .ki_audio { background-image: url('https://iserve.renshuu.org/120/img/icons/audio_v3.png'); } .ki_flag { background-image: url('https://iserve.renshuu.org/120/img/icons/flag_light.png'); } .ki_heart_on { background-image: url('https://iserve.renshuu.org/120/img/icons/heart_on_light.png'); } .ki_heart_off { background-image: url('https://iserve.renshuu.org/120/img/icons/heart_off_light.png'); } .ki_edit { background-image: url('https://iserve.renshuu.org/120/img/icons/pencil_v2.png'); } .ki_block_on { background-image: url('https://iserve.renshuu.org/120/img/icons/eye_on_v3.png'); } .ki_block_off { background-image: url('https://iserve.renshuu.org/120/img/icons/eye_off_v3.png'); filter: saturate(25%); } /* .ki_block_on { background-image: url('https://iserve.renshuu.org/120/img/icons/block_on.png'); } .ki_block_off { background-image: url('https://iserve.renshuu.org/120/img/icons/block_off.png'); } */ .ki_light_on { background-image: url('https://iserve.renshuu.org/120/img/icons/lightbulb_on_light.png'); } .ki_book { background-image: url('https://iserve.renshuu.org/120/img/icons/menu_dict.png'); } .ki_light_off { background-image: url('https://iserve.renshuu.org/120/img/icons/lightbulb_off_light.png'); filter: saturate(25%); } .ki_add_off { background-image: url('https://iserve.renshuu.org/120/img/icons/add_off_light.png'); filter: saturate(25%); } .ki_add_on { background-image: url('https://iserve.renshuu.org/120/img/icons/add_on_light.png'); } .ki_star_full { background-image: url('https://iserve.renshuu.org/120/img/icons/star_full.png'); } .ki_star_half { background-image: url('https://iserve.renshuu.org/120/img/icons/star_half.png'); } .ki_star_empty { background-image: url('https://iserve.renshuu.org/120/img/icons/star_empty.png'); } .e_kao_yoroshiku { background-image: url('https://iserve.renshuu.org/img/kao_emoji/kao_yoroshiku.png')} .e_kao_dance { background-image: url('https://iserve.renshuu.org/img/kao_emoji/kao_dance.png')} .e_kao_dejected { background-image: url('https://iserve.renshuu.org/img/kao_emoji/kao_dejected.png')} .e_kao_don { background-image: url('https://iserve.renshuu.org/img/kao_emoji/kao_don.png')} .e_kao_great { background-image: url('https://iserve.renshuu.org/img/kao_emoji/kao_great.png')} .e_kao_guts { background-image: url('https://iserve.renshuu.org/img/kao_emoji/kao_guts.png')} .e_kao_heart { background-image: url('https://iserve.renshuu.org/img/kao_emoji/kao_heart.png')} .e_kao_hungry { background-image: url('https://iserve.renshuu.org/img/kao_emoji/kao_hungry.png')} .e_kao_punch { background-image: url('https://iserve.renshuu.org/img/kao_emoji/kao_punch.png')} .e_kao_sassy { background-image: url('https://iserve.renshuu.org/img/kao_emoji/kao_sassy.png')} .e_kao_shiawase { background-image: url('https://iserve.renshuu.org/img/kao_emoji/kao_shiawase.png')} .e_kao_shock { background-image: url('https://iserve.renshuu.org/img/kao_emoji/kao_shock.png')} .e_kao_shocking { background-image: url('https://iserve.renshuu.org/img/kao_emoji/kao_shocking.png')} .e_kao_sleep { background-image: url('https://iserve.renshuu.org/img/kao_emoji/kao_sleep.png')} .e_kao_sorry { background-image: url('https://iserve.renshuu.org/img/kao_emoji/kao_sorry.png')} .e_kao_sparkle { background-image: url('https://iserve.renshuu.org/img/kao_emoji/kao_sparkle.png')} .e_kao_think { background-image: url('https://iserve.renshuu.org/img/kao_emoji/kao_think.png')} .e_kao_worry { background-image: url('https://iserve.renshuu.org/img/kao_emoji/kao_worry.png')} .e_kao_sparkles { background-image: url('https://iserve.renshuu.org/img/kao_emoji/kao_sparkles.png')} .e_cheese { background-image: url('https://iserve.renshuu.org/img/kao_emoji/cheese.png')} .e_kao_drool { background-image: url('https://iserve.renshuu.org/img/kao_emoji/kao_drool.png')} .e_kao_yeah { background-image: url('https://iserve.renshuu.org/img/kao_emoji/kao_yeah.png')} .e_kao_dead { background-image: url('https://iserve.renshuu.org/img/kao_emoji/kao_dead.png')} .e_kao_drink { background-image: url('https://iserve.renshuu.org/img/kao_emoji/kao_drink.png')} .e_kao_rocking { background-image: url('https://iserve.renshuu.org/img/kao_emoji/kao_rocking.png')} .e_thanks { background-image: url('https://iserve.renshuu.org/img/kao_emoji/thanks.png')} .e_neko_laugh { background-image: url('https://iserve.renshuu.org/img/kao_emoji/neko_laugh.png')} .e_kao_fire { background-image: url('https://iserve.renshuu.org/img/kao_emoji/kao_fire.png')} .e_kao_yes { background-image: url('https://iserve.renshuu.org/img/kao_emoji/kao_yes.png')} .e_kao_no { background-image: url('https://iserve.renshuu.org/img/kao_emoji/kao_no.png')} .e_kao_ball { background-image: url('https://iserve.renshuu.org/img/kao_emoji/kao_ball.png')} .e_kao_horror { background-image: url('https://iserve.renshuu.org/img/kao_emoji/kao_horror.png')} .e_neko_cheer { background-image: url('https://iserve.renshuu.org/img/kao_emoji/neko_cheer.png')} .e_kao_heh { background-image: url('https://iserve.renshuu.org/img/kao_emoji/kao_heh.png')} .e_kao_lazy { background-image: url('https://iserve.renshuu.org/img/kao_emoji/kao_lazy.png')} .e_neko_what { background-image: url('https://iserve.renshuu.org/img/kao_emoji/neko_what.png')} /* box for alerting of new achievements */ #new_ac .ib { margin-left: 10px; } #new_ac .ib:first-of-type { margin-left: 0 } /* page selector */ @media screen and (max-width: 720px){ #plinks_head i { padding: 0 4px !important; } } /* rows of icons */ .icon_box > div, .icon_box > i { margin-right: 8px; } /* settings */ .onoffswitch label { margin: .2em 0 !important; } /* alert boxes */ .alertbox { align-items: stretch !important; margin: 5px 0; } .alertbox .alertclose { padding-left: 12px !important; padding-top: 0; } .alertbox > div:first-of-type{ padding: 4px; display: flex; /* nested flex container */ flex-direction: column; /* vertical alignment of flex items */ justify-content: center; /* center flex items vertically */ align-items: center; flex-shrink: 0; } .alterwarn, .alertwarn > div:first-of-type { background-color: var(--warn_icon_bg); } .alertwarn > div:first-of-type { padding: 4px 8px; } .alertwarn > div:nth-of-type(2), .alertwarn > div:nth-of-type(3) { background-color: var(--warn_bg); padding: 10px 4px; } .alertwarn > div:first-of-type i, .alertwarn > div:first-of-type svg, .alertwarn .alertclose { color: var(--red); } .alertsucc, .alertsucc > div:first-of-type { background-color: var(--succ_icon_bg); } .alertsucc > div:first-of-type { padding: 4px 8px; } .alertsucc > div:nth-of-type(2),.alertsucc > div:nth-of-type(3) { background-color: var(--succ_bg); padding: 10px 4px; } .alertsucc > div:first-of-type i, .alertsucc > div:first-of-type svg, .alertsucc .alertclose { color: var(--green); } input[type="checkbox"] {vertical-align:middle} .nbreak { white-space: inherit } .dbreak { white-space: nowrap; } .struncate, .hsched_button { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* v2 of the dropbown */ .dropdown { cursor: pointer; color: var(--alink); } .dropdown > span { border-bottom: 2px solid var(--alink); display: inline-block; } .dropdown > ul { display: none; position: absolute; left: 0; top: calc(100% - 0px); /* 2px */ background-color: var(--bg_main); list-style: none; padding-left: 0; margin: 0; border: 1px solid var(--b_border); z-index: 31; overflow-y: auto; } .dropup > ul { top: auto; bottom: calc(100% - 2px); } .dropdown > ul li { padding: 6px 6px; white-space: nowrap; } .dropdown > ul li:hover, .dropdown > ul li.selected { background-color: var(--button_bg); } .dropdown > ul li[data-nocolor]:hover, .dropdown > ul li[data-nocolor].selected { background-color: inherit; } /* prevent placeholder from showing up */ input:focus::-webkit-input-placeholder { color:transparent; } input:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */ input:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */ input:focus:-ms-input-placeholder { color:transparent; } /* oldIE ;) */ #msg_box_rent { position: relative; z-index: 3; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); /* margin-left:-15px;*/ width: 928px; margin-bottom: 10px; -webkit-align-items: center; /* Safari */ align-items: center; } @media screen and (max-width: 950px){ #msg_box_rent { width: 98%; } } /* ex button in any kind of modal */ .ex_plain { padding: 5px 5px 0 0; } .flbox, .flbox_flat { border: 1px solid rgba(0,0,0,0.15); background-color: var(--fl_bg); padding: 6px 4px; border-radius: 4px; box-shadow: none !important; } .flbox { /*box-shadow: .5px 1px 1px rgba(0,0,0,0.3); -moz-box-shadow: .5px 1px 1px rgba(0,0,0,0.3); -webkit-box-shadow: .5px 1px 1px rgba(0,0,0,0.3);*/ border: 1px solid rgba(0,0,0,0.06); } .flbox_clamp { border-top-width: 0 !important; margin-bottom: 0 !important; } .flbox_clamp:first-of-type { border-top-width: 1px !important; } .off_text { color: var(--dgrey); } h2 .off_text { font-size: 70%; font-weight: normal; } .mshow { display: none; } input.h:checked + div{ display: inline-block; } input[name|="tabset"]:checked + *{display: block;} .pagehead { padding: 2px 4px 2px 4px } .fslabel { width: 15%; padding: 0 0 5px 0; } .finput { width: 72%; padding: 0 0 10px 0; } .fsinput { width: 82%; padding: 0 0 5px 0; } .title { font-size:20px; margin: 5px 0 5px 0; } /* quiz/schedule_settings (liquid) */ .padtable tr td{padding: 1px 2px 1px 2px} .boxtitle { font-weight: bold; font-size:12pt; margin: 10px 0 5px 5px } ul.reg{ margin: 10px 0 10px 0; list-style-type: disc; overflow: visible; } ol.reg{ margin: 10px 0 10px 0; list-style-type: decimal; overflow: visible; } /* Boxes */ .ui-draggable { padding: 5px; } .ui-draggable, .lnk, .tlnk, cite, .klook, span[data-klook]{cursor: pointer} .tlnk, cite{color: var(--alink)} .tlnk:hover, cite:hover{text-decoration: underline} .no_lnk{ cursor: none; color: var(--text); } .no_lnk:hover{ text-decoration: none; } .im{ vertical-align: middle; border-width: 0; } .little, .little option { font-size: 90%; } .vlittle { font-size:50%; } .stdbox { border-radius: 7px; padding: 3px; } .ed { width: 400px; height: 150px; } .underline, .underline ruby { text-decoration:underline } .frow_rep { margin-bottom: 20px } img.avatar { border-radius: 5px; } .black { color: var(--text); } .ib { display: inline-block; } /*========*/ /* Images */ /*========*/ /* .suki_button, .suki_button_on{background-image: url(https://www.renshuu.org/img/reibuns/suki_button.png)} */ .suki_button, .suki_button_on { width: 30px; height: 30px; box-sizing: border-box; border-width: 2px; border-radius: 100%; border-style: solid; font-size: 16px; line-height: 28px; text-align: center; display: inline-block; } .suki_button { cursor: pointer; color: var(--grey); border-color: var(--grey); } .suki_button:hover, .suki_button_on { border-color: var(--green); color: var(--green); } ul.reg li, ol.reg li { margin-left: 20px; overflow: visible; } /* Omni Padding */ #ttip_inner, #stip_inner, div.bbcode_quote_body, .white-card, .innerbody, .stdbox, .midbox, .message_user, .redinfo, .greeninfo, .pad3{padding:3px} /*==============*/ /* Colors */ /*==============*/ /* Fonts */ .grey{color: var(--grey)} .dorange{color: var(--dorange)} .red{color:var(--red); fill: var(--red) !important;} .green{color:var(--green); fill: var(--green) !important;} .gold{color:var(--gold)} .silver{color:var(--silver)} .bronze{color:var(--bronze)} /*===================*/ /* Body Colors */ /*===================*/ /* Fonts */ a{color: var(--alink)} .downbutton, .togglebutton:hover{color: var(--shighlight) !important; text-decoration: underline;} .prodiv div, .prodiv a{color: var(--neg_text)} /* Shadows */ #user-p, #message-p, #lsetbox, .pulldown, .easy_sched, #lhelpbox, #ttip, #stip { box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2) } /*=================*/ /* Z-indicies */ /*=================*/ .overlay{ position:absolute; } input[name|="ui"]{display: none} input[name|="ui"]:checked + *{display:block;} input[name|="ui"] + label:hover{cursor: pointer;} /* spacing out the input lines (mainly checkboxes/radios) that appear in the settings */ .finput > div { margin-bottom: 3px; } .recent label { padding: 6px 6px 6px 2px; } .pure-g > div { float: left; } /* over and over $$$$$$$$$$$$$$$$$*/ .striped, .striped_box > div:nth-child(odd) { background-color: var(--fl_bg); } .sstriped { background-color: var(--sstriped); } .str{padding: 5px 3px;} div.nostripe > div.str, div.striped > div.str > div.str, div.nostripe > div.str > div.str > div.str{ background-color: #F0F0F0; } .ex { cursor: pointer; padding: 4px 8px; border: 1px solid var(--button_border); background-color: var(--button_bg); } /* heighten up the text next to a suki link */ .sukiline { line-height: 30px; } .lgreen { color: var(--lgreen); } .lgreen:hover { color: var(--green); } .lred { color: var(--lred); } .lred:hover { color: var(--red); } .show720, .showi720, .show850, .showi850 { display: none; } @media screen and (max-width: 1020px){ .mstretch { width: 100%; } .dindent {margin-left: 10px} /*KIWC replace with text indent? */ .mflat /*removes indentation */ { margin-left: 0; } .mshow { display: block; } .mhide { display: none; } .mobfit > div { width: 100%; margin-bottom: 8px; } .mobfit_h > div { width: 50%; margin-bottom: 8px; } .hide1020 { display: none; } } /* used for crossword elements */ @media screen and (max-width: 850px){ .hide850 { display: none !important; } .show850 { display: block; } .showi850 { display: inline; } } /* 720 */ @media screen and (max-width: 720px){ .hide720 { display: none; } .show720 { display: block; } .showi720 { display: inline; } .slim_mobfit > div { width: 100%; margin-bottom: 15px; } .mhide_small { display: none; } .mpad { padding: 10px; } } /* font-awesome help */ .fa-2x,.fa-3x { vertical-align: middle; } .tabbodies > .dropdown { display:inline-block; font-size:150%; margin: 15px 0 5px; } #overlay{ transition: all 1s linear; } .overlay { transition: all .5s linear; } i[data-trans] { font-style: normal; } .hide_kanji .hsett_kanji, .hide_kata .hsett_kata, .hide_hira .hsett_hira, .hide_std .hsett_std { display: none; } .input_label + .kread_blank + .hw_icon { transform: translate(0,0); } .sel_under { height: 4px; border-radius: 2px; } @media screen and (max-width: 500px){ #scroller-border button > i + span { display:none; } } .jq-toast-single { box-shadow:0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3); padding: 7px 10px 5px; } .toast_inner > div:first-of-type { margin-right:10px; } .pure-control-group { margin-bottom:5px ; } .pure-control-group:last-of-type { margin-bottom:0; } #groupdiv { display:none; } #groupdiv_check:checked + #groupdiv , #groupdiv_check:checked + i + #groupdiv, #groupdiv_check:checked + button + #groupdiv , #groupdiv_check:checked + i + button + #groupdiv { display:block; } input.error { border-color: var(--red) !important; } .toast_inner { padding-right: 10px; } .form-content > div:nth-of-type(2), .form-content > div:nth-of-type(1) { display:none; } .tabbodies > [data-notab] { display:none; } @media screen and (max-width: 500px){ .form_row > div { width: 100% !important; } .form_row > div.last-of-type { } .mobfit_h > div { width: 99%; } } .android_slim{ top: 0 !important; border-top-width: 0 !important; } #sett_button { position: absolute; z-index: 20; top: var(--navheight); background-color: var(--bg_main); right: 0; width: 40px; height: 40px; border-radius: 0 0 0 40px; text-align: center; line-height: 36px; box-sizing: border-box; padding: 0 0 5px 10px; cursor: pointer; } #sett_button.sbhide { display: none !important; } #global_fgrow { display:none; } .regspace > li { margin-bottom: 5px; } #global_fgrow { font-size:1px; } #wrapper.qzoom_1 #quiz_qabox, #wrapper.qzoom_1 #quiz_resbox { box-sizing: content-box !important; padding-left: 24px !important; padding-right: 24px !important; } #wrapper.qzoom_2 #quiz_qabox, #wrapper.qzoom_2 #quiz_resbox { box-sizing: content-box !important; padding-left: 48px !important; padding-right: 48px !important; } #wrapper.qzoom_3 #quiz_qabox, #wrapper.qzoom_3 #quiz_resbox { box-sizing: content-box !important; padding-left: 72px !important; padding-right: 72px !important; } #wrapper.qzoom_4 #quiz_qabox, #wrapper.qzoom_4 #quiz_resbox { box-sizing: content-box !important; padding-left: 96px !important; padding-right: 96px !important; } #wrapper.qzoom_5 #quiz_qabox, #wrapper.qzoom_5 #quiz_resbox { box-sizing: content-box !important; padding-left: 120px !important; padding-right: 120px !important; } #wrapper.qzoom_1 { max-width: calc(960px * 1.1); } #wrapper.qzoom_2 { max-width: calc(960px * 1.2); } #wrapper.qzoom_3 { max-width: calc(960px * 1.3); } #wrapper.qzoom_4 { max-width: calc(960px * 1.4); } #wrapper.qzoom_5 { max-width: calc(960px * 1.5); } #wrapper.qzoom_1 > .kanji_drag { font-size: 160%; } #wrapper.qzoom_2 > .kanji_drag { font-size: 180%; } #wrapper.qzoom_3 > .kanji_drag { font-size: 200%; } #wrapper.qzoom_4 > .kanji_drag { font-size: 220%; } #wrapper.qzoom_5 > .kanji_drag { font-size: 240%; } #wrapper.qzoom_1 #term_list_close { left: 45%; } #wrapper.qzoom_2 #term_list_close { left: 40%; } #wrapper.qzoom_3 #term_list_close { left: 35%; } #wrapper.qzoom_4 #term_list_close { left: 30%; } #wrapper.qzoom_5 #term_list_close { left: 25%; } #wrapper.qzoom_1 #quiz_qabox > div, #wrapper.qzoom_1 #quiz_resbox > div, #wrapper.qzoom_1 > .kanji_drag { transform: scale(1.1); transform-origin: center top; } #wrapper.qzoom_2 #quiz_qabox > div, #wrapper.qzoom_2 #quiz_resbox > div{ transform: scale(1.2); transform-origin: center top; } #wrapper.qzoom_3 #quiz_qabox > div, #wrapper.qzoom_3 #quiz_resbox > div{ transform: scale(1.3); transform-origin: center top; } #wrapper.qzoom_4 #quiz_qabox > div, #wrapper.qzoom_4 #quiz_resbox > div{ transform: scale(1.4); transform-origin: center top; } #wrapper.qzoom_5 #quiz_qabox > div, #wrapper.qzoom_5 #quiz_resbox > div{ transform: scale(1.5); transform-origin: center top; } @media screen and (max-width: 550px) { /* 468*1.1 +35 */ #wrapper.qzoom_1 #quiz_qabox, #wrapper.qzoom_1 #quiz_resbox { box-sizing: border-box !important; padding: 6px !important; } #wrapper.qzoom_1 #quiz_qabox > div, #wrapper.qzoom_1 #quiz_resbox > div { transform: scale(1); } } @media screen and (max-width: 597px) { /* 468*1.2 +35 */ #wrapper.qzoom_2 #quiz_qabox > div, #wrapper.qzoom_2 #quiz_resbox > div { transform: scale(1); } #wrapper.qzoom_2 #quiz_qabox, #wrapper.qzoom_2 #quiz_resbox { box-sizing: border-box !important; padding: 6px !important; } } @media screen and (max-width: 644px) { /* 468*1.3 +35 */ #wrapper.qzoom_3 #quiz_qabox > div, #wrapper.qzoom_3 #quiz_resbox > div { transform: scale(1); } #wrapper.qzoom_3 #quiz_qabox, #wrapper.qzoom_3 #quiz_resbox { box-sizing: border-box !important; padding: 6px !important; } } @media screen and (max-width: 690px) { /* 468*1.4 +35 */ #wrapper.qzoom_4 #quiz_qabox > div, #wrapper.qzoom_4 #quiz_resbox > div { transform: scale(1); } #wrapper.qzoom_4 #quiz_qabox, #wrapper.qzoom_4 #quiz_resbox { box-sizing: border-box !important; padding: 6px !important; } } @media screen and (max-width: 737px) { /* 468*1.5 +35 */ #wrapper.qzoom_5 #quiz_qabox > div, #wrapper.qzoom_5 #quiz_resbox > div { transform: scale(1); } #wrapper.qzoom_5 #quiz_qabox, #wrapper.qzoom_5 #quiz_resbox { box-sizing: border-box !important; padding: 6px !important; } } @media screen and (max-width: 1105px) { #wrapper.qzoom_1 #quiz_qabox.dual, #wrapper.qzoom_1 #quiz_resbox.dual { float: none; } #wrapper.qzoom_1 #quiz_resbox.dual { margin-top: 10px; } } @media screen and (max-width: 1200px) { #wrapper.qzoom_2 #quiz_qabox.dual, #wrapper.qzoom_2 #quiz_resbox.dual { float: none; } #wrapper.qzoom_2 #quiz_resbox.dual { margin-top: 10px; } } @media screen and (max-width: 1296px) { #wrapper.qzoom_3 #quiz_qabox.dual, #wrapper.qzoom_3 #quiz_resbox.dual { float: none; } #wrapper.qzoom_3 #quiz_resbox.dual { margin-top: 10px; } } @media screen and (max-width: 1392px) { #wrapper.qzoom_4 #quiz_qabox.dual, #wrapper.qzoom_4 #quiz_resbox.dual { float: none; } #wrapper.qzoom_4 #quiz_resbox.dual { margin-top: 10px; } } @media screen and (max-width: 1488px) { #wrapper.qzoom_5 #quiz_qabox.dual, #wrapper.qzoom_5 #quiz_resbox.dual { float: none; } #wrapper.qzoom_5 #quiz_resbox.dual { margin-top: 10px; } } body.gzoom_large .sx_icon { right: 50px; } body.globzoom #term_list_lbox { font-size: inherit; } body.globzoom .little, body.globzoom .little option { font-size: 90%; } body.globzoom #questionbox .little { font-size: 50%; } body.globzoom .vlittle, body.globzoom .vlittle option { font-size: 50%; } body.globzoom #content { font-size:inherit; } body.globzoom #ttip, body.globzoom #stip, body.globzoom .sub_tip, body.globzoom .sub_tip_blank { font-size:inherit; } body.globzoom #help_bodies,body.globzoom #dict-p,body.globzoom #um_body,body.globzoom #um_links,body.globzoom #message_settings, body.globzoom #sett_bodies { font-size:inherit !important; } body.globzoom .search-bar .rel input,body.globzoom .dsearch, body.globzoom .dsett { height: inherit !important; } .smpad { padding: 3px 0; } .mdpad { padding: 5px 0; } img[src*="/kao_emoji"] { width: 24px; vertical-align: middle; border-width: 0; } .lcircle, .lcircle:after { border-radius: 50%; width: 1em; height: 1em; } .lcircle { display: inline-block; font-size: 8px; position: relative; border-top: .3em solid rgba(255, 255, 255, 0.2); border-right: .3em solid var(--text); border-bottom: .3em solid var(--text); border-left: .3em solid var(--text); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 2s infinite linear; animation: load8 2s infinite linear; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .grow-wrap { /* easy way to plop the elements on top of each other and have them both sized based on the tallest one's height */ display: grid; } .grow-wrap::after { /* Note the weird space! Needed to preventy jumpy behavior */ content: attr(data-replicated-value) " "; /* This is how textarea text behaves */ white-space: pre-wrap; /* Hidden from view, clicks, and screen readers */ visibility: hidden; } .grow-wrap > textarea { /* You could leave this, but after a user resizes, then it ruins the auto sizing */ resize: none; /* Firefox shows scrollbar on growth, you can hide like this. */ overflow: hidden; } .grow-wrap > textarea, .grow-wrap::after { /* Identical styling required!! */ border: 1px solid var(--grey); padding: 0.5rem; font: inherit; /* Place on top of each other */ grid-area: 1 / 1 / 2 / 2; } .divput { padding: 0.5em 0.6em; display: inline-block; border: 1px solid #ccc; box-shadow: inset 0 1px 3px #ddd; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: var(--text) !important; background-color: var(--bg_main); border-color: var(--grey); box-shadow: inset 0 1px 3px #828282; display: inline-block; margin-bottom: 0; } .divput:focus { outline: 0; outline: thin dotted \9; border-color: #129fea; } .dropdown_link { border: 1px solid var(--b_border) !important ; text-decoration: none; background-color: var(--fl_bg); padding: 0 6px; line-height: 1.5em; } .dropdown_link > i { transform: translateY(-2px); } .slick-slide { max-height: 200px; } .slick-slide.slick-current { max-height: 100% !important; } .full_mbox > .ibox { max-width: 400px; }/* end __global.css */ /* start __global_buttons.css */ /* button-styled radios */ input.binput { display: none; } input.binput + label { border-radius: 0; border-width: 1px 1px 1px 0; background-color: var(--bg_main); background-image: none; border: 1px solid var(--b_primary); color: var(--b_primary); } input.binput + label:first-of-type { border-radius: 2px 0 0 2px; border-width: 1px; } input.binput + label:last-of-type { border-radius: 0 2px 2px 0; } input.binput:checked + label { /* background-image: linear-gradient(to bottom,rgba(0,0,0,.28) 40%,rgba(0,0,0,.1));*/ color: white; background-color: var(--b_primary); border: 1px solid var(--b_primary); font-variant: small-caps; font-weight: 900; } .pure-button .loader { padding: 0; font-size: inherit; } /* Buttons $$$$$$$$$$$$$$$$$*/ .pure-button[disabled], .pure-button-disabled, .pure-button-disabled:hover, .pure-button-disabled:focus, .pure-button-disabled:active { border: 1px solid #E6E6E6; line-height: normal; } button.pure-button-primary, button.pure-button.pure-button-primary, input.pure-button.pure-button-primary, .pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected { background-color: var(--b_primary); border: 1px solid var(--b_primary_border); } button.pure-button-sched, button.pure-button.pure-button-sched, input.pure-button.pure-button-sched, .pure-button-sched, a.pure-button-sched { background-color: var(--green); color: var(--neg_text); } .flat_button { font-size: 100%; border: 0 rgba(0, 0, 0, 0); text-decoration: none; border-radius: 2px; -webkit-font-smoothing: antialiased; display: inline-block; zoom: 1; line-height: normal; white-space: nowrap; vertical-align: baseline; cursor: pointer; -webkit-user-drag: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; text-align: center; } button.pure-button, input.pure-button { border: 1px solid #C0C0C0; } button.pure-button-slim { padding-left: .5em; padding-right: .5em; } button > img { vertical-align: middle; } /* switch for forms */ .onoffswitch { position: relative; width: 64px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; } .onoffswitch-checkbox { display: none; } .onoffswitch-label { display: block !important; overflow: hidden; cursor: pointer; border: 2px solid #999999; border-radius: 20px; } .onoffswitch-inner { display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s; } .onoffswitch-inner:before, .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 20px; padding: 0; line-height: 20px; font-size: 12px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: normal; box-sizing: border-box; } .onoffswitch-inner:before { padding-left: 10px; background-color: var(--nav_bg); color: var(--neg_text); } .onoffswitch-inner:after { padding-right: 10px; background-color: var(--fl_bg); color: var(--text); text-align: right; } .onoffswitch-switch { display: block; width: 16px; margin: 2px; background: var(--bg_main); position: absolute; top: 0; bottom: 0; right: 40px; height: 16px; border: 2px solid #999999; border-radius: 20px; transition: all 0.3s ease-in 0s; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; }/* end __global_buttons.css */ /* start __global_circle.css */ .c_circular-chart { display: block; margin: 0 auto 5px; } .c_circle-bg { fill: var(--bg_main); stroke: var(--button_border); stroke-width: 3.8; } .c_circle { fill: none; stroke-width: 2.8; stroke-linecap: round; stroke: var(--vocab); } .c_percentage { fill: var(--text); font-size: 16px; text-anchor: middle; font-weight: bolder } /**************************************************************** * * CSS Percentage Circle * Author: Andre Firchow * *****************************************************************/ .rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice { clip: rect(auto, auto, auto, auto); } .pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill { position: absolute; border: 0.08em solid #9695D6; width: 0.84em; height: 0.84em; clip: rect(0em, 0.5em, 1em, 0em); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .c100 { position: relative; font-size: 120px; width: 1em; height: 1em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; float: left; margin: 0 0.1em 0.1em 0; background-color: var(--bg_main); border: 1px solid var(--button_border); } .c100 *, .c100 *:before, .c100 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .c100.center { float: none; margin: 0 auto; } .c100.big { font-size: 240px; } .c100.small { font-size: 40px; } .c100 > span { position: absolute; width: 100%; z-index: 1; left: 0; top: 0; width: 2.5em; line-height: 2.5em; font-size: 0.4em; color: var(--text); display: block; text-align: center; white-space: nowrap; font-weight: bolder; } .c100:after { position: absolute; top: 0.08em; left: 0.08em; display: block; content: " "; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; width: 0.84em; height: 0.84em; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } .c100 .slice { position: absolute; width: 1em; height: 1em; clip: rect(0em, 1em, 1em, 0.5em); } /* end __global_circle.css */ /* start __global_flex.css */ .todo_sched_cont > a, .hsched_cont > span, .hsched_cont > a, .grow, .all_grow > div { flex-grow: 1; -webkit-box-flex-grow: 1; -moz-box-flex-grow: 1; -webkit-flex-grow: 1; -ms-flex-grow: 1; } .grow2 { flex-grow: 2; -webkit-box-flex-grow: 2; -moz-box-flex-grow: 2; -webkit-flex-grow: 2; -ms-flex-grow: 2; } .ffixed { flex-shrink: 0; -webkit-box-flex-shrink: 0; -moz-box-flex-shrink: 0; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; -ms-flex: none; } .todo_sched_cont, .hsched_cont, .flexbox { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; } .flexvert { flex-direction: column; } .fcenter { align-items: center; /* justify-content: center; */ } .fwrap { flex-wrap: wrap; row-gap: 5px } .fspaced { column-gap: 5px } /* flexbox stuff */ .flexboxc, body > input:checked + div { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .fspaced { justify-content: space-between; } .flex_valign { justify-content: center; height: 100% } /* end __global_flex.css */ /* start __global_ruby.css */ /* ruby { display: inline-table; text-align:center; text-indent: 0; margin: 0; vertical-align: 20%; margin-top: 10px; } rt { text-align:center } rtc, rt { font-variant-east-asian: normal; } ruby > rb, ruby > rbc { display: table-row-group; line-height: 135%; } ruby > rt, ruby > rbc + rtc { display: table-header-group; font-size: 40%; line-height: 40%; letter-spacing: 0; } ruby > rbc + rtc + rtc { display: table-footer-group; font-size: 60%; line-height: 40%; letter-spacing: 0; } rbc > rb, rtc > rt { display: table-cell; letter-spacing: 0; } rtc > rt[rbspan] { display: table-caption; } rp { display: none; } rt { text-align: center } */ rt { user-select: none; } .force_furi rt { /*display:block !important; */ display: ruby-text !important; } ruby > rt { font-size: 40%; } .r_empty rt, .hide_furi rt { display: none; }/* end __global_ruby.css */ /* start __global_sugar.css */ /* Convenience $$$$$$$$$$$$$$$$$*/ .push-left { padding-left:125px; } .pointer { cursor: pointer; } .absoluteCenter { position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; } .nbreak { white-space: nowrap; } .iblock { display: inline-block; } /* Floaters */ .fleft{float:left} .fright{float:right} .frow {clear: both} .flabel, .fslabel{ float: left; text-align: left; } .flabel { width: 25%; padding: 0px 0px 10px 0px; } .finput, .fsinput{ float: right; text-align: left; } .pushDown { margin-bottom: 15px; } .pushUp { margin-top: 15px; } .pushRight { margin-right: 15px; } .pushLeft { margin-left: 15px; } /* Hiders */ .h, .hh, .rhidden, div.rhidden, .shidden svg, .shidden i, select.rhidden, input.rhidden, input[type=text].rhidden{display:none} .srhidden { display: none !important; } /* Fonters */ .rwei{font-weight: normal} .bold{font-weight:bold} .rel{position:relative} .em{font-style: italic} .left{text-align: left} .right{text-align: right} .center{text-align: center} .pure-g-r{word-spacing: 0} .sst{font-size: 6pt} .pure-button-xsmall{font-size: 50%} /* Placers */ .indent {margin-left: 10px} /*KIWC replace with text indent? */ .dindent {margin-left: 20px} /*KIWC replace with text indent? */ .padd *{padding: 2px} /*KIWC*/ .lbox {padding: 5px} /*KIWC*/ /* Clearers */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-table;} * html .clearfix {height: 1%} .clearfix {display: block} .clear, .pagehead{clear:both} h2.slim, h3.slim , h4.slim, h1.slim{ margin: 0 0 2px 0; } .bolded{ font-weight: bold; } .disabled { color: var(--grey); } .fixel { position: fixed; } /*for small caps next to numbers */ .numUnit { font-variant: small-caps; } .stdbg { background-color: var(--bg_main); }/* end __global_sugar.css */ /* start __global_tabs.css */ /* Tabs $$$$$$$$$$$$$$$$$*/ .tabset.pure-menu.pure-menu-open { border:0px; } .tabset label div{ display: none; } .tabset .activeTab div{ display: block; } .tabset > ul { margin-top: 5px;margin-left: 5px } .tabset > ul li, .tabset > ul div { float:left } .tabset-v > ul li { float:none } .pure-menu.pure-menu-horizontal.tabset > ul { height:auto; } .tabset label { cursor:pointer; -moz-user-select:none; -webkit-user-select:none; display:block; padding:5px 19px; position:relative; border-bottom: 4px solid var(--menu_border); padding-bottom: 2px; margin-right: 5px; color: var(--grey); -webkit-transition: all 0.5s; /* Safari 3.1 to 6.0 */ transition: all 0.5s; } .tabset label.activeTab, .tabset label:hover { border-color: var(--vocab); color: var(--text); } .flexbox .burgle_cont { width:100%; } .tabset.vert.pure-menu.pure-menu-open{ width:140px; /*position:absolute; left:1px;*/ background:transparent } .tabset + .tabbodies .tabset { margin-bottom: -2px; } .tabset.vert label{width: 95px} .tabset.vert .activeTab, .tabset.vert label:hover{padding-right: 24px;} .activeTab:after, .tabset label:hover:after{ content:''; height:3px; width:100%; position:absolute; top:-1px; left: 0px; border-bottom-left-radius:1px; border-bottom-right-radius:1px; } .tabset.vert .activeTab:after, .tabset.vert label:hover:after{ content:''; height:100%; width:3px; position:absolute; top:0; left: -1px; border-bottom-left-radius:1px; border-top-left-radius:1px; background-color: var(--bg_main); } input[name|=tabset], .tabset ~ .tabbodies > div {display: none} input[name|="tabset"]:checked + * { display: block; } .tabbodies { position:relative; top:-4px; } .tabbody { padding: 25px 0px 5px 0px; display: none; } .vert + .tabbodies { border-left:solid 1px #bbb; border-top-width: 0} .tabt, .tabt { background-color:#89B4F2; } /* js tabs */ .vert + div .tabbody { padding-left: 25px; } @media screen and (max-width: 800px){ /* to remove special css for vertical tabs, since they're all handled by dropdowns */ .body_mobile .push-left, .body_mobile .vert + div .tabbody, .push-left { padding-left: 0; } .vert + .tabbodies { border-left-width: 0; } } @media screen and (max-width: 800px){ /* to remove special css for vertical tabs, since they're all handled by dropdowns */ .body_mobile .push-left, .body_mobile .vert + div .tabbody, .push-left { padding-left: 0; } .vert + .tabbodies { border-left-width: 0; } } @media screen and (max-width: 500px){ .tabset label { padding:5px 13px; } } @media screen and (max-width: 400px){ .tabset label { padding:5px 7px; } } .lselector > input:nth-of-type(1) + label i { color: #8b37ffd0; } .lselector > input:nth-of-type(1):checked + label i, .lselector > label:nth-of-type(1):hover i { color: #8b37ff !important; } .lselector > input:nth-of-type(1):checked + label > div:last-of-type, .lselector > label:nth-of-type(1):hover > div:last-of-type{ background-color: #8b37ff; } .lselector > input:nth-of-type(2) + label i { color: #afda7bd0; } .lselector > input:nth-of-type(2):checked + label i, .lselector > label:nth-of-type(2):hover i { color: #7acc18 !important; } .lselector > input:nth-of-type(2):checked + label > div:last-of-type, .lselector > label:nth-of-type(2):hover > div:last-of-type{ background-color: #7acc18; } .lselector > input:nth-of-type(3) + label i { color: #f3b46cd0; } .lselector > input:nth-of-type(3):checked + label i, .lselector > label:nth-of-type(3):hover i { color: #de8117 !important; } .lselector > input:nth-of-type(3):checked + label > div:last-of-type, .lselector > label:nth-of-type(3):hover > div:last-of-type{ background-color: #de8117; } .lselector > input:nth-of-type(5) + label i { color: #f1a9a9d0; } .lselector > input:nth-of-type(5):checked + label i, .lselector > label:nth-of-type(5):hover i { color: #d61145 !important; } .lselector > input:nth-of-type(5):checked + label > div:last-of-type, .lselector > label:nth-of-type(5):hover > div:last-of-type{ background-color: #d61145; } .lselector > input:nth-of-type(4) + label i { color: #8ebdf3d0; } .lselector > input:nth-of-type(4):checked + label i, .lselector > label:nth-of-type(4):hover i { color: #116dd6 !important; } .lselector > input:nth-of-type(4):checked + label > div:last-of-type, .lselector > label:nth-of-type(4):hover > div:last-of-type{ background-color: #116dd6; }/* end __global_tabs.css */ /* start __global_tip.css */ #ttip, #stip, .sub_tip, .sub_tip_blank{ position:absolute; left:0; top:0; visibility:hidden; padding:0; text-align:left; max-width: 800px; font-size: 80%; z-index: 600; box-shadow: 0 0 30px rgba(0, 0, 0, .2); overflow-y:auto; box-sizing: border-box; } .sub_tip_blank { font-size: 100% } #tiptitle > svg, #tiptitle > i { cursor: pointer; float: right; } #ttip, #stip { color: var(--text); padding: 10px 10px 12px; background-color: var(--bg_main); border-radius: 6px; } @media screen and (max-width: 720px){ /* tooltip */ #ttip, #stip { max-width: 90%; } }/* end __global_tip.css */ /* start __intro_over.css */ /* intro.js */ .intro_tip .introjs-nextbutton, .intro_tip .introjs-prevbutton, .intro_tip_rl .introjs-prevbutton, .intro_btn_no .introjs-nextbutton { display: none; } .introjs-skipbutton, .introjs-donebutton, .introjs-nextbutton { /* color: var(--text);*/ } .introjs-tooltip { color: black; } .intro_tip, .intro_tip_rl { font-size: 80%; width: 400px; } .introjs-tooltip { max-width: 400px; } @media screen and (max-width: 1020px){ .intro_tip, .intro_tip_rl { width: auto; max-width: 90%; } }/* end __intro_over.css */ /* start __learn_bushu.css */ .rad-pos { stroke-width: 2px; stroke: var(--text); fill: transparent; width: 25px; height: 25px; } #rad_poses svg { width: 18px; height: 18px; vertical-align: middle; } #rad_poses > div { margin-bottom: 6px; } .rad-fill { fill: var(--text); } .bushu_block_char { font-size: 450%; width: 80px; height: 80px; margin-bottom: 10px; text-align: center; } .bushu_block_char svg { width: 80px; height: 80px; } .bushu_block { margin-bottom: 6px; } .bushu_kanji { margin: 0 5px 5px 0; } .bushu_kanji svg { width: 50px; height: 50px; } #bushu_table { width: 460px; } @media screen and (max-width: 480px){ #bushu_table { width: 100%; } }/* end __learn_bushu.css */ /* start __learn_fund.css */ .fund_focus { margin: 10px 0; } .fund_back { border: none !important; background-color: transparent; margin-right:17px; } .fund_back, .fund_next { margin-bottom: 5px; } #jbasics_cont { max-width: 600px; text-align:left; font-size: 125% } @media screen and (max-width: 600px){ #jbasics_cont { max-width: 100%; } } #gs_kao .green { color: var(--green) !important; } .span_hidden { display: none; } #gs_kao.proceed img { max-width:100px; } #kao_dialog { transition: margin-top .3s; } .color_shift { transition: color .5s; }/* end __learn_fund.css */ /* start __learn_getstarted.css */ .tour_intro .green, .tour_intro .green > span, #gs_form .green { text-decoration: underline !important; text-decoration-color: var(--green); } .tour_intro .red, .tour_intro .red > span { text-decoration: underline !important; text-decoration-color: var(--red); } .gs_pro_box { margin-top: 20px; } .kao_pleft { margin-left: 70px; } .tour_intro { font-size: 180%; margin-bottom: 20px; margin-left: 10px; } .tour_option { margin: 10px; font-size: 160%; cursor: pointer; text-align: center; } .tour_option .example { font-size: 70%; } .tour_back { margin-top: 50px; } .tour_notes > div{ margin-bottom: 3px; font-size: 120%; } .tour_notes > div:first-child { font-weight: bolder; } .tour_notes i:not([data-trans]), .tour_stars { color: var(--vocab); } .reject_tour { margin-top: 100px; } .tour_3_head { margin-bottom: 15px; font-size: 160%; } .tour_3_test { font-size: 140%; margin-bottom: 20px; } .tour_3_test > div:first-child { margin-right: 15px; margin-bottom: 7px; } .tour_3_test > div:first-child > div:nth-child(1) { font-size: 150%; border-bottom: 1px solid; margin-bottom: 5px; } .tour_3_test > div:nth-child(2) label { font-size: 150%; cursor: pointer; color: var(--dgrey); margin-right: 8px; margin-bottom: 5px; } .tour_3_test > div:nth-child(2) input:checked + label { color: var(--text); } #tour_3_text_prev { margin-top: 20px; } #gs_kao img { max-width: 200px; transition: all 0.5s ease; } #gs_kao.proceed img { max-width: 60px; } @media screen and (max-width: 450px){ .kao_pleft { margin-left: 0; } #gs_kao img { max-width: 100px; } .tour_intro { font-size: 140%; } }/* end __learn_getstarted.css */ /* start __learn_grammar.css */ .usage_simple { margin: 1px; padding: 0 4px; } .usage_opt { padding: 0; margin: 1px 5px; } .usage_opt::after { content: ')'; } .usage_opt::before { content: '('; } .usage_circle { width: 6px; height: 6px; background: var(--text); border-radius: 50%; margin-left: -3px } .usageBox + span + .usageBox { margin-left: 8px; } .usage_simple + .usage_circle { margin-left: 0; } .usageBox + span { z-index:2; } .usage_holder + .usage_circle { margin-left: -3px; } .usage_triangle { width: 0; height: 0; border-top: 5px solid transparent; border-left: 10px solid var(--text); border-bottom: 5px solid transparent; } .usage_back { /*border-left: 3px solid var(--text);*/ align-self: stretch; } .usage_rstripe { background-color: var(--text); height: 2px; } .usage_rstripe { min-width: 20px; } .usage_stripe { padding: 9px 0; position: relative; border-right: 2px solid var(--text); } .usage_stripe:first-of-type, .usage_stripe:last-of-type { border-right-width: 0; } .usage_stripe:first-of-type:after { content: ''; position: absolute; right: 0px; bottom: 0; height: 50%; width: 2px; background-color: var(--text); } .usage_stripe:last-of-type:after { content: ''; position: absolute; right: 0px; top: 0; height: 50%; width: 2px; background-color: var(--text); } .usageBox { color: white; border-width: 2px; border-style: solid; padding: 2px 4px; font-size:16px; border-top-left-radius:5px; border-bottom-left-radius:5px; } .usageBox + span { border-style: solid; border-width: 2px 2px 2px 0; padding: 2px 4px 2px 4px; font-size:16px; background-color: var(--bg_main); border-top-right-radius:5px; border-bottom-right-radius:5px; } .usageA { background-color: var(--usageA); border-color: var(--usageA); } .usageA + span { border-color: var(--usageA); } .usageB { background-color: var(--usageB); border-color: var(--usageB); } .usageB + span { border-color: var(--usageB); } .usageC { background-color: var(--usageC); border-color: var(--usageC); } .usageC + span { border-color: var(--usageC); } .usageD { background-color: var(--usageD); border-color: var(--usageD); } .usageD + span { border-color: var(--usageD); } .usageE { background-color: var(--usageE); border-color: var(--usageE); } .usageE + span { border-color: var(--usageE); } .usageF { background-color: var(--usageF); border-color: var(--usageF); } .usageF + span { border-color: var(--usageF); } .usageG { background-color: var(--usageG); border-color: var(--usageG); } .usageG + span { border-color: var(--usageG); } .usageH { background-color: var(--usageH); border-color: var(--usageH); } .usageH + span { border-color: var(--usageH); } .usageI { background-color: var(--usageI); border-color: var(--usageI); } .usageI + span { border-color: var(--usageI); } .rstripe_left { /*margin-left: 10px;*/ } .conjbox .grow { width: 50%; } .conjbox_cont { font-size: 14pt; } .conjbox_cont > div { max-width: 50%; } @media screen and (max-width: 700px){ .conjbox_cont > div { min-width: 80%; max-width: 100%; margin-bottom: 20px; } } .kao_rei { margin: 0 0 10px 10px; } @media screen and (max-width: 800px){ .kao_rei { float: none; } } .gtable .flexbox { align-items: center; } .gtable .flexbox span { display: inline-block; } .gtable tr td { padding: 8px 0; white-space:nowrap; align-items: center; } .gtable .innerbody { background-color: var(--bg_main); } .g_wordbox { border: 1px dashed var(--text); padding: 2px 4px 2px 4px; margin: 2px; font-size:16px; float: left; text-align: left; background-color: var(--bg_main); } .g_model, .g_model_c, .g_model_w { margin-left: 6px; margin-top: 4px; padding: 7px 10px 7px; } .g_model div, .g_model_c, .g_model_w { font-size: 12pt; margin-bottom: 12px; } .g_model_w > .g_model_c { margin-left: 0; margin-bottom: 0; padding-left: 0; padding-bottom: 0; } .g_advlist { font-size:160%; font-weight: bold; margin-bottom: 10px; } /* grammar term list */ .model_rei { margin: 5px 0 25px 25px; font-size: 150%; } .model_rei h4 { font-size:100%; } .gmeaning { margin-bottom: 20px; } .gmeaning .gmeaning_def { margin: 5px 0; font-size: 170%; } /* .grammar_title rb { .grammar_title { white-space: normal !important; text-align: left; } *//*allows grammar titles to wrap in result boxes */ .gr_otitle { font-weight:normal; font-size:90%; }/* end __learn_grammar.css */ /* start __learn_kindex.css */ .ki_block { padding: 3px; margin: 2px; border: 1px solid var(--box_border); } #ks_prof:checked ~ div.ksource_box #select_prof, #ks_text:checked ~ div.ksource_box #select_text, #ks_sched:checked ~ div.ksource_box #select_sched { display: inline; } #ks_import:checked ~ div.ksource_box + #select_import { display: block; } #ks_prof:checked ~ div.ksource_box #label_prof , #ks_text:checked ~ div.ksource_box #label_text, #ks_sched:checked ~ div.ksource_box #label_sched, #ks_import:checked ~ div.ksource_box #label_import { display: none; } .ksource_box > div { margin: 0 5px 3px; } .ksource_box, #select_import { margin-bottom: 20px; } /* end __learn_kindex.css */ /* start __learn_scenter.css */ .icon_button > div { color: var(--alink); cursor: pointer; line-height:30px } .icon_button { margin: 0 5px; } .icon_button:first-of-type { margin-left:0 } .icon_button:last-of-type { margin-right:0; } .sc_lesson .c_circular-chart { margin: 0 } /* used to prevent long option fields from pushing select element beyond parent */ .trim_opt { max-width:100%; } .lbay_wrapper .dropdown_cat { font-size:80% } .lbay_wrapper { flex: 1 1 auto; display: flex; /*flex-wrap: wrap;*/ flex-direction: column; margin-left: -7px; min-width: 1px; } .lbay_lib_column { flex: 1 1 100%; } .lbay_lib_column > label { position: relative; user-select: none; padding-left: 20px; } .searchblock { padding: 10px 5px 0 5px !important; } .autocomplete-suggestions { background-color: var(--bg_main); border: 1px solid rgba(0,0,0,0.1); overflow-y: auto; margin-top: 6px; } .autocomplete-suggestion { padding: 4px 5px; white-space: nowrap; overflow: hidden; } .autocomplete-selected { background-color: #e1e8ed; cursor: pointer ; transition: all 0.2s ease; } .lselector { margin: 3px 10px 3px 5px; font-size: 145%; flex-shrink: 0; min-width:80px; } .lselector input { display: none !important; } .lselector label { display: block; padding: 8px 3px 5px; text-align: center; margin: 4px 0; transition: color 0.5s ease, background-color 0.5s ease; color: var(--grey); } .lselector input + label:hover div, .lselector input:checked + label div { color: var(--text); transition: color 0.5s ease, background-color 0.5s ease; /* border: 4px solid var(--vocab); margin: 2px; */ } .lselector input + label:hover i, .lselector input + label:hover i + span, .lselector input:checked + label i, .lselector input:checked + label i + span, .lselector input + label:hover svg, .lselector input + label:hover svg + span, .lselector input:checked + label svg, .lselector input:checked + label svg + span, .lselector input + label:hover strong, .lselector input:checked + label strong, .friend_box i.friendly { color: var(--vocab); transition: color 0.5s ease, background-color 0.5s ease; /* border: 4px solid var(--vocab); margin: 2px; */ } .lselector label i:not([data-trans]), .lselector label svg { font-weight: bolder; font-size: 200%; } /* .fa-layers { height: 2em; was going higher than single icons }*/ div.loader { padding: 10px; font-size: 200%; text-align: center; } #thelist_load > div.loader, .lselector_body > div.loader, .loading-bay > div.loader, .sl_tab-content > div.loader { font-size: 200%; padding-top: 20px; } div.loader_off { font-size:150%; text-align:center; padding: 20px 10px; } .osearch_none { padding: 0 10px; font-size: 150% } /* search box on library */ .search_cont input { border-width: 0; font-size: 125%; padding: 0 5px; background-color: inherit; color: var(--text); } .search_cont input:focus { outline: none; } /* Friend search and indicators */ .friend_box { margin-bottom: 15px; } .friend_box > div:nth-child(1) { margin-right: 10px; } .friend_box > div:nth-child(2) { line-height: 150%; } .friend_box i { color: var(--grey) ; } .sl_tabs { float: none; list-style: none; padding: 0; } .sl_tabs:after { content: ''; display: sl_table; clear: both; } .sl_tabs input[type=radio] { display:none; } .sl_tabs label { display: block; float: left; color: var(--grey); font-size: 150%; font-weight: normal; text-decoration: none; text-align: center; padding: 8px 25px 4px; margin-right: 5px; cursor: pointer; border-bottom: 4px solid var(--grey); -webkit-transition: all 0.5s; /* Safari 3.1 to 6.0 */ transition: all 0.5s; } .lselector_body { background-color: var(--bg_main); min-width: 0; padding: 4px; } .ilesson { padding: 0 5px 3px; } .ilesson > div:first-of-type { padding-bottom:3px; text-align: left; } .ilesson_desc { margin : 10px 0 5px 32px; } .ilesson_desc:empty { display: none; } @media screen and (max-width: 960px){ .lselector { font-size: 100%; } .lselector > label > div:nth-of-type(2) { font-size:120%; } .igroup > div:nth-child(4), .ilesson_vocab > div:nth-child(4), .ilesson_kanji > div:nth-child(6), .ilesson_kanji > div:nth-child(7) { display: none; } .iterm_grammar { width: 66.6%; } } @media screen and (max-width: 760px){ .igroup > div:nth-child(3), .ilesson_vocab > div:nth-child(3), .ilesson_vocab > div:nth-child(2), .ilesson_kanji > div:nth-child(4), .ilesson_kanji > div:nth-child(5) { display: none; } .ilesson > div { width: 50%; } .set_summ, .set_summ + div { width: 50%; } } .stats_module .sl_tabs label { font-size: 115%; padding: 8px 15px 4px; } @media screen and (max-width: 600px){ /* wrap the mastery box on the grammar results to the bottom */ .gmeaning > div { display: block; } .iterm_grammar { display: none; } .sl_tabs label { font-size: 120%; padding: 8px 15px 4px; } .igroup > div:nth-child(2), .ilesson_vocab > div:nth-child(2), .ilesson_kanji > div:nth-child(2), .ilesson_kanji > div:nth-child(3) { display: none; } .lselector > label > div:nth-of-type(2) { font-size:100%; } /* .included > div.pure-u-1-4 { width: 50%; } */ .set_summ { width: 66%; } .set_summ + div { width: 33%; } } .lselector label .sel_opts { display: none; } .lselector label .sel_opts i { color: var(--text) !important; } .sl_tabs label:hover { color: var(--text); border-bottom: 4px solid var(--vocab); } .sl_tab-content { display: none; width: 100%; float: left; padding-top: 15px; box-sizing: border-box; background-color:var(--bg_main); } .sl_tab-content * { -webkit-animation: scale 0.7s ease-in-out; -moz-animation: scale 0.7s ease-in-out; animation: scale 0.7s ease-in-out; } .sl_tabs [id^="sl_tab"]:checked + label { background: var(--bg_main); border-bottom: 4px solid var(--vocab); color: var(--text); } #sl_tab-s-v:checked ~ #sl_body-s-v, #sl_tab-s-k:checked ~ #sl_body-s-k, #sl_tab-s-g:checked ~ #sl_body-s-g, #sl_tab-s-s:checked ~ #sl_body-s-s, #sl_tab-m-v:checked ~ #sl_body-m-v, #sl_tab-m-k:checked ~ #sl_body-m-k, #sl_tab-m-g:checked ~ #sl_body-m-g, #sl_tab-m-s:checked ~ #sl_body-m-s, #sl_tab-se-v:checked ~ #sl_body-se-v, #sl_tab-se-k:checked ~ #sl_body-se-k, #sl_tab-se-g:checked ~ #sl_body-se-g, #sl_tab-se-s:checked ~ #sl_body-se-s, #sl_tab-se-g2:checked ~ #sl_body-se-g2, #sl_tab-se-g3:checked ~ #sl_body-se-g3, #sl_tab-i-v:checked ~ #sl_body-i-v, #sl_tab-i-k:checked ~ #sl_body-i-k, #sl_tab-i-g:checked ~ #sl_body-i-g, #sl_tab-i-s:checked ~ #sl_body-i-s, #sl_tab-kg-v:checked ~ #sl_body-kg-v, #sl_tab-kg-k:checked ~ #sl_body-kg-k, #sl_tab-kg-g:checked ~ #sl_body-kg-g, #sl_tab-kg-s:checked ~ #sl_body-kg-s, #sl_tab-f-v:checked ~ #sl_body-f-v, #sl_tab-f-k:checked ~ #sl_body-f-k, #sl_tab-f-g:checked ~ #sl_body-f-g, #sl_tab-f-g2:checked ~ #sl_body-f-g2, #sl_tab-f-g3:checked ~ #sl_body-f-g3, #sl_tab-f-s:checked ~ #sl_body-f-s { display: block; } .sl_icon { color: var(--vocab); } /* used in the search_empty (default info) */ .csearches { margin-bottom: 15px; } .csearches > div:first-of-type{ margin-right: 10px; width: 100px; font-size: 130%; font-weight: bold; } .csearches > div:last-of-type { line-height: 130%; vertical-align: bottom; } .stats_module .create_btn { display:none } /* Handles the multi-select button */ .study_btn > input { display: none; } .multi_select + div + div + div button.study_btn > input { display: inline; } .multi_select + div + div + div button.study_btn > input + i { display: none ; } .multi_txt { display: none; } .multi_select + div + .multi_txt { display: block; } .mastery_circle { border-radius: 50%; font-size: 40px; padding: 3px; } .mastery_circle > span { width: 2em; line-height: 2em; font-size: 0.4em; color: var(--text); display: block; text-align: center; white-space: nowrap; font-weight: bolder; background-color: var(--body_bg); border-radius: 50%; } .osearch { width: 99%; display: block; } #sl_search { margin-bottom: 20px; position: relative; } .autocomplete-suggestions { left: 0; } .inline_lessons, .multi_txt { margin-top: -13px; /* cancel out the margin on the set above it */ margin-bottom: 12px; } .rl_group { margin-bottom: 12px; padding-left: 8px; } @media (min-width: 768px) { .tabs i { padding: 5px; margin-right: 10px; } .tabs label span { display: inline-block; } } @media (max-width: 768px) { .gzoom_large .rl_wrapper { display: block !important; } .gzoom_large .lselector { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; transition: color 0.5s ease, background-color 0.5s ease; } .gzoom_large .lselector label { display: block; padding-left: 0; padding-right: 0; flex-grow: 1; -webkit-box-flex-grow: 1; -moz-box-flex-grow: 1; -webkit-flex-grow: 1; -ms-flex-grow: 1; } .gzoom_large .lselector * { transition: color 0.5s ease, background-color 0.5s ease; } /*Hides the text label */ .gzoom_large .lselector label > div:last-of-type { /*display: none;*/ } .gzoom_large .lselector input:checked + label .sel_opts { display: block; } .gzoom_large .lselector_body { padding-left: 8px; } } .rl_wrapper.lselwide { display: block !important; } .lselwide .lselector { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; transition: color 0.5s ease, background-color 0.5s ease; } .lselwide .lselector label { display: block; padding-left: 0; padding-right: 0; flex-grow: 1; -webkit-box-flex-grow: 1; -moz-box-flex-grow: 1; -webkit-flex-grow: 1; -ms-flex-grow: 1; } .lselwide .lselector * { transition: color 0.5s ease, background-color 0.5s ease; } .lselwide .lselector input:checked + label .sel_opts { display: block; } .lselwide .lselector_body { padding-left: 8px; } @media screen and (max-width: 510px){ /* .included > div.pure-u-1-4 { width: 100%; } */ /* move the lselector to the top */ .rl_wrapper { display: block !important; } .grammar-text { margin-top: 10%; } .lselector { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; transition: color 0.5s ease, background-color 0.5s ease; } .lselector label { display: block; padding-left: 0; padding-right: 0; flex-grow: 1; -webkit-box-flex-grow: 1; -moz-box-flex-grow: 1; -webkit-flex-grow: 1; -ms-flex-grow: 1; } .lselector * { transition: color 0.5s ease, background-color 0.5s ease; } /*Hides the text label */ .lselector label > div:last-of-type { /*display: none;*/ } .lselector input:checked + label .sel_opts { display: block; } .lselector_body { padding-left: 8px; } #selector_js_body.lselector_body h2 { /* display: none;*/ } .me_panel_btn { padding-left: 10px; } } @media screen and (max-width: 450px){ .ilesson > div:first-of-type { width: 66%; } .ilesson > div:nth-of-type(2) { width: 33%; } .ilesson_vocab, .ilesson_kanji { display: none !important; } } @media screen and (max-width: 400px){ .set_summ { width: auto; flex-grow: 1; } .set_summ + div { display: none; } } /* wipe out mastery stats on set level */ @media screen and (max-width: 340px){ .set_summ { width: 100%; } .set_summ + div { display: none; } } .sc_lesson { margin-bottom: 18px; padding-bottom: 4px; } .sc_lesson:first-of-type { margin-top: 22px; }/* end __learn_scenter.css */ /* start __learn_tanalyzer.css */ .saved_text { margin-bottom: 25px; } #reader_inner .reibox > span { margin-bottom: 10px; } .lbay_horizontal .rl_wrapper { display: block !important; } .lbay_horizontal .lselector { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; max-width: 200px; transition: color 0.5s ease, background-color 0.5s ease; } .lbay_horizontal .lselector label { display: block; padding-left: 0; padding-right: 0; flex-grow: 1; -webkit-box-flex-grow: 1; -moz-box-flex-grow: 1; -webkit-flex-grow: 1; -ms-flex-grow: 1; } .lbay_horizontal .lselector * { transition: color 0.5s ease, background-color 0.5s ease; } .reader_filter_title { font-size: 110%; margin-top: 10px; }/* end __learn_tanalyzer.css */ /* start __learn_worksheets.css */ .wsheet_spacer { width: 100%; height: 30px; }/* end __learn_worksheets.css */ /* start __me_achievements.css */ /* achievments panel */ /* ac_center - larger category hankos ac_mini - box for individual hankos ac_center_mini - individual hankos */ .ac_mini { width: 120px; margin-bottom: 20px; } .ac_center, .ac_center_mini { position:relative; margin: 0 auto 5px; display: inline-block; } .ac_center img, .ac_center_mini img { z-index: 3; } .ac_center_mini img { height: 60px; } .ac_center img { height: 125px; } .hanko_name { font-size: 150%; margin-top: 10px } /* level marker */ .hanko_lmarker { font-size: 13px; position: absolute; display: block; bottom: 0; right: 0; width: 1.3em; height: 1.3em; text-align: center; background-color: var(--bg_main); border: 1px solid var(--box_border); border-radius: 50%; line-height: 1.2em; padding: 1px 0; } /* me/hankos */ .hcolor8 { background-color: #FFDD32; color: black; } .hcolor7 { background-color: #CBCBCB; color: black; } .hcolor6 { background-color: #A68A7E; color: black; } @media screen and (max-width: 720px){ .ac_center_mini img { height: 40px; } .ac_center_mini { height: 40px; width: 40px; } .hanko_lmarker { font-size: 10px; bottom: -6px; right: -6px; } .ac_center img { height: 90px; } .ac_mini { width: 90px; } } @media screen and (max-width: 560px){ .ac_center_mini img { height: 30px; } .ac_center_mini { height: 30px; width: 30px; } .ac_center img { height: 60px; } .hanko_box { display: block; } .hanko_mini_box { margin-top: 20px; } .ac_mini { width: 33.33%; } } .hanko_mini_box { flex-wrap: wrap; } .ac_center > div, .ac_center_mini > div { position: absolute; overflow: hidden; } .hanko_box { margin-bottom: 10px; padding: 15px 5px 5px 5px; } .hanko_box > div:first-of-type { padding:0 20px; line-height: 150%; } .hanko_box .hanko_info { margin-top: 5px; padding: 0 2px; } .hanko_box .hanko_desc { margin-top: 10px; }/* end __me_achievements.css */ /* start __me_back.css */ .sortableBox { background-color: var(--bg_main); padding: 4px 2px 4px 5px; margin-bottom: 5px; border: 1px solid var(--box_border); } .sortableBox:last-of-type { margin-bottom: 0; } #me_sort_unused .sett_customize, #stats_sort_unused .sett_customize { display: none; } .stats_settings i, .settings_desc i, .stats_settings svg, .settings_desc svg { padding: 2px; } .sortableBoxee { background-color:var(--fl_bg); padding: 10px 5px 5px 5px; margin: 0 5px 0 5px; min-height: 50px; } .sortable_placeholder { height: 35px; border: 2px dashed solid; margin: 2px 0 2px 0; background-color: var(--fl_bg); } .spaced_stats table:not(:first-child) { margin-top: 15px; } /* settings on dashboard panels */ .settings_desc .handle { height: 20px; padding: 0 3px; } @media screen and (max-width: 720px){ .me_back_sorts > div { width: 100%; } #me_sort_right, #stats_sort_right { padding-top: 0; margin-top: -5px; } #stats_settings_form > .pure-g > div, #me_settings_form > .pure-g > div { width: 50% !important; } } .draggable-mirror { z-index: 999; } .sortableBoxee > .draggable-source--is-dragging { opacity: 30%; }/* end __me_back.css */ /* start __me_card.css */ /* focusing on the card */ #manga_preview img { width: 100px; background-color: white; border-radius: 5px; border: 1px solid grey } .dash_info { padding: 5px 15px 5px 5px; } .dash_info:last-of-type { padding-right: 5px; } .dash_cont { margin: 0 10px 20px 0; } .dash_cont h4 { border-bottom: 2px solid black; } .dash_cont:last-of-type { margin-right: 0; } /*main unit*/ .dash_info > div:nth-of-type(1) { display: inline-block; font-weight: bolder; font-size: 170%; text-align: right; } /*descriptor */ .dash_info > div:nth-of-type(2) { margin-top: 5px; } #dash_card { margin-top: 20px; } #dash_card + div.flbox:first-of-type { margin-top: -1px; } #dash_card + div.flbox:last-of-type { margin-bottom: 20px; } #dash_id { margin-top: 5px; margin-left: 10px; } #dash_name { margin-top: 10px; font-weight: bolder; font-size: 140%; } /* If they want a minimal look */ #dash_card.card_minimal #dash_manga, #dash_card.card_minimal #dash_challenge { display: none; } #dash_card.card_minimal #dash_learn .dash_info br { content: ' '; display:inline; } #dash_card.card_minimal #dash_learn .dash_info br:after { content: ' '; } /* br{content:' ';} br:after{content:' ';} */ #dash_card.card_minimal #dash_learn { display: flex; align-items: center; } #dash_card.card_minimal #dash_learn .dash_info div{ display: inline-block; } #dash_card.card_minimal .dash_cont h4 { border-bottom-width: 0; margin-bottom: 0; margin-right: 20px; line-height: 170%; } @media screen and (max-width: 720px){ #dash_name { font-size: 100%; } } /* challenges */ .trophy-gold { color: var(--gold); } .trophy-silver { color: var(--silver); } .trophy-bronze { color: var(--bronze); } /* schedule shortcuts */ /* these are the boxes that hold each booktype's schedules */ #rec_studied > div { box-sizing: border-box; max-width: 32%; margin: 0 10px 10px 0; } #rec_studied > div:last-of-type { margin-right: 0; } /* .todo_sched_cont = container with the sched buttons */ .todo_sched_cont { width: 100%; box-sizing: border-box; margin-bottom: 3px; /*height: 22px;*/ } #rec_studied.compact_box > div { width: 100%; max-width: 100%; } #rec_studied.compact_box .todo_sched_cont { width: 32%; } .flexsched { justify-content: space-between; } .compact_box .flexsched { justify-content: flex-start; } .compact_box .flexsched div { margin-right: 10px; /*justify-content: space-between;*/ } .compact_box .flexsched div:last-child { margin-right: 0; } .todo_sched_cont > button { padding: 2px 4px 1px 4px; } /* .todo_sched_cont > button:first-of-type, .hsched_cont > button:first-of-type, .btn_pair{ border-top-right-radius: 0; border-bottom-right-radius: 0; } .todo_sched_cont > button:first-of-type, .hsched_cont > button:first-of-type { margin-left: 3px; padding: 0 12px 0 12px; } .todo_sched_cont > button:last-of-type, .hsched_cont > button:last-of-type, .btn_pair + button { border-left-width: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } */ .hsched_cont > button:first-of-type, .btn_pair{ border-top-right-radius: 0; border-bottom-right-radius: 0; } .todo_sched_cont > button:first-of-type, .hsched_cont > button:first-of-type { margin-left: 3px; padding: 0 12px 0 12px; } .hsched_cont > button:last-of-type, .btn_pair + button { border-left-width: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .todo_sched_cont .sched_icn_na { margin-right: 5px; } .todo_sched_cont > a { padding: 5px 6px; } /* these media queries control how much space the sched boxes take up */ @media screen and (max-width: 900px){ #rec_studied > div { width: 100%; max-width: 100%; } .flexsched .todo_sched_cont { width: 32% !important; } } @media screen and (max-width: 900px) { #rec_studied > div { margin-right: 0; } .compact_box .flexsched div { margin-right: 5px; } } @media screen and (max-width: 720px){ .flexsched .todo_sched_cont { width: 48% !important; } } @media screen and (max-width: 550px){ .flexsched .todo_sched_cont { width: 100% !important; } } /* monthly */ #monthly { background-color: var(--monthly_bg); margin: 20px 0 10px; padding: 3px; border-radius: 5px; } .monthly_image { max-width:200px; } .monthly_title { text-align:center; margin-bottom:15px; font-size:200%; } .monthly_info { margin: 10px 5px 10px 20px; } .monthly_lessons > .sc_lesson{ border-bottom-width: 0; margin-bottom: 0; } .monthly_lessons > div:first-of-type { font-weight:bolder; font-size:120%; margin: 5px 0; } .monthly_gacha { margin: 0 5px 0 10px; } .monthly_gacha > div:nth-of-type(2) img { background-color:white; border-radius:50%; margin: 0 3px; } .monthly_lessons.trim { display:none; } @media screen and (max-width: 800px){ .monthly_image img { width: 140px; height: 140px; } } @media screen and (max-width: 600px){ .monthly_image img { width: 100px; height: 100px; } .monthly_lessons { display:none; } .monthly_lessons.trim { display:block; } .monthly_gacha { display: none; } } .tree_image { height: 100%; } .tree_image img { height:45px; } .tree_levels > div.level { font-size:130%; font-weight:bolder; margin-bottom:10px; width: 66px; } .tree_levels > div.lprog { width:40px; } .tree_box, .tree_levels { text-align:center; } .tree_box:first-of-type, .tree_levels > div:first-of-type { margin-left: 20px; } .tree_box:last-of-type, .tree_levels > div:last-of-type { margin-right: 20px; } .tree_line { width: 40px; position: relative; } /*807878 */ .tree_boxes { margin-bottom: 20px; } .tree_boxes .tree_line > div > div, .tree_boxes .tree_circle { border-color: var(--progress_ncircle); border-style:solid; } .tree_line > div > div:nth-child(even), .tree_line > div > div { background-color: #c7bebe; } .tochuu { z-index:-1; } .tree_line.tochuu > div > div:nth-child(even), .tree_line.completed > div > div, .tree_box.completed .tree_circle { border-color: var(--progress_border); } .tree_line.tochuu > div > div:nth-child(even), .tree_line.completed > div > div { background-color: var(--progress_border); } .tree_line > div > div { border-width: 3px 0; height:0; width:100%; position: absolute; top:0; left:0; } .tree_line > div { width: 100%; } .tree_line > div > div::nth-child(odd) { z-index: 1; } .tree_line > div > div:nth-child(even) { z-index: 2; } .tree_level { width:70px; height: 100px; position: relative; margin: 0 -2px; } .tree_level .tree_circle { border-width: 5px; border-radius: 50%; box-sizing: border-box; width: 70px; height: 70px; line-height: 60px; background-color:var(--progress_circle_bg); position: absolute; left: 0; } .tree_single .tree_circle { top: 15px; } .tree_double { margin-left: -5px; } .tree_double .tree_circle:nth-of-type(1) { top: 0px; } .tree_double .tree_circle:nth-of-type(2) { top: 30px; } .tree_triple .tree_circle:nth-of-type(1) { top: 0; } .tree_triple .tree_circle:nth-of-type(2) { top: 15px; } .tree_triple .tree_circle:nth-of-type(3) { top: 30px; } .tree_quad .tree_circle:nth-of-type(1) { top: 0; } .tree_quad .tree_circle:nth-of-type(2) { top: 10px; } .tree_quad .tree_circle:nth-of-type(3) { top: 20px; } .tree_quad .tree_circle:nth-of-type(4) { top: 30px; } .tree_box > div:last-of-type { font-size:110%; margin-top:10px; } .advimg_box { width: 120px; min-height: 115px; position:relative; } .advimg_box > img { padding-top: 10px; margin: 0 auto; } #force_evolve + div { display:none; } #force_evolve { width: 120px; padding-top:80px; } #adven_tree { display:none; overflow-x:auto; /*height: 100%;*/ } .kao_family > div { margin-bottom: 0 10px 10px; } .kao_family .disp_button { margin: 6px 0; } .progress-bar { background-color: var(--progress_back); box-shadow:none; } #adven_desc { padding: 10px; /*background-color: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) );*/ border-radius: 8px; } #adven_desc .desc_body { margin-bottom: 10px; font-size: 100%; } #adven_desc .desc_body:last-of-type { margin-bottom:0; } .adven_desc_toggle { position: absolute; top:0; right: 10px; cursor: pointer; font-weight: bolder; font-size:200%; } #adven_box > div { z-index:2; } #adven_box .dchallenge { border-radius: 6px; /*background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) );*/ border: 3px solid var(--progress_border); background-color:var(--challenge_bg); padding: 4px; text-align:center; width: 120px; margin: 0 5px; } .tree_levels .level { color: var(--text); } #adven_outer_box { margin-bottom:5px } .ahead_slim .flexbox > div { margin-right:20px; } #adven_box .progress, .level_up .progress { background-color:var(--progress_bar); } #adven_box .dtext { width:auto; } #adven_box .dchallenge *, #adven_box .text { overflow-wrap:break-word; } /*color: black !important;*/ #adven_box_bg, #adven_box_cont { width:100%; height:100%; position:absolute; top:0; left:0; bottom:0; right:0; } #adven_box { background-image: linear-gradient( rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65) ), url('https://www.renshuu.org/i.php?f=img/adventure/adventure_day.png'); background-repeat: no-repeat; background-position: 50% 0; -ms-background-size: cover; -o-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; border-radius: 16px; border: none; } #adven_box.desc { background-image: linear-gradient( rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85) ), url('https://www.renshuu.org/i.php?f=img/adventure/adventure_day.png'); } #dash_kao_level { text-align:center; margin:0 20px; } #dash_kao_level > div:first-of-type { font-size:250%; font-weight:bolder; } #dash_kao_level > div:last-of-type { font-size:400%; font-weight:bolder; } .evolve_reveal .evolve_cover { position:absolute; bottom: 0; height: 150px; width: 150px; left: 50%; margin-left: -75px; } .evolve_reveal .evolve_cover + img { height: 150px; width: 150px; } .evolve_close { min-height: 30px; } .level_up .evolve_desc { margin: 15px 0 5px; font-size:120%; } .level_up .progress { height: 40px !important; } .level_up .bar_display { z-index: 2; background-color: var(--bg_main); position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .bar_display .flexbox { height: 100%; } #ttip.levelup, #tipp.levelup { border-radius: 8px; background-color: var(--bg_main); transition: top .5s; } #ttip.levelup #ttip_inner ,#tipp.levelup #ttip_inner { background-color: inherit; padding:10px; } .level_up > .flexbox > div:first-of-type > img { max-height :200px; max-width: 200px; } .level_up .title { font-size: 300%; font-weight:bolder; margin-bottom:15px; } .level_up .title + div { font-size: 150%; } .level_up > div:nth-child(2) > img { height: 200px; } #progress-bar-new { transition: background-color 0.5s ease 0.5s, bottom 0.5s; } .adven_progress { border:3px solid var(--progress_mborder); border-radius:4px; } .adven_progress .progress { margin:0; height:20px } #adven_growth .progress, #kao_adven_growth .progress { background-color:white; } #adven_growth { position: fixed; right: 15px; bottom: -50px; width: 180px; background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) ); padding: 10px; border-radius:4px; transition: bottom 1s linear 0; } .level_up_ibox { min-height:220px } .ldata_slim { display:none; } @media screen and (max-width: 860px){ #adven_outer_box { display:block; } #adven_outer_box > div:first-of-type { display:none; } #adven_outer_box .ahead_slim { display:block !important; } } @media screen and (max-width: 720px){ .dchallenge { display: flex; flex-direction: row !important; max-width: 100%; } .dchallenge .dtext { width: auto; max-width: 225px; } .dchallenge_box { display: block !important; width: 100%; } .dchallenge > .flexbox > div:first-of-type { flex-grow: 2; max-width: 66%; } .dchallenge > .flexbox > div:last-of-type { flex-grow: 1; } .dchallenge > .flexbox { flex-direction: row; } #dash_kao_challenges > .ib { display: block; } #adven_box .dchallenge { width: auto; margin-bottom: 10px; } } @media screen and (max-width: 600px){ .level_up .title { font-size:300%; } .level_up > .flexbox > div:first-of-type > img { max-height: 150px; max-width: 150px; } .level_up_ibox { min-height:170px } .evolve_box { min-height: 170px; } .progress { margin: 7px 5px; } } @media screen and (max-width: 500px) { #adven_box { background-image: linear-gradient( rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65) ), url('https://www.renshuu.org/i.php?f=img/adventure/madventure_day.png'); background-position: 50% 50%; } #adven_box.desc { background-image: linear-gradient( rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85) ), url('https://www.renshuu.org/i.php?f=img/adventure/madventure_day.png'); background-position: 50% 50%; } } @media screen and (max-width: 450px){ #adven_main > div:nth-of-type(2) { display:block; } .level_up .title { font-size:200%; } .level_up > .flexbox { display:block; } .level_up_ibox { min-height: auto; } .ldata_slim { display:block; } .ldata_long { display:none; } } @media screen and (max-width: 350px){ .dchallenge > .flexbox > div:first-of-type, .dchallenge .dtext { max-width: 100%; } .dchallenge > .flexbox { flex-wrap: wrap; } .dchallenge > .flexbox > div { min-width:90%; } } .kao_options { margin: 10px; } #kao_reset { padding: 10px 0 0 10px; } #kao_reset > div:last-of-type { margin-top: 10px; } .blackBtn.next:before { border-left-color: grey !important; } .blackBtn.prev:before{ border-right-color: grey !important; }/* end __me_card.css */ /* start __me_cm.css */ .qtopic { margin: 5px 0; padding: 6px 4px; } .qtopic:nth-child(odd) { background-color: var(--fl_bg); } .qtopic_title { font-size: 130%; } .qc_comment { margin-left: 30px; } .aopt_btns > span{ display: inline-block; margin-right: 10px; } .suki_block > div { display: inline-block; margin-right: 8px; } #shiri_enter { font-size: 250%; } #shiri_bottoms { height: 4px; overflow: hidden; } .discord_event { margin-bottom: 30px; } .discord_date { font-weight: bolder; font-size: 130%; line-height: 160%; } .discord_body > div:nth-of-type(1) { font-size: 150%; } .cm_block { margin-bottom: 50px; } .qshiri_word { margin-bottom: 10px } .qshiri_word_chars > div.schar { font-size: 250%; margin: 0 2px 2px; border-width: 5px 0; border-style: solid; border-color: transparent; } .qshiri_def { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 300px; color: var(--alink); margin-left: 29px; } .qshiri_def > span { color: var(--text); } .qshiri_def_exp { white-space: normal !important; } .divover { position: absolute; top: 0; bottom: 0; z-index: 2; left: 0; right: 0; background: rgba(26,26,26,0.47); } #fcode_boxes > ruby { font-size: 300%; } #fcode_add, #fcode_input { width: 100px; font-size: 25px; } #cm_friends { max-width: 800px; } #cm_friends .friend_sing{ max-width: 320px; min-width: 300px; margin-bottom: 15px; } .def_selector > div { max-width: 300px; } .sarrow-down { display: inline-block; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 5px solid transparent; } .sarrow-up { display: inline-block; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 5px solid transparent; }/* end __me_cm.css */ /* start __me_dash.css */ .selector_flex { justify-content:center; } .selector_flex > .kao_icon { width: 40px !important; background-size: auto 40px; height: 40px !important; } .sched_mini_vocab { background-color: var(--introbox1_on); } .sched_mini_kanji { background-color: var(--introbox3_on); } .sched_mini_grammar, .sched_mini_conj, .sched_mini_aconj { background-color: var(--introbox2_on); } .sched_mini_sent { background-color: var(--introbox4_on); } .sched_vocab { fill: var(--introbox1_on); } .sched_kanji { fill: var(--introbox3_on); } .sched_grammar, .sched_conj, .sched_aconj { fill: var(--introbox2_on); } .sched_sent { fill: var(--introbox4_on); } #event_box { margin-top: 10px; padding: 3px 10px; margin-bottom: 20px; background-color: var(--fl_bg); } /* schedule buttons */ .sched_button { text-align: left; text-indent: 5px; overflow: hidden; text-overflow: ellipsis; line-height: 13px; border: 1px solid #C0C0C0; } /* list of fully studied schedules */ .full_sched a { line-height: 1.8em; } .dash_hanko img { background-color: white; border-radius: 100%; } /* challenges */ .dtext { width: 159px; margin: 0 3px; } .progress { height: 18px; overflow: hidden; background-color: var(--quiz_grey); border-radius: 2px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); margin: 7px 10px; position: relative; } .progress-u35 { overflow: hidden; /* prevent rounding glitches from showing */ transform: translateZ(0); /* promote to its own layer */ } .progress-bar { float: left; width: 0; height: 100%; color: var(--neg_text); text-align: center; } .progress-bar-post, .progress-bar { font-size: 10px; line-height: 20px; } .progress-bar-post { color: black; position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; display: flex; flex-direction: column; justify-content: center; line-height: 1em; } /* dashboard - schedule summaries */ #rec_studied h3 { padding-left: 0px; text-align: center; } /* leader board widget */ #stats_lboard { position: relative; } /* recent grammar sentences widgets */ .gsent_stats { padding: 10px 9px 9px 5px; } @media screen and (max-width: 1020px) { /* tab style changes on mobile */ #stats_lboard { padding-left: 0; } #me_live>.pure-g>.pure-u-1-2 { width: 100%; } #me_live .statmod_nth3.stats_modcase>.pure-g { display: block; } /* #me_live .statmod_nth3 > .pure-g, */ #me_live .statmod_nth3>.burgle_cont { display: none; } #me_live .statmod_nth3>.tabset { display: block; } #stats_live .pure-u-1-2 { width: 100%; } } @media screen and (max-width: 720px) { .me_panel_btn /* privacy/settings button above h2 header */ { font-size: 75%; } } /* kao coin widget */ .statmod_nth3 .kcoin_disp img { width: 70px; height: 70px; } .statmod_nth3 .kcoin_disp { max-width: 95%; min-width: 85px; } .kcoin_lbox .fancybox-image { border-radius: 50%; overflow: hidden; background-color: white; } /* coin limited event */ .coinevent { margin: 20px 0; } .coinevent>div:first-of-type { z-index: 1; width: 80px; height: 80px; border-radius: 100%; background-color: white; overflow: hidden; flex-shrink: 0; } .coinevent>div:first-of-type img { width: 80px; height: 80px; } .coinevent>div:last-child { margin: 10px 0 10px -30px; padding-left: 40px; } #me_sel_inner label>div { white-space: nowrap; } .sched_btn { border-radius:7px ; font-weight: normal !important; padding: 2px 6px !important; margin-right:10px } .sched_icn_na { margin-left: 5px; display: inline-block; align-self: center; } .schedbox2>div { width: 100%; max-width: 100%; margin: 0 0 10px 0; box-sizing: border-box; } .schedbox2.sched_split>div { width: 50%; } .schedbox2.sched_split>div:nth-of-type(even) { padding-left: 10px; } .schedbox2.sched_split>div:nth-of-type(odd) { padding-right: 10px; } @media screen and (max-width: 850px) { .schedbox2.sched_split>div { width: 100%; } .schedbox2.sched_split>div:nth-of-type(odd) { padding-right: 8px; } } .sched_box_v2 { padding: 4px 8px } .sched_box_v2 .grow { min-width: 0; } .sched_box_v2>svg, .sched_box_v2>div:first-of-type > svg { width: 40px; height: 40px; margin-right: 10px } .sched_icon_mini { display:none; color: #FFF; border-radius:5px; padding: 2px 0; margin-right:3px; text-align:center; font-weight:bolder; } .sched_box_v2 { /* display: grid; */ grid-template-columns: 50px 1fr auto; grid-template-rows: auto 1fr; } .sched_box_v2 .sched_icon { grid-column-start: 1; grid-column-end: 1; grid-row-start: 1; grid-row-end: span 2; align-self: center; } .sched_box_v2 .sched_link { grid-column-start: 2; grid-column-end: 2; grid-row-start: 1; grid-row-end: 1; overflow: hidden; text-overflow: ellipsis; align-self: end; } .sched_box_v2 .sched_data { grid-column-start: 2; grid-column-end: 2; grid-row-start: 2; grid-row-end: 2; align-self: stretch; } .sched_box_v2 .sched_buttons { grid-column-start: 3; grid-column-end: 3; grid-row-start: 1; grid-row-end: span 2; padding-left: 10px; align-self: center; } .sched_legend svg { width: 20px; height: 20px; } .sched_legend { margin-bottom: 8px; } .sched_legend span { margin: 0 10px 0 5px } .sched_legend span { line-height: 20px; display: inline-block; } .sched_legend svg+div, .sched_legend .grow+div { margin: 0 6px 0 3px; } .card_myjpn { font-weight: bold; } @media screen and (max-width: 500px) { .sched_box_v2 { grid-template-columns: 25px 1fr auto; } .sched_box_v2>svg { width: 25px; height: 25px; } .sched_buttons { font-size: 80%; } } @media screen and (max-width: 400px) { .card_myjpn { display: block; } .sched_box_v2 { grid-template-columns: 25px auto; grid-template-rows: auto; } .sched_box_v2 .sched_buttons { grid-column-start: 2; grid-column-end: 2; grid-row-start: 3; grid-row-end: span 1; padding-left: 0; align-self: left; } } .sched_compact { padding: 6px 6px 6px 4px; background-color: var(--fl_bg); } .sched_slim { background-color: var(--fl_bg); } .sched_box_v3 { padding: 4px 8px } .sched_box_v3 .grow { min-width: 0; } .sched_box_v3>svg, .sched_box_v3>div:first-of-type > svg { width: 40px; height: 40px; margin-right: 10px } .sched_box_v3 { display: grid; grid-template-columns: 50px 1fr max-content; grid-template-rows: min-content min-content min-content max-content; grid-template-areas: "sched_icon sched_link sched_buttons" "sched_icon sched_data sched_buttons" "sched_icon sched_actions sched_actions" "sched_icon sched_status sched_status"; } /* grid-area: icon; } .buttons { grid-area: buttons; } .link { grid-area: link; } .data { grid-area: data; } */ .sched_box_v3 .sched_status { /*align-self: center; */ grid-area: sched_status; } .sched_box_v3 .sched_icon { /*align-self: center; */ grid-area: sched_icon; } .sched_box_v3 .sched_link { overflow: hidden; text-overflow: ellipsis; align-self: end; grid-area: sched_link; } .sched_box_v3 .sched_data { align-self: stretch; grid-area: sched_data; } .sched_box_v3 .sched_abox { align-self: stretch; grid-area: sched_actions; } .sched_box_v3 .sched_buttons { padding-left: 10px; grid-area: sched_buttons; } @media screen and (max-width: 500px) { .sched_box_v3 { grid-template-columns: 25px 1fr auto; } .sched_icon { display:none } .sched_icon_mini { display:block } .sched_icon_mini + .sched_link, .sched_data { margin-left: 4px } .sched_box_v3 .sched_abox { margin-top:2px } .sched_box_v3>svg { width: 15px; height: 15px; margin: 0; align-self: center; } } @media screen and (max-width: 500px) { .sched_box_v3 { grid-template-areas: "sched_icon sched_link sched_link" "sched_icon sched_data sched_buttons" "sched_actions sched_actions sched_buttons" "sched_status sched_status sched_status"; } } @media screen and (max-width: 350px) { .sched_box_v3 { grid-template-columns: 25px auto; grid-template-rows: auto; } .sched_box_v3 { grid-template-areas: "sched_icon sched_link" "sched_data sched_data" "sched_actions sched_actions" "sched_buttons sched_buttons" "sched_status sched_status"; } .sched_box_v3 .sched_buttons { padding-left: 0; align-self: left; margin-top: 6px; margin-bottom: 20px; } }/* end __me_dash.css */ /* start __me_garden.css */ .kg_obj_pet { cursor: pointer !important; } #dash_garden_quests .sl_tabs > label { font-size: 110%; } .kg_store_colors { margin: 10px 0; justify-content: center; } .kg_store_colors > div { height: 14px; width: 14px; margin-right: 7px; border: 1px solid var(--text); cursor: pointer; border-radius: 3px; } .kg_manage_shaded { background-color: rgba(26,26,26,0.47); } #kg_preimg { width: 0; height: 0; overflow: hidden; } .kg_manage_selected { border-bottom: 4px solid var(--vocab); border-radius: 10px; } .kg_manage_temp { position: absolute; } #kg_manage_area_tapper { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 20; display: grid; } #kg_item_pic { position: relative; } .kg_manage_obj { margin: 5px 10px; } #kg_dump { overflow-x: auto; overflow-y: hidden; } #kg_page.dark img { filter: brightness(50%); } #kg_dump .kg_dobj { cursor: pointer; margin: 0 3px 20px 3px; } #kg_dump .kg_dobj, #kg_store .kg_store_obj, #kg_dump_plantables .kg_dobj { text-align: center; position: relative; flex-grow: 1; max-width: 50%; min-width: 30%; } #kg_store .kg_store_obj{ margin: 0 6px 30px 6px; } .kg_plabel { position: absolute; top: 2px; left: 2px; line-height: 100%; } .kg_sizel { position: absolute; top: 2px; right: 2px; color: var(--neg_text); background-color: var(--introbox1_on); border-radius: 5px; padding: 2px 5px; font-size: 80%; line-height: 100%; } #kg_dump .kg_obj { position: absolute; cursor: pointer; } #kg_grid { z-index: 3; display: grid; } .kg_gunit { position: relative; } .kg_obj { display: inline-block; overflow: visible; position: absolute; top: 0; left: 0; z-index: 20; touch-action: none; user-select: none; } .kg_obj img { width: 100%; height: 100%; } .kg_color { position :absolute; padding: 2px; box-sizing: border-box; } .kg_inv_name { margin: 3px 0; } .gcolor_occupied { background-color: rgb(128 0 0 / 50%); } .gcolor_free { background-color: rgb(0 128 0 / 50%); } .unavail_bg { background: repeating-linear-gradient( 45deg, transparent, transparent 5px, #f00 2px, transparent 7px ); position: absolute; } .obj_toolbox { position: absolute; cursor: pointer; padding: 2px 0 2px 5px; border-radius: 5px; background-color: rgba(206,206,206,0.77); z-index: 300; top: 0; left: 0; color: black; box-sizing: content-box; } .kg_hel > div:first-of-type { margin: 15px 10px 5px } .kg_hel { margin-bottom: 20px; } .kg_hel img { max-width: 250px; max-height: 50px } .invis { visibility: hidden } .obj_overflow { position: absolute; cursor: pointer; padding: 2px; top: -20px; color: white; background-color: var(--red); border-radius: 3px; box-sizing: content-box; left: 50%; transform: translateX(-50%); } .obj_overflow_bottom { top: auto; bottom: 20px; } .obj_toolbox > div { padding-right: 5px; display: inline-block; } #kg_roof { position: absolute; top: 0; left: 0; height: auto; } #kg_dump_cont, #kg_loading, #kg_intro { position: absolute; z-index: 501; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(26,26,26,0.47); } #kg_popup { position: absolute; z-index: 501; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: var(--bg_main); padding: 15px; border-radius: 10px; max-width: 400px; min-width: 300px; max-height: 450px; overflow-y: auto; } #kg_dump_cont > div:first-of-type, #kg_loading > div:first-of-type, #kg_intro > div:first-of-type { position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; background-color: var(--bg_main); padding: 0 5px; border-radius: 10px; } #kg_dump_cont .tabbodies { overflow-y: auto; } #kg_dump_cont .tabbody { padding: 25px 5px 5px 0; } #kg_dump_x { position: absolute; top: 15px; right: 15px; z-index: 2; } #kg_btn { position: absolute; bottom: 10px; right: 10px; z-index: 500; } #kg_page { display: inline-block; width: 100%; max-width: 500px; position: relative; z-index: 1; } #kg_page_inner { width: 100%; overflow-x: auto; overflow-y: visible; } #kg_container { position: relative; overflow: hidden; } #kg_back, #kg_grid { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #kg_back { z-index: 1; background-size: 100% 100%; } #kg_backdrop { position: absolute; top: 1px; left: 0; z-index: 2; } #kg_money_div { margin: 5px; font-size: 125%; } #kg_money { font-weight: bolder; } #kg_page.kg_dark #kg_container img { filter: brightness(0.75); } #kg_page.kg_view .kg_obj { cursor: help !important; } .kg_tree_alert { text-align: center; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); margin-bottom: 15px; } .kg_tree_alert > i{ color: red; background-color: white; border-radius: 5px; padding: 2px; } .quest_box { display: grid; grid-template-columns: 40px 1fr auto; grid-template-rows: auto auto; grid-template-areas: "quest_icon quest_desc quest_perc" "quest_icon quest_reward quest_perc"; } .quest_box .quest_icon { grid-area: quest_icon; padding-right: 10px; color: white; } .quest_box .quest_desc { grid-area: quest_desc; margin-right: 10px; } .quest_box .quest_reward { grid-area: quest_reward; line-height: 16px; } .quest_box .quest_perc { grid-area: quest_perc; } .quest_box .quest_num { line-height: 16px; grid-area: quest_num; } .quest_box .progress-bar-post { color: var(--neg-text); } .quest_box { max-width: 400px; width: 100%; margin-bottom: 12px; } .quest_box .progress { width: 100px; margin: 0; } .quest_box .sched_icon { width: 30px; height: 30px; } .quest_vocab{ background-color: var(--introbox1_off); } .circle_icon { width: 30px; height: 30px; border-radius: 50%; text-align: center; line-height: 30px; font-size: 18px; font-weight: bolder; } .circle_icon i { font-size: 80%; } .quest_vocab .circle_icon { background-color: var(--introbox1_on); } .quest_game .circle_icon { background-color: var(--introbox5_on); } .quest_game .progress-bar { background-color: var(--introbox5_on) !important; } .quest_game { background-color: var(--introbox5_off); } .quest_community .circle_icon { background-color: var(--introbox6_on); } .quest_community .progress-bar { background-color: var(--introbox6_on) !important; } .quest_community { background-color: var(--introbox6_off); } .quest_other .circle_icon { background-color: var(--introbox7_on); } .quest_other .progress-bar { background-color: var(--introbox7_on) !important; } .quest_other { background-color: var(--introbox7_off); } .quest_vocab .progress-bar{ background-color: var(--introbox1_on) !important; } .quest_grammar { background-color: var(--introbox2_off); } .quest_grammar .circle_icon { background-color: var(--introbox2_on); } .quest_grammar .progress-bar { background-color: var(--introbox2_on) !important; } .quest_kanji { background-color: var(--introbox3_off); } .quest_kanji .circle_icon { background-color: var(--introbox3_on); } .quest_kanji .progress-bar { background-color: var(--introbox3_on) !important; } .quest_sent { background-color: var(--introbox4_off); } .quest_sent .circle_icon { background-color: var(--introbox4_on); } .quest_sent .progress-bar { background-color: var(--introbox4_on) !important; } .snowflake { --size: 1vh; width: var(--size); height: var(--size); background: white; border-radius: 50%; position: absolute; top: -5%; z-index: 400; } @keyframes snowfall { 0% { transform: translate3d(var(--left-ini), 0, 0); } 100% { transform: translate3d(var(--left-end), 110vh, 0); } } .snowflake:nth-child(1) { --size: 0.6vh; --left-ini: -2%; --left-end: -6%; left: 71%; animation: snowfall 6s linear infinite; animation-delay: -9s; } .snowflake:nth-child(2) { --size: 0.6vh; --left-ini: -7%; --left-end: -2%; left: 16%; animation: snowfall 15s linear infinite; animation-delay: -2s; } .snowflake:nth-child(3) { --size: 0.4vh; --left-ini: -8%; --left-end: 8%; left: 74%; animation: snowfall 13s linear infinite; animation-delay: -4s; } .snowflake:nth-child(4) { --size: 1vh; --left-ini: 9%; --left-end: 8%; left: 50%; animation: snowfall 15s linear infinite; animation-delay: -8s; } .snowflake:nth-child(5) { --size: 0.2vh; --left-ini: -5%; --left-end: 9%; left: 82%; animation: snowfall 14s linear infinite; animation-delay: -6s; } .snowflake:nth-child(6) { --size: 0.8vh; --left-ini: 8%; --left-end: 9%; left: 44%; animation: snowfall 14s linear infinite; animation-delay: -8s; } .snowflake:nth-child(7) { --size: 1vh; --left-ini: 4%; --left-end: 0%; left: 14%; animation: snowfall 13s linear infinite; animation-delay: -2s; } .snowflake:nth-child(8) { --size: 0.2vh; --left-ini: 3%; --left-end: -9%; left: 33%; animation: snowfall 8s linear infinite; animation-delay: -9s; } .snowflake:nth-child(9) { --size: 1vh; --left-ini: 4%; --left-end: 3%; left: 76%; animation: snowfall 11s linear infinite; animation-delay: -5s; } .snowflake:nth-child(10) { --size: 0.8vh; --left-ini: 7%; --left-end: -3%; left: 55%; animation: snowfall 12s linear infinite; animation-delay: -9s; } .snowflake:nth-child(11) { --size: 0.6vh; --left-ini: 8%; --left-end: -7%; left: 46%; animation: snowfall 8s linear infinite; animation-delay: -1s; } .snowflake:nth-child(12) { --size: 0.2vh; --left-ini: -3%; --left-end: -7%; left: 1%; animation: snowfall 9s linear infinite; animation-delay: -4s; } .snowflake:nth-child(13) { --size: 0.2vh; --left-ini: 4%; --left-end: 2%; left: 22%; animation: snowfall 6s linear infinite; animation-delay: -6s; } .snowflake:nth-child(14) { --size: 0.4vh; --left-ini: -5%; --left-end: 9%; left: 14%; animation: snowfall 14s linear infinite; animation-delay: -10s; } .snowflake:nth-child(15) { --size: 0.4vh; --left-ini: 4%; --left-end: 5%; left: 79%; animation: snowfall 6s linear infinite; animation-delay: -1s; } .snowflake:nth-child(16) { --size: 0.6vh; --left-ini: 4%; --left-end: 5%; left: 58%; animation: snowfall 7s linear infinite; animation-delay: -5s; } .snowflake:nth-child(17) { --size: 0.2vh; --left-ini: 1%; --left-end: 10%; left: 28%; animation: snowfall 14s linear infinite; animation-delay: -4s; } .snowflake:nth-child(18) { --size: 0.2vh; --left-ini: -3%; --left-end: -9%; left: 79%; animation: snowfall 6s linear infinite; animation-delay: -9s; } .snowflake:nth-child(19) { --size: 0.8vh; --left-ini: 5%; --left-end: -4%; left: 41%; animation: snowfall 7s linear infinite; animation-delay: -9s; } .snowflake:nth-child(20) { --size: 0.4vh; --left-ini: 3%; --left-end: 6%; left: 72%; animation: snowfall 13s linear infinite; animation-delay: -7s; } .snowflake:nth-child(21) { --size: 0.8vh; --left-ini: -5%; --left-end: -5%; left: 44%; animation: snowfall 10s linear infinite; animation-delay: -5s; } .snowflake:nth-child(22) { --size: 0.4vh; --left-ini: 1%; --left-end: 0%; left: 74%; animation: snowfall 14s linear infinite; animation-delay: -7s; } .snowflake:nth-child(23) { --size: 0.2vh; --left-ini: 9%; --left-end: -1%; left: 70%; animation: snowfall 7s linear infinite; animation-delay: -2s; } .snowflake:nth-child(24) { --size: 0.6vh; --left-ini: -1%; --left-end: 4%; left: 9%; animation: snowfall 9s linear infinite; animation-delay: -3s; } .snowflake:nth-child(25) { --size: 0.6vh; --left-ini: -4%; --left-end: 6%; left: 38%; animation: snowfall 7s linear infinite; animation-delay: -4s; } .snowflake:nth-child(26) { --size: 0.2vh; --left-ini: -1%; --left-end: 6%; left: 22%; animation: snowfall 14s linear infinite; animation-delay: -8s; } .snowflake:nth-child(27) { --size: 0.2vh; --left-ini: 3%; --left-end: -8%; left: 94%; animation: snowfall 9s linear infinite; animation-delay: -8s; } .snowflake:nth-child(28) { --size: 0.8vh; --left-ini: 2%; --left-end: 7%; left: 49%; animation: snowfall 11s linear infinite; animation-delay: -4s; } .snowflake:nth-child(29) { --size: 0.8vh; --left-ini: -3%; --left-end: 9%; left: 16%; animation: snowfall 11s linear infinite; animation-delay: -2s; } .snowflake:nth-child(30) { --size: 0.2vh; --left-ini: 2%; --left-end: -2%; left: 67%; animation: snowfall 12s linear infinite; animation-delay: -1s; } .snowflake:nth-child(31) { --size: 1vh; --left-ini: -7%; --left-end: -6%; left: 38%; animation: snowfall 6s linear infinite; animation-delay: -9s; } .snowflake:nth-child(32) { --size: 0.2vh; --left-ini: 3%; --left-end: 4%; left: 52%; animation: snowfall 14s linear infinite; animation-delay: -5s; } .snowflake:nth-child(33) { --size: 0.2vh; --left-ini: -1%; --left-end: -9%; left: 3%; animation: snowfall 13s linear infinite; animation-delay: -8s; } .snowflake:nth-child(34) { --size: 0.6vh; --left-ini: 3%; --left-end: -3%; left: 10%; animation: snowfall 9s linear infinite; animation-delay: -7s; } .snowflake:nth-child(35) { --size: 0.4vh; --left-ini: -2%; --left-end: -5%; left: 2%; animation: snowfall 11s linear infinite; animation-delay: -8s; } .snowflake:nth-child(36) { --size: 0.2vh; --left-ini: -3%; --left-end: -2%; left: 13%; animation: snowfall 13s linear infinite; animation-delay: -1s; } .snowflake:nth-child(37) { --size: 0.8vh; --left-ini: -9%; --left-end: -2%; left: 31%; animation: snowfall 6s linear infinite; animation-delay: -6s; } .snowflake:nth-child(38) { --size: 0.2vh; --left-ini: -6%; --left-end: 9%; left: 90%; animation: snowfall 14s linear infinite; animation-delay: -1s; } .snowflake:nth-child(39) { --size: 0.8vh; --left-ini: 5%; --left-end: 6%; left: 60%; animation: snowfall 6s linear infinite; animation-delay: -8s; } .snowflake:nth-child(40) { --size: 0.8vh; --left-ini: 6%; --left-end: 9%; left: 9%; animation: snowfall 13s linear infinite; animation-delay: -5s; } .snowflake:nth-child(41) { --size: 1vh; --left-ini: -3%; --left-end: -9%; left: 51%; animation: snowfall 7s linear infinite; animation-delay: -5s; } .snowflake:nth-child(42) { --size: 0.8vh; --left-ini: 2%; --left-end: -1%; left: 100%; animation: snowfall 8s linear infinite; animation-delay: -9s; } .snowflake:nth-child(43) { --size: 0.8vh; --left-ini: 4%; --left-end: 8%; left: 51%; animation: snowfall 6s linear infinite; animation-delay: -5s; } .snowflake:nth-child(44) { --size: 0.6vh; --left-ini: 8%; --left-end: -3%; left: 57%; animation: snowfall 12s linear infinite; animation-delay: -3s; } .snowflake:nth-child(45) { --size: 0.6vh; --left-ini: 3%; --left-end: -4%; left: 83%; animation: snowfall 8s linear infinite; animation-delay: -10s; } .snowflake:nth-child(46) { --size: 0.6vh; --left-ini: 6%; --left-end: -5%; left: 99%; animation: snowfall 10s linear infinite; animation-delay: -1s; } .snowflake:nth-child(47) { --size: 0.4vh; --left-ini: 3%; --left-end: 4%; left: 50%; animation: snowfall 14s linear infinite; animation-delay: -1s; } .snowflake:nth-child(48) { --size: 0.4vh; --left-ini: 9%; --left-end: 5%; left: 76%; animation: snowfall 7s linear infinite; animation-delay: -7s; } .snowflake:nth-child(49) { --size: 1vh; --left-ini: -6%; --left-end: -9%; left: 45%; animation: snowfall 15s linear infinite; animation-delay: -4s; } .snowflake:nth-child(50) { --size: 0.4vh; --left-ini: 10%; --left-end: -6%; left: 47%; animation: snowfall 10s linear infinite; animation-delay: -4s; } /* added small blur every 6 snowflakes*/ .snowflake:nth-child(6n) { filter: blur(1px); }/* end __me_garden.css */ /* start __me_stats.css */ /* main widget boxes and titles */ .stats_module { margin: 10px 7px 25px 8px; } /* stats page, keep the margins off if it's too small */ @media screen and (max-width: 720px){ .stats_module { margin-left: 0 !important; margin-right: 0 !important; } } .stats_module h2 { padding-left: 23px; } .stats_module h3 { font-size: 170%; padding: 2px 0px 7px 0px; margin-bottom: 8px; } #me_live .stats_module h3 { text-align: center; } /*　content of the widgets */ .statmod_nth3 { padding: 5px; } /* term stats in stats panel */ .spaced_stats > div { padding-right: 7px; padding: 5px 9px 9px 5px; overflow-x:auto; } /* mastery stars in stats widget */ .star_cell { margin: 0px auto; font-size: 12px; overflow: hidden; } .spaced_stats table:not(:first-child) { margin-top: 0px; } /* .singl_cell { border-top: 1px solid; border-left: 1px solid; border-bottom: 1px solid; border-color: var(--darkstripe); } .singr_cell { border-top: 1px solid; border-right: 1px solid; border-bottom: 1px solid; border-color: var(--darkstripe); } .topl_cell { border-top: 1px solid; border-left: 1px solid; border-color: var(--darkstripe); } .top_cell { border-top: 1px solid; border-color: var(--darkstripe); } .topr_cell { border-top: 1px solid; border-right: 1px solid; border-color: var(--darkstripe); } .r_cell { border-right: 1px solid; border-color: var(--darkstripe); } .botr_cell { border-bottom: 1px solid; border-right: 1px solid; border-color: var(--darkstripe); } .bot_cell { border-bottom: 1px solid; border-color: var(--darkstripe); } .botl_cell { border-bottom: 1px solid; border-left: 1px solid; border-color: var(--darkstripe); } .l_cell { border-left: 1px solid; border-color: var(--darkstripe); } */ table.stats { font-size: 120%; width: 100%; margin-bottom: 20px; } table.stats thead { text-align: right; } table.stats td { text-align: center; padding: 4px 2px; } table.stats tbody tr:nth-child(odd) { background-color: var( --fl_bg); } table.stats tbody td { vertical-align: top; } table.stats tbody.tcenter td { text-align: center; } table.stats tbody td:first-child, table.stats tfoot td:first-child{ padding-right: 16px; padding-left: 0px; width: 32%; text-align: right; font-weight: bold; } table.statstbody.tcenter td.nocell_label { text-align: left; padding: 10px 0px 0px 15px; } /* links for graphs */ .graph_off { display: none; } /* me/stats */ .mini_rank_table { width: 100%; } .mini_rank_table th { text-align: left; } .mini_rank_table tr td:first_of_type { width: 50%; padding-right: 15px; } /* end __me_stats.css */ /* start __nav_core.css */ #navbar { position: fixed; top:0; width: 100%; min-width: 766px; font-size: 14px; height: var(--navheight); border-bottom: 1px solid var(--nav_border); background: var(--nav_bg); z-index: 502; } .mnav, #mheader { display: none; } nav a{color:var(--text) !important;} #navToggle { cursor: pointer; } @media screen and (max-width: 960px){ #dheader,#user-p { display: none; } #mheader { display: block; } #navbar { min-width: 230px; } #wrapper, #overlay { width: 100%; top: var(--navheight); position: absolute; left: 0; right: 0; overflow: visible; } #overlay { top: 0; } .qbase #nav-logo { display: none; } } /* end __nav_core.css */ /* start __nav_dict.css */ /* CLEAN */ .wlink_box > div { margin: 5px 0; } .hsett_kata { border-color: var(--red) !important; } .hsett_hira { border-color: var(--green) !important; } .hsett_kata_desc { color: var(--red); } .hsett_hira_desc { color: var(--green); } #stext_vocab .str { margin: 8px 0; } /* settings */ .settings_drop > div { margin-bottom: 5px; } /* pics */ .dict_pic img { max-height: 50px; min-width: 20px; } .dict_pic, .print_pic { margin-right: 5px; } .pic_upreview img { max-width: 100px; max-height: 100px; } .pic_upreview { margin: 5px; } .pic_rates { text-align: center; margin: 2px 0; } .pic_rates .fa-arrow-alt-up { margin-right: 10px; } /*sentence settings */ #sent_filters { padding: 8px 5px; } #sent_filters .flexbox > div { margin-right: 10px; } /* dictionary filter options */ .dopts >div { margin-right: 10px; } .dopts { margin-left: 10px; } /* kanji strokes */ .stroke_box img, .stroke_box > svg { width: 60px; height: 60px; } /* boxes for radical table (kanji dictionary) */ #rad_table { font-weight: normal; } .radTableClick { background: linear-gradient( to bottom, var(--fl_bg), var(--fl_bg) 50%, transparent 50%, transparent ); /* The rectangle in which to repeat. It can be fully wide in this case */ background-size: 100% 62px; } .radTableClick .rselected { font-weight: bolder; color: var(--ntext); background-color: var(--green); } .radTableClick span { display: block; height: 29px; width: 29px; line-height: 27px; float: left; font-size: 120%; text-align: center; vertical-align: middle; border: 1px solid transparent; border-radius: 5px; margin: 1px; box-sizing: border-box; } .radTableClick span.ntitle { font-weight: bolder; border-color: var(--cw_border); } .dict_filters { padding: 3px 5px 0; display: none; } /* results of searches */ .search-bar + div{ overflow-y: auto; } #vocab_japanese + input, #kanji_japanese + input, #grammar_sval + input, #sent_jap + input, .dsearch{ margin-left: 5px; } .search-bar .rel input { height:34px; } .search-bar > .flexbox { margin: 0 5px 10px 0; } /* left border */ #dict-closer { position: absolute; width: 10px; height: 100%; top: 0; left: -10px; z-index:2 } /* cog for expanding filters */ .dsett { height: 34px; padding: .5em; } /* search button */ .dsearch { border-top-right-radius: 0; border-bottom-right-radius: 0; height: 34px; } /* Dictionary $$$$$$$$$$$$$$$$$*/ #dict-p .tabset label { padding: 7px 21px 2px 21px; } /* dict/kanji */ #stext_kanji { padding-top: 20px; } .kdict_kinfo { font-size: 133%; padding-right: 10px; line-height: 150% } .kdict_kinfo span { white-space: nowrap; } /* close box */ #dict-l { padding: 0px; position: absolute; top: 5px; right: 15px; cursor: pointer; z-index: 10; } #pro_search { width: 130px; min-height: 23px; } #dict_bodies input[name|="tabset"]:checked + .searchblock{display: flex;} #dict_bodies .dsett { margin-left: -1px; } /* how to bring dict into view */ #dict-b:checked ~ .dict{ right: -5px; transition: all 0.5s ease; z-index:500; } /* positioning */ .dict{ width: 640px; position: fixed; right: -720px; padding-top:10px; top:var(--navbump); bottom: 0; border-bottom:5px solid #1C5669; border-left:10px solid #1C5669; } /* dictionary */ #dict_rel_words .push-left { padding-left: 140px; } .radtable tbody tr td input{display: block} .dictkanji { padding: 4px; font-size:300%; } #the_dict_kanji { font-size:1000% } @media screen and (max-width: 960px){ #dict_rel_words .push-left { padding-left: 20px; } #dict-p .tabset label { padding: 7px 11px 2px 11px; } #dict-b:checked ~ .dict { transition: none; } #mnav_dict { margin-right: 20px; } #mheader #help { display: inline; position: absolute; right: 100px; } } @media screen and (max-width: 720px){ #dict-p { width: 100%; border-bottom-width: 0; bottom: 0; top: var(--navheight); } #the_dict_kanji { font-size:500% } } #hint_box { text-align: left; } #tmp_canvas { position: absolute; left: 0px; right: 0; bottom: 0; top: 0; cursor: crosshair; z-index: 3; } .canvas_box { width: 400px; } .canvas_box > div:first-child, #can_fw { height: 246px; width: 246px; } .canvas_box canvas { border: 1px solid; cursor: crosshair; width:240px; height:240px } #can_results button { margin: 3px 2px; width: 35px; font-size:140%; padding: 3px 2px; font-weight:300; } @media screen and (max-width: 500px){ .canvas_box { justify-content: center; width: 100%; flex-wrap: wrap; } .kdict_kinfo { font-size:110%; } .canvas_box .grow { width: 100%; } #can_results button { border-left-width: 0; margin: 3px 0; width: 30px } #can_results button:first-child { border-left-width: 0; margin: 3px 0; border-left-width: 1px; } } .hw_icon, .sx_icon { position:absolute; right: 10px; top: 50%; transform: translate(0,-50%); } .sx_icon { right: 40px; } .br_abs, .bl_abs, .tr_abs, .tl_abs { position: absolute; padding: 2px; z-index:4; } .br_abs, .bl_abs { bottom: 5px; } .br_abs, .tr_abs { right: 5px; } .bl_abs { left: 1px; } .tr_abs, .tl_abs { top: 1px; } .tl_abs { left: 1px; z-index:6; } #can_back { position: absolute; width: 240px; height: 240px; z-index: 1; border: 1px solid; top: 0; } #can { z-index: 2; position: absolute; top: 0; } .marker { padding: 1px 3px; color: var(--neg_text); background-color: var(--vocab); border-radius: 2px; margin-bottom:3px } .translucent { opacity: .35; } #stext_vocab .olink_vocab, #stext_kanji .olink_kanji, #stext_grammar .olink_grammar, #stext_sent .olink_sent { display: none; } #stext_sent, #stext_kanji, #stext_vocab, #stext_grammar { min-height:30px; padding: 10px 0; } #stext_sent .reibun > div { font-size:170%; margin-bottom: 15px; } .other_dicts { margin: -10px 0 15px 5px; } .other_dicts > span { display:inline-block; margin-right:12px; } .drecent_box { padding: 10px 10px 12px; margin-top: -10px; background-color: var(--bg_main); box-shadow: 0 0 30px rgb(255 255 255 / 30%); display:none; box-sizing:border-box; max-height: 70vh; overflow-y:auto; } @media screen and (max-height: 700px) { #ttip_inner .canvas_box canvas, #ttip_inner #can_back { width: 190px; height: 190px; } #ttip_inner .canvas_box>div:first-child, #ttip_inner #can_fw { width: 196px; height: 196px; } }/* end __nav_dict.css */ /* start __nav_help.css */ .help_cat_title > i { transition: all 0.5s; } .help_cat_title > i.turned { transform: rotate(90deg); } .ital { font-style: italic; } .form_grid { display: grid; grid-template-columns: 100px auto; column-gap: 15px; row-gap: 15px } .form_grid > div:nth-child(odd) { align-self: center; } .frhidden { display: none; } .help_box { margin-bottom: 30px; } .help_subcat { font-weight: bold; font-size: 175%; margin: 20px 0 10px; } .help_box > div:first-of-type { font-weight: bold; font-size: 150%; margin-bottom: 10px; }/* end __nav_help.css */ /* start __nav_icons.css */ /* pushes over leftmost header box */ #navbar > ul.nav-list > li:first-child { margin-right: 14px; } #navlog { padding-top: 6px; padding-right: 20px; } /* ul inside of nav */ .nav-list{width: 100%} li.nav-item-l, button.nav-item-l, div.nav-item-l, .mobTabheader { padding: 10px 11px 10px 11px; color:var(--nav_text); box-sizing: border-box; background-color: transparent; } #nav-logo { position: relative; padding: 1px 3px 0 7px; margin-top: 4px; border-color: transparent; display: inline-block; } #nav-logo:hover, #nav-logo:hover img{ background: none; } #nav-logo:focus { background-color: transparent; } #nav-logo img { height: 34px; } /* this turns the colors of the icons to orange */ #dict-b:checked ~ #navbar #mnav_dict label:nth-of-type(2), #help-b:checked ~ #navbar #help label:nth-of-type(2), #message-b:checked ~ #navbar .message label:nth-of-type(2), #settings-b:checked ~ #navbar #settings label:nth-of-type(2), #user-b:checked ~ #navbar #user label:nth-of-type(2) {visibility:hidden} /* .nav-list li:hover { color: var(--navhover); }*/ #mnav_dict .sprite, #user .sprite, #help .sprite, .message .sprite, #settings .sprite { position: relative; top: 11px; } ul:not(.mheader) #mnav_dict:hover i, ul:not(.mheader) #user:hover i, ul:not(.mheader) #help:hover i, ul:not(.mheader) .message:hover i, ul:not(.mheader) li#settings:hover i, ul:not(.mheader) #mnav_dict:hover svg, ul:not(.mheader) #user:hover svg, ul:not(.mheader) #help:hover svg, ul:not(.mheader) .message:hover svg, ul:not(.mheader) li#settings:hover svg { color: var(--navhover); } #mnav_dict .overlay i, #user .overlay i, #help .overlay i, li.message .overlay i, li#settings .overlay i, #mnav_dict .overlay svg, #user .overlay svg, #help .overlay svg, li.message .overlay svg, li#settings .overlay svg { color: var(--navhover); } #mnav_dict label, #user label, #help label, #settings label, .message label { height: var(--navheight); width: var(--navheight); padding: 0px; }/* end __nav_icons.css */ /* start __nav_inbox.css */ /* main code for all pulldown boxes */ .set { background-color: var(--bg_main); display: none; bottom: 0px; position: fixed; right:50px; top:var(--navbump); width:650px; overflow-y: auto; padding: 10px; border-width: 0px 1px 1px 1px; border-style: solid; border-color: var(--b_primary); z-index:500; } .dict, .pure-menu.pure-menu-open, .pure-menu.pure-menu-horizontal li .pure-menu-children { background-color: var(--bg_main); } body > input{display: none} .pulldown { background-color: var(--menu_bg); } /* Inbox $$$$$$$$$$$$$$$$$*/ #um_body div.msg_open { background-color: var(--darkstripe); } #messagebox > div.str { background-color: var(--darkstripe); } #um_body .striped { background-color: var(--striped); } /* thread of replies in a messagebox */ .inbox_mbody { padding: 14px 0px; } #um_body{ overflow-y:auto; overflow-x:hidden; font-size: 80%; } #um_links { display: inline-block; font-size: 80%; } /* .message label.filled:after */ #message_indic, #mob_message_indic { position: absolute; color:white; top:5px; right:4px; background-color: var(--red); padding:1px 4px; border-radius: 3px; z-index: 2; font-size: 80%; font-weight: bold; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); } #mob_message_indic { right:auto; left: 23px } /* handles the sizing of the horizontal elements in the message headers */ .message_line > div:first-of-type, .mail_header > div:first-of-type{ padding: 0 20px; } .message_line { margin: 4px 0; } .message_topic { display: inline-block; margin-bottom: 3px; } .message_line > div:last-of-type, .mail_header > div:last-of-type { padding-right: 10px } @media screen and (max-width: 1020px){ #messagebox { height: 100%; } } @media screen and (max-width: 720px){ #message-p, #lsetbox, #lhelpbox { top: var(--navheight); left: 0px; width: calc(100% - 20px); bottom: 0; border-width: 0; right: 0 !important; max-height: 100%; overflow-y: auto; padding-bottom: 0; } }/* end __nav_inbox.css */ /* start __nav_menu.css */ /* push the icons off the right */ #message { margin-right:20px } #home { display: inline; position: absolute; right: 59px; } /* General css */ /* makes menus and submenus popup */ .pulld_arrow:hover + .easy_sched, li:hover > ul{ visibility: visible; transition-delay:.25s; } .easy_sched a:hover { background: none !important; border-top: 1px solid transparent !important; border-bottom: 1px solid transparent !important; } /* weird firefox border bug */ /*li:hover svg, li:hover i { display: inline-block !important; transition-delay:.25s; }*/ #learn-p .esched_set { display: none; } #learn-p:active .esched_set,#learn-p:hover .esched_set { display: block; } /* #twit-b, #fbook-b, #gplus-b{ opacity: 0; } #community:hover #twit-b, #community:hover #fbook-b, #community:hover #gplus-b, .mpulldown #twit-b, .mpulldown #fbook-b, .mpulldown #gplus-b { opacity: 1; } */ /* Community menu */ #forum-search, #forum-recent{ text-indent:30px; font-size: 70%; padding:2px 0; } #twit-b, #fbook-b, #gplus-b{ width:24px; height:24px; padding: 0px 6px 3px 3px; margin-top:3px; display: inline-block; text-align: center; border-radius: 4px; } #twit-b { margin-left: 24px; } .pulldown li.social > a, .pulldown li.social > label { text-indent: 0px; } .social { margin-top: 5px; margin-bottom: 5px; } /* Navbar $$$$$$$$$$$$$$$$$*/ ul.pulldown, .pulldown { position: absolute; top:40px; left: -10px; padding: 0; border-width: 0px 1px 1px; border-style: none solid solid; min-width: 160px; transition: all 0.25s ease; visibility: hidden; } .nav-list > li > label { color:var(--neg_text); box-sizing:border-box; background-color:transparent; } .pulld_arrow, .pulldown li > a, .pulldown li > span, .pulldown li > label { position:relative; padding: 5px 0; text-indent:20px; margin-right: 10px; width:100%; height:100%; display: block; line-height: 1.5em; color: var(--text); } .pulldown li:last-of-type a,.pulldown li:last-of-type span { padding-bottom:10px; } .pulldown li { text-align: left; } .nav-list li > label:hover { background-color: rgba(0, 0, 0, 0); } .pulld_arrow { border: 1px solid transparent; border-left: 0; border-right: 0; } .pulld_arrow > svg, .pulld_arrow > i:not([data-trans]) { position: absolute; right: 4px; top: 9px; } /* highlight pulldown items on hover */ .pulld_arrow:hover, nav a:hover { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; /* color: var(--nav_hover);*/ } ul.nav-list > .pure-button { cursor: default; } /* needs the border so the size doesn't jump */ #help label { border-color: rgba(0, 0, 0, 0); border-image: none; border-style: solid none; border-width: 1px 0; } /* end __nav_menu.css */ /* start __nav_menu_scheds.css */ .easy_sched { border: 1px var(--menu_border); border-right-style: solid; border-bottom-style: solid; border-left-style: solid; position: absolute; visibility: hidden; min-height: 221px; text-indent:0; top: -34px; left: 160px; background-color: var(--menu_bg); transition: all 0.25s ease; -webkit-transition: all 0.25s ease; color: var(--text); font-size: 80%; max-height: 90vh; overflow-y: auto; } .easy_sched div{ white-space: normal; } .easy_sched * { text-indent: 0; } .easy_sched a { padding: 0; } .pulld_arrow:hover > .easy_sched { visibility: visible; } /* hsched is used in dropdown menus .hsched_cont { margin-top: 5px; height: 19px; padding: 1px; border: 1px solid #BDDBEE; background-color: #EAF7FF; } .hsched_cont button { flex-shrink: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } */ /* dropdown menu in desktop view */ .esched_set { margin: 10px; } .esched_set .flbox_flat { padding: 2px 2px 0; } .esched_1 { width: 270px; } .esched_2 { width: 540px; } .esched_set:last-of-type { margin-bottom: 0px; } .esched_set .hsched_button { height: 18px !important; line-height: 17px; text-align: left; padding: 0em 0.4em; } .esched_set button.hsched_button { flex-shrink: 0; } @media screen and (max-width: 1020px){ #study-p { padding-left: 0px; } #study-p .easy_sched { position: static; visibility: visible; width: 100%; padding-left: 0px; border: 0px; } #study-p .easy_sched .pure-u-1-2 { width: 100%; } #study-p .hsched_cont { height: initial; } #study-p .hsched_button { padding: 0 0.4em; } #study-p .hsched_cog { top: 5px; } #study-p h5 { text-align: left; text-indent: 15px; } } #study-p .pure-u-2-3 > span { float: left; } /* end __nav_menu_scheds.css */ /* start __nav_mmenu.css */ @media screen and (max-width: 960px){ /* NAVIGATION ANNIMATION */ .mnav { display: block; right: 5px; max-width: 300px; width: 81%; position: fixed; left: -40px; top: var(--navheight); bottom: 0px; margin: 0px 0px 0px 40px; background-color: var(--nav_bg); z-index: -1; overflow-y: auto; /* starting point */ opacity: .0; -webkit-transform: translate3d(5%,0,0)scale(.97); -moz-transform: translate3d(5%,0,0)scale(.97); transform: translate3d(5%,0,0)scale(.97); } /* draggable handles in dashboard */ .handle { width: 20px; padding: 2px; height: 20px; margin-right: 3px } /* paginator */ .hamburgle { height: 30px; width: 30px; } .mnav_sub > ul > li > * { margin-left: 0; } #mMnav > div:first-of-type > div { margin-left: 12px; } #mMnav > .mnav_item { display: block; float: none; padding: 10px 0px 10px 10px; border: none; font-weight: normal; text-align:left; width:100% } #mMnav > .mnav_item > i { padding-right:20px; } #mMnav .social { margin: 5px 0px; text-align: center; } #twit-b {margin-left:0px;} #mnav_points { font-size: 13px; } .mnav .drawer_spacer { padding: 0px; height: 1px; background-color: var(--mnav_spacer); } #drawer_buts { width: 96%; margin: 17px auto 0 auto; } #drawer_buts button { padding-top: 0.3em; padding-bottom: 0.3em; } #nav-logo { margin-top: 2px; padding: 2px 0px 0px 5px; } #navToggle > svg, #navToggle > i { vertical-align: top; width: 30px; } #hamburgle_svg { padding: 8px 0px 0px 8px; color: var(--neg_text); } #hamburgle_svg_open { display: none; color: var(--neg_text); padding: 8px 0px 0px 8px; } /*Nav Expanding Open Effect*/ .mnav.open { z-index: 1100; opacity: 1; -webkit-transform: translate3d(0,0,0)scale(1); -webkit-animation: slideIn .35s ease-in-out; -moz-transform: translate3d(0,0,0)scale(1); -moz-animation: slideIn .35s ease-in-out; transform: translate3d(0,0,0)scale(1); animation: slideIn .35s ease-in-out; } @-webkit-keyframes slideIn { 0% {opacity: .3; -webkit-transform: translate3d(-100%,0,0)scale(1);} 100% {opacity: 1; -webkit-transform: translate3d(0,0,0)scale(1);} } @-moz-keyframes slideIn { 0% {opacity: .3; -moz-transform: translate3d(-100%,0,0)scale(1);} 100% {opacity: 1; -moz-transform: translate3d(0,0,0)scale(1);} } @keyframes slideIn { 0% {opacity: .3; transform: translate3d(-100%,0,0)scale(1);} 100% {opacity: 1; transform: translate3d(0,0,0)scale(1);} } /*Nav Shrinking Closed Effect*/ .mnav.close { opacity: 0; /* -webkit-transform: translate3d(5%,0,0)scale(.97); -webkit-animation: slideOut .3s ease-in-out; -moz-transform: translate3d(5%,0,0)scale(.97); -moz-animation: slideOut .3s ease-in-out; transform: translate3d(5%,0,0)scale(.97); animation: slideOut .3s ease-in-out;*/ } @-webkit-keyframes slideOut { 0% {opacity: 1; -webkit-transform: translate3d(0,0,0)scale(1);} 100% {opacity: .3; -webkit-transform: translate3d(5%,0,0)scale(.97);} } @-moz-keyframes slideOut { 0% {opacity: 1; -moz-transform: translate3d(0,0,0)scale(1);} 100% {opacity: .3; -moz-transform: translate3d(5%,0,0)scale(.97);} } @keyframes slideOut { 0% {opacity: 1; transform: translate3d(0,0,0)scale(1);} 100% {opacity: .3; transform: translate3d(5%,0,0)scale(.97);} } /* CONTENT ANNIMATION */ .mcontent { /* starting point */ -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 1; } /*Content Sliding Open Effect*/ .mheader.open, .mcontent.open { -webkit-transform: translate3d(81%,0,0); -webkit-animation: open .5s ease-in-out; -moz-transform: translate3d(81%,0,0); -moz-animation: open .5s ease-in-out; transform: translate3d(81%,0,0); animation: open .5s ease-in-out; } @-webkit-keyframes open { 0% {-webkit-transform: translate3d(0,0,0);} 70% {-webkit-transform: translate3d(100%,0,0);} 100% {-webkit-transform: translate3d(81%,0,0);} } @-moz-keyframes open { 0% {-moz-transform: translate3d(0,0,0);} 70% {-moz-transform: translate3d(100%,0,0);} 100% {-moz-transform: translate3d(81%,0,0);} } @keyframes open { 0% {transform: translate3d(0,0,0);} 70% {transform: translate3d(100%,0,0);} 100% {transform: translate3d(81%,0,0);} } /*Content Sliding Closed Effect*/ .mheader.close, .mcontent.close { -webkit-transform: translate3d(0,0,0); -webkit-animation: close .3s ease-in-out; -moz-transform: translate3d(0,0,0); -moz-animation: close .3s ease-in-out; transform: translate3d(0,0,0); animation: close .3s ease-in-out; } @-webkit-keyframes close { 0% {-webkit-transform: translate3d(81%,0,0);} 100% {-webkit-transform: translate3d(0,0,0);} } #mMnav.mnav > div:first-child { padding: 8px 0px 10px 0px; } #mMnav.mnav .avatar_box + div /* if there is an icon, add some space to the second info div */ { margin-left: 10px; } #mMnav .sett_button { color: white; padding: 5px 10px; } /*.mnav li:first-child a.active, .mnav li:first-child a:hover {border-radius: 10px 0 0 0;}*/ .mheader-section {margin-top: 60px;} .mnav ul > li > a { text-align: left; } .mnav .subtext { text-indent: 0px; } .mpulldown { display: none; margin-top: 6px; } .mpulldown li { color: var(--text); } .touchedNav { color: var(--navhover); padding-bottom: 0px; } .touchedNav + ul { display: block; } .mpulldown label { text-align: left; } .mnav li { float: left; display: inline-block; } .mpulldown label, .mnav li a { font-size: 11px; color: var(--text); padding: 24px 15px; display: block; } .mnav li a:hover {color: var(--text);} .mheader { z-index: 2; position: fixed; top: 0; right: 0; left: 0; /* starting point */ -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .mheader h1 { color: #ffffff; text-align: center; padding-left: 0; display: block; } .burger {display: block;} /* Nav Drawer Layout */ .mnav ul { overflow-y: auto; margin: 0px; } .mnav li { display: block; float: none; } #mMnav.mnav > ul > li.touchedNav { padding-bottom: 0px; } .mpulldown label, .mnav li a { padding: 5px 25px; letter-spacing: 0px; font-size: 14px; } .mnav li a.logo { display: none; } .mnav li a.active { color: var(--neg_text); background-color: var(--mnav_ahover_bg); } /*trunk.css*/ body { -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-tap-highlight-color:rgba(0,0,0,0); -moz-text-size-adjust: none; -moz-font-smoothing: antialiased; -ms-tap-highlight-color:rgba(0,0,0,0); -ms-text-size-adjust: none; -ms-font-smoothing: antialiased; } .mcontainer { overflow: hidden; /* Prevents Flickering */ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } .burger { position: absolute; float: left; padding: 10px; top: 4px; left: 10px; display: none; } .burger li { width: 30px; height: 4px; background-color: var(--bg_main); border-radius: 3px; margin: 5px 0; } #admin-p, #user-p, #study-p, #help-p, #learn-p, #tool-p, #community-p, #rpro-p, #games-p { width: 96%; padding-left: 0px; background-color: var(--menu_bg); margin: 0px 2%; position: relative; } } .push-left .burgle_cont .pure-button { display :none; } @media screen and (max-width: 960px){ .push-left .burgle_cont .pure-button { display :inline; } .burgle_cont + .tabset{ display: none; } .burgle_cont h2 { display: inline-block; } .burgle_cont svg, .burgle_cont i { position: relative; top: 2px; } } @media screen and (max-width: 460px){ #nav-logo { display:none; } } /* end __nav_mmenu.css */ /* start __nav_settings.css */ #lsettings_body .pure-g { margin-bottom: 30px; width: 98% !important; } #lsettings_body .pure-u-2-3 > div { margin-bottom: 6px; } .mlevelsett > div { width: 100px; margin: 0 10px 10px 0; } /* settings sliders */ .ui-slider-range, .ui-slider-range-min { background-color: var(--b_primary); } #lsettings_body .slider_bar { margin-left: 8px; } @media screen and (max-width: 1020px){ /* used to hide secondary setting unless checked */ #use_local_def + div { display: none; } #use_local_def:checked + div { display: block; } } @media screen and (max-width: 600px){ #sett_flexbox { flex-wrap:wrap; } } @media screen and (max-width: 468px){ .settings_desc .desc{ display: none; } } /* 400 */ @media screen and (max-width: 400px){ /* change prefs to one column at 400px */ #sett_bodies .pure-u-7-24, #sett_bodies .pure-u-2-3 { width: 100%; } } .font_box2 > div:first-of-type { margin-right: 10px; } .font_snip { width: 250px; height: 47px; } .font_snip_base { background-image: url('https://www.renshuu.org/img/fonts/base_light.png') } .font_snip_noto { background-image: url('https://www.renshuu.org/img/fonts/noto_light.png') } .font_snip_textbook { background-image: url('https://www.renshuu.org/img/fonts/textbook_light.png') } .font_snip_hiragino { background-image: url('https://www.renshuu.org/img/fonts/hiragino_light.png') } .font_snip_kaimin { background-image: url('https://www.renshuu.org/img/fonts/kaimin_light.png') } .font_snip_pixel { background-image: url('https://www.renshuu.org/img/fonts/pixel_light.png') } .font_snip_momo { background-image: url('https://www.renshuu.org/img/fonts/momo_light.png') } .font_snip_kakushin { background-image: url('https://www.renshuu.org/img/fonts/kakushin_light.png') } .font_snip_aosagi { background-image: url('https://www.renshuu.org/img/fonts/aosagi_light.png') } .font_snip_canary { background-image: url('https://www.renshuu.org/img/fonts/canary_light.png') } .font_snip_tyranogochi { background-image: url('https://www.renshuu.org/img/fonts/tyranogochi_light.png') } .font_snip_bullsdonut { background-image: url('https://www.renshuu.org/img/fonts/bullsdonut_light.png') } .font_snip_nachin { background-image: url('https://www.renshuu.org/img/fonts/nachin_light.png') } .font_snip_shino { background-image: url('https://www.renshuu.org/img/fonts/shino_light.png') } .font_snip_yu { background-image: url('https://www.renshuu.org/img/fonts/yu_light.png') } .font_snip_echo { background-image: url('https://www.renshuu.org/img/fonts/echo_light.png') } .font_snip_maru { background-image: url('https://www.renshuu.org/img/fonts/maru_light.png') } .font_snip_outai { background-image: url('https://www.renshuu.org/img/fonts/outai_light.png') } .font_snip_zenmaru { background-image: url('https://www.renshuu.org/img/fonts/zenmaru_light.png') } .font_box { width:75px; height:75px; } .font_box_base { background: url('https://www.renshuu.org/img/font_base.png') } .font_box_textbook { background: url('https://www.renshuu.org/img/font_textbook.png') } .font_box_noto { background: url('https://www.renshuu.org/img/font_noto.png') } .font_box_hiragino { background: url('https://www.renshuu.org/img/font_hiragino.png') } .font_box_kaimin { background: url('https://www.renshuu.org/img/font_kaimin.png') } .font_box_pixel { background: url('https://www.renshuu.org/img/font_pixel.png') }/* end __nav_settings.css */ /* start __nav_userbox.css */ /*$$$$$$$*/ /* User Box */ /*$$$$$$$*/ #user-info{ z-index: 1; position:relative } #user-p{ bottom: auto; padding: 20px 10px 0px 10px; max-width: 305px; } .user-info a, .user-info label{ font-weight: bold; font-size: 110%; color: var(--neg_text); } #userbox_name { margin: 1px 0px 0px 0px; } .userbox_points { top: -4px; position: relative; } /* end __nav_userbox.css */ /* start __pro.css */ .scnshot img:hover { border: 2px solid #555; } .pro_kao { /*image-rendering: crisp-edges;*/ max-width: 500px; border-radius: 10px; } .pro_promo > div:nth-of-type(2) { margin-left:30px; } .pro-h1, .landing_box { margin-top: 65px; } .landing_box .pro-h1 { margin-top: 25px; } .pro-h1 span.sub { padding-left: 10px; } .scnshot img { border: 2px solid rgba(85,85,85,.3); } @media screen and (max-width: 770px){ .pro_promo { display: block; text-align: center; } .pro_promo > div:nth-of-type(2) { margin-left:0; } } @media screen and (max-width: 520px){ .pro_kao { max-width: 100%; } } .pro_list > div { padding: 10px 0; font-size: 120%; font-weight: bolder; padding: 5px; margin-right: 10px; margin-bottom: 10px; flex: 1; } .pro_list > div:last-of-type { margin-right: 0; } .pro-h1 { border-bottom-width: 4px; } .em_grammar { border-color: #f5c10f; } .em_kanji { border-color: #fc3199; } .em_listen { border-color: #aa1aff; } .em_reading { border-color: #31a0f6; } .em_graphs { border-color: #27c200; } .em_games { border-color: #fd5613; } .pro-h1 + div strong, .landing_box strong, .pro_pbox strong, [class^="landing_"] strong , [class^="hunderline_"] { display: inline-block; line-height: 0.85; } .em_grammar + div strong, .landing_personal strong, .pro_pbox strong, .hunderline_2 { /*border-bottom: 2px solid #f5c10f; */ text-decoration: underline; text-decoration-color: #f5c10f; } .em_kanji + div strong, .landing_assistant strong, .hunderline_1, .hunderline_7 { /*border-bottom: 2px solid #fc3199; */ text-decoration: underline; text-decoration-color: #fc3199; } .em_listen + div strong, .landing_rewards strong, .hunderline_3, .hunderline_8 { /*border-bottom: 2px solid #aa1aff; */ text-decoration: underline; text-decoration-color: #aa1aff; } .em_reading + div strong, .landing_fun strong, .hunderline_4, .hunderline_9 { /*border-bottom: 2px solid #31a0f6; */ text-decoration: underline; text-decoration-color: #31a0f6; } .em_graphs + div strong, .landing_unlimited strong, .hunderline_5, .hunderline_10 { /*border-bottom: 2px solid #27c200; */ text-decoration: underline; text-decoration-color: #27c200; } .em_games + div strong, .landing_japanese strong, .hunderline_6, .hunderline_11 { /*border-bottom: 2px solid #fd5613; */ text-decoration: underline; text-decoration-color: #fd5613; } [class^="hunderline_"] { border-bottom-width: 3px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } @media screen and (max-width: 720px) { .pro_box { display: block !important; } } #p_join { font-size: 16px; font-weight: bold; margin: 15px 0 0; padding: 0.5em 0.8em; width: 80%; } .pro_button { background-color: var(--introbox1_on); padding: 2px 4px; border-radius: 3px; color: white; display: inline-block; margin-right: 4px; font-size: 80%; } /* end __pro.css */ /* start __pure.css */ /* Pure add / overrides $$$$$$$$$$$$$$$$$*/ .pure-menu a.pure-button { line-height: normal; } .pure-form-aligned .pure-control-group label { width: 9em; } .pure-button { background-color: var(--button_bg); color: var(--text); } .pure-button-primary, .pure-button-warning { color: var(--neg_text); } button.pure-button, input.pure-button { border: 1px solid var(--b_border); } .pure-u-1-24 { width: 4% } .pure-u-1-12 { width: 8.2% } .gtable td { vertical-align: middle } .pure-form textarea, textarea { min-height: 5px; font-size: 100% } .pure-button-error { background: var(--red); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); color: white; } .pure-form-stacked input[type=email], .pure-form-stacked input[type=password] { margin: .50em 0; } .pure-button-xsmall { font-size: 70%; } button.pure-button-small, input.pure-button-small, label.pure-button-small { font-size: 85% } button.pure-button-xsmall, input.pure-button-xsmall { font-size: 70% } button.pure-button-xxsmall, input.pure-button-xxsmall{ font-size: 70%; padding: 0 .5em; } button.pure-button-large, input.pure-button-large { font-size: 125% } .pure-icon { padding: .459em .5em; } .pure-icon i:not([data-trans]) { font-size:1.3em; } .pure-g, .cleardiv { width: 100%; overflow: hidden; } input.pure-button-small, input[type='button'], button.pure-button, label.pure-button { font-weight:bold; } .pure-form input[type=text], .pure-form input[type=password], .pure-form input[type=email], .pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month], .pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local], .pure-form input[type=week], .pure-form input[type=number], .pure-form input[type=search], .pure-form input[type=tel], .pure-form input[type=color], .pure-form select, .pure-form textarea { color: var(--text) !important; background-color: var(--bg_main); border-color: var(--grey); box-shadow: inset 0 1px 3px #828282; } ::-moz-placeholder,:-ms-input-placeholder,::-webkit-input-placeholder{ color:var(--placeholder) !important } .redactor-placeholder:before { color:var(--placeholder) !important } .pure-menu li a:hover, .pure-menu li a:focus, .pure-menu li span:hover:not([data-klook]), .pure-menu li span:focus:not([data-klook]) { background: var(--button_bg); text-decoration: none; } @media screen and (max-width: 720px){ .pure-u-1-12 { width: 12.5%; } .pure-u-11-12 { width: 87.5% } } .pure-form input:not([type]), .pure-form input[type=color], .pure-form input[type=date], .pure-form input[type=datetime-local], .pure-form input[type=datetime], .pure-form input[type=email], .pure-form input[type=month], .pure-form input[type=number], .pure-form input[type=password], .pure-form input[type=search], .pure-form input[type=tel], .pure-form input[type=text], .pure-form input[type=time], .pure-form input[type=url], .pure-form input[type=week], .pure-form label { display:inline-block; margin-bottom:0; } .pure-form button[type=submit] { margin:0; }/* end __pure.css */ /* start __quiz_cards.css */ /* run_quiz page - general boxes */ #quiz_resbox, #quiz_qabox, #quiz_introbox { /*border: 3px solid #F7B76F;*/ width: 468px; margin: auto; padding: 6px; float: none; box-sizing:border-box } #quiz_resbox { display: none; } /* strips out wrapper stuff for quizzing only */ .qwrapper { background-color: transparent !important; border: 0px !important; padding: 0 !important; } #quiz_qabox, #quiz_resbox, #quiz_introbox { text-align: left; } #quiz_qabox { position:relative; } #quiz_qabox.dual { float:left; } #quiz_resbox.dual { /*position:relative;*/ float:right; display: block; } #quiz_qabox.finish_box > div { padding: 0 10px 0 10px; } .quiz_bg { padding: 10px; background-color:var(--quiz_bg); border-radius: 4px } @media screen and (max-width: 1020px){ #wrapper.dwrapper { background-color: transparent; border: 0px; width: 100%; padding : 0; margin: 0; } #quiz_resbox, #quiz_qabox, #quiz_introbox { width: 468px; margin: auto; padding: 6px; float: none; } #quiz_resbox { display: none; } #quiz_resbox, #quiz_qabox, #quiz_introbox { max-width: 100%; } #quiz_qabox.dual, #quiz_resbox.dual { float: none; } #quiz_resbox.dual { margin-top: 10px; } #rquiz_body { display: inline-block; margin-left: auto; margin-right: auto; max-width: 100%; } } .slick-arrow { color: var(--text); } #def_hint_link, #def_hint { font-size:60% } .gzoom_large .pitch_char { font-size:50% }/* end __quiz_cards.css */ /* start __quiz_finish.css */ .gzoom_large .gacha_text { font-size:100% !important; } .finish_stat { font-size: 32px; font-weight: bold; line-height: 80px; } #quiz_acc.c100 > span { font-size: 0.3em; width: 3.3em; margin-top: 1.3em; line-height: .4em; } .finish_boxes h2:not(:first-of-type) { margin-top: 20px; } @media screen and (max-width: 1020px){ #quiz_qabox.finish_box > div { padding: 0; } #retake_buttons { margin: 0 0 15px 0; } } @media screen and (max-width: 700px){ .finish_boxes > div { width: 100%; } }/* end __quiz_finish.css */ /* start __quiz_gacha.css */ :root { --gacha_width: 200px; --gacha_height: 316px; } #gacha_board .gacha_text { font-size: 130%; } @media screen and (max-width: 900px){ :root { --gacha_width: calc( 200px * .75 ); --gacha_height: calc( 316px * .75 ); } #gacha_board .gacha_text { font-size: 100%; } .gzoom_large #gacha_board .gacha_text { font-size:80% !important; } #gacha_board .c_circular-chart { width: 80px !important; } #gacha_board .tdcircle-container { font-size: 80px !important; } } @media screen and (max-width: 700px){ :root { --gacha_width: 200px; --gacha_height: 316px; } #gacha_board .gacha_text { font-size: 120%; } #gacha_board .c_circular-chart { width: 100px !important; } #gacha_board .tdcircle-container { font-size: 100px !important; } } @media screen and (max-width: 500px){ :root { --gacha_width: calc( 200px * .75 ); --gacha_height: calc( 316px * .75 ); } #gacha_board .gacha_text { font-size: 100%; } #gacha_board .c_circular-chart { width: 80px !important; } #gacha_board .tdcircle-container { font-size: 80px !important; } } @media screen and (max-width: 400px){ :root { --gacha_width: calc( 200px * .60 ); --gacha_height: calc( 316px * .60 ); } #gacha_board .c_circular-chart { width: 70px !important; } #gacha_board .gacha_text { font-size: 85%; } #gacha_board .tdcircle-container { font-size: 70px !important; } } #gacha_box { width: var(--gacha_width); height: var(--gacha_height); background-image: url("https://www.renshuu.org/img/gc/gacha_back.png"); background-size: var(--gacha_width) var(--gacha_height); margin:auto; } #gacha_knob { position: absolute; left: calc(var(--gacha_width) / 5 ); top: calc(var(--gacha_height) * .5696 ); width: calc(var(--gacha_width) / 4 ); height: calc(var(--gacha_width) / 4 ); z-index: 31; cursor: pointer; } .gacha_shake #gacha_knob { animation: gacha_shake 1s ease-in-out 3s infinite alternate; /* other keywords like "infinite alternate" can be useful here */ } @keyframes gacha_shake { /* You could think of as "step 1" */ 0% { transform: rotate(0deg); } /* You could think of as "step 2" */ 100% { transform: rotate(30deg); } } .gacha_go #gacha_knob { transform: rotate(180deg); transition: all .6s ease-in-out; } #gacha_front { width: var(--gacha_width); height: var(--gacha_height); position: absolute; top: 0; left: 0; z-index: 30; } .gacha_ball { width: calc(var(--gacha_width) * .225 ); height: calc(var(--gacha_width) * .225 ); position: absolute; z-index: 1; /*-webkit-transition: -webkit-transform .3s ease-out; -ms-transition: -ms-transform .3s ease-out;*/ } .gacha_go .gacha_ball { transition: transform .8s ease-out, top .5s ease-in-out, left .5s ease-in-out; } #gacha_win { top: calc(160 / 316 * var(--gacha_height) ); left: calc(119 / 200 * var(--gacha_width) ); z-index: 20; transform: rotate(180deg); } .gacha_go #gacha_win { top: calc(220 / 316 * var(--gacha_height) ); transform: rotate(190deg); transition: transform .2s ease-out 1.1s, top .3s ease-in-out 1s; } #gacha_b1 { top: calc(120 / 316 * var(--gacha_height) ); left: calc(15 / 200 * var(--gacha_width) ); transform: rotate(20deg); } .gacha_go #gacha_b1 { transform: rotate(70deg); top: calc(124 / 316 * var(--gacha_height) ); } #gacha_b2 { top: calc(100 / 316 * var(--gacha_height) ); left: calc(45 / 200 * var(--gacha_width) ); transform: rotate(160deg); } .gacha_go #gacha_b2 { transform: rotate(170deg); top: calc(111 / 316 * var(--gacha_height) ); } #gacha_b3 { top: calc(117 / 316 * var(--gacha_height) ); left: calc(75 / 200 * var(--gacha_width) ); transform: rotate(10deg); } .gacha_go #gacha_b3 { transform: rotate(-20deg); top: calc(122 / 316 * var(--gacha_height) ); } #gacha_b4 { top: calc(125 / 316 * var(--gacha_height) ); left: calc(120 / 200 * var(--gacha_width) ); transform: rotate(160deg); } .gacha_go #gacha_b4 { transform: rotate(130deg); top: calc(144 / 316 * var(--gacha_height) ); } #gacha_b5 { top: calc(116 / 316 * var(--gacha_height) ); left: calc(140 / 200 * var(--gacha_width) ); transform: rotate(270deg); } .gacha_go #gacha_b5 { transform: rotate(274deg); top: calc(129 / 316 * var(--gacha_height) ); left: calc(135 / 200 * var(--gacha_width) ); } /* row two */ #gacha_b6 { top: calc(80 / 316 * var(--gacha_height) ); left: calc(10 / 200 * var(--gacha_width) ); transform: rotate(120deg); z-index: 2; } .gacha_go #gacha_b6 { transform: rotate(110deg); left: calc(15 / 200 * var(--gacha_width) ); top: calc(85 / 316 * var(--gacha_height) ); } #gacha_b7 { top: calc(70 / 316 * var(--gacha_height) ); left: calc(45 / 200 * var(--gacha_width) ); transform: rotate(260deg); } .gacha_go #gacha_b7 { transform: rotate(310deg); top: calc(79 / 316 * var(--gacha_height) ); left: calc(47 / 200 * var(--gacha_width) ); } #gacha_b8 { top: calc(80 / 316 * var(--gacha_height) ); left: calc(75 / 200 * var(--gacha_width) ); transform: rotate(310deg); z-index: 2; } .gacha_go #gacha_b8 { transform: rotate(330deg); left: calc(68 / 200 * var(--gacha_width) ); top: calc(89 / 316 * var(--gacha_height) ); } #gacha_b9 { top: calc(85 / 316 * var(--gacha_height) ); left: calc(110 / 200 * var(--gacha_width) ); transform: rotate(60deg); } .gacha_go #gacha_b9 { transform: rotate(30deg); left: calc(105 / 200 * var(--gacha_width) ); top: calc(106 / 316 * var(--gacha_height) ); } #gacha_b10 { top: calc(76 / 316 * var(--gacha_height) ); left: calc(145 / 200 * var(--gacha_width) ); transform: rotate(210deg); z-index: 2; } .gacha_go #gacha_b10 { transform: rotate(190deg); left: calc(137 / 200 * var(--gacha_width) ); top: calc(97 / 316 * var(--gacha_height) ); } #gacha_b11 { top: calc(45 / 316 * var(--gacha_height) ); left: calc(10 / 200 * var(--gacha_width) ); transform: rotate(20deg); } .gacha_go #gacha_b11 { transform: rotate(90deg); left: calc(12 / 200 * var(--gacha_width) ); top: calc(49 / 316 * var(--gacha_height) ); } #gacha_b12 { top: calc(35 / 316 * var(--gacha_height) ); left: calc(45 / 200 * var(--gacha_width) ); transform: rotate(160deg); z-index: 2; } .gacha_go #gacha_b12 { transform: rotate(110deg); left: calc(39 / 200 * var(--gacha_width) ); top: calc(46 / 316 * var(--gacha_height) ); } #gacha_b13 { top: calc(45 / 316 * var(--gacha_height) ); left: calc(75 / 200 * var(--gacha_width) ); transform: rotate(10deg); } .gacha_go #gacha_b13 { transform: rotate(80deg); top: calc(60 / 316 * var(--gacha_height) ); left: calc(79 / 200 * var(--gacha_width) ); } #gacha_b14 { top: calc(50 / 316 * var(--gacha_height) ); left: calc(110 / 200 * var(--gacha_width) ); transform: rotate(160deg); } .gacha_go #gacha_b14 { transform: rotate(210deg); left: calc(101 / 200 * var(--gacha_width) ); top: calc(69 / 316 * var(--gacha_height) ); } #gacha_b15 { top: calc(41 / 316 * var(--gacha_height) ); left: calc(145 / 200 * var(--gacha_width) ); transform: rotate(110deg); } .gacha_go #gacha_b15 { transform: rotate(66deg); top: calc(65 / 316 * var(--gacha_height) ); left: calc(147 / 200 * var(--gacha_width) ); } #gacha_board { width: var(--gacha_width); height: var(--gacha_height); margin: auto; overflow: hidden; position: relative; background-image: url("https://www.renshuu.org/img/gc/board_back.png"); background-size: var(--gacha_width) var(--gacha_height); color: var(--text); } #gacha_board_front { height: calc(var(--gacha_height) * .0843); width: var(--gacha_width); z-index: 3; position: absolute; left: 0; top: 0; overflow: hidden; } #gacha_init { width: calc(var(--gacha_width) * .7); position: absolute; top: calc(var(--gacha_height) * .1); height: calc(var(--gacha_height) * .75); left: calc(var(--gacha_width) * .15); text-align: center; transition: opacity 1s; z-index: 2; } .gacha_go #gacha_board #gacha_init { opacity: 0; z-index: 1; } #gacha_rev { width: calc(var(--gacha_width) * .7); height: calc(var(--gacha_height) * .5); position: absolute; left: calc(var(--gacha_width) * .15); top: calc(var(--gacha_height) * .5); text-align: center; transition: opacity 1s 1.3s; opacity: 0; z-index: 2; } .gacha_go #gacha_board #gacha_rev { opacity: 1; } #gacha_board #gacha_large { width: calc(var(--gacha_width) * .5 ); height: calc(var(--gacha_width) * .5 ); position: absolute; z-index: 2; left: calc(var(--gacha_width) * .25 ); top: calc(var(--gacha_width) * -0.5 ); /*transition: transform .2s ease-out 1.1s, top .3s ease-in-out 1s;*/ transition: top .3s 1s; border-radius:50%; overflow:hidden; } #gacha_board #gacha_large img { width: calc(var(--gacha_width) * .5 ); height: calc(var(--gacha_width) * .5 ); position: absolute; top: 0; left: 0; } #gacha_board #gacha_large img:first-of-type { transition: opacity 1s 1.3s; z-index: 2; } #gacha_board #gacha_large img:last-of-type { z-index: 1; } .gacha_go #gacha_board #gacha_large { /*animation: gacha_reveal 1.2s */ /*transition: transform .2s ease-out 1.1s, top .3s ease-in-out 1s;*/ top: calc(var(--gacha_width) * .2 ); } .gacha_go #gacha_board #gacha_large img:first-of-type { /*animation: gacha_reveal 1.2s */ /*transition: transform .2s ease-out 1.1s, top .3s ease-in-out 1s;*/ opacity: 0; } @keyframes gacha_reveal { /* You could think of as "step 1" */ 0% { top: calc(var(--gacha_width) * -0.5 ); } 25% { top: calc(var(--gacha_width) * -0.5 ); } 50% { top: calc(var(--gacha_width) * .2 ); } /* You could think of as "step 2" */ 100% { opacity: 0; top: calc(var(--gacha_width) * .2 ); } }/* end __quiz_gacha.css */ /* start __quiz_intro.css */ /* .slick-track > div.slick-current .full_term { max-height: 1000px; transition-property: none; } .slick-track > div:not(.slick-current) .full_term { max-height: 350px; transition: max-height .3s ease-in-out .5s; overflow: hidden; } */ #quiz_intro_guide > div{ margin: 0 10px; width:25%; } .quiz_intro_point { text-align:center; font-size:80%; } .quiz_intro_point > div:first-of-type { font-size:180%; font-variant: small-caps; } .quiz_intro_point > div:first-of-type > div.num { font-size:150%; font-weight:bolder; } .quiz_intro_point:nth-of-type(2) > div:first-of-type > div.num { color: var(--introbox1_on); } .quiz_intro_point:nth-of-type(3) > div:first-of-type > div.num { color: var(--introbox2_on); } .quiz_intro_point:nth-of-type(4) > div:first-of-type > div.num { color: var(--introbox3_on); } .quiz_intro_point .ititle { margin-bottom:10px; padding-bottom:5px } .quiz_intro_point:nth-of-type(2) .ititle { border-bottom: 2px solid var(--introbox1_on); } .quiz_intro_point:nth-of-type(3) .ititle { border-bottom: 2px solid var(--introbox2_on); } .quiz_intro_point:nth-of-type(4) .ititle { border-bottom: 2px solid var(--introbox3_on); } @media screen and (max-width: 500px){ #quiz_intro_guide { display: block; } #quiz_intro_guide > div { width: auto; margin: 0; padding: 5px 10px; } #quiz_intro_guide > div:first-of-type { display:none; } .quiz_intro_point > div:first-of-type > div { display: inline-block; } .quiz_intro_point .ititle { border-bottom-width: 0 !important; padding:0; margin:0; } .quiz_intro_point > div:last-of-type { font-size:120%; margin: 5px 20px 10px; } } .cunderline{ /*background-color: var(--unknown)*/ border-bottom: 3px solid var(--vocab); padding-bottom: 1px; display: inline-block; line-height: .93; } .mn_kanji img { width: 80px; height: 80px; } .mnemonic_box img { width: 60px; height: 60px; } .full_term .mnemonic_box div[id^="mnimg"] img { width: 90px; height: 90px; } .writing_restart_btn { position: absolute; bottom: 0; left: 50%; z-index:5; transform: translateX(-50%); min-width: 70%; text-align:center; } .writing_canvas_temp { z-index: 3; position: absolute; top: 0; left: 0; } .vwriting_debug { font-size: 130%; } .intro_counter { font-size: 150%; } .intro_term { font-size: 150%; padding-top: 10px; } .intro_term svg, .intro_term i:not([data-trans]):not([data-force]) { display: none; } .intro_mini { transition: all .5s ease; min-height: 50px; } .intro_mini ruby { font-size: 360% !important; } .intro_mini > div:first-child { font-size: 50%; transition: all .5s ease; } .intro_mini > div:last-child { padding-left: 8px; font-size: 80%; transition: all .5s ease; } .intro_secondary { min-height: 20px; overflow: hidden; height:0; justify-content: center; } .intro_secondary .br_abs { right: 0; bottom: 0; } .intro_secondary .tr_abs { top: 0; right: 0; } .intro_actions { margin-top: 20px; width: 100%; gap: 10px 15px; } .intro_actions > div { padding: 15px 0; } .iterm_box { margin-bottom:5px; min-height:350px; } .intro_kana_img img{ height: 150px; display:inline-block; background-color: transparent !important } .gzoom_large .intro_actions_4 { flex-wrap: wrap; } .gzoom_large .intro_actions_4 > div { min-width:35%; width:0; box-sizing: border-box; } @media screen and (max-width: 700px){ .intro_mini .vpic { display:none; } } @media screen and (max-height: 600px){ .intro_kana_img img{ height: 100px; } } @media screen and (max-width: 500px){ .intro_actions > div { padding: 8px 0; } .iterm_box { min-height:250px; } .slick-track > div:not(.slick-current) .full_term { max-height: 250px; } } .intro_action > div { text-align: center; } .intro_action { color: var(--text); border-width: 3px; border-radius: 10px; transition: all .5s ease; } div.intro_action:nth-of-type(1) { border-color: var(--vocab); } div.intro_action:hover:nth-of-type(1) { border-color: var(--vocab); } div.intro_action:hover:nth-of-type(1) i , div.intro_action_on:nth-of-type(1) i { color: var(--introbox1_on) !important; } div.intro_action_on:nth-of-type(1) { border-color: var(--introbox1_on) !important; background-color: var(--introbox1_bg); } div.intro_action:nth-of-type(2) { border-color: var(--introbox2); } div.intro_action:hover:nth-of-type(2) { /*color: var(--introbox2);*/ border-color: var(--introbox2); } div.intro_action:hover:nth-of-type(2) i , div.intro_action_on:nth-of-type(2) i{ color: var(--introbox2_on) !important; } div.intro_action_on:nth-of-type(2) { border-color: var(--introbox2_on) !important; background-color: var(--introbox2_bg); } div.intro_action:nth-of-type(3) { border-color: var(--introbox3); } div.intro_action:hover:nth-of-type(3) { /*color: var(--introbox3);*/ border-color: var(--introbox3); } div.intro_action:hover:nth-of-type(3) i, div.intro_action_on:nth-of-type(3) i { color: var(--introbox3_on) !important; } div.intro_action_on:nth-of-type(3) { border-color: var(--introbox3_on) !important; background-color: var(--introbox3_bg); } div.intro_action:nth-of-type(4) { border-color: var(--introbox4); } div.intro_action:hover:nth-of-type(4) { /*color: var(--introbox4);*/ border-color: var(--introbox4); } div.intro_action:hover:nth-of-type(4) i, div.intro_action_on:nth-of-type(4) i{ color: var(--introbox4_on) !important; } div.intro_action_on:nth-of-type(4) { border-color: var(--introbox4_on) !important; background-color: var(--introbox4_bg); } .writing_options_box { max-width: 100%; position: absolute; top: 10px; left: 10px; right: 10px; background-color: var(--striped); z-index:10; border: 1px solid var(--b_border); } .writing_options { padding: 0 10px 10px; } .writing_canvas { background-repeat: no-repeat; background-position: center center; } /* kanji intro */ .intro_term_kanji_inner > div:nth-child(1) { font-size:400%; } .intro_mini .intro_term_kanji_inner { display: flex; } .intro_mini .intro_term_kanji_inner > div:nth-child(1) { font-size:300%; } .intro_mini .intro_term_kanji_inner > div:nth-child(2) { flex-grow: 1; padding-left: 20px; text-align: left; } .intro_mini img { max-height: 100px !important; } /* this gets proper alignment for the usages displayed in grammar cards */ .grammar_intro_usage .padd { text-align: left; } .intro_kana_block > div:first-of-type { font-size: 150% !important; } .intro_mini .intro_kana_block .intro_kana_word, .intro_mini .intro_kana_block .intro_kana_img { display: none; } .grammar_intro_usage > h4 { display:none; } .grammar_intro_usage table { font-size: 12px !important; } .intro_gmodels rt { font-size: 50%; } .grammar_intro_usage .conjbox .grow { width: 48%; } .grammar_intro_usage .conjbox_cont>div { max-width: 100%; }/* end __quiz_intro.css */ /* start __quiz_kaocoin.css */ /* kao coin */ .kcoin_light img { background-color:white; border-radius:50% } .kcoin_disp svg.fa-badge, .kcoin_disp i.fa-badge { position: absolute; bottom: 7px; right: 7px; } .kcoin_disp svg.fa-clock, .kcoin_disp i.fa-clock { position: absolute; top: 4px; left: 4px; display: none; color: #571dc5; } .kcoin_disp .limited svg.fa-clock, .kcoin_disp .limited i.fa-clock { display: inline-block !important; } .kcoin_disp .veryrare svg, .kcoin_disp .veryrare i{ color: var(--gold); } .kcoin_disp .veryrare img { border: 3px solid var(--gold); } .kcoin_disp .rare svg, .kcoin_disp .rare i{ color: var(--silver); } .kcoin_disp .rare img { border: 3px solid var(--silver); } .kcoin_disp .common svg, .kcoin_disp .common i{ display: none; } .kcoin_disp { margin: 4px; text-align: center; width: 128px; max-width: 23%; min-width:120px; box-sizing: border-box; } @media screen and (max-width: 640px){ .kcoin_disp { max-width:33%; } } .kcoin_disp img { display: inline-block; margin-bottom: 5px; width: 100px; height: 100px; background-color: white; border-radius: 50%; overflow: hidden; } /* rotating coin */ .tdcircle-container { position: relative; -webkit-perspective: 10000; perspective: 10000; margin: 0 auto; overflow: hidden; } .tdcircle-container .c100 { border-width: 0; } .flipped .tdcircle { -webkit-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); } .tdcircle-container, .tdfront, .tdback { width: 1em; height: 1em; } .tdfront, .tdback { background-color: white; /* don't change regardless of theme */ } .tdcircle { -webkit-transition: 0.5s; transition: 3s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; /* -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); */ } .tdcircle { position: relative; width: 1em; height: 1em; } .tdfront, .tdback { border-radius: 50%; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; left: 0; } .tdfront { z-index: 2; } .tdback { -webkit-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); overflow: hidden; z-index: 2; } .back-logo { width: 100px; height: 100px; display: block; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); } .tdback_veryrare { border: 3px solid var(--gold); box-sizing: border-box; } .tdback_rare { border: 3px solid var(--silver); box-sizing: border-box; } .tdback_rare:after,.tdback_veryrare:after { animation: shine 1.5s infinite linear alternate; content: ""; position: absolute; top: -110%; left: -210%; width: 200%; height: 200%; opacity: 0; transform: rotate(30deg); background: rgba(255, 255, 255, 0.13); background: linear-gradient( to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100% ); } /* Hover state - trigger effect */ /* Active state */ .tdback_rare:active:after, .tdback_veryrare:active:after { opacity: 0; } @keyframes shine{ to { opacity: 1; top: -30%; left: -30%; transition-property: left, top, opacity; transition-duration: 0.7s, 0.7s, 0.15s; transition-timing-function: ease; } } .kaocoin_grid { display: grid; align-items: center; grid-template-columns: repeat(auto-fit, minmax(115px, 1fr)); }/* end __quiz_kaocoin.css */ /* start __quiz_liquid.css */ .sched_admin > div:first-child, .sched_admin > div:nth-child(2) { margin: 5px 10px; } .sched_admin .sched_name { font-size: 130%; margin-bottom: 6px; } .sched_admin { margin: 12px 0 20px } .sched_actions, .merge_box { margin: 10px; } .daily_goals, .total_terms { font-size: 200%; } #qqsettings { margin-top: 20px; -webkit-order: 4; order: 4; width: 100%; } .main_scount, .main_sdesc, .sub_count, .sub_desc { margin-bottom: 3px; } .main_scount { font-size: 200%; line-height: 100%; min-width: 60px; border-bottom: 0px solid var(--text); } .main_sdesc { font-size: 140%; line-height: 143%; border-bottom: 0px solid var(--text); } .sub_count { font-size: 130%; line-height: 130%; } .ssum_box_mobile { display: none; } .sched_mstats > div { text-align: left; margin-right: 10px; } .sched_mstats { margin: 10px 0; font-size: 85%; } /* on mobile, we want the subs to come in side by side */ @media screen and (max-width: 600px){ .ssum_box_mobile { display: block; } .ssum_box_wide, #sperc_box { display: none !important; } } .sub_desc { font-size: 110%; line-height: 154%; } .lvec_title { text-align: center; font-size: 140%; margin: 5px 0; } .lvec_title > div, .lvec_top > div, .lvec_bottom > div { width: 11.11%; } .lvec_top { margin-bottom: 1px; } .lvec_bar { margin: 0 3px; } .lvec_num { text-align: center; } .lvec_push { font-size: 1px; } .lvec_top .lvec_bar { background-color: var(--red); margin-top: 2px; } .lvec_bottom .lvec_bar { background-color: var(--green); margin-bottom: 2px; } .lvec_key_now, .lvec_key_later { display: inline-block; text-align: right; width: 3em; margin-right: 3px; font-weight: bolder; } .lvec_key_now { color: var(--red); } .lvec_key_later { color: var(--green); } .lvec_key { margin-top: 10px; line-height: 150%; } /* Settings page */ .slider_bar, .slider_label { max-width: 300px; } .ui-slider-handle_wide { color: var(--text) !important; padding: 0 5px !important; width: 1.8em !important; text-align: center; background-color: var(--bg_main) !important; } .form_row { margin-bottom: 30px; } .form_row > div { padding: 3px 0; } .slider_label, .slider_bar { margin-top: 5px; } #vector_listen:not(:checked) + span { display: none; } .rad_set { line-height: 170%; } /* schedule new terms page */ /* removes some extra buttons (Tools/export) on the new terms page to keep it simple and clean*/ .lpre_btns button { display: none; } /* liquid_materials page */ @media screen and (max-width: 1020px){ #adj_sch_ind > div { padding-left: 0px; } } @media screen and (max-width: 920px){ #qqsettings { -webkit-order: 2; order: 2; } #sperc_box { -webkit-order: 3; order: 3; } #health_box { -webkit-order: 4; order: 4; } } @media screen and (max-width: 720px){ .daily_goals { font-size: 140%; } .daily_goals > div > div > div:first-of-type { font-size: 80%; } .total_terms { font-size: 150%; } .total_terms > span { line-height: 200%; } .levels_box { font-size: 75%; } } @media screen and (max-width: 600px){ #smain_box { flex-grow: 1 !important; margin-right: 0 !important; } #sperc_box { width: 100%; display: flex; } #sperc_box .c100 { font-size: 30px; } #sperc_box h3 { line-height:35px; margin-bottom: 0 } #ntstat_box { width: 100%; margin-top: 10px; } }/* end __quiz_liquid.css */ /* start __quiz_listening.css */ #listening_q { font-size: 16pt; } #q_content #listening_q input { text-indent: 0px; } #listen_auto, #listen_manual { font-weight: normal; } #auto-play { font-size: 50%; margin-top: 20px; text-align: right; } /* #lquestion svg, #lquestion i:not([data-trans]) { position: relative; top: 4px; left: -6px; } */ @media screen and (max-width: 1020px){ /* listen to enable autoplay */ #listen_check { padding: 10px; text-align: center; } }/* end __quiz_listening.css */ /* start __quiz_nav.css */ #quiz_nav.nav_on_finish > div, #quiz_nav.nav_on_finish > a, #quiz_nav.nav_on_finish > svg, #quiz_nav.nav_on_finish > i:not([data-trans]) { display: none !important; } #quiz_nav, #quiz_onav { display: none; height: 30px; font-size: 72%; color: var(--neg_text); } #quiz_onav a,#quiz_nav a, #quiz_nav span { display: inline-block; color: var(--text); border: none; } #quiz_nav .pure-button, #quiz_onav .pure-button { padding: 0.4em 0.8em; } #quiz_nav > div.svg { padding-left: 3px; display: inline-block; } #quiz_nav svg, #quiz_nav i:not([data-trans]) { margin-bottom: -3px; } .return_state + div { display: none !important; } #quiz_nav.nav_on, #quiz_nav.nav_on_finish,#quiz_onav.nav_on { display: inline-block; right: auto; width: auto; } #quiz_onav.nav_on_finish { display: none; } @media screen and (max-width: 960px){ #quiz_nav svg, #quiz_nav i:not([data-trans]) { display: none !important; } #quiz_nav, #quiz_onav { padding-left: 10px; margin-top: 7px; } } @media screen and (max-width: 720px){ /* this is only on finish page, with Problem icon */ #nav-logo.nav_on_finish { display: none; } }/* end __quiz_nav.css */ /* start __quiz_opts.css */ /* shows keyboard shortcuts in key-styles */ kbd { display: inline-block; margin: 0 .1em; padding: .1em .6em; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 11px; line-height: 1.4; color: var(--text); background-color: var(--bg_main); border: 1px solid #adb3b9; border-radius: 3px; box-shadow: 0 1px 0 rgba(12,13,14,0.2), 0 0 0 2px #FFF inset; white-space: nowrap; } .keyboard_set > div{ margin-bottom: 5px; } /* quiz/qconfig */ .q_opt_type label { color: var(--grey) ; } .q_opt_type label, .q_opt_type label + div { transition: all 0.5s ease; } .q_opt_type input:checked + label { color: var(--green); } .q_opt_type input:checked + label .q_opt_high { color: var(--green); font-weight: 800; } .q_opt_type input:checked + label + sup,.q_opt_type input:checked + label > .tlnk { display: block; font-size: 120%; } .voptbox { transition: 0.1s; } #listen_opts input[type=button] { margin: 26px auto 0 auto; display: block; } .q_opt_h3 { text-align: center; margin-bottom: 3px; } /* #start_button, #start_button+button#start_button_set { display: inline-block; margin: 15px auto 5px auto !important; height: 40px; font-size: 13pt; padding-top:0; padding-bottom:0; } #start_button+button#start_button_set { padding-left: 5px; padding-right: 5px; margin-left: -2px; } */ /* pre-options */ .div_dis { opacity: 0.5; } .q_opt_type { text-align: center; padding: 5px; position: relative; max-width: 250px; } /* These are used for the cards in the quiz options for vocab/kanji */ .vcard .flbox { margin: 10px 10px 0; padding: 20px 0; font-size: 130% } @media screen and (max-width: 560px){ .vcard .flbox { display: block; padding: 10px 0; font-size: 110%; } .vcard span { display: block; text-align: center; } .mbox_560 > div { width: 100%; } .q_opt_type sup { font-size: 160% !important; } .q_opt_type { max-width: 100%; } } .q_accord { margin-top: 10px; padding-top: 10px; } /* .q_opt_type div:first-of-type { margin: 10px 0px; }*/ .omak_label { display: block; padding: 3px; margin: 0px 10px; } .gopt_div, .gopt_vconj_div { line-height: 1.8em; } .gopt_div { font-size: 14px; } .gopt_vconj_div label, .gopt_div label, div.n_chcked + div label, .kopt label, .adv_opt label, .adv_opt label input, .q_opt_type label, .omak_label input, .omak_label { cursor: pointer; } .kopt, .vopt { margin-bottom: 6px; } div.n_chcked { padding-right: 10px; width: 10%; } div.n_chcked + div { width: 88%; } .sched_opt > div:first-of-type { margin-right: 10px; } .sched_opt > div:last-of-type { font-size: 200%; } .sched_opt { margin-bottom: 10px; min-width: 40%; } @media screen and (max-width: 1020px){ #ttip #quizform .pure-u-1-4:first-of-type, #ttip #quizform .pure-u-1-4 { margin-left: 0; margin-right: 0; } .vtobox { text-align: center; } .vtobox, .vfrombox { width: 50%; } .vtobox > .pure-g { display: inline-block; } .vtobox > .pure-g > div > div { display: inline-block; text-align: left; } }/* end __quiz_opts.css */ /* start __quiz_question.css */ .quiz_selected { background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1)) !important; } .squiz_rei > span { margin-bottom: 3px; } /* highlights words in questions */ .high_q { font-size: 130%; font-weight: bold; color: var(--quiz_highlight) } /* stop highlighting the answer after they choose one */ #ans.answered .pure-button:hover { background-image: none; } .piece_holder .kanji_blank { display: none; } #ans .single_line > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .rblank_single { display: block; font-size: 140%; } .rblank_single:first-letter { font-size: 170%; } #quiz_warning > div:nth-child(1):after { text-align: center; font-size: 24px; line-height: 40px; text-indent: 0px; } #quizerror { border: 1px solid var(--grey); background-color: var(--button_bg); } #quizerror .innerbody { padding: 16px 0px 11px 20px; font-size: 13px; } #quizerrormsg { margin: 12px 0px 0px 5px; } /* icon within quizzing for when question type is not available */ .no_image { padding-left: 10px; } #ans { visibility: hidden; } #ans .pure-button, #game_ans .pure-button { font-weight: normal; } #ans input[type=radio] { display: none; } #ans label, #game_ans label, #pop_ans label { display: block; margin-bottom: 6px; text-align: left; text-indent: 6px; background-color: var(--striped); border-width: 3px; border-style: solid; transition: background-color .5s ease; padding: 12px; border-radius: 6px; } #ans label:last-of-type { margin-bottom: 0; } #ans label:hover, #ans label:focus { background-image:none !important; } #pop_ans label:nth-of-type(1), #ans label:nth-of-type(1), #game_ans div:nth-of-type(1) > label { border-color: var(--vocab); background-color: var(--introbox1_bg_half); } #ans label:hover:nth-of-type(1), #game_ans div:nth-of-type(1) > label:hover, #ans label.qselected:nth-of-type(1) { background-color: var(--introbox1_bg); } #pop_ans label:nth-of-type(3), #ans label:nth-of-type(3), #game_ans div:nth-of-type(3) > label { border-color: var(--introbox2); background-color: var(--introbox2_bg_half); } #ans label:hover:nth-of-type(3), #game_ans div:nth-of-type(3) > label:hover, #ans label.qselected:nth-of-type(3) { background-color: var(--introbox2_bg); } #pop_ans label:nth-of-type(2), #ans label:nth-of-type(2), #game_ans div:nth-of-type(2) > label { border-color: var(--introbox3); background-color: var(--introbox3_bg_half); } #ans label:hover:nth-of-type(2), #game_ans div:nth-of-type(2) > label:hover, #ans label.qselected:nth-of-type(2) { background-color: var(--introbox3_bg); } #pop_ans label:nth-of-type(4), #ans label:nth-of-type(4), #game_ans div:nth-of-type(4) > label { border-color: var(--introbox4); background-color: var(--introbox4_bg_half); } #ans label:hover:nth-of-type(4), #game_ans div:nth-of-type(4) > label:hover, #ans label.qselected:nth-of-type(4) { background-color: var(--introbox4_bg); } /* div.intro_action_on:nth-of-type(2) { color: var(--introbox2_on) !important; border-color: var(--introbox2_on) !important; background-color: var(--introbox2_bg); } div.intro_action_on:nth-of-type(1) { color: var(--introbox1_on) !important; border-color: var(--introbox1_on) !important; background-color: var(--introbox1_bg); }*/ .quiz_flat #pop_ans label, .quiz_flat #ans label, #game_ans .quiz_flat label { border-color: var(--vocab) !important; background-color: transparent !important; } .quiz_flat #ans label:hover, #game_ans .quiz_flat label:hover .quiz_flat #ans label.qselected { background-color: var(--introbox1_bg) !important; } #ans label > span { word-wrap: break-word; white-space: normal; } #show_answers { position: relative; width: 100%; text-align: center; background-color: var(--quiz_grey); border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } #prompt { height: 19px; color: var(--text); font-size:140%; } #next { padding: 6px; text-align: center; color: black; background-color: var(--orange_button); } #next:hover { background-color: var(--orange_button_hover); } /* question prompt */ #question_type { margin: 6px 0px 6px 0px; padding: 5px 5px 5px 10px; font-size: 120%; background-color: var(--darkstripe); border-top-right-radius: 6px; border-top-left-radius: 6px; } #fitb { /*position: relative;*/ top: 12px; } #q_small { position: relative; height: 32px; } .qbox_top_left { padding: 6px; font-weight: bolder; font-size:125%; } #q_content { margin: 30px 7px 30px 7px; } #show_ans_button { position: absolute; height: 100%; width: 100%; cursor: pointer; } /* #q_content input { text-indent: 12px; } */ #reviewing { position: relative; margin: 0px auto 10px auto; width: 488px; padding: 10px 0px; top: 0; left: 0; right: 0; text-align: center; background-color: var(--reviewing); } .quiz_submit { background-color: var(--quiz_submit); color: var(--text); } .quiz_clear { background-color: var(--button_bg); color: var(--text); } .quiz_submit:hover { background-image: linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1)) } @media screen and (max-width: 1020px){ #q_content input { text-indent: 0; } #ans label.half { width: 38%; display:inline-block; } #type { padding-left: 5px } #ans label, #game_ans label { text-indent: 0; } } @media screen and (max-width: 720px){ #q_content { margin: 30px 0; } #reviewing { width: 95%; font-size: 80%; } } /* 468 */ @media screen and (max-width: 468px){ #q_content { margin: 15px 7px 15px 7px; } #displayquestion { width: 75%; } } /* 400 */ @media screen and (max-width: 400px){ #ans label { width: 91%; } } #quiz_overlay { text-align:center; background-color: var(--darkstripe); font-size:60%; display:none; height: 40px; border-radius:20px; position:absolute; top:10px; left:10px; z-index:2 } @media screen and (max-width: 1020px) { #quiz_qabox.dual #quiz_overlay { bottom: 10px; right: 10px; top: auto; left: auto; } } #blankbox[type="number"] + .hw_icon { display:none}/* end __quiz_question.css */ /* start __quiz_question_kanji.css */ .kanji_source .kanji_blank { visibility: hidden; float: left; } .kanji_drag { cursor: pointer; } /* used in some kanji quizzes */ .togglebutton{ color: var(--grey); text-decoration: none; font-size: 116%; margin: 0 3px 0 3px; padding: 1px 2px 1px 2px; text-align:center; } a.togglebutton{display: block} .rmatch_read { font-size: 100%; margin:5px; } .rmatch_readg .rmatch_read { font-size: 90%; } .kread_blank { font-size: 116%; width: 98%; } .quizkanji_comp span { font-size: 250%; } .quizkanji_comp i { padding: 0 3px; } .quizkanji_comp { padding-top: 3px; padding-bottom: 3px; } .quizkanji_res { margin: 2px; font-size: 230%; text-align: center; vertical-align: middle; } .quizkanji_res i { font-size:18pt; } .quizdrop, .quizkanji{ text-align: center; font-size:270%; margin: 2px; border-radius:6px; width: 48px; height: 48px; line-height:48px; } .quizdrop > .quizkanji { font-size: 100% !important; } #return_box { border: 3px dashed var(--grey) !important; box-shadow:none !important; border-radius: 5px; margin-bottom:10px; } #kanjibox { margin-bottom: 20px; } #floathead_outer .ui-draggable, #pop_q_content .ui-draggable, #q_content .ui-draggable, #ansblock .ui-draggable { border: 1px solid transparent; box-shadow: .5px 1px 1px rgba(0,0,0,0.3); -moz-box-shadow: .5px 1px 1px rgba(0,0,0,0.3); -webkit-box-shadow: .5px 1px 1px rgba(0,0,0,0.3); margin-right: 7px; } #floathead_outer .ui-droppable, #pop_q_content .ui-droppable, #q_content .ui-droppable, #ansblock .ui-droppable { border: 1px solid transparent; box-shadow: .5px 1px 1px rgba(0,0,0,0.3); -moz-box-shadow: .5px 1px 1px rgba(0,0,0,0.3); -webkit-box-shadow: .5px 1px 1px rgba(0,0,0,0.3); } /* highlights droppable areas while dragging is taking place */ #q_content .highlight_drop { border: 1px dashed var(--text) } .quiz_b { width: 100%; font-size:125%; padding: 7px 0; } .quiz_b:first-of-type { margin-bottom: 4px; } .quiz_b:last-of-type { margin-bottom:0; } #kanjibox { display: inline-block; } #return_box { font-size: 167%; } label.k_imposter { display: inline-block; cursor: pointer; text-indent: 10px; width: auto; padding-right: 10px; margin: 2px; height: auto; } label.k_imposter > div { height: auto; line-height: 1em; } .iblock table { border-spacing: 2px; border-collapse: separate; } @media screen and (max-width: 720px){ #return_box { font-size: 120%; } .rmatch_read { /* font-size: 90%; */ margin: 3px; } #floathead_outer .ui-draggable, #q_content .ui-draggable, #ansblock .ui-draggable { margin-right: 3px; } } @media screen and (max-width: 520px) { .quizdrop, .quizkanji{ font-size:180%; width: 40px; height: 40px; line-height:40px; } } @media screen and (max-width: 468px){ .kread_blank { font-size: 100%; } } /* 400 */ @media screen and (max-width: 400px){ .kread_blank { width: 160px; } .quizdrop, .quizkanji{ font-size:150%; width: 36px; height: 36px; line-height:36px; } } .star_blank span { border-bottom: 2px solid var(--text); min-width:30px; } .star_blank { margin: 0 4px; } .qmode_box { margin-bottom:20px; } .gopt_exp_div .qmode_box { margin-bottom: 5px; } .qmode_box > div:first-of-type { margin-right: 10px; } .qmode_box label { margin-top: 0; } .qmode_box_title { font-weight:bolder; font-size:120%; } .qmode_box_desc { font-size:90%; } .qmode_box .flexbox { justify-content: center; margin-top:10px; } .qmode_box .flexbox > label { max-width: 50% !important; min-width: 40%; box-sizing: border-box; padding: 6px !important; } .qmode_box .flexbox > label:nth-child(odd) { margin: 0 3px 2px 0 !important; } .qmode_box .flexbox > label:nth-child(even) { margin: 0 0 2px 3px !important; } .sentence_drop { text-align: center; border-radius: 6px; padding: 0 2px; margin: 0 6px 0 6px !important; background-color: var(--sstriped); white-space: nowrap; } .squiz_rei > span { white-space: nowrap; } .sent_blank { min-width:50px; } #floathead_outer #kanjibox { margin-bottom: 2px; }/* end __quiz_question_kanji.css */ /* start __quiz_question_text.css */ .intro_term ruby.k1, .intro_term span.k1 { font-size: 110% } /* 13+ !!!! */ .intro_term ruby.k1_hold, .intro_term span.k1 { font-size: 110% !important } /* 13+ !!!! */ .intro_term ruby.k2, .intro_term span.k2 { font-size: 140% } /* 12 */ .intro_term ruby.k3, .intro_term span.k3 { font-size: 150% } /* 11 */ .intro_term ruby.k4, .intro_term span.k4 { font-size: 170% } /* 10 */ .intro_term ruby.k5, .intro_term span.k5 { font-size: 190% } /* 9 */ .intro_term ruby.k6, .intro_term span.k6 { font-size: 200% } /* 8 */ .intro_term ruby.k7, .intro_term span.k7 { font-size: 210% } /* 7 */ .intro_term ruby.k8, .intro_term span.k8 { font-size: 270% } /* 6 */ .intro_term ruby.k9, .intro_term span.k9 { font-size: 320% } /* 5 */ .intro_term ruby.k10, .intro_term span.k10 { font-size: 360% } @media screen and (max-width: 510px){ .intro_term ruby.k1, .intro_term span.k1, { font-size: 110% } /* 13+ !!!! */ .intro_term ruby.k1_hold, .intro_term span.k1, { font-size: 110% !important } /* 13+ !!!! */ .intro_term ruby.k2, .intro_term span.k2, { font-size: 140% } /* 12 */ .intro_term ruby.k3, .intro_term span.k3, { font-size: 150% } /* 11 */ .intro_term ruby.k4, .intro_term span.k4, { font-size: 170% } /* 10 */ .intro_term ruby.k5, .intro_term span.k5, { font-size: 190% } /* 9 */ .intro_term ruby.k6, .intro_term span.k6, { font-size: 200% } /* 8 */ .intro_term ruby.k7, .intro_term span.k7, { font-size: 210% } /* 7 */ .intro_term ruby.k8, .intro_term span.k8, { font-size: 270% } /* 6 */ .intro_term ruby.k9, .intro_term span.k9, { font-size: 320% } /* 5 */ .intro_term ruby.k10, .intro_term span.k10, { font-size: 360% } /* 1-4 chars */ } #questionbox ruby.k1, #questionbox span.k1 { font-size: 110% } /* 13+ !!!! */ #questionbox ruby.k1_hold, #questionbox span.k1_hold { font-size: 110% !important } /* 13+ !!!! */ #questionbox ruby.k2, #questionbox span.k2 { font-size: 140% } /* 12 */ #questionbox ruby.k3, #questionbox span.k3 { font-size: 150% } /* 11 */ #questionbox ruby.k4, #questionbox span.k4 { font-size: 170% } /* 10 */ #questionbox ruby.k5, #questionbox span.k5 { font-size: 190% } /* 9 */ #questionbox ruby.k6, #questionbox span.k6 { font-size: 200% } /* 8 */ #questionbox ruby.k7, #questionbox span.k7 { font-size: 210% } /* 7 */ #questionbox ruby.k8, #questionbox span.k8 { font-size: 270% } /* 6 */ #questionbox ruby.k9, #questionbox span.k9 { font-size: 320% } /* 5 */ #questionbox ruby.k10, #questionbox span.k10 { font-size: 360% } /* 1-4 chars */ @media screen and (max-width: 720px){ #questionbox ruby.k1, #questionbox span.k1 { font-size: 90% } /* 13+ !!!! */ #questionbox ruby.k2, #questionbox span.k2 { font-size: 100% } /* 12 */ #questionbox ruby.k3, #questionbox span.k3 { font-size: 110% } /* 11 */ #questionbox ruby.k4, #questionbox span.k4 { font-size: 120% } /* 10 */ #questionbox ruby.k5, #questionbox span.k5 { font-size: 160% } /* 9 */ #questionbox ruby.k6, #questionbox span.k6 { font-size: 200% } /* 8 */ #questionbox ruby.k7, #questionbox span.k7 { font-size: 230% } /* 7 */ #questionbox ruby.k8, #questionbox span.k8 { font-size: 240% } /* 6 */ #questionbox ruby.k9, #questionbox span.k9 { font-size: 260% } /* 5 */ #questionbox ruby.k10, #questionbox span.k10 { font-size: 280% } /* 1-4 chars */ } /* 468 */ @media screen and (max-width: 468px){ #questionbox ruby.k1, #questionbox span.k1 { font-size: 80% } /* 13+ !!!! */ #questionbox ruby.k2, #questionbox span.k2 { font-size: 90% } /* 12 */ #questionbox ruby.k3, #questionbox span.k3 { font-size: 100% } /* 11 */ #questionbox ruby.k4, #questionbox span.k4 { font-size: 110% } /* 10 */ #questionbox ruby.k5, #questionbox span.k5 { font-size: 120% } /* 9 */ #questionbox ruby.k6, #questionbox span.k6 { font-size: 130% } /* 8 */ #questionbox ruby.k7, #questionbox span.k7 { font-size: 140% } /* 7 */ #questionbox ruby.k8, #questionbox span.k8 { font-size: 150% } /* 6 */ #questionbox ruby.k9, #questionbox span.k9 { font-size: 170% } /* 5 */ #questionbox ruby.k10, #questionbox span.k10 { font-size: 180% } /* 1-4 chars */ .intro_term ruby.k1, .intro_term span.k1 { font-size: 110% } /* 13+ !!!! */ .intro_term ruby.k1_hold, .intro_term span.k1 { font-size: 110% !important } /* 13+ !!!! */ .intro_term ruby.k2, .intro_term span.k2 { font-size: 120% } /* 12 */ .intro_term ruby.k3, .intro_term span.k3 { font-size: 130% } /* 11 */ .intro_term ruby.k4, .intro_term span.k4 { font-size: 140% } /* 10 */ .intro_term ruby.k5, .intro_term span.k5 { font-size: 150% } /* 9 */ .intro_term ruby.k6, .intro_term span.k6 { font-size: 160% } /* 8 */ .intro_term ruby.k7, .intro_term span.k7 { font-size: 170% } /* 7 */ .intro_term ruby.k8, .intro_term span.k8 { font-size: 210% } /* 6 */ .intro_term ruby.k9, .intro_term span.k9 { font-size: 260% } /* 5 */ .intro_term ruby.k10, .intro_term span.k10 { font-size: 300% } #result_box ruby.k1, #result_box span.k1 { font-size: 180% } /* 13+ !!!! */ #result_box ruby.k2, #result_box span.k2 { font-size: 210% } /* 12 */ #result_box ruby.k3, #result_box span.k3 { font-size: 220% } /* 11 */ #result_box ruby.k4, #result_box span.k4 { font-size: 240% } /* 10 */ #result_box ruby.k5, #result_box span.k5 { font-size: 240% } /* 9 */ #result_box ruby.k6, #result_box span.k6 { font-size: 250% } /* 8 */ #result_box ruby.k7, #result_box span.k7 { font-size: 260% } /* 7 */ #result_box ruby.k8, #result_box span.k8 { font-size: 270% } /* 6 */ #result_box ruby.k9, #result_box span.k9 { font-size: 280% } /* 5 */ #result_box ruby.k10, #result_box span.k10 { font-size: 290% } /* 1-4 chars */ }/* end __quiz_question_text.css */ /* start __quiz_reader.css */ #reader_lselector { display: grid; align-items: center; grid-template-columns: auto minmax(0,1fr); column-gap: 15px; row-gap: 10px; grid-template-rows: auto auto; }/* end __quiz_reader.css */ /* start __quiz_results.css */ /* result box in quiz */ .wrongbox > span.fa-stack { font-size: 20px; } #result_box .model_rei > div:nth-of-type(2) { font-size: 66%; } .correctbox{ border: 1px solid var(--green) !important; border-top-width: 5px !important; } .wrongbox{ border: 1px solid var(--red) !important; border-top-width: 5px !important; } /*　Click for next question button */ #result_when { margin-bottom: 10px; } .empty_result { padding: 20px; } svg.qresult { display: inline-block; width: 30px; height: 30px; } .qresult .path { stroke-dasharray: 1000; stroke-dashoffset: 0; } .qresult .path.circle { -webkit-animation: dash 0.9s ease-in-out; animation: dash 0.9s ease-in-out; } .qresult .path.line { stroke-dashoffset: 1000; -webkit-animation: dash 0.9s 0.35s ease-in-out forwards; animation: dash 0.9s 0.35s ease-in-out forwards; } .qresult .path.check { stroke-dashoffset: -100; -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards; animation: dash-check 0.9s 0.35s ease-in-out forwards; } @-webkit-keyframes dash { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } @keyframes dash { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } @-webkit-keyframes dash-check { 0% { stroke-dashoffset: -100; } 100% { stroke-dashoffset: 900; } } @keyframes dash-check { 0% { stroke-dashoffset: -100; } 100% { stroke-dashoffset: 900; } } @media screen and (max-width: 720px){ #result_when { margin-bottom: 5px; } }/* end __quiz_results.css */ /* start __quiz_strokes.css */ /* SCountPiece */ .stack_stroke, .stack_stroke img, .stroke_box > div, .stroke_box > div > img, .stroke_finish { width: 60px; height: 60px; overflow: hidden; } .stack_stroke img { position: absolute; top: 0; left: 0; } .stroke_holder > div, .stroke_holder > img { margin-right: 5px; } .stroke_box { font-size: inherit; border-width: 0 !important; padding: 0; margin: 0 !important; } .q_content .stroke_box { background-color: var(--stroke_box); } .stack_stroke img { z-index: 2; } .stack_stroke div { position: absolute; background-color: var(--body_bg); /* no var */ width: 60px; height: 60px; } .stroke_box > div { background-image: url(https://www.renshuu.org/img/frame.svg); background-size: 60px 60px; } @media screen and (max-width: 500px){ .stack_stroke, .stack_stroke img, .stroke_box > div, .stroke_box > div > img, .stroke_finish { width: 50px; height: 50px; } .stroke_box > div { background-size: 50px 50px; } } @media screen and (max-width: 400px){ .stack_stroke, .stack_stroke img, .stroke_box > div, .stroke_box > div > img, .stroke_finish { width: 40px; height: 40px; } .stroke_box > div { background-size: 40px 40px; } }/* end __quiz_strokes.css */ /* start __quiz_writing.css */ #q_content .tr_abs { top: 1px; right: 1px; } .hideBackground { background: none !important; } #q_content .br_abs { bottom: 1px; right: 1px; } #q_content .bl_abs { bottom: 1px; left: 1px; } .write_timer { position: absolute; top: 5px; left: 5px; } .writing_border { transition: border-color .3s; border:1px solid grey; height:350px; width: 350px; background-size: 100% 100%; } .writing_border.flash { border-color:red; } .writing_canvas, .writing_canvas_finished { transition: background-image .3s; } .writing_canvas { z-index: 2; } .writing_canvas_finished { z-index: 1; position: absolute; top: 0; left: 0; } .writing_canvas_marks,.writing_canvas_dest, .writing_dests img { z-index: 0; position: absolute; top: 0; left: 0; } .options_box > div { margin-bottom: 10px; } .options_box > div:first-of-type { margin-top: 5px; } .options_box > div:last-of-type { margin-bottom: 5px; } .writing_dests { margin-bottom: 10px; justify-content: center; } .writing_dests > div { width: 35px; height: 35px; border: 1px solid var(--box_border); margin: 2px 2px; display: inline-block; line-height: 35px; font-size:30px; } .writing_dests img { max-width: 100%; } .writing_dests > div.dest_selected { border-color: var(--green); }/* end __quiz_writing.css */ /* start __terms_custom.css */ #direct_input > input[type=button] { margin-top: 7px; } /* list edit - already found terms */ .ct_edit > div:nth-child(1) { width: 77%; } .ct_edit > div:nth-child(1) > div:nth-child(1) { font-size: 14px } .ct_edit > div:nth-child(1) > div:nth-child(2) { padding-left: 10px } .ct_edit > div:nth-child(2) { width: 22%; text-align: right; } /* end __terms_custom.css */ /* start __terms_list.css */ ol.deflist {list-style: none; counter-reset: def-counter} ol.deflist li { counter-increment: def-counter; } ol.deflist li::before { content: counter(def-counter) ". "; color: var(--grey); font-weight: bold; font-size:125%; } .deflist li { margin-bottom: 5px; } .intro_kana_img img { display: inline-block !important; } .print_term .intro_kana_word { display:none; } .print_term .intro_kana_img img { height: 90px; } #term_list_lbox { position: fixed; background-color: var(--bg_main); bottom: 0; top: var(--navheight); overflow: auto; width: 948px; z-index: 31; margin-left: -15px; padding-left: 10px; border: 1px solid var(--wrapper_bd); } #term_list_lbox > div { padding: 15px 15px 0px 0; } #term_list_lbox svg, #term_list_lbox i { cursor: pointer; } #term_list_lbox_inner { padding-top: 25px; } #term_list_lbox_load { margin: 70px auto; position: relative; text-align: center; } #term_list_lbox_load .loader { display: inline-block; } #list_export button { margin-top: 7px; } /* term lists */ #term_list_lbox > div { position: relative; } #term_list_close { position: fixed; top: calc(var(--navheight) + 20px); left: 50%; width: 920px; height: 22px; z-index: 2; margin-left: -472px; } #list_tcall { padding-left: 10px; } /* search field in term_list */ #pro_search + svg, #pro_search + i { cursor: pointer; position: absolute; top: 8px; left: 8px; bottom: 0; margin: auto; } /* floating header */ #floathead_outer, #floatfoot_outer { z-index: 32; padding: 0 10px; background-color: var(--bg_main); box-shadow: 0 0 30px rgba(0,0,0,.2); box-sizing: border-box; } #floathead_outer.gbox { z-index: 601; } #floathead_inner { background-color: var(--bg_main); } @media screen and (max-width: 1020px){ #term_list_lbox_inner { padding-top: 10px; } #term_list_lbox { margin-left: 0px; width: 100%; max-width: 100%; top: var(--navheight); font-size: 80%; } #term_list_close { right: 20px; width: 40px; margin-left: 0; left: inherit !important; } } @media screen and (max-width: 1020px){ #term_list_lbox { margin: 0; left: 0; } }/* end __terms_list.css */ /* start __terms_reibuns.css */ /* CLEAN */ .rei_rate { text-align: center; margin-right: 5px; } /* for the page links on reibun lists */ #ureibun_form button { font-size: 80% } /* used in grammar term boxes */ .grammar_intro_usage { margin: 15px 0; } .grammar_intro_usage table { margin: 10px; } .urei_cblock { margin: 0 0px 0 15px; } /*.shighlight rb, .sqhighlight_txt, .sqhighlight rb {*/ .shighlight, .sqhighlight_txt, .sqhighlight { color: var(--shighlight) !important; /* background-color: var(--rhighlight); border-bottom: 3px solid var(--rhighlight); padding-bottom: 1px; display: inline-block; line-height: .81; */ } div.reibun { margin: 0; } div.reibun > div { margin-bottom: 15px; font-size: 120%; } div.reibun > div:last-of-type { margin-bottom: 0; } .popDef { min-width: 200px; max-width: 350px; max-height: 110px; overflow-y: auto; font-style: italic; line-height: normal; min-height: 2.1em; } .reinorm { padding: 0px 0px 3px 0px; margin: 0; } .reinorm > span { border-bottom: 3px solid transparent; } .reibox ruby rt { font-size: 60%; line-height: 80%; } .rei_sizing { font-size: 270%; } @media screen and (max-width: 500px){ .rei_sizing { font-size:200%; } } .rmarked { color: var(--gold); margin-right:3px; }/* end __terms_reibuns.css */ /* start __terms_terms.css */ /* pitch markings */ #loadAdd_toast, .inner_toast { opacity:0; position: absolute; right: 10px; bottom: 10px; border-radius:4px; padding: 6px 10px; background-color:rgb(27, 125, 35); color:#FFF } .term_pitch_box { margin: 4px 0; } .pitch_char { padding: 3px 3px 0 3px; } .pitch_drop { display: inline-block; border-right: 3px solid var(--green); border-top: 3px solid var(--green); border-top-right-radius: 5px; padding-right: 0px; padding-top: 0; } .pitch_high { display: inline-block; border-top: 3px solid var(--green); padding-top: 0; } .pitch_rise { display: inline-block; border-left: 3px solid var(--green); border-top: 3px solid var(--green); border-top-left-radius: 5px; padding-left:0px; padding-top: 0; } .pitch_hump { display: inline-block; border-left: 3px solid var(--green); border-top: 3px solid var(--green); border-right: 3px solid var(--green); border-top-left-radius: 5px; border-top-right-radius: 5px; padding-left:0px; padding-right: 0px; padding-top: 0; } .stroke_anim { width: 109px; height: 109px; } .stroke_anim > svg { width: 109px !important; height: 109px !important; position: absolute; top: 0; left: 0; display: none; } .stroke_anim > svg.active { display:block; } /* pics */ .print_pic img, .compact_pic img, .full_pic img { max-height: 50px; } .compact_pic, .full_pic { float: left; margin-right: 5px; } .thelist{margin-top:8px;} .full_term { margin: 6px 0px 12px; } .thelist .print_term { padding: 8px; } .tinker_trim > div { margin: 0 5px; } /* custom definitions */ .cdef_def { cursor: pointer; } .cdef_def:hover > svg, .cdef_def:hover > i { display: inline-block !important; } /* for vocab - the ibox is inside of the main box */ .full_term > .full_mbox, .gmeaning .full_mbox { border-top-width: 0; border-right-width: 0; margin-top: -6px; margin-right: -4px; } .gmeaning .full_mbox { border-width: 0; margin-right: 0; } [id*="termbox"] + .reibox , [id*="termbox"] + .full_mbox , .full_term + .full_mbox, .full_term + .reibox, .full_mbox + .reibox { margin: -13px 0 12px 0; } .thelist .print_term +div { margin-top: -1px; } .thelist > .mfull_term { border-top: 2px solid var(--term_border); background-color: var(--striped); } /*compact and basic view*/ .compact_term, .full_term, .print_term { background-color: var(--striped) !important; /*override flbox */ } .radical { background-color: var(--radical_bg); } /*field groups for mastery box */ .fgroups > div { margin-right: 10px; } .fgroups > div:last-of-type { margin-right: 0; } .full_mbox { padding: 6px; clear: right; line-height: 150%; } .ibox b { white-space: nowrap; } /* in term list creation, this is attached to each result box */ .custerm { margin-bottom: 5px; } .expand_mastery { position: absolute; right: 0; bottom: 10px } /* terms list for responsive rows */ .flexterm { padding-right: 5px; max-width: 50%; min-width: 50%; margin-bottom: 10px; box-sizing: border-box; } #result_box .flexterm, #kao_box .flexterm, #me_miss_bodies .flexterm { max-width: 100%; min-width: 100%; } ruby.k1, span.k1 { font-size: 220% } /* 13+ !!!! */ ruby.k1_hold, span.k1_hold { font-size: 220% !important } /* 13+ !!!! */ ruby.k2, span.k2 { font-size: 290% } /* 12 */ ruby.k3, span.k3 { font-size: 300% } /* 11 */ ruby.k4, span.k4 { font-size: 330% } /* 10 */ ruby.k5, span.k5 { font-size: 370% } /* 9 */ ruby.k6, span.k6 { font-size: 400% } /* 8 */ ruby.k7, span.k7 { font-size: 440% } /* 7 */ ruby.k8, span.k8 { font-size: 450% } /* 6 */ ruby.k9, span.k9 { font-size: 450% } /* 5 */ ruby.k10, span.k10 { font-size: 450% } /* 1-4 chars */ ruby.kg, span.kg { font-size: 140% } /* 1-4 chars */ .export_links span { padding-right: 8px; } /* conjugation popup */ table.tspace td { padding-right: 10px; } /*$$$$$$$*/ /* Term Lists */ /*$$$$$$$*/ .textbox { margin: 1px 1px; padding: 4px 3px; clear:left; background-color: var(--bg_main); } .tdef { font-size: 120%; } /*.unknown rb, span.sunknown{*/ .unknown, span.sunknown{ /*background-color: var(--unknown)*/ border-bottom: 3px solid var(--unknownl) !important; display: inline-block; line-height: .80; } .unknown .grey { color: var(--dgrey) !important; } .termtag { color: var(--grey); font-size:80%; } @media screen and (max-width: 720px){ .flexterm { min-width: 70%; max-width: 100%; padding-right: 0; } .ibox .flexboxc { flex-direction: row; } .ibox .flexboxc span { display: none; /* text labels */ } .expand_mastery { position: static !important; } ruby.k1, span.k1, ruby.k1, span.k1 { font-size: 150% } /* 13+ !!!! */ ruby.k2, span.k2 { font-size: 200% } /* 12 */ ruby.k3, span.k3 { font-size: 230% } /* 11 */ ruby.k4, span.k4 { font-size: 260% } /* 10 */ ruby.k5, span.k5 { font-size: 300% } /* 9 */ ruby.k6, span.k6 { font-size: 330% } /* 8 */ ruby.k7, span.k7 { font-size: 370% } /* 7 */ ruby.k8, span.k8 { font-size: 380% } /* 6 */ ruby.k9, span.k9 { font-size: 400% } /* 5 */ ruby.k10, span.k10 { font-size: 400% } /* 1-4 chars */ } .mn_piece > div { font-size: 40%; text-overflow: ellipsis; white-space: nowrap; margin: 0 auto; overflow: hidden; } /* hides text labels on action buttons if two narrow */ @media screen and (max-width: 460px){ .ibox .expanded + div i + span { display: none; } } .mn_kanji { font-size: 50pt; margin-right: 10px; } .mn_dpiece { padding: 3px; } .mn_piece { margin: 3px; cursor: pointer; font-size: 20pt; } #mn_preview { margin: 3px; } .mnemonic_box { margin-bottom: 7px; } .mnemonic_box .indent { margin: 3px 0 5px; } .mnemonic_box > .flexbox > div:first-child { margin-right: 5px; } .mn_piece { display: inline-block; text-align: center; } .mn_90 { max-width: 90px; } .mn_120 { max-width: 120px; } .mn_piece div { max-width: 200px; } .mn_piece { max-width: 100%; text-align: left; padding: 0px 2px; overflow: hidden; } .mn_piece > span { font-size: 14pt; margin-right: 5px; } .mn_piece > * { display: inline-block; } @media screen and (max-width: 520px) { .mn_piecebox { max-height: 30vh;overflow-y:auto; } } .picture_use { padding: 2px 4px; margin-left: 3px; } .picture_crop { padding: 2px 4px; margin-right: 3px; } .pic_preview { margin: 5px; position: relative; } .pic_preview > img { max-width: 125px; max-height: 125px; } #crop_img { max-width: 100%; } .vpic, .sl-image img { background-color: white; } .vpic { min-width: 20px; max-width: 120px; } .vpic_intro { max-height:350px; max-width: 100%; display:inline-block; } @media screen and (max-width: 500px){ .vpic_intro { max-height:250px; } } @media screen and (max-height: 650px){ .vpic_intro { max-height:200px; } .intro_action .fa-3x { font-size: 2em; } } @media screen and (max-height: 550px){ .vpic_intro { max-height:150px; } } .img_kana img { max-height: 175px !important; max-width: 175px !important; } .mn_spiece img,.mn_spiece svg { height: 16px; width: 16px; }/* end __terms_terms.css */ /* start _colors.css */ :root { /*main cats*/ --vocab: #9695D6; /*buttons*/ --b_primary: #2C7A93; /*send, go*/ --b_primary_border: #236277; --b_border: #C0C0C0; /*podium*/ --gold: #FFDD32; --silver: #CBCBCB; --bronze: #A68A7E; /*misc*/ --navhover: #F7B76F; --darkstripe: #97C9E7; /* stripes */ --sstriped: #EDF1F5; /* scheds */ --red: rgb(255,0,0); --lred: rgba(255,0,0,.38); --green: rgb(27, 125, 35); --lgreen: rgba(27, 125, 35,.38); --placeholder: #999; /* crossword */ --cw_bg: #FFFFFF; --cw_border: #000; /* basics */ --text: #000; --ntext: #FFF; /* actual inverse */ /* --ltext: grey;*/ --grey: #989595; --dgrey: #888; --dorange: #EE7600; /* --offtext: #999;*/ /* when color requires white text */ --neg_text: #FFFFFF; /* generic box */ --box_border: rgba(0, 0, 0, 0.23); --alink: #17467e; /* body */ --body_bg: #DBECF9; --wrapper_bd: rgb(140, 178, 198); --bg_main: #FFFFFF; --menu_bg: #f8f8f8; /* tabs */ --tab_bg: #fafafa; /* alerts */ --warn_bg: #fff5f5; --warn_icon_bg: #ffa8a8; --succ_bg: #e0efc9; --succ_icon_bg: #94d94a; /* flbox */ --fl_bg: #EFF7FC; --fl_border: rgba(0,0,0,0.23); /* term box, override flbox */ --term_border: #EDF0F2; /* striped */ --striped : #FDFDFD; /*quiz box */ --quiz_bg: #fafafa; /* navbar */ --nav_text : #FFF; --nav_bg : #1C5669; --nav_border: #002C63; --menu_border: #aaa; --mnav_spacer: #194B5C; --mnav_ahover_bg: #141e23; --podium: #ECE8E8; /* reibuns */ --rhighlight: #BFDDFF; --shighlight: #248010; --unknown: #FFB89C; --unknownl: #FFB89C; --button_border: #dadada; --button_bg: #eee; /*kdict yay */ --quiz_answer: #EDF1F5; --quiz_grey: #DFE3E6; /*quiz*/ --quiz_highlight: blue; --quiz_submit: lightblue; --orange_button: #F7CC9C; --orange_button_hover: #F8BB76; --reviewing: rgb(148, 206, 155); --radical_bg: transparent; --stroke-box: white; /* monthlies */ --monthly_bg: #fff293; --haiku1: #ffaacc; --haiku2: #aec6e9; --haiku3: #b7c8b7; --haiku4: #e9afaf; --haiku5: #ccaaff; --haiku6: #ffccaa; /* adventure */ --progress_back: #ffe742; --progress_bar: #ffebbe; --progress_border: #fd9564; --challenge_bg: #fff5ea; --level_circles: #ff3849; --progress_mborder: #ff712d; --progress_ncircle: #c7bebe; --progress_circle_bg: #fff5ea; /* svgs */ --svg-black: black; --svg-grey: #999; --svg-lgrey : #eee; --svg-bg: #fff; --svg-dgrey: #ccc; --svg-border: #ddd; --svg-dot: #FF2A00; /* intro boxes */ --introbox1_on: #918ffd; --introbox2: #afda7b; --introbox2_on: #7acc18; --introbox3: #f3b46c; --introbox3_on: #de8117; --introbox4: #f1a9a9; --introbox4_on: #d61145; --introbox1_bg: #eae9f9; --introbox2_bg: #e8f5d8; --introbox3_bg: #f5eadf; --introbox4_bg: #fae3ea; --introbox5_on: #2563d5; --introbox6_on: rgba(36,159,91,1); --introbox7_on: #9022f5; --introbox5_off: rgba(3,52,143,0.22); --introbox6_off: rgba(36,159,91,.22); --introbox7_off: rgba(144,34,245,0.22); --introbox1_off: rgba(94,92,208,0.22); --introbox2_off: rgba(122,204,24,0.22); --introbox3_off: rgba(222,129,23,0.22); --introbox4_off: rgba(214,17,69,0.22); --introbox1_bg_half: #f5f4fb; --introbox2_bg_half: #f2ffe3; --introbox3_bg_half: #fef6ee; --introbox4_bg_half: #fef5f8; --navheight: 41px; --navbump: 42px; /* grammar usages */ --usageA: red; --usageB: green; --usageC: #6565f2; --usageD: purple; --usageE: orange; --usageF: coral; --usageG: darkred; --usageH: darkgreen; --usageI: deeppink; } /* end _colors.css */ /* start _landing.css */ /* pro features page */ .stdbox div.prof{ margin-top:5px; margin-bottom:5px; } /* Landing $$$$$$$$$$$$$$$$$*/ #login_form { padding: 2px; } .rightSignup { z-index: 2; position: absolute; right: 40px; top: 60px; background-color: white; padding: 0.5em; color: #FFF; border-radius: 7px; width: 250px; } .rightWrapper { position: relative; border-radius: 7px; padding: 1em; background-color: #1c5669; } .autoSign{ margin-top:1em; position: relative; } .goog{ color: white; font-weight: bold; background-color: rgb(220, 74, 56); display: block; } .r-form{ margin-bottom: 10px; } .rightWrapper .pure-button[type=submit]{ background-color: #f1671c } /* .pro_box { text-align: center; }*/ .landing_personal { margin-top: 0; } @media screen and (max-width: 900px){ .burgle_cont { height: 55px; } .rightSignup { position: static; margin: 0 auto; width: 100%; max-width: 500px; display: flex; margin-top: -30px; } #register_form_top:not(.rhidden) { display: flex; flex-wrap: wrap; text-align: center; align-items: center; } #register_form_top > * { flex-grow: 1; align-items: center; } #register_form_top h3 { width: 100%; } .autoSign { margin-top: 0; } } @media screen and (max-width: 490px){ .rightSignup { text-align: center; margin-top: 0; } .rightSignup > div { margin: 0 auto; } #register_form_top:not(.rhidden) { display: block; } #register_form_top h3 { width: auto; } .autoSign { margin-top: 1em; } }/* end _landing.css */ /* start _redactor.css */ @keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.redactor-animate-hide{display:none!important}.redactor-fadeIn{opacity:0;animation:fadeIn .2s ease-in-out}.redactor-fadeOut{opacity:1;animation:fadeOut .2s ease-in-out}@font-face{font-family:Redactor;src:url("data:application/x-font-ttf;charset=utf-8;base64,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") format("truetype");font-weight:400;font-style:normal}[class*=" re-icon-"],[class^=re-icon-]{font-family:Redactor!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.re-icon-aligncenter:before{content:"\e900"}.re-icon-alignleft:before,.re-icon-alignment:before{content:"\e901"}.re-icon-alignright:before{content:"\e902"}.re-icon-bold:before{content:"\e903"}.re-icon-bookmark:before{content:"\e904"}.re-icon-clips:before{content:"\e905"}.re-icon-codesnippets:before{content:"\e906"}.re-icon-deleted:before{content:"\e907"}.re-icon-expand:before{content:"\e908"}.re-icon-file:before{content:"\e909"}.re-icon-fontcolor:before{content:"\e90a"}.re-icon-fontfamily:before{content:"\e90b"}.re-icon-fontsize:before{content:"\e90c"}.re-icon-format:before{content:"\e90d"}.re-icon-html:before{content:"\e90e"}.re-icon-imagecenter:before{content:"\e90f"}.re-icon-imageleft:before{content:"\e910"}.re-icon-imageright:before{content:"\e911"}.re-icon-image:before{content:"\e912"}.re-icon-indent:before{content:"\e913"}.re-icon-inline:before{content:"\e914"}.re-icon-italic:before{content:"\e915"}.re-icon-horizontalrule:before,.re-icon-line:before{content:"\e916"}.re-icon-link:before{content:"\e917"}.re-icon-ol:before,.re-icon-ordered:before{content:"\e918"}.re-icon-outdent:before{content:"\e919"}.re-icon-properties:before{content:"\e91a"}.re-icon-readmore:before{content:"\e91b"}.re-icon-redo:before{content:"\e91c"}.re-icon-retract:before{content:"\e91d"}.re-icon-specialcharacters:before{content:"\e91e"}.re-icon-sub:before{content:"\e91f"}.re-icon-sup:before{content:"\e920"}.re-icon-table:before{content:"\e921"}.re-icon-textdirection:before{content:"\e922"}.re-icon-toggle:before{content:"\e923"}.re-icon-underline:before{content:"\e924"}.re-icon-undo:before{content:"\e925"}.re-icon-lists:before,.re-icon-ul:before,.re-icon-unordered:before{content:"\e926"}.re-icon-variable:before{content:"\e927"}.re-icon-video:before{content:"\e928"}.re-icon-widget:before{content:"\e929"}.redactor-box,.redactor-box textarea{z-index:auto}.redactor-box{position:relative;box-sizing:border-box}.redactor-box.redactor-styles-on{margin:0;padding:0;background:#fff;border:1px solid rgba(0,0,0,.075);border-radius:3px;box-shadow:none}.redactor-box.redactor-inline{position:static}.redactor-focus.redactor-styles-on,.redactor-focus:focus.redactor-styles-on{border-color:#82b7ec!important}.redactor-over:hover.redactor-styles-on{border-color:#ee698a!important}.redactor-source-view,.redactor-source-view.redactor-styles-on{border-color:#000!important}.redactor-in{position:relative;overflow:auto;white-space:normal;box-sizing:border-box}.redactor-in:focus{outline:0}.redactor-inline .redactor-in{overflow:hidden}.redactor-in *,.redactor-read-only *{outline:0!important}.redactor-in blockquote:empty,.redactor-in div[data-redactor-tag=br]:empty,.redactor-in div[data-redactor-tag=tbr]:empty,.redactor-in h1:empty,.redactor-in h2:empty,.redactor-in h3:empty,.redactor-in h4:empty,.redactor-in h5:empty,.redactor-in h6:empty,.redactor-in p:empty{min-height:1.5em}.redactor-in div[data-redactor-tag=br],.redactor-in div[data-redactor-tag=tbr]{margin-top:0;margin-bottom:0}.redactor-in b:empty,.redactor-in em:empty,.redactor-in i:empty,.redactor-in ins:empty,.redactor-in span:empty,.redactor-in strong:empty,.redactor-in sub:empty,.redactor-in sup:empty,.redactor-in u:empty{display:inline-block;min-width:1px;min-height:1rem}.redactor-in table{empty-cells:show}.redactor-in li figure{width:auto;display:inline-block;margin:0;vertical-align:top}.redactor-in figcaption:focus,.redactor-in figure code:focus,.redactor-in figure pre:focus,.redactor-in table td:focus,.redactor-in table th:focus{outline:0}.redactor-in figure[data-redactor-type=line]{margin-top:1em;padding:6px 0;vertical-align:baseline}.redactor-in figure[data-redactor-type=line] hr{margin:0;height:3px;border:none;background:rgba(0,0,0,.1)}.redactor-script-tag{display:none!important}.redactor-component{position:relative}.redactor-component[data-redactor-type=video]:before,.redactor-component[data-redactor-type=widget]:before{width:100%;height:100%;content:"";display:block;position:absolute;z-index:1}.redactor-component[data-redactor-type=image],.redactor-component[data-redactor-type=widget]{clear:both}.redactor-component[data-redactor-type=variable]{white-space:nowrap;background:rgba(0,125,255,.75);color:#fff;display:inline-block;padding:3px 6px;line-height:1;border-radius:4px;cursor:pointer}.redactor-component-active{outline:5px solid rgba(0,125,255,.5)!important}.redactor-component-active[data-redactor-type=image]{outline:0!important}.redactor-component-active[data-redactor-type=image] img{outline:5px solid rgba(0,125,255,.5)!important}.redactor-component-active[data-redactor-type=variable]{outline:0!important;background:#ee698a}.redactor-component-active[data-redactor-type=video]{outline:0!important}.redactor-component-active[data-redactor-type=video] iframe{outline:5px solid rgba(0,125,255,.5)!important}.redactor-blur.redactor-styles-on .redactor-component-active{outline:5px solid #ddd!important}.redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=image]{outline:0!important}.redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=image] img{outline:5px solid #ddd!important}.redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=video]{outline:0!important}.redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=video] iframe{outline:5px solid #ddd!important}.redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=variable]{outline:0!important;background:#ddd}.redactor-component-caret{position:absolute;left:-9999px}.redactor-textnodes-wrapper{display:inline-block}#redactor-image-resizer{position:absolute;z-index:1050;background-color:rgba(0,125,255,.9);width:13px;height:13px;border:1px solid #fff;cursor:move;cursor:nwse-resize}.redactor-file-item{display:inline-block;line-height:1;padding:4px 12px;border-radius:16px;border:1px solid rgba(0,0,0,.2)}.redactor-file-remover{margin-left:2px;position:relative;right:-3px;display:inline-block;padding:0 3px;cursor:pointer;opacity:.5}.redactor-file-remover:hover{opacity:1}#redactor-overlay{position:fixed;z-index:1051;top:0;left:0;right:0;bottom:0;background-color:rgba(16,16,18,.3)}#redactor-overlay>.redactor-close{position:fixed;top:1rem;right:1rem}.redactor-source,.redactor-source:focus,.redactor-source:hover{text-align:left;box-sizing:border-box;font-family:Consolas,Menlo,Monaco,"Courier New",monospace;width:100%;display:block;margin:0;border:none;box-shadow:none;border-radius:0;background:#252525;color:#ccc;font-size:15px;outline:0;padding:10px 18px 20px 18px;line-height:1.5;resize:vertical}.redactor-box[dir=rtl] .redactor-source{direction:ltr}.redactor-placeholder:before{position:absolute;content:attr(placeholder);color:rgba(0,0,0,.4);font-weight:400}.redactor-in figcaption[placeholder]:empty:before{content:attr(placeholder);color:rgba(0,0,0,.4);font-weight:400}.redactor-in figcaption[placeholder]:empty:focus:before{content:""}.redactor-statusbar{font-family:Consolas,Menlo,Monaco,"Courier New",monospace;margin:0;padding:8px 10px;position:relative;overflow:hidden;list-style:none;background:#f8f8f8;box-sizing:border-box;border:none}.redactor-statusbar li{float:left;font-size:12px;color:rgba(0,0,0,.5);padding:0 10px;line-height:16px;border-right:1px solid rgba(0,0,0,.1)}.redactor-statusbar li:last-child{border-right-color:transparent}.redactor-statusbar a{color:rgba(0,0,0,.5);text-decoration:underline}.redactor-statusbar a:hover{color:#f03c69;text-decoration:underline}.redactor-statusbar:empty{display:none}.redactor-toolbar-wrapper{position:relative}.redactor-air,.redactor-toolbar{z-index:100;font-family:"Trebuchet MS","Helvetica Neue",Helvetica,Tahoma,sans-serif;position:relative;margin:0!important;padding:0;list-style:none!important;line-height:1!important;background:0 0;border:none;box-sizing:border-box}.redactor-box.redactor-styles-on .redactor-toolbar{padding:18px 16px 0 16px}.redactor-air a,.redactor-toolbar a{display:inline-block;box-sizing:border-box;font-size:14px;text-align:center;padding:10px 15px 9px 15px;cursor:pointer;outline:0;border:none;vertical-align:middle;text-decoration:none;zoom:1;position:relative;color:rgba(0,0,0,.85);border-radius:2px;background:rgba(255,255,255,.97);box-shadow:0 1px 2px rgba(0,0,0,.22);margin-right:5px;margin-bottom:4px}.redactor-air a.re-button-icon,.redactor-toolbar a.re-button-icon{font-size:16px;padding:9px 15px 6px 15px}.redactor-air a:hover,.redactor-toolbar a:hover{outline:0;color:#fff;background:#449aef}.redactor-toolbar a.redactor-button-active{background:rgba(245,245,245,.95);color:rgba(0,0,0,.4)}.redactor-air a.redactor-button-disabled,.redactor-toolbar a.redactor-button-disabled{opacity:.3}.redactor-air a.redactor-button-disabled:hover,.redactor-toolbar a.redactor-button-disabled:hover{color:#333;outline:0;background-color:transparent!important;cursor:default}.redactor-source-view .redactor-toolbar{background:#252525}.redactor-source-view .redactor-toolbar a{background:#000;color:#fff}.redactor-source-view .redactor-toolbar a:hover{background:#449aef}.redactor-source-view .redactor-toolbar a.redactor-button-disabled:hover{color:#fff!important;background-color:#000!important}.re-button-tooltip{display:none;position:absolute;white-space:nowrap;top:0;z-index:1052;background:rgba(0,0,0,.9);border-radius:3px;padding:5px 9px;color:rgba(255,255,255,.8);font-size:12px;line-height:1;font-family:Consolas,Menlo,Monaco,"Courier New",monospace}.re-button-tooltip:after{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:none;border-bottom-color:rgba(0,0,0,.9);border-width:4px;margin-left:-4px}.redactor-toolbar-wrapper-air{position:absolute;z-index:100}.redactor-air{padding:6px 3px 2px 8px;max-width:576px;min-width:200px;border-radius:4px;background:rgba(0,0,0,.97)}.redactor-air a{background:rgba(37,37,37,.95);box-shadow:none;color:rgba(255,255,255,.9)}.redactor-air a:hover{background:#3d79f2}.redactor-air a.redactor-button-active{background-color:rgba(255,255,255,.15);color:#fff}.redactor-air a.redactor-button-disabled:hover{color:#fff}.redactor-air-helper{position:absolute;right:0;top:0;line-height:1;font-size:15px;color:#000;background:rgba(255,255,255,.85);border-bottom-left-radius:4px;padding:7px 10px 6px 10px;cursor:pointer}.redactor-air-helper:hover{background:#fff}.redactor-voice-label{display:none}.redactor-context-toolbar{position:absolute;top:0;left:0;z-index:1051;background-color:rgba(0,0,0,.95);color:#555;border-radius:4px;padding:6px 18px 7px 18px;line-height:1.5;font-family:Consolas,Menlo,Monaco,"Courier New",monospace}.redactor-context-toolbar a{font-size:12px;color:#ccc;text-decoration:none;display:inline-block;padding:2px 0 1px 12px}.redactor-context-toolbar a:first-child{padding-left:0}.redactor-context-toolbar a i{position:relative;top:3px;font-size:16px}.redactor-context-toolbar a:before{content:'';padding-left:10px;border-left:1px solid rgba(255,255,255,.3)}.redactor-context-toolbar a:hover{color:#fff}.redactor-context-toolbar a:first-child:before{padding-left:0;border-left:none}.redactor-context-toolbar[dir=rtl] a{padding:2px 12px 1px 0}.redactor-context-toolbar[dir=rtl] a:first-child{padding-right:0}.redactor-context-toolbar[dir=rtl] a:before{padding-left:0;padding-right:10px;border-right:1px solid rgba(255,255,255,.3);border-left:none}.redactor-context-toolbar[dir=rtl] a:first-child:before{padding-right:0;border-right:none}.redactor-dropdown{font-family:"Trebuchet MS","Helvetica Neue",Helvetica,Tahoma,sans-serif;display:none;position:absolute;z-index:1051;background-color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.2);border-radius:2px;width:264px;min-height:40px;max-height:250px;margin:0;margin-top:-1px;overflow:auto;font-size:15px;padding:0}.redactor-dropdown a span{display:inline-block;line-height:1;padding:2px 4px;border-radius:3px}.redactor-dropdown a{display:block;text-decoration:none;padding:10px 8px;white-space:nowrap;border-bottom:1px solid rgba(0,0,0,.05)}.redactor-dropdown a:last-child{border-bottom-color:transparent}.redactor-dropdown a{color:#000}.redactor-dropdown a:hover{color:#fff!important;background-color:#449aef!important}.redactor-dropdown a.redactor-dropdown-item-disabled{color:rgba(0,0,0,.4);background:#fff}.redactor-dropdown-cells{margin:10px auto}.redactor-dropdown-cells a,.redactor-dropdown-cells span{float:left;cursor:pointer;box-sizing:border-box;text-align:center;padding:0;margin:0;font-size:14px}.redactor-dropdown-selector{display:flex;text-align:center}.redactor-dropdown-selector span{flex-grow:1;font-size:12px;padding:8px;cursor:pointer}.redactor-dropdown-selector span:hover{background:#eee}.redactor-dropdown-selector span.active{cursor:text;color:rgba(0,0,0,.3);background:#eee}.redactor-dropdown-format .redactor-dropdown-item-blockquote{color:rgba(0,0,0,.4);font-style:italic}.redactor-dropdown-format .redactor-dropdown-item-pre{font-family:monospace,sans-serif}.redactor-dropdown-format .redactor-dropdown-item-h1{font-size:40px;font-weight:700;line-height:32px}.redactor-dropdown-format .redactor-dropdown-item-h2{font-size:32px;font-weight:700;line-height:32px}.redactor-dropdown-format .redactor-dropdown-item-h3{font-size:24px;font-weight:700;line-height:24px}.redactor-dropdown-format .redactor-dropdown-item-h4{font-size:21px;font-weight:700;line-height:24px}.redactor-dropdown-format .redactor-dropdown-item-h5{font-size:18px;font-weight:700;line-height:24px}.redactor-dropdown-format .redactor-dropdown-item-h6{font-size:14px;text-transform:uppercase;font-weight:700;line-height:24px}#redactor-modal{position:fixed;top:0;left:0;bottom:0;right:0;overflow-x:hidden;overflow-y:auto;z-index:1051;font-family:"Trebuchet MS","Helvetica Neue",Helvetica,Tahoma,sans-serif;line-height:24px}.redactor-modal{position:relative;margin:16px auto;padding:0;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.07),0 2px 15px rgba(80,80,80,.25);border-radius:3px;color:#000}.redactor-modal form{margin:0;padding:0;box-sizing:border-box}.redactor-modal input,.redactor-modal select,.redactor-modal textarea{box-sizing:border-box;display:block;width:100%;font-family:inherit;font-size:16px;height:40px;outline:0;vertical-align:middle;background-color:#fff;border:1px solid #cacfd4;border-radius:.1875em;box-shadow:none;padding:0 .5em}.redactor-modal textarea{padding:.5em;height:auto;line-height:1.5;vertical-align:top}.redactor-modal select{-webkit-appearance:none;background-image:url('data:image/svg+xml;utf8,');background-repeat:no-repeat;background-position:right .65em center;padding-right:28px}.redactor-modal select[multiple]{background-image:none;height:auto;padding:.5em .75em}.redactor-modal input[type=file]{width:auto;border:none;padding:0;height:auto;background:0 0;box-shadow:none;display:inline-block}.redactor-modal input[type=checkbox],.redactor-modal input[type=radio]{display:inline-block;width:auto;height:auto;padding:0;vertical-align:middle;position:relative;bottom:.15rem;font-size:115%;margin-right:3px}.redactor-modal .form-item{margin-bottom:20px}.redactor-modal .form-item:last-child{margin-bottom:0}.redactor-modal fieldset{border:1px solid rgba(0,0,0,.1);border-radius:3px;padding:16px;padding-bottom:20px;margin-bottom:20px}.redactor-modal fieldset .form-item{margin-bottom:12px}.redactor-modal label{display:block;color:#555;margin-bottom:.25em;font-size:14px}.redactor-modal label .desc,.redactor-modal label .error,.redactor-modal label .success{text-transform:none;font-weight:400}.redactor-modal label.checkbox{font-size:16px;line-height:1.5;cursor:pointer;color:inherit}.redactor-modal .form-checkboxes label.checkbox{display:inline-block;margin-right:1em}.redactor-modal input:hover,.redactor-modal select:hover,.redactor-modal textarea:hover{outline:0;background-color:#fff;border-color:#969fa9;box-shadow:none}.redactor-modal input:focus,.redactor-modal select:focus,.redactor-modal textarea:focus{transition:all linear .2s;outline:0;background-color:#fff;border-color:rgba(0,125,255,.5);box-shadow:0 0 3px rgba(0,125,255,.5)}.redactor-modal input.error,.redactor-modal select.error,.redactor-modal textarea.error{background-color:rgba(255,50,101,.1);border:1px solid #ff7f9e}.redactor-modal input.error:focus,.redactor-modal select.error:focus,.redactor-modal textarea.error:focus{border-color:#ff3265;box-shadow:0 0 1px #ff3265}.redactor-modal input.success,.redactor-modal select.success,.redactor-modal textarea.success{background-color:rgba(47,196,182,.1);border:1px solid #65dacf}.redactor-modal input.success:focus,.redactor-modal select.success:focus,.redactor-modal textarea.success:focus{border-color:#2fc4b6;box-shadow:0 0 1px #2fc4b6}.redactor-modal input.disabled,.redactor-modal input.disabled:hover,.redactor-modal input:disabled,.redactor-modal input:disabled:hover,.redactor-modal select.disabled,.redactor-modal select.disabled:hover,.redactor-modal select:disabled,.redactor-modal select:disabled:hover,.redactor-modal textarea.disabled,.redactor-modal textarea.disabled:hover,.redactor-modal textarea:disabled,.redactor-modal textarea:disabled:hover{resize:none;opacity:.6;cursor:default;font-style:italic;color:rgba(0,0,0,.5);border:1px solid #cacfd4;box-shadow:none;background-color:#fff}.redactor-modal .req{position:relative;top:1px;font-weight:700;color:#ff3265;font-size:110%}.redactor-modal .desc{color:rgba(51,51,51,.5);font-size:12px}.redactor-modal span.desc{margin-left:.25em}.redactor-modal div.desc{margin-top:.25em}.redactor-modal span.error,.redactor-modal span.success{font-size:12px;margin-left:.25em}.redactor-modal div.desc{margin-bottom:-.5em}.redactor-modal .redactor-close{position:absolute;top:16px;right:12px;font-size:30px;line-height:30px;padding:0 4px;color:#000;opacity:.3;cursor:pointer}.redactor-modal .redactor-close:hover{opacity:1}.redactor-modal .redactor-close:before{content:'\00d7'}.redactor-modal button{display:inline-flex;align-items:center;text-decoration:none;text-align:center;font-family:inherit;font-size:15px;font-weight:500;color:#007dff;background-color:#fff;border-radius:3px;border:2px solid #007dff;min-height:40px;outline:0;padding:.5em 1.25em;cursor:pointer;line-height:1.2;vertical-align:middle;-webkit-appearance:none}.redactor-modal button:hover{outline:0;text-decoration:none;background:0 0;color:rgba(0,125,255,.6);border-color:rgba(0,125,255,.5)}.redactor-modal button.redactor-button-secondary{border-color:#2a2e34;color:#2a2e34}.redactor-modal button.redactor-button-secondary:hover{color:rgba(42,46,52,.6);border-color:rgba(42,46,52,.5)}.redactor-modal button.redactor-button-danger,.redactor-modal button.redactor-button-unstyled{background:0 0;border-color:transparent;color:rgba(42,46,52,.6)}.redactor-modal button.redactor-button-danger:hover,.redactor-modal button.redactor-button-unstyled:hover{background:0 0;border-color:transparent;color:#ff3265;text-decoration:underline}.redactor-modal .redactor-modal-group:after{content:"";display:table;clear:both}.redactor-modal .redactor-modal-side{float:left;width:30%;margin-right:4%}.redactor-modal .redactor-modal-side img{max-width:100%;height:auto;display:block}.redactor-modal .redactor-modal-area{float:left;width:66%}.redactor-modal[dir=rtl] .redactor-close{left:12px;right:auto}.redactor-modal[dir=rtl] textarea{direction:ltr;text-align:left}.redactor-modal[dir=rtl] .redactor-modal-footer button.redactor-button-unstyled{float:left;margin-left:0}.redactor-modal-header{padding:20px;font-size:18px;line-height:24px;font-weight:700;color:#000;border-bottom:1px solid rgba(0,0,0,.05)}.redactor-modal-header:empty{display:none}.redactor-modal-body{padding:32px 48px;padding-bottom:40px}.redactor-modal-footer{padding:24px;border-top:1px solid rgba(0,0,0,.05);overflow:hidden}.redactor-modal-footer button{margin-right:4px}.redactor-modal-footer button.redactor-button-unstyled{margin-right:0;float:right}.redactor-modal-footer:empty{display:none}.redactor-modal-tabs{display:flex;border-bottom:2px solid rgba(0,0,0,.05);margin-bottom:1em}.redactor-modal-tabs a{font-size:15px;padding:2px 0;text-decoration:none;color:rgba(0,0,0,.5);border-bottom:2px solid transparent;margin-bottom:-2px;margin-right:14px}.redactor-modal-tabs a:hover{transition:all linear .2s}.redactor-modal-tabs a.active,.redactor-modal-tabs a:hover{font-weight:500;color:#007dff;border-bottom-color:#007dff}.redactor-styles{margin:0;padding:16px 18px;color:#333;font-family:"Trebuchet MS","Helvetica Neue",Helvetica,Tahoma,sans-serif;font-size:1em;line-height:1.5;box-sizing:border-box}.redactor-styles *,.redactor-styles :after,.redactor-styles :before{box-sizing:inherit}.redactor-styles[dir=rtl]{direction:rtl;unicode-bidi:embed}.redactor-styles[dir=rtl] ol li,.redactor-styles[dir=rtl] ul li{text-align:right}.redactor-styles[dir=rtl] ol,.redactor-styles[dir=rtl] ol ol,.redactor-styles[dir=rtl] ol ul,.redactor-styles[dir=rtl] ul,.redactor-styles[dir=rtl] ul ol,.redactor-styles[dir=rtl] ul ul{margin:0 1.5em 0 0}.redactor-styles[dir=rtl] figcaption{text-align:right}.redactor-styles ol[dir=rtl],.redactor-styles ol[dir=rtl] ol,.redactor-styles ol[dir=rtl] ul,.redactor-styles ul[dir=rtl],.redactor-styles ul[dir=rtl] ol,.redactor-styles ul[dir=rtl] ul{margin:0 1.5em 0 0}.redactor-styles ol[dir=rtl] li,.redactor-styles ul[dir=rtl] li{text-align:right}.redactor-styles a,.redactor-styles a:hover{color:#3397ff}.redactor-styles address,.redactor-styles blockquote,.redactor-styles dl,.redactor-styles figure,.redactor-styles hr,.redactor-styles p,.redactor-styles pre,.redactor-styles table{padding:0;margin:0;margin-bottom:1em}.redactor-styles ol,.redactor-styles ul{padding:0}.redactor-styles ol,.redactor-styles ol ol,.redactor-styles ol ul,.redactor-styles ul,.redactor-styles ul ol,.redactor-styles ul ul{margin:0 0 0 1.5em}.redactor-styles ol li,.redactor-styles ul li{text-align:left}.redactor-styles ol ol li{list-style-type:lower-alpha}.redactor-styles ol ol ol li{list-style-type:lower-roman}.redactor-styles ol,.redactor-styles ul{margin-bottom:1em}.redactor-styles h1,.redactor-styles h2,.redactor-styles h3,.redactor-styles h4,.redactor-styles h5,.redactor-styles h6{font-weight:700;color:#111;text-rendering:optimizeLegibility;margin:0;padding:0;margin-bottom:.5em;line-height:1.2}.redactor-styles h1{font-size:2.0736em}.redactor-styles h2{font-size:1.728em}.redactor-styles h3{font-size:1.44em}.redactor-styles h4{font-size:1.2em}.redactor-styles h5{font-size:1em}.redactor-styles h6{font-size:.83333em;text-transform:uppercase;letter-spacing:.035em}.redactor-styles blockquote{font-style:italic;color:rgba(0,0,0,.5);border:none}.redactor-styles table{width:100%}.redactor-styles code,.redactor-styles kbd,.redactor-styles mark,.redactor-styles small,.redactor-styles time,.redactor-styles var{display:inline-block;font-family:Consolas,Menlo,Monaco,"Courier New",monospace;font-size:87.5%;line-height:1;color:rgba(51,51,51,.9)}.redactor-styles cite,.redactor-styles var{opacity:.6}.redactor-styles var{font-style:normal}.redactor-styles abbr,.redactor-styles dfn{text-transform:uppercase}.redactor-styles abbr[title],.redactor-styles dfn[title]{text-decoration:none;border-bottom:1px dotted rgba(0,0,0,.5);cursor:help}.redactor-styles code,.redactor-styles kbd{position:relative;top:-1px;padding:.25em;padding-bottom:.2em;border-radius:2px}.redactor-styles code{background-color:#eff1f2}.redactor-styles mark{border-radius:2px;padding:.125em .25em;background-color:#fdb833}.redactor-styles kbd{border:1px solid #e5e7e9}.redactor-styles sub,.redactor-styles sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.redactor-styles sub{bottom:-.25em}.redactor-styles sup{top:-.5em}.redactor-styles pre{font-family:Consolas,Menlo,Monaco,"Courier New",monospace;font-size:.9em}.redactor-styles pre,.redactor-styles pre code{background-color:#f6f7f8;padding:0;top:0;display:block;line-height:1.5;color:rgba(51,51,51,.85);overflow:none;white-space:pre-wrap}.redactor-styles pre{padding:1rem}.redactor-styles table{border-collapse:collapse;max-width:100%;width:100%}.redactor-styles table caption{text-transform:uppercase;padding:0;color:rgba(0,0,0,.5);font-size:11px}.redactor-styles table td,.redactor-styles table th{border:1px solid #eee;padding:16px;padding-bottom:15px}.redactor-styles table tfoot td,.redactor-styles table tfoot th{color:rgba(0,0,0,.5)}.redactor-styles audio,.redactor-styles embed,.redactor-styles img,.redactor-styles object,.redactor-styles video{max-width:100%}.redactor-styles embed,.redactor-styles img,.redactor-styles object,.redactor-styles video{height:auto!important}.redactor-styles img{vertical-align:middle;-ms-interpolation-mode:bicubic}.redactor-styles figcaption{display:block;opacity:.6;font-size:12px;font-style:italic;text-align:left}.upload-redactor-box{display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;border:5px dashed rgba(0,125,255,.15);position:relative;width:100%;min-height:220px;background:#fff;cursor:pointer;overflow:hidden;text-align:center}.upload-redactor-placeholder{font-size:15px;line-height:1.5;color:rgba(0,0,0,.3);font-style:italic}.upload-redactor-hover{background-color:rgba(0,125,255,.075)}.upload-redactor-error{background-color:rgba(255,50,101,.075)}.upload-redactor-box-hover{outline:5px dashed rgba(0,125,255,.3)}.upload-redactor-box-error{outline:5px dashed rgba(255,50,101,.3)}.redactor-structure div,.redactor-structure h1,.redactor-structure h2,.redactor-structure h3,.redactor-structure h4,.redactor-structure h5,.redactor-structure h6{position:relative}.redactor-structure div:before,.redactor-structure h1:before,.redactor-structure h2:before,.redactor-structure h3:before,.redactor-structure h4:before,.redactor-structure h5:before,.redactor-structure h6:before{width:24px;position:absolute;font-size:10px;font-weight:400;opacity:.5;left:-26px;top:50%;margin-top:-7px;text-align:right}.redactor-structure h1:before{content:"h1"}.redactor-structure h2:before{content:"h2"}.redactor-structure h3:before{content:"h3"}.redactor-structure h4:before{content:"h4"}.redactor-structure h5:before{content:"h5"}.redactor-structure h6:before{content:"h6"}.redactor-structure div:before{content:"div"}#redactor-progress{position:fixed;top:0;left:0;width:100%;z-index:1000000;height:10px}#redactor-progress span{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite;display:block;width:100%;height:100%;background-color:#007dff;background-size:40px 40px}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.redactor-box-fullscreen{z-index:1051;position:fixed;top:0;left:0;width:100%}.redactor-box-fullscreen-target{position:absolute!important}.redactor-body-fullscreen .redactor-context-toolbar,.redactor-body-fullscreen .redactor-dropdown{z-index:1052}.redactor-body-fullscreen #redactor-overlay{z-index:1098}.redactor-body-fullscreen #redactor-modal{z-index:1099} .redactor-clips-list{list-style:none;margin:0;padding:0}.redactor-clips-list li{display:inline-block;margin-right:4px;margin-bottom:4px}.redactor-clips-list span{white-space:nowrap;background:rgba(0,125,255,.75);color:#fff;display:inline-block;padding:3px 6px;line-height:1;border-radius:4px;cursor:pointer} /* Make the dropdown a flex container with wrapping */ .redactor-dropdown-clips { min-width: 280px; max-width: 320px; max-height: 300px; overflow-y: auto; display: flex; flex-wrap: wrap; padding: 8px; gap: 4px; overflow-x:hidden; } /* Make each clip item inline instead of full-width block */ .redactor-dropdown-clips a { display: inline-flex; align-items: center; justify-content: center; width: auto; padding: 2px 3px; border-radius: 4px; flex-shrink: 0; } /* If your clips contain images */ .redactor-dropdown-clips a img { vertical-align: middle; max-height: 24px; } /* Category headers */ .redactor-dropdown-clips a.redactor-clips-header { width: 100%; flex-basis: 100%; justify-content: flex-start; font-weight: 600; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; color: #888; padding: 10px 4px 4px 4px; cursor: default; pointer-events: none; border-bottom: 1px solid rgba(128, 128, 128, 0.2); margin-bottom: 4px; border-radius: 0; } /* First header doesn't need top padding */ .redactor-dropdown-clips a.redactor-clips-header:first-child { padding-top: 4px; } /* Remove hover effect on headers */ .redactor-dropdown-clips a.redactor-clips-header:hover { background-color: transparent !important; } .redactor-mention-dropdown { background: #fff; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); min-width: 200px; max-width: 450px; /* Increased for longer wrapped content */ max-height: 300px; overflow-y: auto; } .redactor-mention-item { display: flex; align-items: flex-start; /* Align to top for multi-line content */ padding: 8px 12px; color: #333; text-decoration: none; cursor: pointer; border-bottom: 1px solid #f0f0f0; transition: background-color 0.15s ease; line-height: 1.4; } .redactor-mention-item:last-child { border-bottom: none; } .redactor-mention-item:hover { background-color: rgba(128, 128, 128, 0.15); } .redactor-mention-item-active, .redactor-mention-item-active:hover { background-color: rgba(128, 128, 128, 0.15); } /* Override Redactor's default .redactor-dropdown a:hover */ .redactor-mention-dropdown a.redactor-mention-item:hover { background-color: rgba(128, 128, 128, 0.15) !important; } .redactor-mention-icon { margin-right: 8px; margin-top: 2px; /* Align with first line of text */ width: 20px; min-width: 20px; /* Prevent icon from shrinking */ height: 20px; display: flex; align-items: center; justify-content: center; } .redactor-mention-icon img { max-width: 100%; max-height: 100%; } .redactor-mention-title { flex: 1; overflow: hidden; /* Allow text to wrap instead of truncating */ white-space: normal; word-wrap: break-word; overflow-wrap: break-word; } .redactor-mention-searching { color: #999; font-style: italic; cursor: default; } .redactor-mention-searching:hover { background-color: transparent; } .redactor-mention-no-results { color: #999; font-style: italic; } /* Optional: Animation for dropdown appearance */ .redactor-mention-dropdown { animation: mentionFadeIn 0.15s ease; } @keyframes mentionFadeIn { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } } .redactor-styles cite, .redactor-styles var { opacity: 1 !important; }/* end _redactor.css */ /* start _vivify.css */ .delay-100{ -webkit-animation-delay:.1s; animation-delay:.1s } .delay-150{ -webkit-animation-delay:150ms; animation-delay:150ms } .duration-100{ -webkit-animation-duration:.1s; animation-duration:.1s } .duration-150{ -webkit-animation-duration:150ms; animation-duration:150ms } .delay-200{ -webkit-animation-delay:.2s; animation-delay:.2s } .delay-250{ -webkit-animation-delay:250ms; animation-delay:250ms } .duration-200{ -webkit-animation-duration:.2s; animation-duration:.2s } .duration-250{ -webkit-animation-duration:250ms; animation-duration:250ms } .delay-300{ -webkit-animation-delay:.3s; animation-delay:.3s } .delay-350{ -webkit-animation-delay:350ms; animation-delay:350ms } .duration-300{ -webkit-animation-duration:.3s; animation-duration:.3s } .duration-350{ -webkit-animation-duration:350ms; animation-duration:350ms } .delay-400{ -webkit-animation-delay:.4s; animation-delay:.4s } .delay-450{ -webkit-animation-delay:450ms; animation-delay:450ms } .duration-400{ -webkit-animation-duration:.4s; animation-duration:.4s } .duration-450{ -webkit-animation-duration:450ms; animation-duration:450ms } .delay-500{ -webkit-animation-delay:.5s; animation-delay:.5s } .delay-550{ -webkit-animation-delay:550ms; animation-delay:550ms } .duration-500{ -webkit-animation-duration:.5s; animation-duration:.5s } .duration-550{ -webkit-animation-duration:550ms; animation-duration:550ms } .delay-600{ -webkit-animation-delay:.6s; animation-delay:.6s } .delay-650{ -webkit-animation-delay:650ms; animation-delay:650ms } .duration-600{ -webkit-animation-duration:.6s; animation-duration:.6s } .duration-650{ -webkit-animation-duration:650ms; animation-duration:650ms } .delay-700{ -webkit-animation-delay:.7s; animation-delay:.7s } .delay-750{ -webkit-animation-delay:750ms; animation-delay:750ms } .duration-700{ -webkit-animation-duration:.7s; animation-duration:.7s } .duration-750{ -webkit-animation-duration:750ms; animation-duration:750ms } .delay-800{ -webkit-animation-delay:.8s; animation-delay:.8s } .delay-850{ -webkit-animation-delay:850ms; animation-delay:850ms } .duration-800{ -webkit-animation-duration:.8s; animation-duration:.8s } .duration-850{ -webkit-animation-duration:850ms; animation-duration:850ms } .delay-900{ -webkit-animation-delay:.9s; animation-delay:.9s } .delay-950{ -webkit-animation-delay:950ms; animation-delay:950ms } .duration-900{ -webkit-animation-duration:.9s; animation-duration:.9s } .duration-950{ -webkit-animation-duration:950ms; animation-duration:950ms } .delay-1000{ -webkit-animation-delay:1s; animation-delay:1s } .duration-3000{ -webkit-animation-duration:3000ms; animation-duration:3000ms } .vivify{ -webkit-animation-duration:.8s; -webkit-animation-fill-mode:both; animation-duration:.8s; animation-fill-mode:both } .infinite{ -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite } .hitLeft{ -webkit-animation-name:hitLeft; animation-name:hitLeft; -webkit-backface-visibility:hidden; backface-visibility:hidden } @keyframes hitLeft{ 0%{ -webkit-animation-timing-function:cubic-bezier(0.23,1,0.32,1); animation-timing-function:cubic-bezier(0.23,1,0.32,1); -webkit-transform:translateX(0); transform:translateX(0) } 40%{ -webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715); animation-timing-function:cubic-bezier(0.47,0,0.745,0.715); -webkit-transform:translateX(10px) rotate(4deg); transform:translateX(10px) rotate(4deg) } } .hitRight{ -webkit-animation-name:hitRight; animation-name:hitRight; -webkit-backface-visibility:hidden; backface-visibility:hidden } @keyframes hitRight{ 0%{ -webkit-animation-timing-function:cubic-bezier(0.23,1,0.32,1); animation-timing-function:cubic-bezier(0.23,1,0.32,1); -webkit-transform:translateX(0); transform:translateX(0) } 40%{ -webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715); animation-timing-function:cubic-bezier(0.47,0,0.745,0.715); -webkit-transform:translateX(-10px) rotate(-4deg); transform:translateX(-10px) rotate(-4deg) } } .spinOut{ -webkit-animation-name:spinOut; animation-name:spinOut; -webkit-animation-duration:1s; animation-duration:1s } @keyframes spinOut{ 0%{ -webkit-animation-timing-function:cubic-bezier(0.23,1,0.32,1); animation-timing-function:cubic-bezier(0.23,1,0.32,1); -webkit-transform:rotateZ(0deg) scale3d(1,1,1); transform:rotateZ(0deg) scale3d(1,1,1); -webkit-transform-origin:center center; transform-origin:center center } 20%{ opacity:1; -webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1); animation-timing-function:cubic-bezier(0.165,0.84,0.44,1); -webkit-transform:rotateZ(-20deg) scale3d(1,1,1); transform:rotateZ(-20deg) scale3d(1,1,1); -webkit-transform-origin:center center; transform-origin:center center } 30%{ opacity:1 } 100%{ opacity:0; -webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715); animation-timing-function:cubic-bezier(0.47,0,0.745,0.715); -webkit-transform:rotateZ(360deg) scale3d(0,0,0); transform:rotateZ(360deg) scale3d(0,0,0); -webkit-transform-origin:center center; transform-origin:center center } } @keyframes swoopInLeft{ 0%{ opacity:0; -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); -webkit-transform:scaleX(1.5) translate3d(-400px,0,0); transform:scaleX(1.5) translate3d(-400px,0,0) } 40%{ opacity:1; -webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1); animation-timing-function:cubic-bezier(0.42,0,0.58,1); -webkit-transform:scaleX(1.2) translate3d(0,0,0); transform:scaleX(1.2) translate3d(0,0,0) } 65%{ -webkit-transform:scaleX(1) translate3d(20px,0,0); transform:scaleX(1) translate3d(20px,0,0) } 100%{ -webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1); animation-timing-function:cubic-bezier(0.42,0,0.58,1); -webkit-transform:scaleX(1) translate3d(0,0,0); transform:scaleX(1) translate3d(0,0,0) } } .swoopInRight{ -webkit-animation-name:swoopInRight; animation-name:swoopInRight; -webkit-animation-duration:.5s; animation-duration:.5s } @keyframes swoopInRight{ 0%{ opacity:0; -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); -webkit-transform:scaleX(1.5) translate3d(400px,0,0); transform:scaleX(1.5) translate3d(400px,0,0) } 40%{ opacity:1; -webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1); animation-timing-function:cubic-bezier(0.42,0,0.58,1); -webkit-transform:scaleX(1.2) translate3d(0,0,0); transform:scaleX(1.2) translate3d(0,0,0) } 65%{ -webkit-transform:scaleX(1) translate3d(-20px,0,0); transform:scaleX(1) translate3d(-20px,0,0) } 100%{ -webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1); animation-timing-function:cubic-bezier(0.42,0,0.58,1); -webkit-transform:scaleX(1) translate3d(0,0,0); transform:scaleX(1) translate3d(0,0,0) } } .shake { -webkit-animation-name: shake; animation-name: shake; -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); } @keyframes shake { 10% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 20% { -webkit-transform: translateX(5px); transform: translateX(5px); } 30% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 40% { -webkit-transform: translateX(5px); transform: translateX(5px); } 50% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 60% { -webkit-transform: translateX(5px); transform: translateX(5px); } 70% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 80% { -webkit-transform: translateX(5px); transform: translateX(5px); } 90% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 100% { -webkit-transform: translateX(5px); transform: translateX(5px); } }/* end _vivify.css */ /* start croppie.css */ .croppie-container { width: 100%; height: 100%; } .croppie-container .cr-image { z-index: -1; position: absolute; top: 0; left: 0; transform-origin: 0 0; max-height: none; max-width: none; } .croppie-container .cr-boundary { position: relative; overflow: hidden; margin: 0 auto; z-index: 1; width: 100%; height: 100%; } .croppie-container .cr-viewport, .croppie-container .cr-resizer { position: absolute; border: 2px solid #fff; margin: auto; top: 0; bottom: 0; right: 0; left: 0; box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5); z-index: 0; } .croppie-container .cr-resizer { z-index: 2; box-shadow: none; pointer-events: none; } .croppie-container .cr-resizer-vertical, .croppie-container .cr-resizer-horisontal { position: absolute; pointer-events: all; } .croppie-container .cr-resizer-vertical::after, .croppie-container .cr-resizer-horisontal::after { display: block; position: absolute; box-sizing: border-box; border: 1px solid black; background: #fff; width: 10px; height: 10px; content: ''; } .croppie-container .cr-resizer-vertical { bottom: -5px; cursor: row-resize; width: 100%; height: 10px; } .croppie-container .cr-resizer-vertical::after { left: 50%; margin-left: -5px; } .croppie-container .cr-resizer-horisontal { right: -5px; cursor: col-resize; width: 10px; height: 100%; } .croppie-container .cr-resizer-horisontal::after { top: 50%; margin-top: -5px; } .croppie-container .cr-original-image { display: none; } .croppie-container .cr-vp-circle { border-radius: 50%; } .croppie-container .cr-overlay { z-index: 1; position: absolute; cursor: move; touch-action: none; } .croppie-container .cr-slider-wrap { width: 75%; margin: 15px auto; text-align: center; } .croppie-result { position: relative; overflow: hidden; } .croppie-result img { position: absolute; } .croppie-container .cr-image, .croppie-container .cr-overlay, .croppie-container .cr-viewport { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } /*************************************/ /***** STYLING RANGE INPUT ***********/ /*************************************/ /*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */ /*************************************/ .cr-slider { -webkit-appearance: none; /*removes default webkit styles*/ /*border: 1px solid white; *//*fix for FF unable to apply focus style bug */ width: 300px; /*required for proper track sizing in FF*/ max-width: 100%; padding-top: 8px; padding-bottom: 8px; background-color: transparent; } .cr-slider::-webkit-slider-runnable-track { width: 100%; height: 3px; background: rgba(0, 0, 0, 0.5); border: 0; border-radius: 3px; } .cr-slider::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: #ddd; margin-top: -6px; } .cr-slider:focus { outline: none; } /* .cr-slider:focus::-webkit-slider-runnable-track { background: #ccc; } */ .cr-slider::-moz-range-track { width: 100%; height: 3px; background: rgba(0, 0, 0, 0.5); border: 0; border-radius: 3px; } .cr-slider::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #ddd; margin-top: -6px; } /*hide the outline behind the border*/ .cr-slider:-moz-focusring { outline: 1px solid white; outline-offset: -1px; } .cr-slider::-ms-track { width: 100%; height: 5px; background: transparent; /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */ border-color: transparent;/*leave room for the larger thumb to overflow with a transparent border */ border-width: 6px 0; color: transparent;/*remove default tick marks*/ } .cr-slider::-ms-fill-lower { background: rgba(0, 0, 0, 0.5); border-radius: 10px; } .cr-slider::-ms-fill-upper { background: rgba(0, 0, 0, 0.5); border-radius: 10px; } .cr-slider::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #ddd; margin-top:1px; } .cr-slider:focus::-ms-fill-lower { background: rgba(0, 0, 0, 0.5); } .cr-slider:focus::-ms-fill-upper { background: rgba(0, 0, 0, 0.5); } /*******************************************/ /***********************************/ /* Rotation Tools */ /***********************************/ .cr-rotate-controls { position: absolute; bottom: 5px; left: 5px; z-index: 1; } .cr-rotate-controls button { border: 0; background: none; } .cr-rotate-controls i:before { display: inline-block; font-style: normal; font-weight: 900; font-size: 22px; } .cr-rotate-l i:before { content: '↺'; } .cr-rotate-r i:before { content: '↻'; } /* end croppie.css */ /* start minicolors.css */ /* Color swatch $$$$$$$$$$$$$$$$$*/ .minicolors { position: relative; } .minicolors-swatch { position: absolute; vertical-align: middle; background: url(https://www.renshuu.org/img/jquery.minicolors.png) -80px 0; border: solid 1px #ccc; cursor: text; padding: 0; margin: 0; display: inline-block; } .minicolors-swatch-color { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: solid 1px black; } .minicolors input[type=hidden] + .minicolors-swatch { width: 20px; position: static; cursor: pointer; } /* Panel */ .minicolors-panel { position: absolute; width: 173px; height: 152px; background: white; border: solid 1px #CCC; box-shadow: 0 0 20px rgba(0, 0, 0, .2); z-index: 99999; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; display: none; } .minicolors-panel.minicolors-visible { display: block; } /* Panel positioning */ .minicolors-position-top .minicolors-panel { top: -154px; } .minicolors-position-right .minicolors-panel { right: 0; } .minicolors-position-bottom .minicolors-panel { top: auto; } .minicolors-position-left .minicolors-panel { left: 0; } .minicolors-with-opacity .minicolors-panel { width: 194px; } .minicolors .minicolors-grid { position: absolute; top: 1px; left: 1px; width: 150px; height: 150px; background: url(https://www.renshuu.org/img/jquery.minicolors.png) -120px 0; cursor: crosshair; } .minicolors .minicolors-grid-inner { position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: none; } .minicolors-slider-saturation .minicolors-grid { background-position: -420px 0; } .minicolors-slider-saturation .minicolors-grid-inner { background: url(https://www.renshuu.org/img/jquery.minicolors.png) -270px 0; } .minicolors-slider-brightness .minicolors-grid { background-position: -570px 0; } .minicolors-slider-brightness .minicolors-grid-inner { background: black; } .minicolors-slider-wheel .minicolors-grid { background-position: -720px 0; } .minicolors-slider, .minicolors-opacity-slider { position: absolute; top: 1px; left: 152px; width: 20px; height: 150px; background: white url(https://www.renshuu.org/img/jquery.minicolors.png) 0 0; cursor: crosshair; } .minicolors-slider-saturation .minicolors-slider { background-position: -60px 0; } .minicolors-slider-brightness .minicolors-slider { background-position: -20px 0; } .minicolors-slider-wheel .minicolors-slider { background-position: -20px 0; } .minicolors-opacity-slider { left: 173px; background-position: -40px 0; display: none; } .minicolors-with-opacity .minicolors-opacity-slider { display: block; } /* Pickers */ .minicolors-grid .minicolors-picker { position: absolute; top: 70px; left: 70px; width: 12px; height: 12px; border: solid 1px black; border-radius: 10px; margin-top: -6px; margin-left: -6px; background: none; } .minicolors-grid .minicolors-picker > div { position: absolute; top: 0; left: 0; width: 8px; height: 8px; border-radius: 8px; border: solid 2px white; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .minicolors-picker { position: absolute; top: 0; left: 0; width: 18px; height: 2px; background: white; border: solid 1px black; margin-top: -2px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } /* Inline controls */ .minicolors-inline { display: inline-block; } .minicolors-inline .minicolors-input { display: none !important; } .minicolors-inline .minicolors-panel { position: relative; top: auto; left: auto; box-shadow: none; z-index: auto; display: inline-block; } /* Default theme */ .minicolors-theme-default .minicolors-swatch { top: 5px; left: 5px; width: 18px; height: 18px; } .minicolors-theme-default.minicolors-position-right .minicolors-swatch { left: auto; right: 5px; } .minicolors-theme-default.minicolors { width: 25px; height: 25px; display: inline-block; } .minicolors-theme-default .minicolors-input { height: 20px; width: auto; display: inline-block; padding-left: 26px; } .minicolors-theme-default.minicolors-position-right .minicolors-input { padding-right: 26px; padding-left: inherit; } /* Bootstrap theme */ .minicolors-theme-bootstrap .minicolors-swatch { top: 3px; left: 3px; width: 25px; height: 25px; border-radius: 3px; } .minicolors-theme-bootstrap.minicolors-position-right .minicolors-swatch { left: auto; right: 3px; } .minicolors-theme-bootstrap .minicolors-input { padding-left: 44px; } .minicolors-theme-bootstrap.minicolors-position-right .minicolors-input { padding-right: 44px; padding-left: 12px; } /* end minicolors.css */ /* start pro.css */ /* pro page */ @media screen and (max-width: 1020px){ .proland { width: auto; max-width: 910px; } .pure-u-1.bacground1, .pure-u-1.p_top.bacground1 { height: auto; } } /* Pro page $$$$$$$$$$$$$$$$$*/ .pure-u-1.p_top.bacground1 { color: white; height: 395px; background: url(https://www.renshuu.org/img/landing/dark_mosaic.png); } .p_top > p:not(:first-of-type) { margin: 1em 0; } #p_cont { position: relative; } #p_cont > div { margin-left: 15px; } #p_intro { width: 600px } #p_intro > p:first-of-type { margin: 0px; } #p_join_cont { position: absolute; top: 0px; right: 0px; } #p_join_cont > div { text-align: center; margin: 5px; line-height: 17px; } #p_join { font-weight: bold; width: 245px; padding: 0.5em 0.8em; font-size: 22px; margin: 30px 30px 0px; } .p_call { padding-top: 1.8em; } #pay_buttons button { display: inline-block; background-color: white; background-image: none; color: black; margin: 0 5px 10px; line-height: 18px; } #pay_buttons button:hover { border-color: rgb(40, 40, 40); } #pay_buttons img { height: 18px; } #pro_basic > div:first-of-type { font-size:130%; } #pro_basic > div.flexbox > div { margin: 0 5px 10px; } /*#pay_buttons button:nth-of-type(1) {margin: 0 auto 0 6px;}*/ /*#pay_buttons button:nth-of-type(2) {text-align: right; margin: 0 0 0 auto;}*/ #price { padding-left: 2px; } #p_four { display: none; } .callout img, .callout a > img { border: 2px solid rgba(85,85,85,0.3); } .callout a > img:hover {border: 2px solid #555555;} .lcalloutS img {border-width: 0px;} .calloutS, .calloutL, .prowel .callout1{ background-color: white; } .calloutL .pure-g { margin-left: 31px; } .proland.leftCTAs{border-width:0px;} .proland { width: 910px; margin: auto; } #minor_callouts a { margin: 0 auto; width: 80%; } #rdefine { line-height: 50px; text-align: center; height: 50px; color: black; background-color: #D6EAF3; } #rdefine > div { display: inline-block; } #rdefine > div:first-child { font-size: 26px; } .calloutS { position: relative; height: 178px; } .lcalloutS { position: relative; } .calloutL { margin: 0 auto; } .calloutL > div > a { margin: 0 auto; } .proland .callout { padding-top: 3em; } .pro_image { width: 390px; } .boxed_pics > a { text-align: center; } .calloutS > div { position: absolute; bottom: 0; } .lcalloutS > div, .calloutS > div, .proland .callout h3, .proland .callout p { padding: 0 31px; } #register_form > fieldset { padding-bottom: 0px; } .p_divide { width: 100%; border-bottom: 1px solid #e5e5e5; } #pro_rWrapper #register_form_top button { background-color: white; color: black; } #register_form .p_divide + div, .dur_cont, .dur_cont_recur { font-size: 14px; position: relative; line-height: 34px; } select[name=dur], select[name=dur_recur] { padding: 0; display: inline-block; margin-right: 5px; z-index: 1; } .prowel .callout p { margin-bottom: 10px; } #pro_rWrapper { adding: 0.7em 1em; } .p_note { display: inline-block; font-size: 12px; margin-top: 4px; } #sub_cont > label { width: 100%; } #life_cont > label, #sub_cont > label, #type_cont > label { display: inline-block; box-sizing: border-box; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid #BEBEBE; margin-top: 3px; padding: 7px 0; } #pro_basic h3 { font-size: 170%; } #pro_basic h3 + div { padding: 0 0 15px 0; } /* .rightSignup */ #pro_basic ul { width: 100%; margin-left: 0; margin-right: 0; } #pro_basic li label{ color: black; padding-left: 0; padding-right: 0; text-align: center; } #pro_basic li { width: 33.33333% } #sub_cont >input { display: none; } #sub_cont >input:checked + label { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.28)), to(rgba(0,0,0,.1))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,.28) 40%, rgba(0,0,0,.1)); background-image: linear-gradient(to bottom,rgba(0,0,0,.28) 40%,rgba(0,0,0,.1)); } #sub_cont label { line-height: 25px; } /* pro */ #pay_credit { margin-top: 5px; } .pro_buttons > button { display: none; } .pro_buttons > button.pro-button { display: inline; } .prodiv { border: 1px solid #17467e; padding: 1px 1px 1px 1px; text-align:left; clear: both; margin-right: 5px; } .prodivinner { padding: 6px 3px 6px 3px; height: 38px; } .newstitle { font-weight: bold; font-size:14pt; margin: 20px 0 5px 5px } span.has_feature_descrip span{z-index: 30} span.has_feature_descrip:hover{z-index: 30} @media screen and (max-width: 1020px){ .pro_image { width: 300px; } } @media screen and (max-width: 500px){ #pro_basic > div:first-of-type { font-size:100%; } } .pro_marker { font-size: 80%; display: inline-block; vertical-align: middle; } .marker1, .pro_marker { padding: 1px 3px; color: var(--neg_text); background-color: var(--introbox1_on); border-radius: 2px; } .marker2 { padding: 1px 3px; color: var(--neg_text); background-color: var(--introbox2_on); border-radius: 2px; } .marker3 { padding: 1px 3px; color: var(--neg_text); background-color: var(--introbox3_on); border-radius: 2px; } .marker4 { padding: 1px 3px; color: var(--neg_text); background-color: var(--introbox4_on); border-radius: 2px; }/* end pro.css */ /* start simplelightbox.min.css */ .slbOverlay,.slbWrapOuter,.slbWrap{position:fixed;top:0;right:0;bottom:0;left:0}.slbOverlay{overflow:hidden;z-index:2000;background-color:#000;opacity:0.7;-webkit-animation:slbOverlay 0.5s;-moz-animation:slbOverlay 0.5s;animation:slbOverlay 0.5s}.slbWrapOuter{overflow-x:hidden;overflow-y:auto;z-index:2010}.slbWrap{position:absolute;text-align:center}.slbWrap:before{content:"";display:inline-block;height:100%;vertical-align:middle}.slbContentOuter{position:relative;display:inline-block;vertical-align:middle;margin:0px auto;padding:0 1em;box-sizing:border-box;z-index:2020;text-align:left;max-width:100%}.slbContentEl .slbContentOuter{padding:5em 1em}.slbContent{position:relative}.slbContentEl .slbContent{-webkit-animation:slbEnter 0.3s;-moz-animation:slbEnter 0.3s;animation:slbEnter 0.3s;background-color:#fff;box-shadow:0 0.2em 1em rgba(0,0,0,0.4)}.slbImageWrap{-webkit-animation:slbEnter 0.3s;-moz-animation:slbEnter 0.3s;animation:slbEnter 0.3s;position:relative}.slbImageWrap:after{content:"";position:absolute;left:0;right:0;top:5em;bottom:5em;display:block;z-index:-1;box-shadow:0 0.2em 1em rgba(0,0,0,0.6);background-color:#FFF}.slbDirectionNext .slbImageWrap{-webkit-animation:slbEnterNext 0.4s;-moz-animation:slbEnterNext 0.4s;animation:slbEnterNext 0.4s}.slbDirectionPrev .slbImageWrap{-webkit-animation:slbEnterPrev 0.4s;-moz-animation:slbEnterPrev 0.4s;animation:slbEnterPrev 0.4s}.slbImage{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:5em 0;margin:0 auto}.slbCaption{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-size:1.4em;position:absolute;left:0;right:0;bottom:0;padding:.71429em 0;color:#fff;color:rgba(255,255,255,0.7);text-align:center}.slbCloseBtn,.slbArrow{margin:0;padding:0;border:0;cursor:pointer;background:none}.slbCloseBtn::-moz-focus-inner,.slbArrow::-moz-focus-inner{padding:0;border:0}.slbCloseBtn:hover,.slbArrow:hover{opacity:0.5}.slbCloseBtn:active,.slbArrow:active{opacity:0.8}.slbCloseBtn{-webkit-animation:slbEnter 0.3s;-moz-animation:slbEnter 0.3s;animation:slbEnter 0.3s;font-size:3em;width:1.66667em;height:1.66667em;line-height:1.66667em;position:absolute;right:-.33333em;top:0;color:#fff;color:rgba(255,255,255,0.7);text-align:center}.slbLoading .slbCloseBtn{display:none}.slbLoadingText{font-size:1.4em;color:#fff;color:rgba(255,255,255,0.9)}.slbArrows{position:fixed;top:50%;left:0;right:0}.slbLoading .slbArrows{display:none}.slbArrow{position:absolute;top:50%;margin-top:-5em;width:5em;height:10em;opacity:0.7;text-indent:-999em;overflow:hidden}.slbArrow:before{content:"";position:absolute;top:50%;left:50%;margin:-.8em 0 0 -.8em;border:.8em solid transparent}.slbArrow.next{right:0}.slbArrow.next:before{border-left-color:#fff}.slbArrow.prev{left:0}.slbArrow.prev:before{border-right-color:#fff}.slbIframeCont{width:80em;height:0;overflow:hidden;padding-top:56.25%;margin:5em 0}.slbIframe{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:0 0.2em 1em rgba(0,0,0,0.6);background:#000}@-webkit-keyframes slbOverlay{from{opacity:0}to{opacity:0.7}}@-moz-keyframes slbOverlay{from{opacity:0}to{opacity:0.7}}@keyframes slbOverlay{from{opacity:0}to{opacity:0.7}}@-webkit-keyframes slbEnter{from{opacity:0;-webkit-transform:translate3d(0, -1em, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0)}}@-moz-keyframes slbEnter{from{opacity:0;-moz-transform:translate3d(0, -1em, 0)}to{opacity:1;-moz-transform:translate3d(0, 0, 0)}}@keyframes slbEnter{from{opacity:0;-webkit-transform:translate3d(0, -1em, 0);-moz-transform:translate3d(0, -1em, 0);-ms-transform:translate3d(0, -1em, 0);-o-transform:translate3d(0, -1em, 0);transform:translate3d(0, -1em, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes slbEnterNext{from{opacity:0;-webkit-transform:translate3d(4em, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0)}}@-moz-keyframes slbEnterNext{from{opacity:0;-moz-transform:translate3d(4em, 0, 0)}to{opacity:1;-moz-transform:translate3d(0, 0, 0)}}@keyframes slbEnterNext{from{opacity:0;-webkit-transform:translate3d(4em, 0, 0);-moz-transform:translate3d(4em, 0, 0);-ms-transform:translate3d(4em, 0, 0);-o-transform:translate3d(4em, 0, 0);transform:translate3d(4em, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes slbEnterPrev{from{opacity:0;-webkit-transform:translate3d(-4em, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0)}}@-moz-keyframes slbEnterPrev{from{opacity:0;-moz-transform:translate3d(-4em, 0, 0)}to{opacity:1;-moz-transform:translate3d(0, 0, 0)}}@keyframes slbEnterPrev{from{opacity:0;-webkit-transform:translate3d(-4em, 0, 0);-moz-transform:translate3d(-4em, 0, 0);-ms-transform:translate3d(-4em, 0, 0);-o-transform:translate3d(-4em, 0, 0);transform:translate3d(-4em, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}} /* end simplelightbox.min.css */ /* start slick-theme.css */ @charset 'UTF-8'; /* Arrows */ .slick-prev, .slick-next { position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: var(--text); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /* end slick-theme.css */ /* start slick.css */ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-next, .slick-prev { width: 25px; height: 25px; }/* end slick.css */ /* start swiper.css */ /** * Swiper 6.4.10 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: January 29, 2021 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}/* end swiper.css */ /* start v2_settings.css */ /* offcolored hint text for settings */ .sett_hint { font-size: 90%; color: var(--grey); margin-top: 8px; } /* wrapper for radio/check buttons */ .chk_wrap_v2 { display: flex !important; align-items: flex-start !important; margin-bottom: 10px !important; gap: 12px; cursor: pointer; } .chk_wrap_v2 input[type="checkbox"], .chk_wrap_v2 input[type="radio"] { margin-top: 0.125em; flex-shrink: 0; cursor: pointer; } .chk_wrap_v2 span { flex: 1; line-height: 1.5; }/* end v2_settings.css */ /* start v2_tooltip.css */ .tipp { position: fixed; width: min(600px, calc(100vw - 30px)); /* Fixed width, but max out at viewport - 15px padding each side */ max-height: calc(100vh - var(--navheight) - 30px); /* Max height of viewport - 15px padding top/bottom */ top: calc(var(--navheight) + (100vh - var(--navheight)) / 2); left: 50%; transform: translate(-50%, -50%); /* Center it */ padding: 10px 10px 12px; background-color: var(--bg_main); border-radius: 6px; box-shadow: 0 0 30px rgba(0, 0, 0, .2); flex-direction: column; display: flex; box-sizing: border-box; z-index: 599 } .tipp > .ttitle { display: flex; margin-bottom:10px; } .tipp > .ttitle > div:first-of-type { flex-grow: 1; font-size: 120%; font-weight: bold; } .tipp > .ttitle > div:last-of-type { margin-left: 10px; } .tipp > .tbody { min-height: 0; overflow: auto; flex-grow: 1 }/* end v2_tooltip.css */