/* [[colors]] */ .anyanka-keys { position: relative; top: 0em; left: 0em; width: 100%; height: 100%; overflow: hidden; } .anyanka-keys, .anyanka-keys input, .anyanka-keys button, .anyanka-keys select { font-family: "Roboto"; } .anyanka-keys pre, .anyanka-keys textarea, .anyanka-keys .wmd-code-block, .anyanka-keys .wmd-code-block ol > li::marker, .anyanka-keys .wmd-code-doc > .description { font-family: "Roboto Mono"; } .anyanka-keys [data-icon]::before { font-family: "FA6FR"; } .anyanka-keys input, .anyanka-keys button, .anyanka-keys select, .anyanka-keys textarea { font-size: 1em; } .anyanka-keys [data-visible=false], .anyanka-keys [data-hidden=true] { display: none; } .anyanka-keys[data-gui-mode=light], .anyanka-keys[data-gui-mode=default][data-dark-mode=false] { background-color: #EFEFEF; color: #222; } .anyanka-keys[data-gui-mode=light] a[href], .anyanka-keys[data-gui-mode=light] [onclick], .anyanka-keys[data-gui-mode=light] [onmouseover], .anyanka-keys[data-gui-mode=light] [onmousedown], .anyanka-keys[data-gui-mode=light] button, .anyanka-keys[data-gui-mode=light] [type=button], .anyanka-keys[data-gui-mode=light] [type=reset], .anyanka-keys[data-gui-mode=light] [type=submit], .anyanka-keys[data-gui-mode=light] [data-role=link], .anyanka-keys[data-gui-mode=light] [data-role=button], .anyanka-keys[data-gui-mode=default][data-dark-mode=false] a[href], .anyanka-keys[data-gui-mode=default][data-dark-mode=false] [onclick], .anyanka-keys[data-gui-mode=default][data-dark-mode=false] [onmouseover], .anyanka-keys[data-gui-mode=default][data-dark-mode=false] [onmousedown], .anyanka-keys[data-gui-mode=default][data-dark-mode=false] button, .anyanka-keys[data-gui-mode=default][data-dark-mode=false] [type=button], .anyanka-keys[data-gui-mode=default][data-dark-mode=false] [type=reset], .anyanka-keys[data-gui-mode=default][data-dark-mode=false] [type=submit], .anyanka-keys[data-gui-mode=default][data-dark-mode=false] [data-role=link], .anyanka-keys[data-gui-mode=default][data-dark-mode=false] [data-role=button] { color: #2272D4; } .anyanka-keys[data-gui-mode=light] a[href]:hover, .anyanka-keys[data-gui-mode=light] [onclick]:hover, .anyanka-keys[data-gui-mode=light] [onmouseover]:hover, .anyanka-keys[data-gui-mode=light] [onmousedown]:hover, .anyanka-keys[data-gui-mode=light] button:hover, .anyanka-keys[data-gui-mode=light] [type=button]:hover, .anyanka-keys[data-gui-mode=light] [type=reset]:hover, .anyanka-keys[data-gui-mode=light] [type=submit]:hover, .anyanka-keys[data-gui-mode=light] [data-role=link]:hover, .anyanka-keys[data-gui-mode=light] [data-role=button]:hover, .anyanka-keys[data-gui-mode=default][data-dark-mode=false] a[href]:hover, .anyanka-keys[data-gui-mode=default][data-dark-mode=false] [onclick]:hover, .anyanka-keys[data-gui-mode=default][data-dark-mode=false] [onmouseover]:hover, .anyanka-keys[data-gui-mode=default][data-dark-mode=false] [onmousedown]:hover, .anyanka-keys[data-gui-mode=default][data-dark-mode=false] button:hover, .anyanka-keys[data-gui-mode=default][data-dark-mode=false] [type=button]:hover, .anyanka-keys[data-gui-mode=default][data-dark-mode=false] [type=reset]:hover, .anyanka-keys[data-gui-mode=default][data-dark-mode=false] [type=submit]:hover, .anyanka-keys[data-gui-mode=default][data-dark-mode=false] [data-role=link]:hover, .anyanka-keys[data-gui-mode=default][data-dark-mode=false] [data-role=button]:hover { color: #D47222; } .anyanka-keys[data-gui-mode=light] [onmouseover], .anyanka-keys[data-gui-mode=light] [onmousedown], .anyanka-keys[data-gui-mode=default][data-dark-mode=false] [onmouseover], .anyanka-keys[data-gui-mode=default][data-dark-mode=false] [onmousedown] { color: #224a7b; } .anyanka-keys[data-gui-mode=light] [onmouseover]:hover, .anyanka-keys[data-gui-mode=light] [onmousedown]:hover, .anyanka-keys[data-gui-mode=default][data-dark-mode=false] [onmouseover]:hover, .anyanka-keys[data-gui-mode=default][data-dark-mode=false] [onmousedown]:hover { color: #7b4a22; } .anyanka-keys[data-gui-mode=light] button, .anyanka-keys[data-gui-mode=light] [type=button], .anyanka-keys[data-gui-mode=light] [type=reset], .anyanka-keys[data-gui-mode=light] [type=submit], .anyanka-keys[data-gui-mode=light] [data-role=button], .anyanka-keys[data-gui-mode=default][data-dark-mode=false] button, .anyanka-keys[data-gui-mode=default][data-dark-mode=false] [type=button], .anyanka-keys[data-gui-mode=default][data-dark-mode=false] [type=reset], .anyanka-keys[data-gui-mode=default][data-dark-mode=false] [type=submit], .anyanka-keys[data-gui-mode=default][data-dark-mode=false] [data-role=button] { border: 0.1em solid #2272D4; box-shadow: 0em 0em 0.4em #2272D4; } .anyanka-keys[data-gui-mode=light] button:hover, .anyanka-keys[data-gui-mode=light] [type=button]:hover, .anyanka-keys[data-gui-mode=light] [type=reset]:hover, .anyanka-keys[data-gui-mode=light] [type=submit]:hover, .anyanka-keys[data-gui-mode=light] [data-role=button]:hover, .anyanka-keys[data-gui-mode=default][data-dark-mode=false] button:hover, .anyanka-keys[data-gui-mode=default][data-dark-mode=false] [type=button]:hover, .anyanka-keys[data-gui-mode=default][data-dark-mode=false] [type=reset]:hover, .anyanka-keys[data-gui-mode=default][data-dark-mode=false] [type=submit]:hover, .anyanka-keys[data-gui-mode=default][data-dark-mode=false] [data-role=button]:hover { border-color: #D47222; box-shadow: 0em 0em 0.4em #D47222; } .anyanka-keys[data-gui-mode=light] .wmd-dictionary-item, .anyanka-keys[data-gui-mode=default][data-dark-mode=false] .wmd-dictionary-item { color: #224a7b; } .anyanka-keys[data-gui-mode=light] .wmd-dictionary-item:hover, .anyanka-keys[data-gui-mode=default][data-dark-mode=false] .wmd-dictionary-item:hover { color: #7b4a22; } .anyanka-keys[data-gui-mode=light] header, .anyanka-keys[data-gui-mode=light] footer, .anyanka-keys[data-gui-mode=default][data-dark-mode=false] header, .anyanka-keys[data-gui-mode=default][data-dark-mode=false] footer { box-shadow: 0em 0em 0.125em #EFEFEF, 0em 0em 0.25em #EFEFEF, 0em 0em 0.5em #EFEFEF, 0em 0em 1em #EFEFEF, 0em 0em 2em #EFEFEF; } .anyanka-keys[data-gui-mode=light] .wmd-dictionary-box, .anyanka-keys[data-gui-mode=light] .wmd-main-menu, .anyanka-keys[data-gui-mode=default][data-dark-mode=false] .wmd-dictionary-box, .anyanka-keys[data-gui-mode=default][data-dark-mode=false] .wmd-main-menu { background-color: #EFEFEF; box-shadow: 0.1em 0.1em 0.2em #222; } .anyanka-keys[data-gui-mode=light] .wmd-dictionary-box a[href], .anyanka-keys[data-gui-mode=default][data-dark-mode=false] .wmd-dictionary-box a[href] { background-color: rgba(0, 0, 0, 0.1); } .anyanka-keys[data-gui-mode=dark], .anyanka-keys[data-gui-mode=default][data-dark-mode=true] { background-color: #222; color: #EFEFEF; } .anyanka-keys[data-gui-mode=dark] a[href], .anyanka-keys[data-gui-mode=dark] [onclick], .anyanka-keys[data-gui-mode=dark] [onmouseover], .anyanka-keys[data-gui-mode=dark] [onmousedown], .anyanka-keys[data-gui-mode=dark] button, .anyanka-keys[data-gui-mode=dark] [type=button], .anyanka-keys[data-gui-mode=dark] [type=reset], .anyanka-keys[data-gui-mode=dark] [type=submit], .anyanka-keys[data-gui-mode=dark] [data-role=link], .anyanka-keys[data-gui-mode=dark] [data-role=button], .anyanka-keys[data-gui-mode=default][data-dark-mode=true] a[href], .anyanka-keys[data-gui-mode=default][data-dark-mode=true] [onclick], .anyanka-keys[data-gui-mode=default][data-dark-mode=true] [onmouseover], .anyanka-keys[data-gui-mode=default][data-dark-mode=true] [onmousedown], .anyanka-keys[data-gui-mode=default][data-dark-mode=true] button, .anyanka-keys[data-gui-mode=default][data-dark-mode=true] [type=button], .anyanka-keys[data-gui-mode=default][data-dark-mode=true] [type=reset], .anyanka-keys[data-gui-mode=default][data-dark-mode=true] [type=submit], .anyanka-keys[data-gui-mode=default][data-dark-mode=true] [data-role=link], .anyanka-keys[data-gui-mode=default][data-dark-mode=true] [data-role=button] { color: #4b8bd9; } .anyanka-keys[data-gui-mode=dark] a[href]:hover, .anyanka-keys[data-gui-mode=dark] [onclick]:hover, .anyanka-keys[data-gui-mode=dark] [onmouseover]:hover, .anyanka-keys[data-gui-mode=dark] [onmousedown]:hover, .anyanka-keys[data-gui-mode=dark] button:hover, .anyanka-keys[data-gui-mode=dark] [type=button]:hover, .anyanka-keys[data-gui-mode=dark] [type=reset]:hover, .anyanka-keys[data-gui-mode=dark] [type=submit]:hover, .anyanka-keys[data-gui-mode=dark] [data-role=link]:hover, .anyanka-keys[data-gui-mode=dark] [data-role=button]:hover, .anyanka-keys[data-gui-mode=default][data-dark-mode=true] a[href]:hover, .anyanka-keys[data-gui-mode=default][data-dark-mode=true] [onclick]:hover, .anyanka-keys[data-gui-mode=default][data-dark-mode=true] [onmouseover]:hover, .anyanka-keys[data-gui-mode=default][data-dark-mode=true] [onmousedown]:hover, .anyanka-keys[data-gui-mode=default][data-dark-mode=true] button:hover, .anyanka-keys[data-gui-mode=default][data-dark-mode=true] [type=button]:hover, .anyanka-keys[data-gui-mode=default][data-dark-mode=true] [type=reset]:hover, .anyanka-keys[data-gui-mode=default][data-dark-mode=true] [type=submit]:hover, .anyanka-keys[data-gui-mode=default][data-dark-mode=true] [data-role=link]:hover, .anyanka-keys[data-gui-mode=default][data-dark-mode=true] [data-role=button]:hover { color: #d98b4b; } .anyanka-keys[data-gui-mode=dark] [onmouseover], .anyanka-keys[data-gui-mode=dark] [onmousedown], .anyanka-keys[data-gui-mode=default][data-dark-mode=true] [onmouseover], .anyanka-keys[data-gui-mode=default][data-dark-mode=true] [onmousedown] { color: #9dbde4; } .anyanka-keys[data-gui-mode=dark] [onmouseover]:hover, .anyanka-keys[data-gui-mode=dark] [onmousedown]:hover, .anyanka-keys[data-gui-mode=default][data-dark-mode=true] [onmouseover]:hover, .anyanka-keys[data-gui-mode=default][data-dark-mode=true] [onmousedown]:hover { color: #e4bd9d; } .anyanka-keys[data-gui-mode=dark] button, .anyanka-keys[data-gui-mode=dark] [type=button], .anyanka-keys[data-gui-mode=dark] [type=reset], .anyanka-keys[data-gui-mode=dark] [type=submit], .anyanka-keys[data-gui-mode=dark] [data-role=button], .anyanka-keys[data-gui-mode=default][data-dark-mode=true] button, .anyanka-keys[data-gui-mode=default][data-dark-mode=true] [type=button], .anyanka-keys[data-gui-mode=default][data-dark-mode=true] [type=reset], .anyanka-keys[data-gui-mode=default][data-dark-mode=true] [type=submit], .anyanka-keys[data-gui-mode=default][data-dark-mode=true] [data-role=button] { border: 0.1em solid #4b8bd9; box-shadow: 0em 0em 0.4em #4b8bd9; } .anyanka-keys[data-gui-mode=dark] button:hover, .anyanka-keys[data-gui-mode=dark] [type=button]:hover, .anyanka-keys[data-gui-mode=dark] [type=reset]:hover, .anyanka-keys[data-gui-mode=dark] [type=submit]:hover, .anyanka-keys[data-gui-mode=dark] [data-role=button]:hover, .anyanka-keys[data-gui-mode=default][data-dark-mode=true] button:hover, .anyanka-keys[data-gui-mode=default][data-dark-mode=true] [type=button]:hover, .anyanka-keys[data-gui-mode=default][data-dark-mode=true] [type=reset]:hover, .anyanka-keys[data-gui-mode=default][data-dark-mode=true] [type=submit]:hover, .anyanka-keys[data-gui-mode=default][data-dark-mode=true] [data-role=button]:hover { border-color: #d98b4b; box-shadow: 0em 0em 0.4em #d98b4b; } .anyanka-keys[data-gui-mode=dark] .wmd-dictionary-item, .anyanka-keys[data-gui-mode=default][data-dark-mode=true] .wmd-dictionary-item { color: #9dbde4; } .anyanka-keys[data-gui-mode=dark] .wmd-dictionary-item:hover, .anyanka-keys[data-gui-mode=default][data-dark-mode=true] .wmd-dictionary-item:hover { color: #e4bd9d; } .anyanka-keys[data-gui-mode=dark] header, .anyanka-keys[data-gui-mode=dark] footer, .anyanka-keys[data-gui-mode=default][data-dark-mode=true] header, .anyanka-keys[data-gui-mode=default][data-dark-mode=true] footer { box-shadow: 0em 0em 0.125em #222, 0em 0em 0.25em #222, 0em 0em 0.5em #222, 0em 0em 1em #222, 0em 0em 2em #222; } .anyanka-keys[data-gui-mode=dark] .wmd-dictionary-box, .anyanka-keys[data-gui-mode=dark] .wmd-main-menu, .anyanka-keys[data-gui-mode=default][data-dark-mode=true] .wmd-dictionary-box, .anyanka-keys[data-gui-mode=default][data-dark-mode=true] .wmd-main-menu { background-color: #222; box-shadow: 0.1em 0.1em 0.2em #EFEFEF; } .anyanka-keys[data-gui-mode=dark] .wmd-dictionary-box a[href], .anyanka-keys[data-gui-mode=default][data-dark-mode=true] .wmd-dictionary-box a[href] { background-color: rgba(255, 255, 255, 0.1); } .anyanka-keys a[href], .anyanka-keys [data-role=link] { text-decoration: none; word-break: break-word; } .anyanka-keys a[href], .anyanka-keys [onclick], .anyanka-keys [onmouseover], .anyanka-keys [onmousedown], .anyanka-keys button, .anyanka-keys [type=button], .anyanka-keys [type=reset], .anyanka-keys [type=submit], .anyanka-keys [data-role=link], .anyanka-keys [data-role=button] { cursor: pointer; transition-duration: 1s; } .anyanka-keys a[href]:hover, .anyanka-keys [onclick]:hover, .anyanka-keys [onmouseover]:hover, .anyanka-keys [onmousedown]:hover, .anyanka-keys button:hover, .anyanka-keys [type=button]:hover, .anyanka-keys [type=reset]:hover, .anyanka-keys [type=submit]:hover, .anyanka-keys [data-role=link]:hover, .anyanka-keys [data-role=button]:hover { transition-duration: 0.2s; } .anyanka-keys a[href], .anyanka-keys [onclick], .anyanka-keys [onmouseover], .anyanka-keys [onmousedown], .anyanka-keys button, .anyanka-keys [type=button], .anyanka-keys [type=reset], .anyanka-keys [type=submit], .anyanka-keys [data-role=link], .anyanka-keys [data-role=button] { transition-property: color; } .anyanka-keys button, .anyanka-keys [type=button], .anyanka-keys [type=reset], .anyanka-keys [type=submit], .anyanka-keys [data-role=button] { transition-property: color,border-color,box-shadow; } .anyanka-keys h2 { font-size: 2.6em; } .anyanka-keys h3 { font-size: 2.2em; } .anyanka-keys h4 { font-size: 1.8em; } .anyanka-keys h5 { font-size: 1.4em; } .anyanka-keys h6 { font-size: 1em; } .anyanka-keys ul, .anyanka-keys ol { padding: 0em 2em; } .anyanka-keys header, .anyanka-keys main, .anyanka-keys footer { position: absolute; left: 0em; width: 100%; } .anyanka-keys header, .anyanka-keys footer { overflow: hidden; display: flex; flex-direction: row; } .anyanka-keys header > *, .anyanka-keys footer > * { flex: auto; align-self: center; } .anyanka-keys header { top: 0em; height: 4em; z-index: 20; } .anyanka-keys header h1 { margin: .2em 1em; padding: 0em; font-size: 1em; text-wrap: nowrap; } .anyanka-keys header h1 .image { height: 3.6em; } .anyanka-keys header h1 img { width: auto; height: 3.6em; } .anyanka-keys header h1 img + span { display: none; } .anyanka-keys header h1 span + span { font-size: 3.4em; height: 0.9444444444em; } .anyanka-keys header h1 a > span { display: inline-block; vertical-align: top; } .anyanka-keys main { top: 4em; bottom: 2.5em; padding: 1% 2%; z-index: 10; overflow: auto; box-sizing: border-box; } .anyanka-keys footer { display: flex; flex-direction: row; justify-items: center; bottom: 0em; height: 2.5em; z-index: 30; } .anyanka-keys .main-menu { width: 25em; text-align: center; } .anyanka-keys .main-menu ul { list-style-type: none; margin: 0em; padding: 0em; } .anyanka-keys .main-menu li { display: inline-block; margin: 0em .6em; } .anyanka-keys .licenses { display: flex; flex-direction: row; justify-content: center; flex: auto; text-align: center; padding: .1em .2em; font-weight: 900; font-size: .65em; box-sizing: border-box; } .anyanka-keys .license { display: flex; flex-direction: row; align-self: center; margin: 0em .2em; text-align: center; box-sizing: border-box; } .anyanka-keys .license span { flex: auto; align-self: center; } .anyanka-keys .license > * { vertical-align: middle; } .anyanka-keys .license img { width: auto; height: 3em; margin: .2em .2em; } .anyanka-keys .gui-controls { display: flex; flex-direction: row; justify-items: center; align-items: stretch; flex-grow: 0; order: -1; border: none; font-size: .85em; } .anyanka-keys .gui-controls button[data-i18n=zoom_less], .anyanka-keys .gui-controls button[data-i18n=zoom_reset], .anyanka-keys .gui-controls button[data-i18n=zoom_more], .anyanka-keys .gui-controls span[data-i18n], .anyanka-keys .gui-controls legend { display: none; } .anyanka-keys .gui-controls [data-icon]::before { margin: 0em; } .anyanka-keys .gui-controls [type=number] { display: none; width: 3em; font-family: "Roboto Mono"; } .anyanka-keys .gui-controls button[data-i18n=zoom_mode] { border-radius: 0.3em 0em 0em 0.3em; } .anyanka-keys .gui-controls > :last-child { border-radius: 0em 0.3em 0.3em 0em; } /*# sourceMappingURL=AnyankaKeys.css.map */