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 }