Mercurial > dottes

diff web/css/dottes.css @ 633:7a64aeaaa294 build-default-251

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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
line wrap: on
line diff
--- a/web/css/dottes.css	Sun Nov 06 21:52:29 2016 +0000
+++ b/web/css/dottes.css	Sun Nov 06 22:21:09 2016 +0000
@@ -381,3 +381,88 @@
 {
     margin-top: 20px
 }
+
+@media only screen and (max-device-width: 480px) {
+    div.dottes-tune-footer
+    {
+    }
+
+    div.dottes-tune-footer-links-column
+    {
+    }
+
+    div.dottes-tune-footer-play-column
+    {
+    }
+
+    div.dottes-tune-footer-last-column
+    {
+    }
+
+    div.dottes-tune-footer-row
+    {
+        display: table;
+        width: 100%;
+    }
+
+    div.dottes-tune-footer-links
+    {
+        display: table-row;
+        text-align: center;
+        vertical-align: middle;
+    }
+
+    div.dottes-tune-footer-play
+    {
+        display: table-row;
+        text-align: center;
+        vertical-align: middle;
+    }
+
+    div.dottes-tune-footer-last
+    {
+        display: table-row;
+        text-align: center;
+        vertical-align: middle;
+    }
+
+    div.dottes-tune-learner
+    {
+    }
+
+    div.dottes-tune-learner-speed-column
+    {
+    }
+
+    div.dottes-tune-learner-play-column
+    {
+    }
+
+    div.dottes-tune-learner-download-column
+    {
+    }
+
+    div.dottes-tune-learner-row
+    {
+        display: table;
+        width: 100%;
+    }
+
+    div.dottes-tune-learner-speed
+    {
+        display: table-row;
+        text-align: center;
+    }
+
+    div.dottes-tune-learner-play
+    {
+        display: table-row;
+        text-align: center;
+    }
+
+    div.dottes-tune-learner-download
+    {
+        display: table-row;
+        text-align: center;
+    }
+}