Mercurial > dottes

annotate web/css/dottes.css @ 708:7da70e8900ab build-default-278

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
First attempt at adding Tradition below subtitle in web and print.
author Jim Hague <jim.hague@acm.org>
date Sun, 08 Oct 2017 17:06:09 +0100
parents 1658f8c41117
children 7e9d5852c802
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
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
132 div.dottes-tune-header-icons-column
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
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
155 div.dottes-tune-header-icons
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;
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
158 }
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
159
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
160 div.dottes-tune-header-title
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
161 {
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
162 display: table-cell;
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
163 }
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
164
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
165 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
166 {
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
167 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
168 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
169 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
170 }
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
171
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
172 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
173 {
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 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
175 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
176 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
177 }
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
178
708
7da70e8900ab First attempt at adding Tradition below subtitle in web and print.
Jim Hague <jim.hague@acm.org>
parents: 646
diff changeset
179 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
180 {
7da70e8900ab First attempt at adding Tradition below subtitle in web and print.
Jim Hague <jim.hague@acm.org>
parents: 646
diff changeset
181 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
182 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
183 margin: 0px;
7da70e8900ab First attempt at adding Tradition below subtitle in web and print.
Jim Hague <jim.hague@acm.org>
parents: 646
diff changeset
184 }
7da70e8900ab First attempt at adding Tradition below subtitle in web and print.
Jim Hague <jim.hague@acm.org>
parents: 646
diff changeset
185
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
186 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
187 {
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
188 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
189 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
190 }
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
191
355
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
192 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
193 {
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
194 display: table;
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
195 width: 100%;
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
196 }
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
197
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
198 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
199 {
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
200 display: table-column;
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
201 width: 25%;
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
202 }
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
203
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
204 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
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: 50%;
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-last-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: 25%;
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
355
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
216 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
217 {
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
218 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
219 }
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
220
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
221 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
222 {
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
223 display: table-cell;
630
eb1392fd0b76 More CSS tweaks.
Jim Hague <jim.hague@acm.org>
parents: 629
diff changeset
224 vertical-align: middle;
369
e5f59f0e7dd5 Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents: 355
diff changeset
225 }
e5f59f0e7dd5 Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents: 355
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-play
369
e5f59f0e7dd5 Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents: 355
diff changeset
228 {
e5f59f0e7dd5 Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents: 355
diff changeset
229 display: table-cell;
e5f59f0e7dd5 Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents: 355
diff changeset
230 text-align: center;
630
eb1392fd0b76 More CSS tweaks.
Jim Hague <jim.hague@acm.org>
parents: 629
diff changeset
231 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
232 }
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
233
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
234 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
235 {
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
236 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
237 text-align: right;
630
eb1392fd0b76 More CSS tweaks.
Jim Hague <jim.hague@acm.org>
parents: 629
diff changeset
238 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
239 }
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
240
619
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
241 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
242 {
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
243 display: table;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
244 width: 100%;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
245 }
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
246
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
247 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
248 {
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
249 display: table-column;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
250 width: 25%;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
251 }
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
252
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
253 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
254 {
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
255 display: table-column;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
256 width: 50%;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
257 }
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
258
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
259 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
260 {
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
261 display: table-column;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
262 width: 25%;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
263 }
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
264
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
265 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
266 {
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
267 display: table-row;
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
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
270 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
271 {
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
272 display: table-cell;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
273 }
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 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
276 {
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
277 display: table-cell;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
278 text-align: center;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
279 }
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 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
282 {
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
283 display: table-cell;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
284 text-align: right;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
285 }
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
286
430
ab1b5b833a0c Remove line between icons. It's a link underline.
Jim Hague <jim.hague@acm.org>
parents: 369
diff changeset
287 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
288 {
ab1b5b833a0c Remove line between icons. It's a link underline.
Jim Hague <jim.hague@acm.org>
parents: 369
diff changeset
289 text-decoration: none;
ab1b5b833a0c Remove line between icons. It's a link underline.
Jim Hague <jim.hague@acm.org>
parents: 369
diff changeset
290 }
ab1b5b833a0c Remove line between icons. It's a link underline.
Jim Hague <jim.hague@acm.org>
parents: 369
diff changeset
291
192
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
292 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
293 {
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
294 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
295 margin: 0;
192
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
296 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
297
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
298 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
299 {
213
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents: 211
diff changeset
300 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
301 }
197
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
302
203
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
303 img.dottes-png
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
304 {
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
305 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
306 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
307 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
308 margin-bottom: 10px;
203
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
309 }
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
310
197
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
311 ul.tune-data-list
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
312 {
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
313 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
314 margin: 0px;
630
eb1392fd0b76 More CSS tweaks.
Jim Hague <jim.hague@acm.org>
parents: 629
diff changeset
315 padding: 0px;
197
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
316 }
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
317
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
318 ul.tune-data-list li
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
319 {
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
320 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
321 margin-left: 0;
597
60da844ec261 Reduce gap between items in tune representation list.
Jim Hague <jim.hague@acm.org>
parents: 594
diff changeset
322 margin-right: 5px;
197
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
323 }
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
324
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
325 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
326 {
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
327 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
328 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
329 }
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
330
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
331 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
332 {
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
333 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
334 }
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
335
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
336 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
337 {
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
338 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
339 width: 20%;
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
340 }
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
341
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
342 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
343 {
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
344 display: table-column;
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
345 }
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
346
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
347 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
348 {
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
349 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
350 width: 75%;
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
351 }
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
352
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
353 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
354 {
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
355 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
356 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
357 }
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
358
640
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
359 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
360 {
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
361 display: table-cell;
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
362 vertical-align: middle;
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
363 padding: 2px;
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
364 }
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
365
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
366 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
367 {
646
1658f8c41117 Set minimum size for learner icon in tune list.
Jim Hague <jim.hague@acm.org>
parents: 640
diff changeset
368 max-width: 25px;
1658f8c41117 Set minimum size for learner icon in tune list.
Jim Hague <jim.hague@acm.org>
parents: 640
diff changeset
369 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
370 }
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
371
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
372 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
373 {
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
374 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
375 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
376 }
229
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
377
640
dfdea8422368 In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents: 638
diff changeset
378 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
379 {
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
380 width: 100%;
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
381 }
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
382
594
60749c792cde Replace Change and Credit with Markdown-enabled Notes section.
Jim Hague <jim.hague@acm.org>
parents: 530
diff changeset
383 div.dottes-notes-no
229
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
384 {
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
385 display: none;
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
386 }
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
387
594
60749c792cde Replace Change and Credit with Markdown-enabled Notes section.
Jim Hague <jim.hague@acm.org>
parents: 530
diff changeset
388 div.dottes-notes-yes
229
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
389 {
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
390 }
598
ed823ea54c83 Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents: 597
diff changeset
391
ed823ea54c83 Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents: 597
diff changeset
392 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
393 {
ed823ea54c83 Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents: 597
diff changeset
394 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
395 }
ed823ea54c83 Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents: 597
diff changeset
396
ed823ea54c83 Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents: 597
diff changeset
397 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
398 {
ed823ea54c83 Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents: 597
diff changeset
399 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
400 }
633
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
401
637
1fc8d4867c88 Android rotation fixes.
Jim Hague <jim.hague@acm.org>
parents: 633
diff changeset
402 @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
403 html {
1658f8c41117 Set minimum size for learner icon in tune list.
Jim Hague <jim.hague@acm.org>
parents: 640
diff changeset
404 font-size: 62.5%;
1658f8c41117 Set minimum size for learner icon in tune list.
Jim Hague <jim.hague@acm.org>
parents: 640
diff changeset
405 }
1658f8c41117 Set minimum size for learner icon in tune list.
Jim Hague <jim.hague@acm.org>
parents: 640
diff changeset
406
636
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
407 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
408 {
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
409 display: table-row;
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
410 vertical-align: middle;
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
411 text-align: center;
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
412 padding: 0px;
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
413 margin: 0px;
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
414 }
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
415
646
1658f8c41117 Set minimum size for learner icon in tune list.
Jim Hague <jim.hague@acm.org>
parents: 640
diff changeset
416 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
417 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
418 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
419 {
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
420 text-align: center;
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
421 margin: 0px;
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
422 padding: 0px;
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
423 }
3a71f1fe4c55 Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents: 635
diff changeset
424
633
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
425 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
426 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
427 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
428
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
429 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
430 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
431 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
432
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
433 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
434 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
435 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
436
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
437 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
438 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
439 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
440
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
441 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
442 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
443 display: table;
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
444 width: 100%;
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
445 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
446
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
447 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
448 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
449 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
450 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
451 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
452 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
453
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
454 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
455 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
456 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
457 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
458 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
459 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
460
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
461 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
462 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
463 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
464 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
465 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
466 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
467
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
468 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
469 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
470 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
471
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
472 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
473 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
474 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
475
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
476 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
477 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
478 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
479
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
480 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
481 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
482 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
483
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
484 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
485 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
486 display: table;
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
487 width: 100%;
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
488 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
489
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
490 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
491 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
492 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
493 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
494 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
495
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
496 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
497 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
498 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
499 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
500 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
501
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
502 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
503 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
504 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
505 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
506 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
507 }
637
1fc8d4867c88 Android rotation fixes.
Jim Hague <jim.hague@acm.org>
parents: 633
diff changeset
508
1fc8d4867c88 Android rotation fixes.
Jim Hague <jim.hague@acm.org>
parents: 633
diff changeset
509 /*
1fc8d4867c88 Android rotation fixes.
Jim Hague <jim.hague@acm.org>
parents: 633
diff changeset
510 * 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
511 * on an orientation change. Still doesn't help Android Chrome.
1fc8d4867c88 Android rotation fixes.
Jim Hague <jim.hague@acm.org>
parents: 633
diff changeset
512 */
1fc8d4867c88 Android rotation fixes.
Jim Hague <jim.hague@acm.org>
parents: 633
diff changeset
513 @media screen and (orientation: landscape){
1fc8d4867c88 Android rotation fixes.
Jim Hague <jim.hague@acm.org>
parents: 633
diff changeset
514 .doesnt-exist { background:red; }
1fc8d4867c88 Android rotation fixes.
Jim Hague <jim.hague@acm.org>
parents: 633
diff changeset
515 }