Mercurial > dottes
comparison web/css/dottes.css @ 633:7a64aeaaa294 build-default-251
Adapt footer is tune and learner tune pages to narrow displays.
| author | Jim Hague <jim.hague@acm.org> |
|---|---|
| date | Sun, 06 Nov 2016 22:21:09 +0000 |
| parents | eb1392fd0b76 |
| children | f9ed1b7953ca 1fc8d4867c88 |
comparison
equal
deleted
inserted
replaced
| 632:353cc3db3017 | 633:7a64aeaaa294 |
|---|---|
| 379 | 379 |
| 380 div.dottes-history-yes | 380 div.dottes-history-yes |
| 381 { | 381 { |
| 382 margin-top: 20px | 382 margin-top: 20px |
| 383 } | 383 } |
| 384 | |
| 385 @media only screen and (max-device-width: 480px) { | |
| 386 div.dottes-tune-footer | |
| 387 { | |
| 388 } | |
| 389 | |
| 390 div.dottes-tune-footer-links-column | |
| 391 { | |
| 392 } | |
| 393 | |
| 394 div.dottes-tune-footer-play-column | |
| 395 { | |
| 396 } | |
| 397 | |
| 398 div.dottes-tune-footer-last-column | |
| 399 { | |
| 400 } | |
| 401 | |
| 402 div.dottes-tune-footer-row | |
| 403 { | |
| 404 display: table; | |
| 405 width: 100%; | |
| 406 } | |
| 407 | |
| 408 div.dottes-tune-footer-links | |
| 409 { | |
| 410 display: table-row; | |
| 411 text-align: center; | |
| 412 vertical-align: middle; | |
| 413 } | |
| 414 | |
| 415 div.dottes-tune-footer-play | |
| 416 { | |
| 417 display: table-row; | |
| 418 text-align: center; | |
| 419 vertical-align: middle; | |
| 420 } | |
| 421 | |
| 422 div.dottes-tune-footer-last | |
| 423 { | |
| 424 display: table-row; | |
| 425 text-align: center; | |
| 426 vertical-align: middle; | |
| 427 } | |
| 428 | |
| 429 div.dottes-tune-learner | |
| 430 { | |
| 431 } | |
| 432 | |
| 433 div.dottes-tune-learner-speed-column | |
| 434 { | |
| 435 } | |
| 436 | |
| 437 div.dottes-tune-learner-play-column | |
| 438 { | |
| 439 } | |
| 440 | |
| 441 div.dottes-tune-learner-download-column | |
| 442 { | |
| 443 } | |
| 444 | |
| 445 div.dottes-tune-learner-row | |
| 446 { | |
| 447 display: table; | |
| 448 width: 100%; | |
| 449 } | |
| 450 | |
| 451 div.dottes-tune-learner-speed | |
| 452 { | |
| 453 display: table-row; | |
| 454 text-align: center; | |
| 455 } | |
| 456 | |
| 457 div.dottes-tune-learner-play | |
| 458 { | |
| 459 display: table-row; | |
| 460 text-align: center; | |
| 461 } | |
| 462 | |
| 463 div.dottes-tune-learner-download | |
| 464 { | |
| 465 display: table-row; | |
| 466 text-align: center; | |
| 467 } | |
| 468 } |
