annotate web/css/dottes.css @ 748:ce5c7214f9aa

Introduce mechanism for having different tune images for compact printed output. Sort alternate .abc in subdir 'Compact' under the booke dir. Use that as the graphic for A5 output, assuming it will be vertically more compact. Use Bear Dance as an example, as it has commentary that currently overflows an A5 landscape page. For the moment, transposed Bookes don't transpose and so don't use Compact.
author Jim Hague <jim.hague@acm.org>
date Fri, 13 Oct 2017 15:44:15 +0100
parents be87f9a027f1
children a774b3b3cad7
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
443
ae0836b5f4dd Change main body font to Open Sans, to match the main Havoc website.
Jim Hague <jim.hague@acm.org>
parents: 430
diff changeset
1 html {
621
dfeb781e5196 Attempt revamp of CSS and presentation. Ditch 960.
Jim Hague <jim.hague@acm.org>
parents: 619
diff changeset
2 font-size: 100%;
443
ae0836b5f4dd Change main body font to Open Sans, to match the main Havoc website.
Jim Hague <jim.hague@acm.org>
parents: 430
diff changeset
3 }
ae0836b5f4dd Change main body font to Open Sans, to match the main Havoc website.
Jim Hague <jim.hague@acm.org>
parents: 430
diff changeset
4
192
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
5 body {
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
6 background-color: #9900cc;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
7 background-image: url('../img/purple-fabric-background.jpg');
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
8 color: #000000;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
9 height: auto;
443
ae0836b5f4dd Change main body font to Open Sans, to match the main Havoc website.
Jim Hague <jim.hague@acm.org>
parents: 430
diff changeset
10 font-family: 'Open Sans', sans-serif;
192
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
11 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
12
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
13 h1 {
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
14 background: white;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
15 text-align: center;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
16 font-weight: bold;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
17 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
18
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
19 p
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
20 {
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
21 background: white;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
22 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
23
635
f9ed1b7953ca Impose maximum width on main content.
Jim Hague <jim.hague@acm.org>
parents: 633
diff changeset
24 div.banner, div.dottes-body
204
c173abe4441b Rework page header to graphic with Havoc font and better buzzard.
Jim Hague <jim.hague@laicatc.com>
parents: 203
diff changeset
25 {
209
6e76fc564fdb Change banner to transparent PNG with Havoc font lettering and buzzard on black background.
Jim Hague <jim.hague@laicatc.com>
parents: 207
diff changeset
26 background-color: black;
207
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves.
Jim Hague <jim.hague@laicatc.com>
parents: 204
diff changeset
27
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves.
Jim Hague <jim.hague@laicatc.com>
parents: 204
diff changeset
28 -webkit-border-top-left-radius: 5px;
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves.
Jim Hague <jim.hague@laicatc.com>
parents: 204
diff changeset
29 -webkit-border-top-right-radius: 5px;
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves.
Jim Hague <jim.hague@laicatc.com>
parents: 204
diff changeset
30 -moz-border-radius-topleft: 5px;
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves.
Jim Hague <jim.hague@laicatc.com>
parents: 204
diff changeset
31 -moz-border-radius-topright: 5px;
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves.
Jim Hague <jim.hague@laicatc.com>
parents: 204
diff changeset
32 border-top-left-radius: 5px;
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves.
Jim Hague <jim.hague@laicatc.com>
parents: 204
diff changeset
33 border-top-right-radius: 5px;
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves.
Jim Hague <jim.hague@laicatc.com>
parents: 204
diff changeset
34
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves.
Jim Hague <jim.hague@laicatc.com>
parents: 204
diff changeset
35 -webkit-border-bottom-left-radius: 5px;
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves.
Jim Hague <jim.hague@laicatc.com>
parents: 204
diff changeset
36 -webkit-border-bottom-right-radius: 5px;
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves.
Jim Hague <jim.hague@laicatc.com>
parents: 204
diff changeset
37 -moz-border-radius-bottomleft: 5px;
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves.
Jim Hague <jim.hague@laicatc.com>
parents: 204
diff changeset
38 -moz-border-radius-bottomright: 5px;
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves.
Jim Hague <jim.hague@laicatc.com>
parents: 204
diff changeset
39 border-bottom-left-radius: 5px;
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves.
Jim Hague <jim.hague@laicatc.com>
parents: 204
diff changeset
40 border-bottom-right-radius: 5px;
635
f9ed1b7953ca Impose maximum width on main content.
Jim Hague <jim.hague@acm.org>
parents: 633
diff changeset
41
f9ed1b7953ca Impose maximum width on main content.
Jim Hague <jim.hague@acm.org>
parents: 633
diff changeset
42 padding: 10px;
f9ed1b7953ca Impose maximum width on main content.
Jim Hague <jim.hague@acm.org>
parents: 633
diff changeset
43
f9ed1b7953ca Impose maximum width on main content.
Jim Hague <jim.hague@acm.org>
parents: 633
diff changeset
44 max-width: 1300px;
f9ed1b7953ca Impose maximum width on main content.
Jim Hague <jim.hague@acm.org>
parents: 633
diff changeset
45 margin-left: auto;
f9ed1b7953ca Impose maximum width on main content.
Jim Hague <jim.hague@acm.org>
parents: 633
diff changeset
46 margin-right: auto;
f9ed1b7953ca Impose maximum width on main content.
Jim Hague <jim.hague@acm.org>
parents: 633
diff changeset
47 }
f9ed1b7953ca Impose maximum width on main content.
Jim Hague <jim.hague@acm.org>
parents: 633
diff changeset
48
f9ed1b7953ca Impose maximum width on main content.
Jim Hague <jim.hague@acm.org>
parents: 633
diff changeset
49 div.banner
f9ed1b7953ca Impose maximum width on main content.
Jim Hague <jim.hague@acm.org>
parents: 633
diff changeset
50 {
f9ed1b7953ca Impose maximum width on main content.
Jim Hague <jim.hague@acm.org>
parents: 633
diff changeset
51 background-color: black;
204
c173abe4441b Rework page header to graphic with Havoc font and better buzzard.
Jim Hague <jim.hague@laicatc.com>
parents: 203
diff changeset
52 }
c173abe4441b Rework page header to graphic with Havoc font and better buzzard.
Jim Hague <jim.hague@laicatc.com>
parents: 203
diff changeset
53
621
dfeb781e5196 Attempt revamp of CSS and presentation. Ditch 960.
Jim Hague <jim.hague@acm.org>
parents: 619
diff changeset
54 div.banner img
dfeb781e5196 Attempt revamp of CSS and presentation. Ditch 960.
Jim Hague <jim.hague@acm.org>
parents: 619
diff changeset
55 {
dfeb781e5196 Attempt revamp of CSS and presentation. Ditch 960.
Jim Hague <jim.hague@acm.org>
parents: 619
diff changeset
56 width: 100%;
dfeb781e5196 Attempt revamp of CSS and presentation. Ditch 960.
Jim Hague <jim.hague@acm.org>
parents: 619
diff changeset
57 max-width: 960;
dfeb781e5196 Attempt revamp of CSS and presentation. Ditch 960.
Jim Hague <jim.hague@acm.org>
parents: 619
diff changeset
58 max-height: 136px;
dfeb781e5196 Attempt revamp of CSS and presentation. Ditch 960.
Jim Hague <jim.hague@acm.org>
parents: 619
diff changeset
59 display: block;
dfeb781e5196 Attempt revamp of CSS and presentation. Ditch 960.
Jim Hague <jim.hague@acm.org>
parents: 619
diff changeset
60 margin-left: auto;
dfeb781e5196 Attempt revamp of CSS and presentation. Ditch 960.
Jim Hague <jim.hague@acm.org>
parents: 619
diff changeset
61 margin-right: auto;
dfeb781e5196 Attempt revamp of CSS and presentation. Ditch 960.
Jim Hague <jim.hague@acm.org>
parents: 619
diff changeset
62 }
dfeb781e5196 Attempt revamp of CSS and presentation. Ditch 960.
Jim Hague <jim.hague@acm.org>
parents: 619
diff changeset
63
192
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
64 div.banner h1
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
65 {
204
c173abe4441b Rework page header to graphic with Havoc font and better buzzard.
Jim Hague <jim.hague@laicatc.com>
parents: 203
diff changeset
66 display: none;
192
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
67 text-align: left;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
68 font-weight: bold;
209
6e76fc564fdb Change banner to transparent PNG with Havoc font lettering and buzzard on black background.
Jim Hague <jim.hague@laicatc.com>
parents: 207
diff changeset
69 color: #ffffff;
192
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
70 font-family: 'Pirata One', sans-serif;
203
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
71 padding: 10px;
192
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
72 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
73
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
74 div.dottes-body
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
75 {
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
76 background-color: white;
629
37a9b621b5a6 Tidy main page and rename transpose container. Adjust CSS for main page.
Jim Hague <jim.hague@acm.org>
parents: 621
diff changeset
77
207
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves.
Jim Hague <jim.hague@laicatc.com>
parents: 204
diff changeset
78 margin-top: 5px;
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves.
Jim Hague <jim.hague@laicatc.com>
parents: 204
diff changeset
79 margin-bottom: 5px;
192
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
80 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
81
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
82 div.dottes-body h1
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
83 {
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
84 text-align: left;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
85 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
86
629
37a9b621b5a6 Tidy main page and rename transpose container. Adjust CSS for main page.
Jim Hague <jim.hague@acm.org>
parents: 621
diff changeset
87 div.dottes-transpose-container
192
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
88 {
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
89 border: 2px solid grey;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
90 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
91
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
92 div.dottes-transpose-instrument
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
93 {
213
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents: 211
diff changeset
94 display: table;
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents: 211
diff changeset
95 width: 100%;
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents: 211
diff changeset
96 }
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents: 211
diff changeset
97
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents: 211
diff changeset
98 div.dottes-transpose-instrument-item
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents: 211
diff changeset
99 {
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents: 211
diff changeset
100 display: table-cell;
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents: 211
diff changeset
101 vertical-align: middle;
630
eb1392fd0b76 More CSS tweaks.
Jim Hague <jim.hague@acm.org>
parents: 629
diff changeset
102 padding: 5px;
192
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
103 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
104
213
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents: 211
diff changeset
105 div.dottes-transpose-instrument-name
192
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
106 {
213
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents: 211
diff changeset
107 width: 15%;
192
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
108 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
109
213
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents: 211
diff changeset
110 div.dottes-transpose-instrument-how
192
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
111 {
213
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents: 211
diff changeset
112 width: 55%;
636
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
113 text-align: left;
213
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents: 211
diff changeset
114 }
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents: 211
diff changeset
115
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents: 211
diff changeset
116 div.dottes-transpose-tune-types
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents: 211
diff changeset
117 {
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents: 211
diff changeset
118 width: 30%;
636
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
119 text-align: center;
192
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
120 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
121
319
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
122 div.dottes-tune-display
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
123 {
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
124 }
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
125
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
126 div.dottes-tune-header
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
127 {
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
128 display: table;
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
129 width: 100%;
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
130 }
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
131
724
be87f9a027f1 Move book and learner tune link to centre of bottom row, and add popup text.
Jim Hague <jim.hague@acm.org>
parents: 722
diff changeset
132 div.dottes-tune-header-parts-column
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
133 {
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
134 display: table-column;
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
135 width: 25%;
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
136 }
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
137
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
138 div.dottes-tune-header-title-column
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
139 {
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
140 display: table-column;
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
141 width: 50%;
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
142 }
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
143
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
144 div.dottes-tune-header-last-column
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
145 {
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
146 display: table-column;
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
147 width: 25%;
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
148 }
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
149
319
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
150 div.dottes-tune-header-row
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
151 {
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
152 display: table-row;
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
153 }
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
154
724
be87f9a027f1 Move book and learner tune link to centre of bottom row, and add popup text.
Jim Hague <jim.hague@acm.org>
parents: 722
diff changeset
155 div.dottes-tune-header-parts
319
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
156 {
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
157 display: table-cell;
712
7e9d5852c802 Show parts at top left of tune.
Jim Hague <jim.hague@acm.org>
parents: 708
diff changeset
158 vertical-align: middle;
7e9d5852c802 Show parts at top left of tune.
Jim Hague <jim.hague@acm.org>
parents: 708
diff changeset
159 }
7e9d5852c802 Show parts at top left of tune.
Jim Hague <jim.hague@acm.org>
parents: 708
diff changeset
160
724
be87f9a027f1 Move book and learner tune link to centre of bottom row, and add popup text.
Jim Hague <jim.hague@acm.org>
parents: 722
diff changeset
161 div.dottes-tune-header-parts p
712
7e9d5852c802 Show parts at top left of tune.
Jim Hague <jim.hague@acm.org>
parents: 708
diff changeset
162 {
7e9d5852c802 Show parts at top left of tune.
Jim Hague <jim.hague@acm.org>
parents: 708
diff changeset
163 vertical-align: middle;
319
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
164 }
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
165
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
166 div.dottes-tune-header-title
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
167 {
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
168 display: table-cell;
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
169 }
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
170
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
171 div.dottes-tune-header-title h1
319
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
172 {
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
173 font-weight: bold;
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
174 text-align: center;
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
175 margin: 0px;
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
176 }
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
177
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
178 div.dottes-tune-header-title h2
319
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
179 {
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
180 font-weight: normal;
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
181 text-align: center;
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
182 margin: 0px;
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
183 }
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
184
708
7da70e8900ab First attempt at adding Tradition below subtitle in web and print.
Jim Hague <jim.hague@acm.org>
parents: 646
diff changeset
185 div.dottes-tune-header-title h3
7da70e8900ab First attempt at adding Tradition below subtitle in web and print.
Jim Hague <jim.hague@acm.org>
parents: 646
diff changeset
186 {
7da70e8900ab First attempt at adding Tradition below subtitle in web and print.
Jim Hague <jim.hague@acm.org>
parents: 646
diff changeset
187 font-style: italic;
7da70e8900ab First attempt at adding Tradition below subtitle in web and print.
Jim Hague <jim.hague@acm.org>
parents: 646
diff changeset
188 text-align: center;
7da70e8900ab First attempt at adding Tradition below subtitle in web and print.
Jim Hague <jim.hague@acm.org>
parents: 646
diff changeset
189 margin: 0px;
7da70e8900ab First attempt at adding Tradition below subtitle in web and print.
Jim Hague <jim.hague@acm.org>
parents: 646
diff changeset
190 }
7da70e8900ab First attempt at adding Tradition below subtitle in web and print.
Jim Hague <jim.hague@acm.org>
parents: 646
diff changeset
191
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
192 div.dottes-tune-header-composer
319
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
193 {
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
194 display: table-cell;
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
195 text-align: right;
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
196 }
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
197
355
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
198 div.dottes-tune-footer
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
199 {
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
200 display: table;
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
201 width: 100%;
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
202 }
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
203
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
204 div.dottes-tune-footer-links-column
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
205 {
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
206 display: table-column;
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
207 width: 25%;
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
208 }
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
209
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
210 div.dottes-tune-footer-play-column
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
211 {
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
212 display: table-column;
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
213 width: 50%;
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
214 }
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
215
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
216 div.dottes-tune-footer-last-column
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
217 {
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
218 display: table-column;
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
219 width: 25%;
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
220 }
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
221
355
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
222 div.dottes-tune-footer-row
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
223 {
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
224 display: table-row;
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
225 }
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
226
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
227 div.dottes-tune-footer-links
355
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
228 {
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
229 display: table-cell;
630
eb1392fd0b76 More CSS tweaks.
Jim Hague <jim.hague@acm.org>
parents: 629
diff changeset
230 vertical-align: middle;
369
e5f59f0e7dd5 Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents: 355
diff changeset
231 }
e5f59f0e7dd5 Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents: 355
diff changeset
232
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
233 div.dottes-tune-footer-play
369
e5f59f0e7dd5 Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents: 355
diff changeset
234 {
e5f59f0e7dd5 Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents: 355
diff changeset
235 display: table-cell;
e5f59f0e7dd5 Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents: 355
diff changeset
236 text-align: center;
630
eb1392fd0b76 More CSS tweaks.
Jim Hague <jim.hague@acm.org>
parents: 629
diff changeset
237 vertical-align: middle;
355
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
238 }
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
239
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
240 div.dottes-tune-footer-last
355
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
241 {
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
242 display: table-cell;
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
243 text-align: right;
630
eb1392fd0b76 More CSS tweaks.
Jim Hague <jim.hague@acm.org>
parents: 629
diff changeset
244 vertical-align: middle;
355
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
245 }
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
246
722
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
247 div.dottes-tune-footer-prev
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
248 {
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
249 display: table-cell;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
250 vertical-align: middle;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
251 }
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
252
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
253 div.dottes-tune-footer-booke
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
254 {
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
255 display: table-cell;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
256 text-align: center;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
257 vertical-align: middle;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
258 }
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
259
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
260 div.dottes-tune-footer-next
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
261 {
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
262 display: table-cell;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
263 text-align: right;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
264 vertical-align: middle;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
265 }
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
266
619
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
267 div.dottes-tune-learner
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
268 {
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
269 display: table;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
270 width: 100%;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
271 }
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
272
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
273 div.dottes-tune-learner-speed-column
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
274 {
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
275 display: table-column;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
276 width: 25%;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
277 }
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
278
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
279 div.dottes-tune-learner-play-column
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
280 {
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
281 display: table-column;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
282 width: 50%;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
283 }
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
284
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
285 div.dottes-tune-learner-download-column
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
286 {
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
287 display: table-column;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
288 width: 25%;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
289 }
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
290
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
291 div.dottes-tune-learner-row
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
292 {
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
293 display: table-row;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
294 }
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
295
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
296 div.dottes-tune-learner-speed
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
297 {
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
298 display: table-cell;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
299 }
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
300
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
301 div.dottes-tune-learner-play
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
302 {
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
303 display: table-cell;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
304 text-align: center;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
305 }
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
306
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
307 div.dottes-tune-learner-download
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
308 {
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
309 display: table-cell;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
310 text-align: right;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
311 }
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
312
722
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
313 div.dottes-tune-footer-learner
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
314 {
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
315 display: table;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
316 width: 100%;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
317 }
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
318
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
319 div.dottes-tune-footer-learner-prev-column
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
320 {
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
321 display: table-column;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
322 width: 25%;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
323 }
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
324
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
325 div.dottes-tune-footer-learner-booke-column
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
326 {
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
327 display: table-column;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
328 width: 50%;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
329 }
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
330
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
331 div.dottes-tune-footer-learner-next-column
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
332 {
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
333 display: table-column;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
334 width: 25%;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
335 }
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
336
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
337 div.dottes-tune-footer-learner-row
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
338 {
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
339 display: table-row;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
340 }
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
341
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
342 div.dottes-tune-footer-learner-prev
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
343 {
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
344 display: table-cell;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
345 vertical-align: middle;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
346 }
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
347
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
348 div.dottes-tune-footer-learner-booke
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
349 {
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
350 display: table-cell;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
351 text-align: center;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
352 vertical-align: middle;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
353 }
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
354
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
355 div.dottes-tune-footer-learner-next
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
356 {
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
357 display: table-cell;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
358 text-align: right;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
359 vertical-align: middle;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
360 }
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
361
430
ab1b5b833a0c Remove line between icons. It's a link underline.
Jim Hague <jim.hague@acm.org>
parents: 369
diff changeset
362 a.dottes-tune-icon-link
ab1b5b833a0c Remove line between icons. It's a link underline.
Jim Hague <jim.hague@acm.org>
parents: 369
diff changeset
363 {
ab1b5b833a0c Remove line between icons. It's a link underline.
Jim Hague <jim.hague@acm.org>
parents: 369
diff changeset
364 text-decoration: none;
ab1b5b833a0c Remove line between icons. It's a link underline.
Jim Hague <jim.hague@acm.org>
parents: 369
diff changeset
365 }
ab1b5b833a0c Remove line between icons. It's a link underline.
Jim Hague <jim.hague@acm.org>
parents: 369
diff changeset
366
712
7e9d5852c802 Show parts at top left of tune.
Jim Hague <jim.hague@acm.org>
parents: 708
diff changeset
367 a.dottes-tune-icon-link img
7e9d5852c802 Show parts at top left of tune.
Jim Hague <jim.hague@acm.org>
parents: 708
diff changeset
368 {
7e9d5852c802 Show parts at top left of tune.
Jim Hague <jim.hague@acm.org>
parents: 708
diff changeset
369 vertical-align: middle;
7e9d5852c802 Show parts at top left of tune.
Jim Hague <jim.hague@acm.org>
parents: 708
diff changeset
370 }
7e9d5852c802 Show parts at top left of tune.
Jim Hague <jim.hague@acm.org>
parents: 708
diff changeset
371
192
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
372 ul.tune-type-list
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
373 {
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
374 list-style-type: none;
213
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents: 211
diff changeset
375 margin: 0;
192
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
376 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
377
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
378 ul.tune-type-list li
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
379 {
213
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents: 211
diff changeset
380 display: inline-block;
192
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
381 }
197
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
382
203
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
383 img.dottes-png
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
384 {
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
385 display: block;
211
9da75d87e93b Make tune graphic on tune page fill the width of the page.
Jim Hague <jim.hague@laicatc.com>
parents: 210
diff changeset
386 width: 100%; /* Make image fill width */
319
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
387 margin-top: 10px;
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
388 margin-bottom: 10px;
203
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
389 }
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
390
197
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
391 ul.tune-data-list
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
392 {
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
393 list-style-type: none;
319
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
394 margin: 0px;
630
eb1392fd0b76 More CSS tweaks.
Jim Hague <jim.hague@acm.org>
parents: 629
diff changeset
395 padding: 0px;
197
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
396 }
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
397
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
398 ul.tune-data-list li
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
399 {
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
400 display: inline;
319
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
401 margin-left: 0;
597
60da844ec261 Reduce gap between items in tune representation list.
Jim Hague <jim.hague@acm.org>
parents: 594
diff changeset
402 margin-right: 5px;
197
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
403 }
224
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table.
Jim Hague <jim.hague@acm.org>
parents: 213
diff changeset
404
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table.
Jim Hague <jim.hague@acm.org>
parents: 213
diff changeset
405 div.dottes-tune-list
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table.
Jim Hague <jim.hague@acm.org>
parents: 213
diff changeset
406 {
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table.
Jim Hague <jim.hague@acm.org>
parents: 213
diff changeset
407 display: table;
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table.
Jim Hague <jim.hague@acm.org>
parents: 213
diff changeset
408 margin: 10px;
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table.
Jim Hague <jim.hague@acm.org>
parents: 213
diff changeset
409 }
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table.
Jim Hague <jim.hague@acm.org>
parents: 213
diff changeset
410
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table.
Jim Hague <jim.hague@acm.org>
parents: 213
diff changeset
411 div.dottes-tune-list-item
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table.
Jim Hague <jim.hague@acm.org>
parents: 213
diff changeset
412 {
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table.
Jim Hague <jim.hague@acm.org>
parents: 213
diff changeset
413 display: table-row;
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table.
Jim Hague <jim.hague@acm.org>
parents: 213
diff changeset
414 }
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table.
Jim Hague <jim.hague@acm.org>
parents: 213
diff changeset
415
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
416 div.dottes-tune-list-link-column
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
417 {
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
418 display: table-column;
640
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
419 width: 20%;
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
420 }
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
421
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
422 div.dottes-tune-list-learner-link-column
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
423 {
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
424 display: table-column;
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
425 }
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
426
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
427 div.dottes-tune-list-image-column
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
428 {
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
429 display: table-column;
640
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
430 width: 75%;
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
431 }
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
432
224
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table.
Jim Hague <jim.hague@acm.org>
parents: 213
diff changeset
433 div.dottes-tune-list-item-link
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table.
Jim Hague <jim.hague@acm.org>
parents: 213
diff changeset
434 {
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table.
Jim Hague <jim.hague@acm.org>
parents: 213
diff changeset
435 display: table-cell;
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table.
Jim Hague <jim.hague@acm.org>
parents: 213
diff changeset
436 vertical-align: middle;
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table.
Jim Hague <jim.hague@acm.org>
parents: 213
diff changeset
437 }
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table.
Jim Hague <jim.hague@acm.org>
parents: 213
diff changeset
438
640
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
439 div.dottes-tune-list-item-learner-link
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
440 {
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
441 display: table-cell;
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
442 vertical-align: middle;
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
443 padding: 2px;
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
444 }
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
445
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
446 div.dottes-tune-list-item-learner-link img
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
447 {
646
1658f8c41117 Set minimum size for learner icon in tune list.
Jim Hague <jim.hague@acm.org>
parents: 640
diff changeset
448 max-width: 25px;
1658f8c41117 Set minimum size for learner icon in tune list.
Jim Hague <jim.hague@acm.org>
parents: 640
diff changeset
449 min-width: 10px;
640
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
450 }
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
451
224
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table.
Jim Hague <jim.hague@acm.org>
parents: 213
diff changeset
452 div.dottes-tune-list-item-image
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table.
Jim Hague <jim.hague@acm.org>
parents: 213
diff changeset
453 {
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table.
Jim Hague <jim.hague@acm.org>
parents: 213
diff changeset
454 display: table-cell;
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table.
Jim Hague <jim.hague@acm.org>
parents: 213
diff changeset
455 vertical-align: middle;
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table.
Jim Hague <jim.hague@acm.org>
parents: 213
diff changeset
456 }
229
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
457
640
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
458 img.dottes-tune-table-image
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
459 {
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
460 width: 100%;
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
461 }
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
462
594
60749c792cde Replace Change and Credit with Markdown-enabled Notes section.
Jim Hague <jim.hague@acm.org>
parents: 530
diff changeset
463 div.dottes-notes-no
229
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
464 {
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
465 display: none;
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
466 }
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
467
594
60749c792cde Replace Change and Credit with Markdown-enabled Notes section.
Jim Hague <jim.hague@acm.org>
parents: 530
diff changeset
468 div.dottes-notes-yes
229
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
469 {
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
470 }
598
ed823ea54c83 Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents: 597
diff changeset
471
ed823ea54c83 Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents: 597
diff changeset
472 div.dottes-history-no
ed823ea54c83 Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents: 597
diff changeset
473 {
ed823ea54c83 Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents: 597
diff changeset
474 display: none;
ed823ea54c83 Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents: 597
diff changeset
475 }
ed823ea54c83 Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents: 597
diff changeset
476
ed823ea54c83 Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents: 597
diff changeset
477 div.dottes-history-yes
ed823ea54c83 Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents: 597
diff changeset
478 {
ed823ea54c83 Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents: 597
diff changeset
479 margin-top: 20px
ed823ea54c83 Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents: 597
diff changeset
480 }
633
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
481
637
1fc8d4867c88 Android rotation fixes.
Jim Hague <jim.hague@acm.org>
parents: 633
diff changeset
482 @media only screen and (max-width: 480px) {
646
1658f8c41117 Set minimum size for learner icon in tune list.
Jim Hague <jim.hague@acm.org>
parents: 640
diff changeset
483 html {
1658f8c41117 Set minimum size for learner icon in tune list.
Jim Hague <jim.hague@acm.org>
parents: 640
diff changeset
484 font-size: 62.5%;
1658f8c41117 Set minimum size for learner icon in tune list.
Jim Hague <jim.hague@acm.org>
parents: 640
diff changeset
485 }
1658f8c41117 Set minimum size for learner icon in tune list.
Jim Hague <jim.hague@acm.org>
parents: 640
diff changeset
486
636
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
487 div.dottes-transpose-instrument-item
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
488 {
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
489 display: table-row;
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
490 vertical-align: middle;
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
491 text-align: center;
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
492 padding: 0px;
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
493 margin: 0px;
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
494 }
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
495
646
1658f8c41117 Set minimum size for learner icon in tune list.
Jim Hague <jim.hague@acm.org>
parents: 640
diff changeset
496 div.dottes-transpose-instrument-item h1,
1658f8c41117 Set minimum size for learner icon in tune list.
Jim Hague <jim.hague@acm.org>
parents: 640
diff changeset
497 div.dottes-transpose-instrument-item p,
1658f8c41117 Set minimum size for learner icon in tune list.
Jim Hague <jim.hague@acm.org>
parents: 640
diff changeset
498 div.dottes-transpose-instrument-item ul
636
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
499 {
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
500 text-align: center;
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
501 margin: 0px;
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
502 padding: 0px;
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
503 }
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
504
633
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
505 div.dottes-tune-footer
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
506 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
507 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
508
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
509 div.dottes-tune-footer-links-column
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
510 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
511 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
512
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
513 div.dottes-tune-footer-play-column
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
514 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
515 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
516
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
517 div.dottes-tune-footer-last-column
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
518 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
519 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
520
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
521 div.dottes-tune-footer-row
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
522 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
523 display: table;
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
524 width: 100%;
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
525 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
526
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
527 div.dottes-tune-footer-links
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
528 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
529 display: table-row;
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
530 text-align: center;
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
531 vertical-align: middle;
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
532 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
533
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
534 div.dottes-tune-footer-play
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
535 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
536 display: table-row;
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
537 text-align: center;
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
538 vertical-align: middle;
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
539 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
540
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
541 div.dottes-tune-footer-last
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
542 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
543 display: table-row;
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
544 text-align: center;
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
545 vertical-align: middle;
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
546 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
547
722
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
548 div.dottes-tune-footer-prev
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
549 {
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
550 display: table-row;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
551 text-align: center;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
552 vertical-align: middle;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
553 }
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
554
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
555 div.dottes-tune-footer-booke
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
556 {
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
557 display: table-row;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
558 text-align: center;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
559 vertical-align: middle;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
560 }
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
561
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
562 div.dottes-tune-footer-next
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
563 {
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
564 display: table-row;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
565 text-align: center;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
566 vertical-align: middle;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
567 }
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
568
633
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
569 div.dottes-tune-learner
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
570 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
571 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
572
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
573 div.dottes-tune-learner-speed-column
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
574 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
575 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
576
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
577 div.dottes-tune-learner-play-column
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
578 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
579 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
580
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
581 div.dottes-tune-learner-download-column
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
582 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
583 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
584
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
585 div.dottes-tune-learner-row
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
586 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
587 display: table;
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
588 width: 100%;
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
589 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
590
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
591 div.dottes-tune-learner-speed
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
592 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
593 display: table-row;
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
594 text-align: center;
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
595 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
596
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
597 div.dottes-tune-learner-play
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
598 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
599 display: table-row;
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
600 text-align: center;
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
601 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
602
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
603 div.dottes-tune-learner-download
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
604 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
605 display: table-row;
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
606 text-align: center;
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
607 }
722
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
608
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
609 div.dottes-tune-footer-learner
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
610 {
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
611 }
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
612
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
613 div.dottes-tune-footer-learner-prev-column
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
614 {
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
615 }
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
616
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
617 div.dottes-tune-footer-learner-booke-column
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
618 {
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
619 }
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
620
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
621 div.dottes-tune-footer-learner-next-column
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
622 {
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
623 }
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
624
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
625 div.dottes-tune-footer-learner-row
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
626 {
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
627 display: table;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
628 width: 100%;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
629 }
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
630
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
631 div.dottes-tune-footer-learner-prev
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
632 {
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
633 display: table-row;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
634 text-align: center;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
635 vertical-align: middle;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
636 }
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
637
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
638 div.dottes-tune-footer-learner-booke
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
639 {
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
640 display: table-row;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
641 text-align: center;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
642 vertical-align: middle;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
643 }
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
644
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
645 div.dottes-tune-footer-learner-next
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
646 {
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
647 display: table-row;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
648 text-align: center;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
649 vertical-align: middle;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
650 }
633
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
651 }
637
1fc8d4867c88 Android rotation fixes.
Jim Hague <jim.hague@acm.org>
parents: 633
diff changeset
652
1fc8d4867c88 Android rotation fixes.
Jim Hague <jim.hague@acm.org>
parents: 633
diff changeset
653 /*
1fc8d4867c88 Android rotation fixes.
Jim Hague <jim.hague@acm.org>
parents: 633
diff changeset
654 * Stock Android browser needs this to force reconsideration of max-width
1fc8d4867c88 Android rotation fixes.
Jim Hague <jim.hague@acm.org>
parents: 633
diff changeset
655 * on an orientation change. Still doesn't help Android Chrome.
1fc8d4867c88 Android rotation fixes.
Jim Hague <jim.hague@acm.org>
parents: 633
diff changeset
656 */
1fc8d4867c88 Android rotation fixes.
Jim Hague <jim.hague@acm.org>
parents: 633
diff changeset
657 @media screen and (orientation: landscape){
1fc8d4867c88 Android rotation fixes.
Jim Hague <jim.hague@acm.org>
parents: 633
diff changeset
658 .doesnt-exist { background:red; }
1fc8d4867c88 Android rotation fixes.
Jim Hague <jim.hague@acm.org>
parents: 633
diff changeset
659 }