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
|
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;
}
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;
padding: 10px 20px;
background-color: hsl(210, 10%, 95%);
border-radius: 5px;
text-align: center;
cursor: pointer;
}
#lexicon_button {
|
>
>
>
>
>
>
|
|
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;
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
|
background-color: hsl(150, 60%, 40%);
color: hsl(150, 60%, 90%);
box-shadow: 0 0 2px hsl(150, 60%, 50%);
}
#lexicon_page {
|
|
|
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 {
}
/*
Search page
*/
#search_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
|
width: 500px;
}
/*
Dictionary
*/
#save_button, #export_button, #import_button {
display: none;
float: right;
padding: 2px 10px;
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;
background-color: hsl(210, 50%, 50%);
color: hsl(210, 0%, 100%);
}
#wait_progress {
width: 100%;
height: 4px;
}
/*
|
>
>
>
>
>
>
>
>
>
>
>
>
>
|
|
|
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
|
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
|
width: 500px;
}
/*
Dictionary
*/
#new_dictionary_button, #delete_dictionary_button {
margin-left: 5px;
padding: 1px 5px;
background-color: hsl(150, 50%, 50%);
color: hsl(150, 0%, 100%);
border-radius: 3px;
cursor: pointer;
}
#delete_dictionary_button {
background-color: hsl(0, 50%, 50%);
color: hsl(0, 0%, 100%);
}
#save_button {
display: none;
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;
}
#new_dictionary_section {
margin: 5px 0;
padding: 5px 10px;
background-color: hsl(210, 10%, 90%);
border-radius: 3px;
}
#create_dictionary_button {
padding: 1px 5px;
background-color: hsl(120, 50%, 30%);
color: hsl(120, 10%, 100%);
border-radius: 3px;
cursor: pointer;
}
#wait_progress {
width: 100%;
height: 4px;
}
/*
|