22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
|
body {
background: hsl(0, 0%, 100%) url(../img/lines.png);
font: normal 16px "Trebuchet MS", "Fira Sans", "Liberation Sans", sans-serif;
color: #505050;
}
/* MAIN ====================================================================== */
.inbox {
width: 600px;
margin: 20px auto 10px auto;
padding: 10px 30px 30px 30px;
background: hsl(0, 0%, 100%);
border: 2px solid #F0F0F0;
border-radius: 20px;
|
<
<
<
|
22
23
24
25
26
27
28
29
30
31
32
33
34
35
|
body {
background: hsl(0, 0%, 100%) url(../img/lines.png);
font: normal 16px "Trebuchet MS", "Fira Sans", "Liberation Sans", sans-serif;
color: #505050;
}
.inbox {
width: 600px;
margin: 20px auto 10px auto;
padding: 10px 30px 30px 30px;
background: hsl(0, 0%, 100%);
border: 2px solid #F0F0F0;
border-radius: 20px;
|
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
|
#categories {
display: flex;
padding: 10px 0;
}
#another_word_section {
opacity: .2;
}
.category {
padding: 10px;
border-radius: 3px;
cursor: pointer;
}
|
|
|
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
|
#categories {
display: flex;
padding: 10px 0;
}
#another_word_section {
opacity: .33;
}
.category {
padding: 10px;
border-radius: 3px;
cursor: pointer;
}
|
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
|
margin-left: 5px;
padding: 5px 10px;
border: 2px solid hsl(0, 0%, 80%);
border-radius: 3px;
height: 24px;
background: transparent;
font: normal 20px Tahoma, "Ubuntu Condensed";
color: hsl(0, 0%, 30%);
}
input[placeholder] {
color: hsl(0, 0%, 80%);
}
#generated_words {
padding: 10px;
}
#buttonline {
text-align: right;
}
|
|
|
>
|
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
|
margin-left: 5px;
padding: 5px 10px;
border: 2px solid hsl(0, 0%, 80%);
border-radius: 3px;
height: 24px;
background: transparent;
font: normal 20px Tahoma, "Ubuntu Condensed";
color: hsl(0, 0%, 20%);
}
input[placeholder] {
color: hsl(0, 0%, 80%);
}
#actions {
display: none;
padding: 10px;
}
#buttonline {
text-align: right;
}
|