-
-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.styl
470 lines (406 loc) · 11.4 KB
/
index.styl
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
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
$side_width = 300px
$side_width_small = 200px
$head_height = 40px
$main_width = "calc(100vw - %s)" % $side_width
$main_width_small = "calc(100vw - %s)" % $side_width_small
$main_height = "calc(100vh - %s)" % $head_height
$border_normal_color = #ccc
$border_active_color = #666
*
box-sizing inherit
body, html
margin 0
height 100%
overscroll-behavior-y contain
input
border none
background-image none
background-color transparent
box-shadow none
&:focus
outline none
div:focus
outline none
.root
font-family 'MyFont', 'Menlo', '华文细黑', '黑体'
height 100%
box-sizing border-box
.head
height $head_height
display flex
.input
flex-grow 1
color #000000
font-size 1.6rem
padding-left 20px
&::-webkit-input-placeholder
font-size 18px
color #aaaaaa
.button
width 36px
cursor pointer
background-image url('search.png')
background-size 100% 100%
border-left 2px solid $border_normal_color
.side
word-wrap break-word
word-break keep-all
padding 10px 20px
overflow-y scroll
position relative
&focus
border-top-color $border_active_color
.index
font-size 18px
padding 6px 0
cursor pointer
.i
color#757575
width 20px
display inline-block
.buttons
position absolute
right 0
bottom 0
svg
width 40px
height 40px
padding 0 5px
.main
padding 30px
word-break keep-all
word-wrap break-word
overflow-y scroll
&focus
border-top-color $border_active_color
h2
margin-block-start 0
.desktop
.head
border-top 2px solid $border_normal_color
border-left 2px solid $border_normal_color
border-right 2px solid $border_normal_color
.side
position absolute
top $head_height
width $side_width
height $main_height
border 2px solid $border_normal_color
.main
position absolute
left $side_width
top $head_height
width $main_width
height $main_height
border-top 2px solid $border_normal_color
border-bottom 2px solid $border_normal_color
border-right 2px solid $border_normal_color
@media (min-width 700px) and (max-width 1200px)
.side
width $side_width_small
.main
left $side_width_small
width $main_width_small
.mobile
height 100%
display flex
flex-direction column-reverse
.head
border 2px solid $border_normal_color
height 50px
min-height 50px
.button
width 46px
.input
&-webkit-input-placeholder
font-size 20px
color #aaaaaa
.side
height 150px
min-height 150px
border-left 2px solid $border_normal_color
border-right 2px solid $border_normal_color
border-top 2px solid $border_normal_color
flex-shrink 0
.index
padding 4px 0
.main
padding 20px
flex-grow 1
flex-shrink 1
border-left 2px solid $border_normal_color
border-right 2px solid $border_normal_color
border-top 2px solid $border_normal_color
// ------------ JP_GRAMMAR
.main.JP_GRAMMAR
.index
line-height 4rem
font-size 4rem
font-weight normal
margin-top 0
margin-bottom 15px
.item_index
font-size 2rem
.related_word
line-height 0.8rem
// ------------ JP_JTS 講談社日中辞典
.main.JP_JTS
line-height 1.5rem
padding-top 15px
.index
line-height 4rem
font-size 4rem
font-weight normal
margin-top 0
margin-bottom 15px
//
.exp
margin-top 0
margin-bottom 0
font-weight bold
color #0063b4
line-height 2rem
.egs
margin-bottom 1rem
// ------------ EN_OALD 牛津高阶英汉双解词典
.main.EN_OALD
.word-root
margin-bottom 1rem
font-weight bold
.Media
cursor pointer
.d .chn
font-weight bold
.gl
&:after
content ' '
a
text-decoration none
.top-g .z
display none
.pos
display block
color #d11000
margin-top 1rem
font-weight bold
font-size 1.2rem
.fayin
display inline
.sd
display block
font-weight bold
margin-top 1rem
.cf
color #0070C0
.swung-dash
margin-right .4em
.cf[display="block"]
display block
.pv, .id
display block
color #0070C0
font-weight bold
.tx
&:before
content ' '
img
border 0
max-width 700px
&.fayin
width 15px
height 15px
&.img
width 1em
height 1em
margin-left -4px
margin-bottom -2px
&.Media
clear both
.h-g .top-g .h
font-size 4rem
display block
margin-bottom 20px
.id-g
display inline
.revout + .id-g, .z + .pv-g
display block
.revout
font-weight bold
margin-top 1rem
display block
&:before
content "【"
&:after
content "】"
span.arbd1, span.dhb, span.fm, span.unei, .ndv, .cl, .ei, .ndv
padding-right 0.2em
span.unsyn, span.unfm, .eb
padding-right 0.2em
text-transform uppercase
font-size smaller
color #C76E06
.ungi, .gi, .g
color green
font-style italic
.label-g
color green
.chn
display inline
&:before
content ""
.dr-g
display block
.phon-gb, .phon-us
color red
.z_phon-us
display none
.alt[q="also"]
display block
.n-g
display block
margin-bottom 2rem
.x-g
display block
margin-left 2em
.n-g .xr-g
margin-left 2em
.xr-g
display block
.z_ei-g
display none
.sense-g
display block
.block-g
display block
.ids-g, .pvs-g
display block
.infl
display block
.para
display block
.wordbox
display block
margin-left 18px
margin-right 18px
padding 5px 16px
border-radius 10px
border-color #C76E06
border-style ridge
clear both
.word
display table-cell
background-color #C76E06
color #FAFAFA
text-transform uppercase
.wfw
display inline
.unbox
display block
padding-left 2px
.tab
display table-cell
background-color #C76E06
color #FAFAFA
text-transform uppercase
text-align left
.title
display block
text-transform uppercase
font-size small
.table
display table
margin 12px 0 8px 0
.tr
display table-row
.td
display table-cell
margin-right 10px
.th
display table-cell
color #C76E06
text-transform uppercase
.althead
text-transform uppercase
.patterns
display block
clear both
.althead
display table-cell
margin 0px auto 0px auto
text-transform uppercase
.para
-ms-word-break break-all
word-break break-word
-webkit-hyphens auto
-moz-hyphens auto
hyphens auto
.help
display block
.symbols-coresym
color green
display inline-block
.symbols-small_coresym
color green
display inline-block
font-size 70%
top -.1em
margin-right .15em
.symbols-xsym
display none
.symbols-xrsym
font-style normal
color #555555
margin-right .25em
.symbols-helpsym, .symbols-synsym, .symbols-awlsym, .symbols-oppsym, .symbols-etymsym, .symbols-notesym
color rgb(255, 255, 255)
background rgb(183, 128, 50)
font-size 65%
padding 1px 3px 2px
display inline-block
margin 0 .4em 0 0
text-transform uppercase
top -1px
line-height 1em
border-radius 1px
.symbols-oppsym
background darkred
.symbols-drsym
font-size 70%
color rgb(0, 0, 0)
.symbols-para_square
color rgb(80, 80, 80)
font-size 65%
.symbols-synsep
color rgb(80, 80, 80)
font-size 65%
span#wx
text-decoration line-through
span#unwx
text-decoration line-through
swung-dash
visibility hidden
&::after
visibility visible
content "\007E \0020"
.pv-g
.swung-dash
visibility hidden
&::after
visibility visible
content "\007E \0020"
.z_n
display none
.symbols-small_coresym
display none
.z_ab
color green
.gr, .subject
color green
.dr
color blue
#cigencizui-content
.word
display unset
background-color unset
color unset
text-transform unset