diff options
author | Alex Yatskov <alex@foosoft.net> | 2017-11-04 08:18:49 -0700 |
---|---|---|
committer | Alex Yatskov <alex@foosoft.net> | 2017-11-04 08:18:49 -0700 |
commit | d505edb94b27ecd8cbaaecd11cbebfbe12b16164 (patch) | |
tree | 44ab656f33f7eedb0e4e0c9e31e0ccceffb069e0 /ext/mixed/css/display.css | |
parent | 5c0d1cc6dae358dd2c04bdaac8f30cebfad5466d (diff) | |
parent | dcef7ce3774a3dcc8e7bee0bc17398251523451e (diff) |
Merge branch 'dev'
Diffstat (limited to 'ext/mixed/css/display.css')
-rw-r--r-- | ext/mixed/css/display.css | 72 |
1 files changed, 71 insertions, 1 deletions
diff --git a/ext/mixed/css/display.css b/ext/mixed/css/display.css index cdc1be8c..eadb9dae 100644 --- a/ext/mixed/css/display.css +++ b/ext/mixed/css/display.css @@ -46,6 +46,10 @@ hr { display: none; } +.invisible { + visibility: hidden; +} + /* * Entries @@ -88,6 +92,10 @@ hr { background-color: #5cb85c; } +.tag-partOfSpeech { + background-color: #565656; +} + .actions .disabled { pointer-events: none; cursor: default; @@ -118,21 +126,79 @@ hr { font-size: 24px; } -.expression a { +.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 .peek-wrapper .action-play-audio { + position: absolute; + left: 0px; + bottom: 10px; +} + +.expression .peek-wrapper .tags { + position: absolute; + left: 0px; + bottom: -10px; +} + +.expression .peek-wrapper .frequencies { + position: absolute; + left: 0px; + bottom: -30px; +} + +.expression:hover .peek-wrapper { + visibility: visible; +} + .reasons { color: #777; display: inline-block; } +.compact-info { + display: inline-block; +} + .glossary ol, .glossary ul { padding-left: 1.4em; } +.glossary ul.compact-glossary { + display: inline; + list-style: none; + padding-left: 0px; +} + +.glossary .compact-glossary li { + display: inline; +} + +.glossary .compact-glossary li:not(:first-child):before { + content: " | "; +} + .glossary li { color: #777; } @@ -141,6 +207,10 @@ hr { color: #000; } +div.glossary-item.compact-glossary { + display: inline; +} + .glyph { font-family: kanji-stroke-orders; font-size: 120px; |