aboutsummaryrefslogtreecommitdiff
path: root/ext
diff options
context:
space:
mode:
Diffstat (limited to 'ext')
-rw-r--r--ext/bg/search.html2
-rw-r--r--ext/fg/float.html10
-rw-r--r--ext/mixed/css/display.css40
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;
+}