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 } |