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
|
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
|
+
+
+
+
+
+
-
+
|
font: bold 20px "Trebuchet MS", "Fira Sans", "Liberation Sans", sans-serif;
}
h3 {
margin: 3px 0 2px 0;
color: hsl(210, 50%, 50%);
font: bold 16px "Trebuchet MS", "Fira Sans", "Liberation Sans", sans-serif;
}
#dic_selector {
color: hsl(210, 50%, 50%);
font: bold 16px "Trebuchet MS", "Fira Sans", "Liberation Sans", sans-serif;
}
details {
font-size: 11px;
font-variant: small-caps;
color: hsl(210, 50%, 50%);
cursor: pointer;
}
details > * {
font-size: 12px;
font-variant: normal;
color: hsl(210, 0%, 0%);
cursor: auto;
}
details.inline {
padding: 3px;
width: 260px;
}
/*
Main buttons
*/
#buttons {
padding: 10px 0;
justify-content: center;
}
.main_button {
margin: 0 5px;
width: 100px;
min-width: 100px;
padding: 10px 20px;
background-color: hsl(210, 10%, 95%);
border-radius: 5px;
text-align: center;
cursor: pointer;
}
#lexicon_button {
|
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
|
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
|
-
+
|
background-color: hsl(150, 60%, 40%);
color: hsl(150, 60%, 90%);
box-shadow: 0 0 2px hsl(150, 60%, 50%);
}
#lexicon_page {
|
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
|
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
|
-
+
-
-
+
+
+
+
+
+
+
|
width: 500px;
}
/*
Dictionary
*/
#save_button, #export_button, #import_button {
#save_button {
display: none;
float: right;
padding: 2px 10px;
margin-left: 5px;
padding: 1px 5px;
background-color: hsl(150, 50%, 50%);
color: hsl(150, 0%, 100%);
border-radius: 3px;
cursor: pointer;
}
#export_button, #import_button {
display: block;
margin-left: 5px;
float: right;
padding: 2px 10px;
background-color: hsl(210, 50%, 50%);
color: hsl(210, 0%, 100%);
border-radius: 3px;
cursor: pointer;
}
#wait_progress {
width: 100%;
height: 4px;
}
/*
|