Mercurial > dottes
comparison web/css/dottes.css @ 722:f8ab14cc9d8d build-default-281
Add previous and next tune links to website.
| author | Jim Hague <jim.hague@acm.org> |
|---|---|
| date | Tue, 10 Oct 2017 15:01:22 +0100 |
| parents | 7e9d5852c802 |
| children | be87f9a027f1 |
comparison
equal
deleted
inserted
replaced
| 721:f053b23af061 | 722:f8ab14cc9d8d |
|---|---|
| 242 display: table-cell; | 242 display: table-cell; |
| 243 text-align: right; | 243 text-align: right; |
| 244 vertical-align: middle; | 244 vertical-align: middle; |
| 245 } | 245 } |
| 246 | 246 |
| 247 div.dottes-tune-footer-prev | |
| 248 { | |
| 249 display: table-cell; | |
| 250 vertical-align: middle; | |
| 251 } | |
| 252 | |
| 253 div.dottes-tune-footer-booke | |
| 254 { | |
| 255 display: table-cell; | |
| 256 text-align: center; | |
| 257 vertical-align: middle; | |
| 258 } | |
| 259 | |
| 260 div.dottes-tune-footer-next | |
| 261 { | |
| 262 display: table-cell; | |
| 263 text-align: right; | |
| 264 vertical-align: middle; | |
| 265 } | |
| 266 | |
| 247 div.dottes-tune-learner | 267 div.dottes-tune-learner |
| 248 { | 268 { |
| 249 display: table; | 269 display: table; |
| 250 width: 100%; | 270 width: 100%; |
| 251 } | 271 } |
| 286 | 306 |
| 287 div.dottes-tune-learner-download | 307 div.dottes-tune-learner-download |
| 288 { | 308 { |
| 289 display: table-cell; | 309 display: table-cell; |
| 290 text-align: right; | 310 text-align: right; |
| 311 } | |
| 312 | |
| 313 div.dottes-tune-footer-learner | |
| 314 { | |
| 315 display: table; | |
| 316 width: 100%; | |
| 317 } | |
| 318 | |
| 319 div.dottes-tune-footer-learner-prev-column | |
| 320 { | |
| 321 display: table-column; | |
| 322 width: 25%; | |
| 323 } | |
| 324 | |
| 325 div.dottes-tune-footer-learner-booke-column | |
| 326 { | |
| 327 display: table-column; | |
| 328 width: 50%; | |
| 329 } | |
| 330 | |
| 331 div.dottes-tune-footer-learner-next-column | |
| 332 { | |
| 333 display: table-column; | |
| 334 width: 25%; | |
| 335 } | |
| 336 | |
| 337 div.dottes-tune-footer-learner-row | |
| 338 { | |
| 339 display: table-row; | |
| 340 } | |
| 341 | |
| 342 div.dottes-tune-footer-learner-prev | |
| 343 { | |
| 344 display: table-cell; | |
| 345 vertical-align: middle; | |
| 346 } | |
| 347 | |
| 348 div.dottes-tune-footer-learner-booke | |
| 349 { | |
| 350 display: table-cell; | |
| 351 text-align: center; | |
| 352 vertical-align: middle; | |
| 353 } | |
| 354 | |
| 355 div.dottes-tune-footer-learner-next | |
| 356 { | |
| 357 display: table-cell; | |
| 358 text-align: right; | |
| 359 vertical-align: middle; | |
| 291 } | 360 } |
| 292 | 361 |
| 293 a.dottes-tune-icon-link | 362 a.dottes-tune-icon-link |
| 294 { | 363 { |
| 295 text-decoration: none; | 364 text-decoration: none; |
| 474 display: table-row; | 543 display: table-row; |
| 475 text-align: center; | 544 text-align: center; |
| 476 vertical-align: middle; | 545 vertical-align: middle; |
| 477 } | 546 } |
| 478 | 547 |
| 548 div.dottes-tune-footer-prev | |
| 549 { | |
| 550 display: table-row; | |
| 551 text-align: center; | |
| 552 vertical-align: middle; | |
| 553 } | |
| 554 | |
| 555 div.dottes-tune-footer-booke | |
| 556 { | |
| 557 display: table-row; | |
| 558 text-align: center; | |
| 559 vertical-align: middle; | |
| 560 } | |
| 561 | |
| 562 div.dottes-tune-footer-next | |
| 563 { | |
| 564 display: table-row; | |
| 565 text-align: center; | |
| 566 vertical-align: middle; | |
| 567 } | |
| 568 | |
| 479 div.dottes-tune-learner | 569 div.dottes-tune-learner |
| 480 { | 570 { |
| 481 } | 571 } |
| 482 | 572 |
| 483 div.dottes-tune-learner-speed-column | 573 div.dottes-tune-learner-speed-column |
| 512 | 602 |
| 513 div.dottes-tune-learner-download | 603 div.dottes-tune-learner-download |
| 514 { | 604 { |
| 515 display: table-row; | 605 display: table-row; |
| 516 text-align: center; | 606 text-align: center; |
| 607 } | |
| 608 | |
| 609 div.dottes-tune-footer-learner | |
| 610 { | |
| 611 } | |
| 612 | |
| 613 div.dottes-tune-footer-learner-prev-column | |
| 614 { | |
| 615 } | |
| 616 | |
| 617 div.dottes-tune-footer-learner-booke-column | |
| 618 { | |
| 619 } | |
| 620 | |
| 621 div.dottes-tune-footer-learner-next-column | |
| 622 { | |
| 623 } | |
| 624 | |
| 625 div.dottes-tune-footer-learner-row | |
| 626 { | |
| 627 display: table; | |
| 628 width: 100%; | |
| 629 } | |
| 630 | |
| 631 div.dottes-tune-footer-learner-prev | |
| 632 { | |
| 633 display: table-row; | |
| 634 text-align: center; | |
| 635 vertical-align: middle; | |
| 636 } | |
| 637 | |
| 638 div.dottes-tune-footer-learner-booke | |
| 639 { | |
| 640 display: table-row; | |
| 641 text-align: center; | |
| 642 vertical-align: middle; | |
| 643 } | |
| 644 | |
| 645 div.dottes-tune-footer-learner-next | |
| 646 { | |
| 647 display: table-row; | |
| 648 text-align: center; | |
| 649 vertical-align: middle; | |
| 517 } | 650 } |
| 518 } | 651 } |
| 519 | 652 |
| 520 /* | 653 /* |
| 521 * Stock Android browser needs this to force reconsideration of max-width | 654 * Stock Android browser needs this to force reconsideration of max-width |
