7b9ad61352
Alt+P now works again in grouped/split mode In merged mode, 「、」 is added even after the last term, but it's hidden for that. This ensures consistent behavior with voice button and tags
189 lines
2.9 KiB
CSS
189 lines
2.9 KiB
CSS
/*
|
|
* Copyright (C) 2016 Alex Yatskov <alex@foosoft.net>
|
|
* Author: Alex Yatskov <alex@foosoft.net>
|
|
*
|
|
* This program is free software: you can redistribute it and/or modify
|
|
* it under the entrys of the GNU General Public License as published by
|
|
* the Free Software Foundation, either version 3 of the License, or
|
|
* (at your option) any later version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU General Public License
|
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
|
|
/*
|
|
* Fonts
|
|
*/
|
|
|
|
@font-face {
|
|
font-family: kanji-stroke-orders;
|
|
src: url('/mixed/ttf/kanji-stroke-orders.ttf');
|
|
}
|
|
|
|
/*
|
|
* General
|
|
*/
|
|
|
|
hr {
|
|
padding: 0px;
|
|
margin: 0px;
|
|
}
|
|
|
|
#spinner {
|
|
bottom: 5px;
|
|
display: none;
|
|
position: fixed;
|
|
right: 5px;
|
|
}
|
|
|
|
#error-orphaned {
|
|
display: none;
|
|
}
|
|
|
|
.invisible {
|
|
visibility: hidden;
|
|
}
|
|
|
|
|
|
/*
|
|
* Entries
|
|
*/
|
|
|
|
.entry, .note {
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.tag-default {
|
|
background-color: #8a8a91;
|
|
}
|
|
|
|
.tag-name {
|
|
background-color: #5cb85c;
|
|
}
|
|
|
|
.tag-expression {
|
|
background-color: #f0ad4e;
|
|
}
|
|
|
|
.tag-popular {
|
|
background-color: #0275d8;
|
|
}
|
|
|
|
.tag-frequent {
|
|
background-color: #5bc0de;
|
|
}
|
|
|
|
.tag-archaism {
|
|
background-color: #d9534f;
|
|
}
|
|
|
|
.tag-dictionary {
|
|
background-color: #aa66cc;
|
|
}
|
|
|
|
.tag-frequency {
|
|
background-color: #5cb85c;
|
|
}
|
|
|
|
.actions .disabled {
|
|
pointer-events: none;
|
|
cursor: default;
|
|
}
|
|
|
|
.actions .disabled img {
|
|
-webkit-filter: grayscale(100%);
|
|
opacity: 0.25;
|
|
}
|
|
|
|
.actions .pending {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.actions {
|
|
display: inline-block;
|
|
float: right;
|
|
}
|
|
|
|
.actions:after {
|
|
clear: both;
|
|
content: '';
|
|
display: block;
|
|
}
|
|
|
|
.expression {
|
|
display: inline-block;
|
|
font-size: 24px;
|
|
}
|
|
|
|
.expression .kanji-link {
|
|
border-bottom: 1px #777 dashed;
|
|
color: #333;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.expression-popular, .expression-popular .kanji-link {
|
|
color: #0275d8;
|
|
}
|
|
|
|
.expression-rare, .expression-rare .kanji-link {
|
|
color: #999;
|
|
}
|
|
|
|
.expression .peek-wrapper {
|
|
font-size: 14px;
|
|
white-space: nowrap;
|
|
display: inline-block;
|
|
position: relative;
|
|
width: 0px;
|
|
height: 0px;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.expression:hover .peek-wrapper {
|
|
visibility: visible;
|
|
}
|
|
|
|
.reasons {
|
|
color: #777;
|
|
display: inline-block;
|
|
}
|
|
|
|
.glossary ol, .glossary ul {
|
|
padding-left: 1.4em;
|
|
}
|
|
|
|
.glossary li {
|
|
color: #777;
|
|
}
|
|
|
|
.glossary-item {
|
|
color: #000;
|
|
}
|
|
|
|
.glyph {
|
|
font-family: kanji-stroke-orders;
|
|
font-size: 120px;
|
|
line-height: 120px;
|
|
padding: 0.01em;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.glyph-data {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.info-output {
|
|
width: 100%;
|
|
}
|
|
|
|
.info-output td {
|
|
text-align: right;
|
|
}
|