Mercurial > dottes

comparison web/css/dottes.css @ 631:b9bc45671422

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 Sun, 06 Nov 2016 21:44:50 +0000
parents eb1392fd0b76
children 7a64aeaaa294
comparison
equal deleted inserted replaced
627:3cbf1af8541d 631:b9bc45671422
5 body { 5 body {
6 background-color: #9900cc; 6 background-color: #9900cc;
7 background-image: url('../img/purple-fabric-background.jpg'); 7 background-image: url('../img/purple-fabric-background.jpg');
8 color: #000000; 8 color: #000000;
9 height: auto; 9 height: auto;
10 padding-top: 0px;
11 padding-bottom: 20px;
12 font-family: 'Open Sans', sans-serif; 10 font-family: 'Open Sans', sans-serif;
13 } 11 }
14 12
15 h1 { 13 h1 {
16 background: white; 14 background: white;
19 } 17 }
20 18
21 p 19 p
22 { 20 {
23 background: white; 21 background: white;
24 margin: 10px;
25 } 22 }
26 23
27 div.banner 24 div.banner
28 { 25 {
29 background-color: black; 26 background-color: black;
39 -webkit-border-bottom-right-radius: 5px; 36 -webkit-border-bottom-right-radius: 5px;
40 -moz-border-radius-bottomleft: 5px; 37 -moz-border-radius-bottomleft: 5px;
41 -moz-border-radius-bottomright: 5px; 38 -moz-border-radius-bottomright: 5px;
42 border-bottom-left-radius: 5px; 39 border-bottom-left-radius: 5px;
43 border-bottom-right-radius: 5px; 40 border-bottom-right-radius: 5px;
44
45 margin-top: 5px;
46 margin-bottom: 5px;
47 } 41 }
48 42
49 div.banner img 43 div.banner img
50 { 44 {
51 width: 100%; 45 width: 100%;
67 } 61 }
68 62
69 div.dottes-body 63 div.dottes-body
70 { 64 {
71 background-color: white; 65 background-color: white;
66
72 -webkit-border-top-left-radius: 5px; 67 -webkit-border-top-left-radius: 5px;
73 -webkit-border-top-right-radius: 5px; 68 -webkit-border-top-right-radius: 5px;
74 -moz-border-radius-topleft: 5px; 69 -moz-border-radius-topleft: 5px;
75 -moz-border-radius-topright: 5px; 70 -moz-border-radius-topright: 5px;
76 border-top-left-radius: 5px; 71 border-top-left-radius: 5px;
83 border-bottom-left-radius: 5px; 78 border-bottom-left-radius: 5px;
84 border-bottom-right-radius: 5px; 79 border-bottom-right-radius: 5px;
85 80
86 margin-top: 5px; 81 margin-top: 5px;
87 margin-bottom: 5px; 82 margin-bottom: 5px;
83
84 padding: 10px;
88 } 85 }
89 86
90 div.dottes-body h1 87 div.dottes-body h1
91 { 88 {
92 margin: 10px;
93 text-align: left; 89 text-align: left;
94 } 90 }
95 91
96 div.dottes-container 92 div.dottes-transpose-container
97 { 93 {
98 border: 2px solid grey; 94 border: 2px solid grey;
99 margin: 10px;
100 } 95 }
101 96
102 div.dottes-transpose-instrument 97 div.dottes-transpose-instrument
103 { 98 {
104 display: table; 99 display: table;
107 102
108 div.dottes-transpose-instrument-item 103 div.dottes-transpose-instrument-item
109 { 104 {
110 display: table-cell; 105 display: table-cell;
111 vertical-align: middle; 106 vertical-align: middle;
107 padding: 5px;
112 } 108 }
113 109
114 div.dottes-transpose-instrument-name 110 div.dottes-transpose-instrument-name
115 { 111 {
116 width: 15%; 112 width: 15%;
126 width: 30%; 122 width: 30%;
127 } 123 }
128 124
129 div.dottes-tune-display 125 div.dottes-tune-display
130 { 126 {
131 margin: 10px;
132 } 127 }
133 128
134 div.dottes-tune-header 129 div.dottes-tune-header
135 { 130 {
136 display: table; 131 display: table;
220 } 215 }
221 216
222 div.dottes-tune-footer-links 217 div.dottes-tune-footer-links
223 { 218 {
224 display: table-cell; 219 display: table-cell;
220 vertical-align: middle;
225 } 221 }
226 222
227 div.dottes-tune-footer-play 223 div.dottes-tune-footer-play
228 { 224 {
229 display: table-cell; 225 display: table-cell;
230 text-align: center; 226 text-align: center;
227 vertical-align: middle;
231 } 228 }
232 229
233 div.dottes-tune-footer-last 230 div.dottes-tune-footer-last
234 { 231 {
235 display: table-cell; 232 display: table-cell;
236 text-align: right; 233 text-align: right;
234 vertical-align: middle;
237 } 235 }
238 236
239 div.dottes-tune-learner 237 div.dottes-tune-learner
240 { 238 {
241 display: table; 239 display: table;
314 312
315 ul.tune-data-list 313 ul.tune-data-list
316 { 314 {
317 list-style-type: none; 315 list-style-type: none;
318 margin: 0px; 316 margin: 0px;
317 padding: 0px;
319 } 318 }
320 319
321 ul.tune-data-list li 320 ul.tune-data-list li
322 { 321 {
323 display: inline; 322 display: inline;