aboutsummaryrefslogtreecommitdiff
path: root/yomichan-user/conf.d/custom.css
blob: 509fc07e47df73504ca175d603e4501691b8c1db (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
/* clean up header */
.search-header { margin-top: 12px; }
.search-options { display: none; }

/* light/dark mode body background-color */
:root[data-theme=dark] #content-body { background-color: #000000; }
:root[data-theme=light] #content-body { background-color: #ffffff; }

/* outlined instead of filled tags */
.tag .tag-label { background-color: unset; }
.tag {
	border: 1px solid var(--tag-color);
	border-radius: 5px;
}
.frequency-group-tag .tag { border: none !important; }
.tag .tag-body::before { display: none; }
.tag-label, .tag-body { padding: 0px 5px; }

/* rounded search box */
.search-textbox-container {
	border-radius: 6px;
	overflow: hidden;
}
:root[data-theme=light] { --tag-text-color: #333; }

/* larger buttons on mobile */
@media (hover: none) {
	.entry .actions .action-button { padding: 16px; }
	.search-header .search-button { width: 48px; }
}

/* hide non useful tags */
.tag[data-category="dictionary"] { display: none; }
.tag[data-category="pronunciation-dictionary"] { display: none; }

/* hide name of frequency dictionary */
.tag[data-category="frequency"] .tag-label { display: none; }

/* display separator as comma */
:root { --compact-list-separator: ', '; }

/* display frequency and pitch accent inline with entry header */
.entry-header,
.entry-body,
.entry-body-section[data-section-type="frequencies"],
.entry-body-section[data-section-type="frequencies"] .frequency-group-list,
.entry-body-section[data-section-type="pronunciations"],
.entry-body-section[data-section-type="pronunciations"] .pronunciation-group-list,
.entry-body-section[data-section-type="pronunciations"] .pronunciation-group-list .pronunciation-group
{ display: inline; }
.inflection-list .inflection { margin-right: 0.375em; }

/* ensure vertical alignment of tags */
.tag-label,
.tag-body,
.tag-label-content {
	font-size: 10pt;
	font-weight: 500;
}

/* put some space between entry header and definitions */
.entry-body-section[data-section-type="definitions"] { margin-top: 1ex; }