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
|
padding: 10px 30px 30px 30px;
background: hsl(0, 0%, 100%);
border: 2px solid #F0F0F0;
border-radius: 20px;
}
h1 {
margin: 5px 0 20px 0;
color: hsl(210, 50%, 50%);
font: bold 30px "Trebuchet MS", "Fira Sans", "Liberation Sans", sans-serif;
text-align: center;
}
h2 {
margin: 5px 0 2px 0;
color: hsl(0, 50%, 50%);
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;
}
#buttons {
padding: 10px;
justify-content: center;
}
#lexicon_button {
background-color: hsl(210, 80%, 90%);
}
.main_button {
margin: 0 5px;
padding: 10px 30px;
background-color: hsl(210, 10%, 95%);
border-radius: 5px;
cursor: pointer;
}
|
|
|
<
<
>
>
>
>
>
>
>
|
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
|
padding: 10px 30px 30px 30px;
background: hsl(0, 0%, 100%);
border: 2px solid #F0F0F0;
border-radius: 20px;
}
h1 {
margin: 5px 0 5px 0;
color: hsl(210, 50%, 50%);
font: bold 30px "Trebuchet MS", "Fira Sans", "Liberation Sans", sans-serif;
text-align: center;
}
h2 {
margin: 5px 0 2px 0;
color: hsl(0, 50%, 50%);
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;
}
#buttons {
padding: 2px;
justify-content: center;
}
#lexicon_button {
background-color: hsl(210, 80%, 90%);
}
.main_button {
margin: 0 5px;
padding: 10px 30px;
background-color: hsl(210, 10%, 95%);
border-radius: 5px;
cursor: pointer;
}
.big_block {
margin: 10px 0;
padding: 10px;
background-color: hsl(210, 20%, 96%);
border-radius: 5px;
}
#add_word_page {
display: none;
}
.columns {
display: flex;
}
#word_generator {
width: 400px;
}
#generated_words {
width: 400px;
}
#editor {
display: none;
}
#word_section2 {
|
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
|
.examples_true {
flex-grow: 1;
margin: 2px;
padding: 10px;
background-color: hsl(120, 10%, 90%);
color: hsl(120, 10%, 50%);
font-size: 14px;
border-radius: 3px;
}
.examples_false {
flex-grow: 1;
margin: 2px;
padding: 10px;
background-color: hsl(0, 10%, 90%);
|
|
|
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
|
.examples_true {
flex-grow: 1;
margin: 2px;
padding: 10px;
background-color: hsl(120, 10%, 90%);
color: hsl(120, 10%, 50%);
font-size: 12px;
border-radius: 3px;
}
.examples_false {
flex-grow: 1;
margin: 2px;
padding: 10px;
background-color: hsl(0, 10%, 90%);
|
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
|
color: hsl(0, 0%, 20%);
}
input[placeholder] {
color: hsl(0, 0%, 50%);
}
#generated_words {
}
#results {
padding: 10px;
background-color: hsl(210, 10%, 90%);
border-radius: 3px;
margin: 5px 0;
font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
}
|
<
|
|
<
<
<
<
<
<
<
<
<
>
|
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
|
color: hsl(0, 0%, 20%);
}
input[placeholder] {
color: hsl(0, 0%, 50%);
}
#buttonline {
margin-top: 10px;
text-align: right;
}
#add_to_lexicon {
display: inline-block;
padding: 7px 10px;
font-size: 18px;
|
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
|
}
#import_button {
display: none;
}
#wait_progress {
width: 100%;
}
th {
padding: 5px 10px;
border-left: 1px solid hsl(210, 10%, 90%);
text-align: left;
}
td {
padding: 0 10px;
}
.delete_entry {
cursor: pointer;
font-weight: bold;
color: hsl(0, 100%, 50%);
}
|
>
>
>
>
>
>
>
>
>
>
>
>
>
>
|
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
|
}
#import_button {
display: none;
}
#wait_progress {
width: 100%;
height: 4px;
}
table {
border: 1px solid hsl(210, 10%, 50%);
width: 100%;
min-height: 200px;
}
th {
padding: 5px 10px;
border-left: 1px solid hsl(210, 10%, 90%);
text-align: left;
}
td {
padding: 0 10px;
}
.delete_entry {
cursor: pointer;
font-weight: bold;
color: hsl(0, 100%, 50%);
}
details {
font-size: 11px;
font-variant: small-caps;
color: hsl(210, 50%, 50%);
cursor: pointer;
}
|