Mercurial > dottes
annotate web/css/dottes.css @ 640:dfdea8422368
In tune list, put L in column of its own.
It can be a big difficult to hit when the text is wrapped.
author | Jim Hague <jim.hague@acm.org> |
---|---|
date | Mon, 07 Nov 2016 23:14:14 +0000 |
parents | 776a455efe47 |
children | 1658f8c41117 |
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 | 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 | 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 |
613
af814cd756e8
Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents:
598
diff
changeset
|
179 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
|
180 { |
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 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
|
182 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
|
183 } |
cbe9c10b5a3e
Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents:
229
diff
changeset
|
184 |
355
b233893b4c51
Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents:
326
diff
changeset
|
185 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
|
186 { |
b233893b4c51
Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents:
326
diff
changeset
|
187 display: table; |
b233893b4c51
Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents:
326
diff
changeset
|
188 width: 100%; |
b233893b4c51
Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents:
326
diff
changeset
|
189 } |
b233893b4c51
Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents:
326
diff
changeset
|
190 |
613
af814cd756e8
Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents:
598
diff
changeset
|
191 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
|
192 { |
af814cd756e8
Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents:
598
diff
changeset
|
193 display: table-column; |
af814cd756e8
Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents:
598
diff
changeset
|
194 width: 25%; |
af814cd756e8
Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents:
598
diff
changeset
|
195 } |
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 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
|
198 { |
af814cd756e8
Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents:
598
diff
changeset
|
199 display: table-column; |
af814cd756e8
Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents:
598
diff
changeset
|
200 width: 50%; |
af814cd756e8
Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents:
598
diff
changeset
|
201 } |
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 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
|
204 { |
af814cd756e8
Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents:
598
diff
changeset
|
205 display: table-column; |
af814cd756e8
Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents:
598
diff
changeset
|
206 width: 25%; |
af814cd756e8
Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents:
598
diff
changeset
|
207 } |
af814cd756e8
Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents:
598
diff
changeset
|
208 |
355
b233893b4c51
Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents:
326
diff
changeset
|
209 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
|
210 { |
b233893b4c51
Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents:
326
diff
changeset
|
211 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
|
212 } |
b233893b4c51
Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents:
326
diff
changeset
|
213 |
613
af814cd756e8
Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents:
598
diff
changeset
|
214 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
|
215 { |
b233893b4c51
Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents:
326
diff
changeset
|
216 display: table-cell; |
630 | 217 vertical-align: middle; |
369
e5f59f0e7dd5
Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents:
355
diff
changeset
|
218 } |
e5f59f0e7dd5
Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents:
355
diff
changeset
|
219 |
613
af814cd756e8
Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents:
598
diff
changeset
|
220 div.dottes-tune-footer-play |
369
e5f59f0e7dd5
Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents:
355
diff
changeset
|
221 { |
e5f59f0e7dd5
Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents:
355
diff
changeset
|
222 display: table-cell; |
e5f59f0e7dd5
Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents:
355
diff
changeset
|
223 text-align: center; |
630 | 224 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
|
225 } |
b233893b4c51
Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents:
326
diff
changeset
|
226 |
613
af814cd756e8
Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents:
598
diff
changeset
|
227 div.dottes-tune-footer-last |
355
b233893b4c51
Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents:
326
diff
changeset
|
228 { |
b233893b4c51
Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents:
326
diff
changeset
|
229 display: table-cell; |
b233893b4c51
Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents:
326
diff
changeset
|
230 text-align: right; |
630 | 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 |
619
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
613
diff
changeset
|
234 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
|
235 { |
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
613
diff
changeset
|
236 display: table; |
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
613
diff
changeset
|
237 width: 100%; |
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
613
diff
changeset
|
238 } |
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 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
|
241 { |
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
613
diff
changeset
|
242 display: table-column; |
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
613
diff
changeset
|
243 width: 25%; |
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
613
diff
changeset
|
244 } |
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 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
|
247 { |
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
613
diff
changeset
|
248 display: table-column; |
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
613
diff
changeset
|
249 width: 50%; |
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
613
diff
changeset
|
250 } |
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 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
|
253 { |
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
613
diff
changeset
|
254 display: table-column; |
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
613
diff
changeset
|
255 width: 25%; |
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
613
diff
changeset
|
256 } |
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 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
|
259 { |
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
613
diff
changeset
|
260 display: table-row; |
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
613
diff
changeset
|
261 } |
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 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
|
264 { |
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
613
diff
changeset
|
265 display: table-cell; |
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 |
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
613
diff
changeset
|
268 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
|
269 { |
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
613
diff
changeset
|
270 display: table-cell; |
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
613
diff
changeset
|
271 text-align: center; |
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
613
diff
changeset
|
272 } |
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
613
diff
changeset
|
273 |
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
613
diff
changeset
|
274 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
|
275 { |
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
613
diff
changeset
|
276 display: table-cell; |
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
613
diff
changeset
|
277 text-align: right; |
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
613
diff
changeset
|
278 } |
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
613
diff
changeset
|
279 |
430
ab1b5b833a0c
Remove line between icons. It's a link underline.
Jim Hague <jim.hague@acm.org>
parents:
369
diff
changeset
|
280 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
|
281 { |
ab1b5b833a0c
Remove line between icons. It's a link underline.
Jim Hague <jim.hague@acm.org>
parents:
369
diff
changeset
|
282 text-decoration: none; |
ab1b5b833a0c
Remove line between icons. It's a link underline.
Jim Hague <jim.hague@acm.org>
parents:
369
diff
changeset
|
283 } |
ab1b5b833a0c
Remove line between icons. It's a link underline.
Jim Hague <jim.hague@acm.org>
parents:
369
diff
changeset
|
284 |
192
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
285 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
|
286 { |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
287 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
|
288 margin: 0; |
192
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
289 } |
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 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
|
292 { |
213
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents:
211
diff
changeset
|
293 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
|
294 } |
197
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
295 |
203 | 296 img.dottes-png |
297 { | |
298 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
|
299 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
|
300 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
|
301 margin-bottom: 10px; |
203 | 302 } |
303 | |
197
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
304 ul.tune-data-list |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
305 { |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
306 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
|
307 margin: 0px; |
630 | 308 padding: 0px; |
197
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 |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
311 ul.tune-data-list li |
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 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
|
314 margin-left: 0; |
597
60da844ec261
Reduce gap between items in tune representation list.
Jim Hague <jim.hague@acm.org>
parents:
594
diff
changeset
|
315 margin-right: 5px; |
197
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
316 } |
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
|
317 |
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
|
318 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
|
319 { |
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
|
320 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
|
321 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
|
322 } |
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 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
|
325 { |
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 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
|
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 |
613
af814cd756e8
Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents:
598
diff
changeset
|
329 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
|
330 { |
af814cd756e8
Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents:
598
diff
changeset
|
331 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
|
332 width: 20%; |
dfdea8422368
In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents:
638
diff
changeset
|
333 } |
dfdea8422368
In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents:
638
diff
changeset
|
334 |
dfdea8422368
In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents:
638
diff
changeset
|
335 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
|
336 { |
dfdea8422368
In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents:
638
diff
changeset
|
337 display: table-column; |
613
af814cd756e8
Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents:
598
diff
changeset
|
338 } |
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 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
|
341 { |
af814cd756e8
Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents:
598
diff
changeset
|
342 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
|
343 width: 75%; |
613
af814cd756e8
Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents:
598
diff
changeset
|
344 } |
af814cd756e8
Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents:
598
diff
changeset
|
345 |
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
|
346 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
|
347 { |
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 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
|
349 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
|
350 } |
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 |
640
dfdea8422368
In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents:
638
diff
changeset
|
352 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
|
353 { |
dfdea8422368
In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents:
638
diff
changeset
|
354 display: table-cell; |
dfdea8422368
In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents:
638
diff
changeset
|
355 vertical-align: middle; |
dfdea8422368
In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents:
638
diff
changeset
|
356 padding: 2px; |
dfdea8422368
In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents:
638
diff
changeset
|
357 } |
dfdea8422368
In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents:
638
diff
changeset
|
358 |
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 img |
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 max-width: 20px; |
dfdea8422368
In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents:
638
diff
changeset
|
362 } |
dfdea8422368
In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents:
638
diff
changeset
|
363 |
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
|
364 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
|
365 { |
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
|
366 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
|
367 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
|
368 } |
229 | 369 |
640
dfdea8422368
In tune list, put L in column of its own.
Jim Hague <jim.hague@acm.org>
parents:
638
diff
changeset
|
370 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
|
371 { |
af814cd756e8
Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents:
598
diff
changeset
|
372 width: 100%; |
af814cd756e8
Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents:
598
diff
changeset
|
373 } |
af814cd756e8
Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents:
598
diff
changeset
|
374 |
594
60749c792cde
Replace Change and Credit with Markdown-enabled Notes section.
Jim Hague <jim.hague@acm.org>
parents:
530
diff
changeset
|
375 div.dottes-notes-no |
229 | 376 { |
377 display: none; | |
378 } | |
379 | |
594
60749c792cde
Replace Change and Credit with Markdown-enabled Notes section.
Jim Hague <jim.hague@acm.org>
parents:
530
diff
changeset
|
380 div.dottes-notes-yes |
229 | 381 { |
382 } | |
598
ed823ea54c83
Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents:
597
diff
changeset
|
383 |
ed823ea54c83
Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents:
597
diff
changeset
|
384 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
|
385 { |
ed823ea54c83
Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents:
597
diff
changeset
|
386 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
|
387 } |
ed823ea54c83
Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents:
597
diff
changeset
|
388 |
ed823ea54c83
Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents:
597
diff
changeset
|
389 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
|
390 { |
ed823ea54c83
Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents:
597
diff
changeset
|
391 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
|
392 } |
633
7a64aeaaa294
Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents:
630
diff
changeset
|
393 |
637 | 394 @media only screen and (max-width: 480px) { |
636
3a71f1fe4c55
Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents:
635
diff
changeset
|
395 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
|
396 { |
3a71f1fe4c55
Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents:
635
diff
changeset
|
397 display: table-row; |
3a71f1fe4c55
Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents:
635
diff
changeset
|
398 vertical-align: middle; |
3a71f1fe4c55
Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents:
635
diff
changeset
|
399 text-align: center; |
3a71f1fe4c55
Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents:
635
diff
changeset
|
400 padding: 0px; |
3a71f1fe4c55
Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents:
635
diff
changeset
|
401 margin: 0px; |
3a71f1fe4c55
Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents:
635
diff
changeset
|
402 } |
3a71f1fe4c55
Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents:
635
diff
changeset
|
403 |
3a71f1fe4c55
Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents:
635
diff
changeset
|
404 div.dottes-transpose-instrument-item h1, p, ul |
3a71f1fe4c55
Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents:
635
diff
changeset
|
405 { |
3a71f1fe4c55
Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents:
635
diff
changeset
|
406 text-align: center; |
3a71f1fe4c55
Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents:
635
diff
changeset
|
407 margin: 0px; |
3a71f1fe4c55
Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents:
635
diff
changeset
|
408 padding: 0px; |
3a71f1fe4c55
Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents:
635
diff
changeset
|
409 } |
3a71f1fe4c55
Rearrange instrument table from horizontal to vertical on narrow screens.
Jim Hague <jim.hague@acm.org>
parents:
635
diff
changeset
|
410 |
633
7a64aeaaa294
Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents:
630
diff
changeset
|
411 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
|
412 { |
7a64aeaaa294
Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents:
630
diff
changeset
|
413 } |
7a64aeaaa294
Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents:
630
diff
changeset
|
414 |
7a64aeaaa294
Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents:
630
diff
changeset
|
415 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
|
416 { |
7a64aeaaa294
Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents:
630
diff
changeset
|
417 } |
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 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
|
420 { |
7a64aeaaa294
Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents:
630
diff
changeset
|
421 } |
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 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
|
424 { |
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 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
|
428 { |
7a64aeaaa294
Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents:
630
diff
changeset
|
429 display: table; |
7a64aeaaa294
Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents:
630
diff
changeset
|
430 width: 100%; |
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-links |
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 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
|
436 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
|
437 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
|
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-footer-play |
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-row; |
7a64aeaaa294
Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents:
630
diff
changeset
|
443 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
|
444 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
|
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-last |
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-learner |
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 } |
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-speed-column |
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 |
7a64aeaaa294
Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents:
630
diff
changeset
|
462 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
|
463 { |
7a64aeaaa294
Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents:
630
diff
changeset
|
464 } |
7a64aeaaa294
Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents:
630
diff
changeset
|
465 |
7a64aeaaa294
Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents:
630
diff
changeset
|
466 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
|
467 { |
7a64aeaaa294
Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents:
630
diff
changeset
|
468 } |
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 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
|
471 { |
7a64aeaaa294
Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents:
630
diff
changeset
|
472 display: table; |
7a64aeaaa294
Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents:
630
diff
changeset
|
473 width: 100%; |
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-speed |
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 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
|
479 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
|
480 } |
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 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
|
483 { |
7a64aeaaa294
Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents:
630
diff
changeset
|
484 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
|
485 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
|
486 } |
7a64aeaaa294
Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents:
630
diff
changeset
|
487 |
7a64aeaaa294
Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents:
630
diff
changeset
|
488 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
|
489 { |
7a64aeaaa294
Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents:
630
diff
changeset
|
490 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
|
491 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
|
492 } |
7a64aeaaa294
Adapt footer is tune and learner tune pages to narrow displays.
Jim Hague <jim.hague@acm.org>
parents:
630
diff
changeset
|
493 } |
637 | 494 |
495 /* | |
496 * Stock Android browser needs this to force reconsideration of max-width | |
497 * on an orientation change. Still doesn't help Android Chrome. | |
498 */ | |
499 @media screen and (orientation: landscape){ | |
500 .doesnt-exist { background:red; } | |
501 } |