Mercurial > dottes

annotate web/css/dottes.css @ 635:f9ed1b7953ca

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Impose maximum width on main content.
author Jim Hague <jim.hague@acm.org>
date Mon, 07 Nov 2016 20:31:16 +0000
parents 7a64aeaaa294
children 3a71f1fe4c55
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%;
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents: 211
diff changeset
113 }
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 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
116 {
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents: 211
diff changeset
117 width: 30%;
192
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
118 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
119
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
120 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
121 {
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 }
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 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
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 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
127 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
128 }
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
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
130 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
131 {
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
132 display: table-column;
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
133 width: 25%;
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
134 }
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
135
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
136 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
137 {
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
138 display: table-column;
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
139 width: 50%;
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
140 }
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
141
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
142 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
143 {
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
144 display: table-column;
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
145 width: 25%;
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
146 }
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
147
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
148 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
149 {
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 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
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
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
153 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
154 {
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
155 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
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
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
158 div.dottes-tune-header-title
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
159 {
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
160 display: table-cell;
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
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
163 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
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 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
166 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
167 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
168 }
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
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
170 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
171 {
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 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
173 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
174 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
175 }
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
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
177 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
178 {
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 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
180 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
181 }
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
355
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
183 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
184 {
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
185 display: table;
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
186 width: 100%;
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
187 }
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
188
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
189 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
190 {
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
191 display: table-column;
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
192 width: 25%;
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
193 }
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
194
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
195 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
196 {
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
197 display: table-column;
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
198 width: 50%;
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
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
201 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
202 {
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
203 display: table-column;
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
204 width: 25%;
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
355
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
207 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
208 {
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
209 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
210 }
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
211
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
212 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
213 {
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
214 display: table-cell;
630
eb1392fd0b76 More CSS tweaks.
Jim Hague <jim.hague@acm.org>
parents: 629
diff changeset
215 vertical-align: middle;
369
e5f59f0e7dd5 Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents: 355
diff changeset
216 }
e5f59f0e7dd5 Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents: 355
diff changeset
217
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
218 div.dottes-tune-footer-play
369
e5f59f0e7dd5 Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents: 355
diff changeset
219 {
e5f59f0e7dd5 Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents: 355
diff changeset
220 display: table-cell;
e5f59f0e7dd5 Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents: 355
diff changeset
221 text-align: center;
630
eb1392fd0b76 More CSS tweaks.
Jim Hague <jim.hague@acm.org>
parents: 629
diff changeset
222 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
223 }
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
224
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
225 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
226 {
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
227 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
228 text-align: right;
630
eb1392fd0b76 More CSS tweaks.
Jim Hague <jim.hague@acm.org>
parents: 629
diff changeset
229 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
230 }
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
231
619
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
232 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
233 {
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
234 display: table;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
235 width: 100%;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
236 }
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
237
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
238 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
239 {
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
240 display: table-column;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
241 width: 25%;
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
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
244 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
245 {
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
246 display: table-column;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
247 width: 50%;
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
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
250 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
251 {
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
252 display: table-column;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
253 width: 25%;
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
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
256 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
257 {
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
258 display: table-row;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
259 }
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 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
262 {
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
263 display: table-cell;
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
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
266 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
267 {
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
268 display: table-cell;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
269 text-align: center;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
270 }
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 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
273 {
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
274 display: table-cell;
2fe68733ec17 Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents: 613
diff changeset
275 text-align: right;
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
200
b3a4f4caddd5 Increase size of tune link text to make centering look less bad.
Jim Hague <jim.hague@acm.org>
parents: 197
diff changeset
278 a.dottes-tune-link
b3a4f4caddd5 Increase size of tune link text to make centering look less bad.
Jim Hague <jim.hague@acm.org>
parents: 197
diff changeset
279 {
210
60549ae995b5 Tweak position of tune index tune name text to be more aligned with the tune graphic.
Jim Hague <jim.hague@laicatc.com>
parents: 209
diff changeset
280 position: relative;
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
281 top: 12px;
197
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
282 }
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
283
430
ab1b5b833a0c Remove line between icons. It's a link underline.
Jim Hague <jim.hague@acm.org>
parents: 369
diff changeset
284 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
285 {
ab1b5b833a0c Remove line between icons. It's a link underline.
Jim Hague <jim.hague@acm.org>
parents: 369
diff changeset
286 text-decoration: none;
ab1b5b833a0c Remove line between icons. It's a link underline.
Jim Hague <jim.hague@acm.org>
parents: 369
diff changeset
287 }
ab1b5b833a0c Remove line between icons. It's a link underline.
Jim Hague <jim.hague@acm.org>
parents: 369
diff changeset
288
192
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
289 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
290 {
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
291 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
292 margin: 0;
192
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
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
295 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
296 {
213
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents: 211
diff changeset
297 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
298 }
197
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
299
203
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
300 img.dottes-png
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
301 {
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
302 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
303 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
304 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
305 margin-bottom: 10px;
203
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
306 }
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
307
197
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
308 ul.tune-data-list
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
309 {
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
310 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
311 margin: 0px;
630
eb1392fd0b76 More CSS tweaks.
Jim Hague <jim.hague@acm.org>
parents: 629
diff changeset
312 padding: 0px;
197
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
313 }
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
314
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
315 ul.tune-data-list li
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 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
318 margin-left: 0;
597
60da844ec261 Reduce gap between items in tune representation list.
Jim Hague <jim.hague@acm.org>
parents: 594
diff changeset
319 margin-right: 5px;
197
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
320 }
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
321
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
322 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
323 {
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 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
325 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
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
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 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
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 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
331 }
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
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
333 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
334 {
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
335 display: table-column;
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
336 }
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 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
339 {
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
340 display: table-column;
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
341 width: 80%;
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
342 }
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
343
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
344 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
345 {
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
346 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
347 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
348 }
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
349
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
350 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
351 {
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
352 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
353 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
354 }
229
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
355
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
356 div.dottes-tune-list-item-image img
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
357 {
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
358 width: 100%;
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
359 }
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
360
594
60749c792cde Replace Change and Credit with Markdown-enabled Notes section.
Jim Hague <jim.hague@acm.org>
parents: 530
diff changeset
361 div.dottes-notes-no
229
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
362 {
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
363 display: none;
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
364 }
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
365
594
60749c792cde Replace Change and Credit with Markdown-enabled Notes section.
Jim Hague <jim.hague@acm.org>
parents: 530
diff changeset
366 div.dottes-notes-yes
229
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
367 {
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
368 }
598
ed823ea54c83 Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents: 597
diff changeset
369
ed823ea54c83 Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents: 597
diff changeset
370 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
371 {
ed823ea54c83 Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents: 597
diff changeset
372 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
373 }
ed823ea54c83 Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents: 597
diff changeset
374
ed823ea54c83 Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents: 597
diff changeset
375 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
376 {
ed823ea54c83 Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents: 597
diff changeset
377 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
378 }
633
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
379
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
380 @media only screen and (max-device-width: 480px) {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
381 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
382 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
383 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
384
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
385 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
386 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
387 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
388
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
389 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
390 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
391 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
392
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
393 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
394 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
395 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
396
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
397 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
398 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
399 display: table;
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
400 width: 100%;
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
401 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
402
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
403 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
404 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
405 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
406 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
407 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
408 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
409
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
410 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
411 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
412 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
413 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
414 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
415 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
416
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
417 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
418 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
419 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
420 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
421 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
422 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
423
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
424 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
425 {
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 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
429 {
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 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
433 {
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 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
437 {
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 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
441 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
442 display: table;
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
443 width: 100%;
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
444 }
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 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
447 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
448 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
449 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
450 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
451
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
452 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
453 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
454 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
455 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
456 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
457
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
458 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
459 {
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
460 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
461 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
462 }
7a64aeaaa294 Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents: 630
diff changeset
463 }