diff options
| -rw-r--r-- | ext/bg/search.html | 2 | ||||
| -rw-r--r-- | ext/fg/float.html | 10 | ||||
| -rw-r--r-- | ext/mixed/css/display.css | 40 |
3 files changed, 41 insertions, 11 deletions
diff --git a/ext/bg/search.html b/ext/bg/search.html index 3284ed43..e63b4ac1 100644 --- a/ext/bg/search.html +++ b/ext/bg/search.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="en"> +<html lang="en" class="yomichan-search"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1" /> diff --git a/ext/fg/float.html b/ext/fg/float.html index fe1aee8f..ac443c01 100644 --- a/ext/fg/float.html +++ b/ext/fg/float.html @@ -1,18 +1,10 @@ <!DOCTYPE html> -<html lang="en"> +<html lang="en" class="yomichan-float"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1" /> <title></title> - <link rel="stylesheet" href="/mixed/lib/bootstrap/css/bootstrap.min.css"> - <link rel="stylesheet" href="/mixed/lib/bootstrap/css/bootstrap-theme.min.css"> <link rel="stylesheet" href="/mixed/css/display.css"> - <style type="text/css"> - .entry, .note { - padding-left: 10px; - padding-right: 10px; - } - </style> </head> <body> <div id="spinner"> diff --git a/ext/mixed/css/display.css b/ext/mixed/css/display.css index 8a4cf4a7..e88372bb 100644 --- a/ext/mixed/css/display.css +++ b/ext/mixed/css/display.css @@ -30,9 +30,27 @@ * General */ +body { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 1.42857143; + color: #333; + background-color: #fff; + margin: 0; + border: 0; + padding: 0; +} + hr { padding: 0px; margin: 0px; + border: 0; + border-top: 1px solid #eee; +} + +ol, ul { + margin-top: 0; + margin-bottom: 10px; } #spinner { @@ -60,6 +78,12 @@ hr { padding-bottom: 10px; } +html:root.yomichan-float .entry, +html:root.yomichan-float .note { + padding-left: 10px; + padding-right: 10px; +} + .tag-default { background-color: #8a8a91; } @@ -103,6 +127,7 @@ hr { .actions .disabled img { -webkit-filter: grayscale(100%); + filter: grayscale(100%); opacity: 0.25; } @@ -111,7 +136,7 @@ hr { } .actions { - display: inline-block; + display: block; float: right; } @@ -234,3 +259,16 @@ div.glossary-item.compact-glossary { .entry:not(.entry-current) .current { display: none; } + +.label { + display: inline; + padding: 0.2em 0.6em 0.3em; + font-size: 75%; + font-weight: 700; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.25em; +} |