diff options
Diffstat (limited to 'app/assets')
-rw-r--r-- | app/assets/images/wittle/wittle_expert.png | bin | 0 -> 155050 bytes | |||
-rw-r--r-- | app/assets/images/wittle/wittle_hard.png | bin | 0 -> 92194 bytes | |||
-rw-r--r-- | app/assets/images/wittle/wittle_normal.png | bin | 0 -> 81341 bytes | |||
-rw-r--r-- | app/assets/stylesheets/wittle/general.css.scss | 86 |
4 files changed, 84 insertions, 2 deletions
diff --git a/app/assets/images/wittle/wittle_expert.png b/app/assets/images/wittle/wittle_expert.png new file mode 100644 index 0000000..b806b57 --- /dev/null +++ b/app/assets/images/wittle/wittle_expert.png | |||
Binary files differ | |||
diff --git a/app/assets/images/wittle/wittle_hard.png b/app/assets/images/wittle/wittle_hard.png new file mode 100644 index 0000000..e993e9b --- /dev/null +++ b/app/assets/images/wittle/wittle_hard.png | |||
Binary files differ | |||
diff --git a/app/assets/images/wittle/wittle_normal.png b/app/assets/images/wittle/wittle_normal.png new file mode 100644 index 0000000..adc0943 --- /dev/null +++ b/app/assets/images/wittle/wittle_normal.png | |||
Binary files differ | |||
diff --git a/app/assets/stylesheets/wittle/general.css.scss b/app/assets/stylesheets/wittle/general.css.scss index a0eb980..f7bb56f 100644 --- a/app/assets/stylesheets/wittle/general.css.scss +++ b/app/assets/stylesheets/wittle/general.css.scss | |||
@@ -10,8 +10,8 @@ | |||
10 | 10 | ||
11 | a { | 11 | a { |
12 | display: block; | 12 | display: block; |
13 | width: 1110px; | 13 | width: 600px; |
14 | height: 454px; | 14 | height: 245px; |
15 | text-indent: -5000px; | 15 | text-indent: -5000px; |
16 | text-decoration: none; | 16 | text-decoration: none; |
17 | margin: 0; | 17 | margin: 0; |
@@ -169,3 +169,85 @@ input[type="range"]::-ms-thumb { | |||
169 | padding: 0; | 169 | padding: 0; |
170 | } | 170 | } |
171 | } | 171 | } |
172 | |||
173 | #current-date { | ||
174 | margin-top: 1em; | ||
175 | text-align: center; | ||
176 | } | ||
177 | |||
178 | #choose-difficulty { | ||
179 | margin: 1em auto 2em; | ||
180 | width: max-content; | ||
181 | display: flex; | ||
182 | } | ||
183 | |||
184 | #normal-link { | ||
185 | width: 215px; | ||
186 | margin-right: 1em; | ||
187 | |||
188 | a { | ||
189 | background-image: image-url("wittle/wittle_normal.png"); | ||
190 | background-size: cover; | ||
191 | display: block; | ||
192 | width: 215px; | ||
193 | height: 215px; | ||
194 | text-indent: -5000px; | ||
195 | text-decoration: none; | ||
196 | margin: 0; | ||
197 | } | ||
198 | } | ||
199 | |||
200 | #hard-link { | ||
201 | width: 215px; | ||
202 | margin-right: 1em; | ||
203 | |||
204 | a { | ||
205 | background-image: image-url("wittle/wittle_hard.png"); | ||
206 | background-size: cover; | ||
207 | display: block; | ||
208 | width: 215px; | ||
209 | height: 215px; | ||
210 | text-indent: -5000px; | ||
211 | text-decoration: none; | ||
212 | margin: 0; | ||
213 | } | ||
214 | } | ||
215 | |||
216 | #expert-link { | ||
217 | width: 215px; | ||
218 | |||
219 | a { | ||
220 | background-image: image-url("wittle/wittle_expert.png"); | ||
221 | background-size: cover; | ||
222 | display: block; | ||
223 | width: 215px; | ||
224 | height: 215px; | ||
225 | text-indent: -5000px; | ||
226 | text-decoration: none; | ||
227 | margin: 0; | ||
228 | } | ||
229 | } | ||
230 | |||
231 | .summary { | ||
232 | width: 50%; | ||
233 | min-width: 600px; | ||
234 | margin: 0 auto 1em; | ||
235 | } | ||
236 | |||
237 | .puzzle-status { | ||
238 | text-align: center; | ||
239 | margin-bottom: 0; | ||
240 | } | ||
241 | |||
242 | .breadcrumb { | ||
243 | text-align: center; | ||
244 | |||
245 | a, a:visited { | ||
246 | color: #555d66; | ||
247 | text-decoration: none; | ||
248 | } | ||
249 | |||
250 | a:hover { | ||
251 | text-decoration: underline; | ||
252 | } | ||
253 | } | ||