diff options
Diffstat (limited to 'ext/fg/css')
-rw-r--r-- | ext/fg/css/frame.css | 69 |
1 files changed, 46 insertions, 23 deletions
diff --git a/ext/fg/css/frame.css b/ext/fg/css/frame.css index 67caf152..7e9c3b19 100644 --- a/ext/fg/css/frame.css +++ b/ext/fg/css/frame.css @@ -18,6 +18,15 @@ /* common styles */ +@font-face { + font-family: kanji-stroke-orders; + src: url('../ttf/kanji-stroke-orders.ttf'); +} +@font-face { + font-family: vl-gothic-regular; + src: url('../ttf/vl-gothic-regular.ttf'); +} + body { background-color: #fff; color: #333; @@ -66,6 +75,10 @@ body { background-color: #d9534f; } +.tag-dictionary { + background-color: #aa66cc; +} + .action-bar { float: right; } @@ -86,6 +99,26 @@ body { opacity: 0.25; } +.action-bar .pending { + visibility: hidden; +} + +.spinner { + bottom: 5px; + display: none; + position: fixed; + right: 5px; +} + +hr { + background-color: #fff; + border: none; + border-top: 1px dotted #ccc; + margin-top: 0.8em; + margin-bottom: 0.8em; + height: 1px; +} + /* term styles */ .term-expression { @@ -105,11 +138,7 @@ body { display: inline-block; } -.term-glossary { - font-family: vl-gothic-regular; -} - -.term-glossary ol { +.term-glossary ol, .term-glossary ul { padding-left: 1.4em; } @@ -117,15 +146,14 @@ body { color: #777; } -.term-glossary li span { - color: #000; - overflow-x: auto; - white-space: pre; +.term-glossary-group { + margin-top: 0.4em; + margin-bottom: 0.4em; } -.term-glossary p { - overflow-x: auto; - white-space: pre; +.term-glossary-item { + color: #000; + font-family: vl-gothic-regular; } /* kanji styles */ @@ -153,10 +181,6 @@ body { font-family: vl-gothic-regular; } -.kanji-glossary { - font-family: vl-gothic-regular; -} - .kanji-glossary ol { padding-left: 1.4em; } @@ -165,13 +189,12 @@ body { color: #777; } -.kanji-glossary li span { - color: #000; - overflow-x: auto; - white-space: pre; +.kanji-glossary-group { + padding-bottom: 0.7em; + padding-top: 0.7em; } -.kanji-glossary p { - overflow-x: auto; - white-space: pre; +.kanji-glossary-item { + color: #000; + font-family: vl-gothic-regular; } |