-
Notifications
You must be signed in to change notification settings - Fork 0
/
lychee.css
171 lines (136 loc) · 8.21 KB
/
lychee.css
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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
:root, .dictPanel-Root, .dictRoot {
--color-blue: rgb(105, 136, 239);
--fa-search: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" viewBox="0 0 512 512"><path fill="rgb(105, 136, 239)" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>');
--fa-menu: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="bars" class="svg-inline--fa fa-bars fa-w-14" role="img" viewBox="0 0 448 512"><path fill="rgb(105, 136, 239)" d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"/></svg>');
--fa-bookmark-regular: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="far" data-icon="bookmark" class="svg-inline--fa fa-bookmark fa-w-12" role="img" viewBox="0 0 384 512"><path fill="rgb(105, 136, 239)" d="M336 0H48C21.49 0 0 21.49 0 48v464l192-112 192 112V48c0-26.51-21.49-48-48-48zm0 428.43l-144-84-144 84V54a6 6 0 0 1 6-6h276c3.314 0 6 2.683 6 5.996V428.43z"/></svg>');
--fa-bookmark-solid: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="bookmark" class="svg-inline--fa fa-bookmark fa-w-12" role="img" viewBox="0 0 384 512"><path fill="rgb(105, 136, 239)" d="M0 512V48C0 21.49 21.49 0 48 0h288c26.51 0 48 21.49 48 48v464L192 400 0 512z"/></svg>');
--fa-book: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="book" class="svg-inline--fa fa-book fa-w-14" role="img" viewBox="0 0 448 512"><path fill="rgb(105, 136, 239)" d="M448 360V24c0-13.3-10.7-24-24-24H96C43 0 0 43 0 96v320c0 53 43 96 96 96h328c13.3 0 24-10.7 24-24v-16c0-7.5-3.5-14.3-8.9-18.7-4.2-15.4-4.2-59.3 0-74.7 5.4-4.3 8.9-11.1 8.9-18.6zM128 134c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm0 64c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm253.4 250H96c-17.7 0-32-14.3-32-32 0-17.6 14.4-32 32-32h285.4c-1.9 17.1-1.9 46.9 0 64z"/></svg>');
--fa-left: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-left" class="svg-inline--fa fa-chevron-left fa-w-10" role="img" viewBox="0 0 320 512"><path fill="rgb(105, 136, 239)" d="M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z"/></svg>');
--fa-right: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-right" class="svg-inline--fa fa-chevron-right fa-w-10" role="img" viewBox="0 0 320 512"><path fill="rgb(105, 136, 239)" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"/></svg>');
--fa-play: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="play" class="svg-inline--fa fa-play fa-w-14" role="img" viewBox="0 0 448 512"><path fill="rgb(105, 136, 239)" d="M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z"/></svg>');
--fa-pin: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="thumbtack" class="svg-inline--fa fa-thumbtack fa-w-12" role="img" viewBox="0 0 384 512"><path fill="rgb(105, 136, 239)" d="M298.028 214.267L285.793 96H328c13.255 0 24-10.745 24-24V24c0-13.255-10.745-24-24-24H56C42.745 0 32 10.745 32 24v48c0 13.255 10.745 24 24 24h42.207L85.972 214.267C37.465 236.82 0 277.261 0 328c0 13.255 10.745 24 24 24h136v104.007c0 1.242.289 2.467.845 3.578l24 48c2.941 5.882 11.364 5.893 14.311 0l24-48a8.008 8.008 0 0 0 .845-3.578V352h136c13.255 0 24-10.745 24-24-.001-51.183-37.983-91.42-85.973-113.733z"/></svg>');
--fa-close: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-inline--fa fa-times fa-w-11" role="img" viewBox="0 0 352 512"><path fill="rgb(105, 136, 239)" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"/></svg>');
}
.menuBar {
height: 36px;
background-color: white;
}
.menuBar-SearchBox {
color: rgba(0, 0, 0, 0.7);
border-radius: 6px;
}
.menuBar svg path {
display: none;
}
.menuBar > button:nth-of-type(1) svg {
background-image: var(--fa-left);
}
.menuBar > button:nth-of-type(2) svg {
background-image: var(--fa-right);
}
.menuBar > button:nth-of-type(3) svg {
background-image: var(--fa-search);
}
.menuBar > .hoverBox-Container svg {
background-image: var(--fa-menu);
}
.menuBar > button:nth-of-type(4) svg {
background-image: var(--fa-bookmark-regular);
}
.menuBar > button:nth-of-type(4) svg.isActive {
background-image: var(--fa-bookmark-solid);
}
.menuBar > button:nth-of-type(5) svg {
background-image: var(--fa-book);
}
.menuBar > button:nth-of-type(6) svg {
background-image: var(--fa-pin);
}
.menuBar > button:nth-of-type(7) svg {
background-image: var(--fa-close);
}
.menuBar svg {
background-size: 80%;
background-position: center;
background-repeat: no-repeat;
}
.menuBar .menuBar-Btn {
padding: 8px;
border-radius: 4px;
}
.menuBar-SearchBox {
background-color: rgba(0, 0, 0, 0.06);
height: 24px;
}
.dictItemHead {
border-top: 1px solid #eee;
padding: 6px 10px;
}
.uk>.region, .us>.region {
text-transform: uppercase;
color: var(--color-blue);
font-size: 1em;
font-weight: 700;
}
.dictBing-SentenceItem_HL {
color: var(--color-blue);
}
.saladict-Speaker {
background-image: var(--fa-play);
background-position: center;
mask-repeat: no-repeat;
background-size: 70%;
}
.dwl {
border-top: solid thin #eee;
margin-top: 2px;
margin-bottom: 4px;
}
.superentry .irreg-infls, .uk, .us {
margin-left: 0;
margin-right: 8px;
}
.epp-xref, .freq {
border-radius: 4px;
}
.mtaBox-DrawerBtn {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.mtaBox-DrawerBtn:active, .mtaBox-DrawerBtn:focus {
outline: 0;
}
.mtaBox-DrawerBtn {
height: 18px;
}
.mtaBox-TextArea {
background-color: rgba(0, 0, 0, 0.06);
resize: none;
}
.mtaBox-TextArea:active, .mtaBox-TextArea:focus {
outline: 0;
}
.btn-switch+label {
width: 46px;
height: 24px;
background: none;
}
.btn-switch:checked+label:before {
background-color: var(--color-blue) !important;
}
.btn-switch+label:after {
height: 24px;
width: 24px;
}
.dictCOBUILD-ColEntry .dc .word-frequency-container .level.roundRed {
background-color: var(--color-blue);
}
a {
color: var(--color-blue);
}
.entryBox {
border-color: var(--color-blue);
}
.saladict-Speaker.isActive {
animation: none;
}