187 lines
14 KiB
CSS
187 lines
14 KiB
CSS
|
/* [[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=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] {
|
||
|
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=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 {
|
||
|
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=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] {
|
||
|
border-color: 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=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 {
|
||
|
border-color: 0.1em solid #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=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] {
|
||
|
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=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 {
|
||
|
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=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] {
|
||
|
border-color: 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=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 {
|
||
|
border-color: 0.1em solid #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] {
|
||
|
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] {
|
||
|
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 {
|
||
|
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] {
|
||
|
transition-property: color; }
|
||
|
.anyanka-keys button, .anyanka-keys [type=button], .anyanka-keys [type=reset], .anyanka-keys [type=submit] {
|
||
|
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 {
|
||
|
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;
|
||
|
position: absolute;
|
||
|
left: 0em;
|
||
|
bottom: 0em;
|
||
|
width: 100%;
|
||
|
text-align: center;
|
||
|
padding: .1em .2em;
|
||
|
font-weight: 900;
|
||
|
font-size: .85em;
|
||
|
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: 2.5em;
|
||
|
margin: .2em .2em; }
|
||
|
|
||
|
/*# sourceMappingURL=AnyankaKeys.css.map */
|