diff options
| author | Star Rauchenberger <fefferburbia@gmail.com> | 2023-10-30 12:40:08 -0400 |
|---|---|---|
| committer | Star Rauchenberger <fefferburbia@gmail.com> | 2023-10-30 12:40:08 -0400 |
| commit | 82cf9a4f0819bec96d1cf5050cc4e8dc17568be0 (patch) | |
| tree | 7bf12ba31911bf9db863ee74a746a42fadb3d6db /app/assets/stylesheets | |
| parent | 4ef2c94a6da2854c0e39a0dc5da682fca2ed4b4d (diff) | |
| download | wittle-82cf9a4f0819bec96d1cf5050cc4e8dc17568be0.tar.gz wittle-82cf9a4f0819bec96d1cf5050cc4e8dc17568be0.tar.bz2 wittle-82cf9a4f0819bec96d1cf5050cc4e8dc17568be0.zip | |
main page! and other layout stuff
Diffstat (limited to 'app/assets/stylesheets')
| -rw-r--r-- | app/assets/stylesheets/wittle/general.css.scss | 86 |
1 files changed, 84 insertions, 2 deletions
| 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 | } | ||