Mercurial > dottes
annotate web/css/dottes.css @ 229:1e4443d58177
Modify Change tune handling.
Change all change notes to reference the filename of the tune to change to.
Modify web and document generators to pull the change note out of the abc
and generate an appropiate bit of content. This is now, in both cases,
a hyperlink.
In the process, remove the tune-specific .tex facility. It wasn't being
used.
I could really do with a proper templating system, and using some sort
of templating in the LaTeX generation.
author | Jim Hague <jim.hague@acm.org> |
---|---|
date | Sat, 23 Feb 2013 13:10:58 +0000 |
parents | 129f92df03b5 |
children | cbe9c10b5a3e |
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 font-weight: normal; |
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-size: 25px; |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
17 font-weight: bold; |
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 |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
20 p |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
21 { |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
22 background: white; |
203 | 23 margin: 10px; |
192
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
24 } |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
25 |
204
c173abe4441b
Rework page header to graphic with Havoc font and better buzzard.
Jim Hague <jim.hague@laicatc.com>
parents:
203
diff
changeset
|
26 div.banner |
c173abe4441b
Rework page header to graphic with Havoc font and better buzzard.
Jim Hague <jim.hague@laicatc.com>
parents:
203
diff
changeset
|
27 { |
c173abe4441b
Rework page header to graphic with Havoc font and better buzzard.
Jim Hague <jim.hague@laicatc.com>
parents:
203
diff
changeset
|
28 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
|
29 |
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
|
30 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
|
31 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
|
32 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
|
33 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
|
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-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
|
36 -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
|
37 -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
|
38 -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
|
39 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
|
40 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
|
41 |
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-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
|
43 -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
|
44 -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
|
45 -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
|
46 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
|
47 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
|
48 |
afe8fc2c8d8c
Set margin on divs so that they leave gaps between themselves.
Jim Hague <jim.hague@laicatc.com>
parents:
204
diff
changeset
|
49 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
|
50 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
|
51 } |
c173abe4441b
Rework page header to graphic with Havoc font and better buzzard.
Jim Hague <jim.hague@laicatc.com>
parents:
203
diff
changeset
|
52 |
192
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
53 div.banner h1 |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
54 { |
204
c173abe4441b
Rework page header to graphic with Havoc font and better buzzard.
Jim Hague <jim.hague@laicatc.com>
parents:
203
diff
changeset
|
55 display: none; |
192
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
56 text-align: left; |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
57 font-size: 50px; |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
58 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
|
59 color: #ffffff; |
192
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
60 font-family: 'Pirata One', sans-serif; |
203 | 61 padding: 10px; |
192
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 |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
64 div.dottes-body |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
65 { |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
66 background-color: white; |
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-left-radius: 5px; |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
68 -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
|
69 -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
|
70 -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
|
71 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
|
72 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
|
73 |
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-left-radius: 5px; |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
75 -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
|
76 -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
|
77 -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
|
78 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
|
79 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
|
80 |
afe8fc2c8d8c
Set margin on divs so that they leave gaps between themselves.
Jim Hague <jim.hague@laicatc.com>
parents:
204
diff
changeset
|
81 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
|
82 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
|
83 } |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
84 |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
85 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
|
86 { |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
87 margin: 10px; |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
88 text-align: left; |
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 |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
91 div.dottes-container |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
92 { |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
93 border: 2px solid grey; |
203 | 94 margin: 10px; |
192
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 |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
97 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
|
98 { |
213
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents:
211
diff
changeset
|
99 display: table; |
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents:
211
diff
changeset
|
100 width: 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 |
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents:
211
diff
changeset
|
103 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
|
104 { |
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents:
211
diff
changeset
|
105 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
|
106 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
|
107 } |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
108 |
213
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents:
211
diff
changeset
|
109 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
|
110 { |
213
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents:
211
diff
changeset
|
111 width: 15%; |
192
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
112 } |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
113 |
213
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents:
211
diff
changeset
|
114 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
|
115 { |
213
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents:
211
diff
changeset
|
116 width: 55%; |
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 |
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents:
211
diff
changeset
|
119 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
|
120 { |
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents:
211
diff
changeset
|
121 width: 30%; |
192
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
122 } |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
123 |
200
b3a4f4caddd5
Increase size of tune link text to make centering look less bad.
Jim Hague <jim.hague@acm.org>
parents:
197
diff
changeset
|
124 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
|
125 { |
b3a4f4caddd5
Increase size of tune link text to make centering look less bad.
Jim Hague <jim.hague@acm.org>
parents:
197
diff
changeset
|
126 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
|
127 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
|
128 top: 12px; |
197
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
129 } |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
130 |
192
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
131 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
|
132 { |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
133 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
|
134 margin: 0; |
192
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
135 } |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
136 |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
137 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
|
138 { |
213
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents:
211
diff
changeset
|
139 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
|
140 } |
197
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
141 |
203 | 142 img.dottes-png |
143 { | |
144 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
|
145 width: 100%; /* Make image fill width */ |
9da75d87e93b
Make tune graphic on tune page fill the width of the page.
Jim Hague <jim.hague@laicatc.com>
parents:
210
diff
changeset
|
146 /* margin-left: auto; /* Centre image */ |
203 | 147 /* margin-right: auto; */ |
148 } | |
149 | |
197
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
150 ul.tune-data-list |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
151 { |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
152 list-style-type: none; |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
153 } |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
154 |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
155 ul.tune-data-list li |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
156 { |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
157 display: inline; |
203 | 158 margin: 10px; |
197
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
159 } |
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
|
160 |
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
|
161 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
|
162 { |
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
|
163 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
|
164 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
|
165 } |
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
|
166 |
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
|
167 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
|
168 { |
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
|
169 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
|
170 } |
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
|
171 |
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
|
172 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
|
173 { |
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
|
174 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
|
175 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
|
176 } |
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 |
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
|
178 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
|
179 { |
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
|
180 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
|
181 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
|
182 } |
229 | 183 |
184 div.dottes-change-no | |
185 { | |
186 display: none; | |
187 } | |
188 | |
189 div.dottes-change-yes | |
190 { | |
191 display: block; | |
192 margin: 10px; | |
193 } | |
194 | |
195 div.dottes-change-link | |
196 { | |
197 } |