Mercurial > dottes
annotate web/css/dottes.css @ 279:1960d886d96b
Standardise O: field on country or area name, not adjective.
author | Jim Hague <jim.hague@acm.org> |
---|---|
date | Wed, 03 Jul 2013 21:08:10 +0100 |
parents | 1e4443d58177 |
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 } |