annotate web/css/dottes.css @ 1026:e4d31e094d24

Changes to get Beginners booke building. The web pages include prev and next links, so to get those right we have to make the tune filenames distinct from the main booke names. So fall back to taking the easy way, and just prefix all tune names with @ or _.
author Jim Hague <jim.hague@acm.org>
date Tue, 18 Feb 2020 15:13:38 +0000
parents 9eff07108792
children
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;
942
a774b3b3cad7 Vertically align row contents on learner tunes speeds.
Jim Hague <jim.hague@acm.org>
parents: 724
diff changeset
299 vertical-align: middle;
619
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
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
302 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
303 {
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
304 display: table-cell;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
305 text-align: center;
942
a774b3b3cad7 Vertically align row contents on learner tunes speeds.
Jim Hague <jim.hague@acm.org>
parents: 724
diff changeset
306 vertical-align: middle;
619
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
307 }
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 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
310 {
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
311 display: table-cell;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
312 text-align: right;
942
a774b3b3cad7 Vertically align row contents on learner tunes speeds.
Jim Hague <jim.hague@acm.org>
parents: 724
diff changeset
313 vertical-align: middle;
619
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
314 }
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
315
722
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
316 div.dottes-tune-footer-learner
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 display: table;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
319 width: 100%;
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
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
322 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
323 {
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
324 display: table-column;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
325 width: 25%;
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
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
328 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
329 {
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
330 display: table-column;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
331 width: 50%;
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
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
334 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
335 {
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
336 display: table-column;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
337 width: 25%;
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
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
340 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
341 {
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
342 display: table-row;
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
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
345 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
346 {
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
347 display: table-cell;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
348 vertical-align: middle;
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
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
351 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
352 {
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
353 display: table-cell;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
354 text-align: center;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
355 vertical-align: middle;
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
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
358 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
359 {
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
360 display: table-cell;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
361 text-align: right;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
362 vertical-align: middle;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
363 }
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
364
430
ab1b5b833a0c Remove line between icons. It's a link underline.
Jim Hague <jim.hague@acm.org>
parents: 369
diff changeset
365 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
366 {
ab1b5b833a0c Remove line between icons. It's a link underline.
Jim Hague <jim.hague@acm.org>
parents: 369
diff changeset
367 text-decoration: none;
ab1b5b833a0c Remove line between icons. It's a link underline.
Jim Hague <jim.hague@acm.org>
parents: 369
diff changeset
368 }
ab1b5b833a0c Remove line between icons. It's a link underline.
Jim Hague <jim.hague@acm.org>
parents: 369
diff changeset
369
712
7e9d5852c802 Show parts at top left of tune.
Jim Hague <jim.hague@acm.org>
parents: 708
diff changeset
370 a.dottes-tune-icon-link img
7e9d5852c802 Show parts at top left of tune.
Jim Hague <jim.hague@acm.org>
parents: 708
diff changeset
371 {
7e9d5852c802 Show parts at top left of tune.
Jim Hague <jim.hague@acm.org>
parents: 708
diff changeset
372 vertical-align: middle;
7e9d5852c802 Show parts at top left of tune.
Jim Hague <jim.hague@acm.org>
parents: 708
diff changeset
373 }
7e9d5852c802 Show parts at top left of tune.
Jim Hague <jim.hague@acm.org>
parents: 708
diff changeset
374
192
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
375 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
376 {
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
377 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
378 margin: 0;
192
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
379 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
380
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
381 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
382 {
213
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents: 211
diff changeset
383 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
384 }
197
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
385
203
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
386 img.dottes-png
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
387 {
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
388 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
389 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
390 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
391 margin-bottom: 10px;
203
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
392 }
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
393
197
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
394 ul.tune-data-list
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
395 {
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
396 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
397 margin: 0px;
630
eb1392fd0b76 More CSS tweaks.
Jim Hague <jim.hague@acm.org>
parents: 629
diff changeset
398 padding: 0px;
197
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
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
401 ul.tune-data-list li
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
402 {
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
403 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
404 margin-left: 0;
597
60da844ec261 Reduce gap between items in tune representation list.
Jim Hague <jim.hague@acm.org>
parents: 594
diff changeset
405 margin-right: 5px;
197
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
406 }
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
407
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 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
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 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
411 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
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
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 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
415 {
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
416 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
417 }
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
418
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
419 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
420 {
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
421 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
422 width: 20%;
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
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
425 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
426 {
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
427 display: table-column;
613
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
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
430 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
431 {
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
432 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
433 width: 75%;
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
434 }
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
435
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
436 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
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 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
439 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
440 }
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
441
640
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
442 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
443 {
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
444 display: table-cell;
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
445 vertical-align: middle;
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
446 padding: 2px;
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
447 }
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
448
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
449 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
450 {
646
1658f8c41117 Set minimum size for learner icon in tune list.
Jim Hague <jim.hague@acm.org>
parents: 640
diff changeset
451 max-width: 25px;
1658f8c41117 Set minimum size for learner icon in tune list.
Jim Hague <jim.hague@acm.org>
parents: 640
diff changeset
452 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
453 }
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
454
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
455 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
456 {
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
457 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
458 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
459 }
229
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
460
640
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
461 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
462 {
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
463 width: 100%;
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
464 }
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
465
594
60749c792cde Replace Change and Credit with Markdown-enabled Notes section.
Jim Hague <jim.hague@acm.org>
parents: 530
diff changeset
466 div.dottes-notes-no
229
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
467 {
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
468 display: none;
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
594
60749c792cde Replace Change and Credit with Markdown-enabled Notes section.
Jim Hague <jim.hague@acm.org>
parents: 530
diff changeset
471 div.dottes-notes-yes
229
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
472 {
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
473 }
598
ed823ea54c83 Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents: 597
diff changeset
474
ed823ea54c83 Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents: 597
diff changeset
475 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
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 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
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
ed823ea54c83 Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents: 597
diff changeset
480 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
481 {
ed823ea54c83 Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents: 597
diff changeset
482 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
483 }
633
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
484
637
1fc8d4867c88 Android rotation fixes.
Jim Hague <jim.hague@acm.org>
parents: 633
diff changeset
485 @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
486 html {
1658f8c41117 Set minimum size for learner icon in tune list.
Jim Hague <jim.hague@acm.org>
parents: 640
diff changeset
487 font-size: 62.5%;
1658f8c41117 Set minimum size for learner icon in tune list.
Jim Hague <jim.hague@acm.org>
parents: 640
diff changeset
488 }
1658f8c41117 Set minimum size for learner icon in tune list.
Jim Hague <jim.hague@acm.org>
parents: 640
diff changeset
489
636
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
490 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
491 {
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
492 display: table-row;
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
493 vertical-align: middle;
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
494 text-align: center;
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
495 padding: 0px;
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
496 margin: 0px;
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
497 }
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
498
646
1658f8c41117 Set minimum size for learner icon in tune list.
Jim Hague <jim.hague@acm.org>
parents: 640
diff changeset
499 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
500 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
501 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
502 {
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
503 text-align: center;
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
504 margin: 0px;
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
505 padding: 0px;
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
506 }
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
507
633
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
508 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
509 {
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 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
513 {
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 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
517 {
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 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
521 {
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
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
524 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
525 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
526 display: table;
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
527 width: 100%;
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
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
530 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
531 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
532 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
533 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
534 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
535 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
536
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
537 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
538 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
539 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
540 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
541 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
542 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
543
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
544 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
545 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
546 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
547 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
548 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
549 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
550
722
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
551 div.dottes-tune-footer-prev
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
552 {
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
553 display: table-row;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
554 text-align: center;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
555 vertical-align: middle;
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
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
558 div.dottes-tune-footer-booke
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
559 {
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
560 display: table-row;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
561 text-align: center;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
562 vertical-align: middle;
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
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
565 div.dottes-tune-footer-next
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
566 {
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
567 display: table-row;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
568 text-align: center;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
569 vertical-align: middle;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
570 }
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
571
633
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
572 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
573 {
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 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
577 {
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 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
581 {
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 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
585 {
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
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
588 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
589 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
590 display: table;
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
591 width: 100%;
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
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
594 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
595 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
596 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
597 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
598 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
599
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
600 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
601 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
602 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
603 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
604 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
605
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
606 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
607 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
608 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
609 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
610 }
722
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 div.dottes-tune-footer-learner
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
613 {
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 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
617 {
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 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
621 {
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 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
625 {
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
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
628 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
629 {
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
630 display: table;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
631 width: 100%;
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
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
634 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
635 {
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
636 display: table-row;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
637 text-align: center;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
638 vertical-align: middle;
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
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
641 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
642 {
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
643 display: table-row;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
644 text-align: center;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
645 vertical-align: middle;
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
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
648 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
649 {
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
650 display: table-row;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
651 text-align: center;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
652 vertical-align: middle;
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
653 }
633
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
654 }
637
1fc8d4867c88 Android rotation fixes.
Jim Hague <jim.hague@acm.org>
parents: 633
diff changeset
655
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 * 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
658 * on an orientation change. Still doesn't help Android Chrome.
1fc8d4867c88 Android rotation fixes.
Jim Hague <jim.hague@acm.org>
parents: 633
diff changeset
659 */
1fc8d4867c88 Android rotation fixes.
Jim Hague <jim.hague@acm.org>
parents: 633
diff changeset
660 @media screen and (orientation: landscape){
1fc8d4867c88 Android rotation fixes.
Jim Hague <jim.hague@acm.org>
parents: 633
diff changeset
661 .doesnt-exist { background:red; }
1fc8d4867c88 Android rotation fixes.
Jim Hague <jim.hague@acm.org>
parents: 633
diff changeset
662 }
964
9eff07108792 Add tech data section to website and update printed version.
Jim Hague <jim.hague@acm.org>
parents: 942
diff changeset
663
9eff07108792 Add tech data section to website and update printed version.
Jim Hague <jim.hague@acm.org>
parents: 942
diff changeset
664 /*
9eff07108792 Add tech data section to website and update printed version.
Jim Hague <jim.hague@acm.org>
parents: 942
diff changeset
665 * Fancy *Tex rendering.
9eff07108792 Add tech data section to website and update printed version.
Jim Hague <jim.hague@acm.org>
parents: 942
diff changeset
666 */
9eff07108792 Add tech data section to website and update printed version.
Jim Hague <jim.hague@acm.org>
parents: 942
diff changeset
667 .latex sub {
9eff07108792 Add tech data section to website and update printed version.
Jim Hague <jim.hague@acm.org>
parents: 942
diff changeset
668 vertical-align: -0.1ex;
9eff07108792 Add tech data section to website and update printed version.
Jim Hague <jim.hague@acm.org>
parents: 942
diff changeset
669 margin-left: -0.1667em;
9eff07108792 Add tech data section to website and update printed version.
Jim Hague <jim.hague@acm.org>
parents: 942
diff changeset
670 margin-right: -0.025em;
9eff07108792 Add tech data section to website and update printed version.
Jim Hague <jim.hague@acm.org>
parents: 942
diff changeset
671 }
9eff07108792 Add tech data section to website and update printed version.
Jim Hague <jim.hague@acm.org>
parents: 942
diff changeset
672
9eff07108792 Add tech data section to website and update printed version.
Jim Hague <jim.hague@acm.org>
parents: 942
diff changeset
673 .xetex sub {
9eff07108792 Add tech data section to website and update printed version.
Jim Hague <jim.hague@acm.org>
parents: 942
diff changeset
674 vertical-align: -0.1ex;
9eff07108792 Add tech data section to website and update printed version.
Jim Hague <jim.hague@acm.org>
parents: 942
diff changeset
675 margin-left: -0.1667em;
9eff07108792 Add tech data section to website and update printed version.
Jim Hague <jim.hague@acm.org>
parents: 942
diff changeset
676 margin-right: -0.125em;
9eff07108792 Add tech data section to website and update printed version.
Jim Hague <jim.hague@acm.org>
parents: 942
diff changeset
677 }
9eff07108792 Add tech data section to website and update printed version.
Jim Hague <jim.hague@acm.org>
parents: 942
diff changeset
678
9eff07108792 Add tech data section to website and update printed version.
Jim Hague <jim.hague@acm.org>
parents: 942
diff changeset
679 .latex sub, .latex sup, .xetex sub {
9eff07108792 Add tech data section to website and update printed version.
Jim Hague <jim.hague@acm.org>
parents: 942
diff changeset
680 font-size: 0.9em;
9eff07108792 Add tech data section to website and update printed version.
Jim Hague <jim.hague@acm.org>
parents: 942
diff changeset
681 text-transform:uppercase;
9eff07108792 Add tech data section to website and update printed version.
Jim Hague <jim.hague@acm.org>
parents: 942
diff changeset
682
9eff07108792 Add tech data section to website and update printed version.
Jim Hague <jim.hague@acm.org>
parents: 942
diff changeset
683 }
9eff07108792 Add tech data section to website and update printed version.
Jim Hague <jim.hague@acm.org>
parents: 942
diff changeset
684 .latex sup {
9eff07108792 Add tech data section to website and update printed version.
Jim Hague <jim.hague@acm.org>
parents: 942
diff changeset
685 font-size: 0.85em;
9eff07108792 Add tech data section to website and update printed version.
Jim Hague <jim.hague@acm.org>
parents: 942
diff changeset
686 vertical-align: -0.2em;
9eff07108792 Add tech data section to website and update printed version.
Jim Hague <jim.hague@acm.org>
parents: 942
diff changeset
687 margin-left: -0.26em;
9eff07108792 Add tech data section to website and update printed version.
Jim Hague <jim.hague@acm.org>
parents: 942
diff changeset
688 margin-right: -0.05em;
9eff07108792 Add tech data section to website and update printed version.
Jim Hague <jim.hague@acm.org>
parents: 942
diff changeset
689 }