Mercurial > dottes

changeset 638:776a455efe47 build-default-252

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Automated merge with ssh://hg.cryhavoc.org.uk/dottes
author Jim Hague <jim.hague@acm.org>
date Mon, 07 Nov 2016 20:34:45 +0000
parents 3a71f1fe4c55 (diff) 1fc8d4867c88 (current diff)
children 2de93bf35562 dfdea8422368
files web/css/dottes.css
diffstat 2 files changed, 31 insertions(+), 17 deletions(-) [+]
line wrap: on
line diff
--- a/.hgtags	Mon Nov 07 20:33:52 2016 +0000
+++ b/.hgtags	Mon Nov 07 20:34:45 2016 +0000
@@ -85,3 +85,4 @@
 2fe68733ec1719d42ad82f12d1e8a8384666465b build-default-248
 5df2ceeb5726116812de5285a3ee49539410fa81 build-default-249
 6ec9229fd6fc56fca45b095ef949e1fbde2e2660 build-default-250
+7a64aeaaa29451eadb46294f55e7988ef9e3a2d4 build-default-251
--- a/web/css/dottes.css	Mon Nov 07 20:33:52 2016 +0000
+++ b/web/css/dottes.css	Mon Nov 07 20:34:45 2016 +0000
@@ -21,7 +21,7 @@
     background: white;
 }
 
-div.banner
+div.banner, div.dottes-body
 {
     background-color: black;
 
@@ -38,6 +38,17 @@
     -moz-border-radius-bottomright: 5px;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
+
+    padding: 10px;
+
+    max-width: 1300px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+div.banner
+{
+    background-color: black;
 }
 
 div.banner img
@@ -64,24 +75,8 @@
 {
     background-color: white;
 
-    -webkit-border-top-left-radius: 5px;
-    -webkit-border-top-right-radius: 5px;
-    -moz-border-radius-topleft: 5px;
-    -moz-border-radius-topright: 5px;
-    border-top-left-radius: 5px;
-    border-top-right-radius: 5px;
-
-    -webkit-border-bottom-left-radius: 5px;
-    -webkit-border-bottom-right-radius: 5px;
-    -moz-border-radius-bottomleft: 5px;
-    -moz-border-radius-bottomright: 5px;
-    border-bottom-left-radius: 5px;
-    border-bottom-right-radius: 5px;
-
     margin-top: 5px;
     margin-bottom: 5px;
-
-    padding: 10px;
 }
 
 div.dottes-body h1
@@ -115,11 +110,13 @@
 div.dottes-transpose-instrument-how
 {
     width: 55%;
+    text-align: left;
 }
 
 div.dottes-transpose-tune-types
 {
     width: 30%;
+    text-align: center;
 }
 
 div.dottes-tune-display
@@ -383,6 +380,22 @@
 }
 
 @media only screen and (max-width: 480px) {
+    div.dottes-transpose-instrument-item
+    {
+        display: table-row;
+        vertical-align: middle;
+        text-align: center;
+        padding: 0px;
+        margin: 0px;
+    }
+
+    div.dottes-transpose-instrument-item h1, p, ul
+    {
+        text-align: center;
+        margin: 0px;
+        padding: 0px;
+    }
+
     div.dottes-tune-footer
     {
     }