From f988a3bd508a2a0551b51ca5f84720aadfee7af9 Mon Sep 17 00:00:00 2001 From: be5invis Date: Tue, 10 Nov 2015 16:19:14 +0800 Subject: [PATCH] fixed positioning of dotted circle in CC variants --- specimen.html | 26 ++++---------------------- 1 file changed, 4 insertions(+), 22 deletions(-) diff --git a/specimen.html b/specimen.html index f18c0c0..14b3461 100644 --- a/specimen.html +++ b/specimen.html @@ -86,8 +86,6 @@ display: flex; width: 68rem; flex-wrap: wrap; - border-top: 1px dotted #ccc; - margin-bottom: -1px; } .show div.block span { display: block; @@ -111,7 +109,7 @@ content: attr(title); position: absolute; font-size: 0.33em; - top: -1em; + top: -1.25em; left: 0.125em; right: 0.125em; text-align: center; @@ -140,6 +138,9 @@ color: #ddd; text-shadow: 0 0 2px white; } + .show.cc div.block span > s > d { + left: 0 + } .show div.block span.present > s:before { display: inline-block; content: ''; @@ -168,25 +169,6 @@ font-size: 1rem; margin: 1rem 0; } - .show samp { - display: flex; - font-size: 1rem; - white-space: pre; - } - .show samp > span.langname { - display: inline-block; - background: #eee; - padding: 0.5em; - flex: none; - font-weight: normal; - font-style: normal; - min-width: 12em; - text-align: right; - } - .show samp > span.sentence { - flex: 1; - padding: 0.5em; - } #links { position: fixed;