Mercurial > dottes

annotate web/css/dottes.css @ 322:b4a0161e8870

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Add abcrange.py to return the range of a tune, and use it in instrument transposition. This lets us transpose on boundaries that aren't octave boundaries.
author Jim Hague <jim.hague@acm.org>
date Thu, 18 Jul 2013 15:27:57 +0100
parents cbe9c10b5a3e
children 27f29e8aafea
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
192
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
1 body {
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
2 background-color: #9900cc;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
3 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
4 color: #000000;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
5 font-size: 16px;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
6 height: auto;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
7 padding-top: 0px;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
8 padding-bottom: 20px;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
9 font-family: 'Oswald', serif;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
10 }
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 h1 {
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
13 background: white;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
14 text-align: center;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
15 font-size: 25px;
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;
203
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
22 margin: 10px;
192
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
23 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
24
204
c173abe4441b Rework page header to graphic with Havoc font and better buzzard.
Jim Hague <jim.hague@laicatc.com>
parents: 203
diff changeset
25 div.banner
c173abe4441b Rework page header to graphic with Havoc font and better buzzard.
Jim Hague <jim.hague@laicatc.com>
parents: 203
diff changeset
26 {
c173abe4441b Rework page header to graphic with Havoc font and better buzzard.
Jim Hague <jim.hague@laicatc.com>
parents: 203
diff changeset
27 height: 136px;
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
28
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
29 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
30 background-image: url('../img/banner.png');
c173abe4441b Rework page header to graphic with Havoc font and better buzzard.
Jim Hague <jim.hague@laicatc.com>
parents: 203
diff changeset
31 background-repeat: no-repeat;
c173abe4441b Rework page header to graphic with Havoc font and better buzzard.
Jim Hague <jim.hague@laicatc.com>
parents: 203
diff changeset
32 background-position: center center;
207
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves.
Jim Hague <jim.hague@laicatc.com>
parents: 204
diff changeset
33
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves.
Jim Hague <jim.hague@laicatc.com>
parents: 204
diff changeset
34 -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
35 -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
36 -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
37 -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
38 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
39 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
40
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves.
Jim Hague <jim.hague@laicatc.com>
parents: 204
diff changeset
41 -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
42 -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
43 -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
44 -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
45 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
46 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
47
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves.
Jim Hague <jim.hague@laicatc.com>
parents: 204
diff changeset
48 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
49 margin-bottom: 5px;
204
c173abe4441b Rework page header to graphic with Havoc font and better buzzard.
Jim Hague <jim.hague@laicatc.com>
parents: 203
diff changeset
50 }
c173abe4441b Rework page header to graphic with Havoc font and better buzzard.
Jim Hague <jim.hague@laicatc.com>
parents: 203
diff changeset
51
192
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
52 div.banner h1
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
53 {
204
c173abe4441b Rework page header to graphic with Havoc font and better buzzard.
Jim Hague <jim.hague@laicatc.com>
parents: 203
diff changeset
54 display: none;
192
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
55 text-align: left;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
56 font-size: 50px;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
57 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
58 color: #ffffff;
192
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
59 font-family: 'Pirata One', sans-serif;
203
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
60 padding: 10px;
192
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
61 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
62
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
63 div.dottes-body
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
64 {
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
65 background-color: white;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
66 -webkit-border-top-left-radius: 5px;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
67 -webkit-border-top-right-radius: 5px;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
68 -moz-border-radius-topleft: 5px;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
69 -moz-border-radius-topright: 5px;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
70 border-top-left-radius: 5px;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
71 border-top-right-radius: 5px;
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 -webkit-border-bottom-left-radius: 5px;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
74 -webkit-border-bottom-right-radius: 5px;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
75 -moz-border-radius-bottomleft: 5px;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
76 -moz-border-radius-bottomright: 5px;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
77 border-bottom-left-radius: 5px;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
78 border-bottom-right-radius: 5px;
207
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves.
Jim Hague <jim.hague@laicatc.com>
parents: 204
diff changeset
79
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves.
Jim Hague <jim.hague@laicatc.com>
parents: 204
diff changeset
80 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
81 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
82 }
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 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
85 {
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
86 margin: 10px;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
87 text-align: left;
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
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
90 div.dottes-container
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 border: 2px solid grey;
203
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
93 margin: 10px;
192
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
94 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
95
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
96 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
97 {
213
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents: 211
diff changeset
98 display: table;
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents: 211
diff changeset
99 width: 100%;
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents: 211
diff changeset
100 }
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents: 211
diff changeset
101
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents: 211
diff changeset
102 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
103 {
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents: 211
diff changeset
104 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
105 vertical-align: middle;
192
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
106 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
107
213
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents: 211
diff changeset
108 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
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 width: 15%;
192
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
111 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
112
213
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents: 211
diff changeset
113 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
114 {
213
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents: 211
diff changeset
115 width: 55%;
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
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents: 211
diff changeset
118 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
119 {
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents: 211
diff changeset
120 width: 30%;
192
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
121 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
122
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
123 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
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 margin: 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
126 }
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 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
129 {
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 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
131 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
132 }
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
133
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
134 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
135 {
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
136 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
137 }
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
138
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
139 div.dottes-tune-header-left
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
140 {
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
141 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
142 width: 25%;
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
143 }
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
144
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
145 div.dottes-tune-header-middle
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
146 {
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
147 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
148 }
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 div.dottes-tune-header-middle h1
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 font-size: 25px;
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 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
154 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
155 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
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
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 div.dottes-tune-header-middle h2
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 {
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
160 font-size: 15px;
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
161 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
162 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
163 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
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
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 div.dottes-tune-header-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
167 {
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 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
169 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
170 width: 25%;
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
200
b3a4f4caddd5 Increase size of tune link text to make centering look less bad.
Jim Hague <jim.hague@acm.org>
parents: 197
diff changeset
173 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
174 {
b3a4f4caddd5 Increase size of tune link text to make centering look less bad.
Jim Hague <jim.hague@acm.org>
parents: 197
diff changeset
175 font-size: 20px;
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
176 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
177 top: 12px;
197
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
178 }
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
179
192
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
180 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
181 {
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
182 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
183 margin: 0;
192
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
184 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
185
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
186 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
187 {
213
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents: 211
diff changeset
188 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
189 }
197
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
190
203
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
191 img.dottes-png
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
192 {
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
193 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
194 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
195 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
196 margin-bottom: 10px;
203
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
197 }
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
198
197
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
199 ul.tune-data-list
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
200 {
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
201 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
202 margin: 0px;
197
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
203 }
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
204
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
205 ul.tune-data-list li
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
206 {
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
207 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
208 margin-left: 0;
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
209 margin-right: 20px;
197
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
210 }
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
211
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
212 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
213 {
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
214 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
215 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
216 }
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
217
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
218 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
219 {
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
220 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
221 }
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
222
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
223 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
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
225 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
226 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
227 }
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
228
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
229 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
230 {
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
231 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
232 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
233 }
229
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
234
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
235 div.dottes-change-no
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
236 {
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
237 display: none;
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
238 }
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
239
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
240 div.dottes-change-yes
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
241 {
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
242 }
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
243
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
244 div.dottes-change-link
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
245 {
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
246 }