Mercurial > dottes
annotate web/css/dottes.css @ 224:db569ede2165
Give in to my inner OCD and make the tune list a DIV with CSS, not a table.
author | Jim Hague <jim.hague@acm.org> |
---|---|
date | Fri, 22 Feb 2013 23:20:06 +0000 (2013-02-22) |
parents | 8e6105d2bf59 |
children | 129f92df03b5 |
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; |
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
|
31 /* background-color: #9900cc; */ |
204
c173abe4441b
Rework page header to graphic with Havoc font and better buzzard.
Jim Hague <jim.hague@laicatc.com>
parents:
203
diff
changeset
|
32 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
|
33 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
|
34 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
|
35 |
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-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
|
37 -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
|
38 -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
|
39 -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
|
40 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
|
41 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
|
42 |
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-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
|
44 -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
|
45 -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
|
46 -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
|
47 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
|
48 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
|
49 |
afe8fc2c8d8c
Set margin on divs so that they leave gaps between themselves.
Jim Hague <jim.hague@laicatc.com>
parents:
204
diff
changeset
|
50 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
|
51 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
|
52 } |
c173abe4441b
Rework page header to graphic with Havoc font and better buzzard.
Jim Hague <jim.hague@laicatc.com>
parents:
203
diff
changeset
|
53 |
192
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
54 div.banner h1 |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
55 { |
204
c173abe4441b
Rework page header to graphic with Havoc font and better buzzard.
Jim Hague <jim.hague@laicatc.com>
parents:
203
diff
changeset
|
56 display: none; |
192
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
57 text-align: left; |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
58 font-size: 50px; |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
59 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
|
60 color: #ffffff; |
192
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
61 font-family: 'Pirata One', sans-serif; |
203 | 62 padding: 10px; |
192
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 |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
65 div.dottes-body |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
66 { |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
67 background-color: white; |
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-left-radius: 5px; |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
69 -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
|
70 -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
|
71 -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
|
72 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
|
73 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
|
74 |
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-left-radius: 5px; |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
76 -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
|
77 -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
|
78 -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
|
79 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
|
80 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
|
81 |
afe8fc2c8d8c
Set margin on divs so that they leave gaps between themselves.
Jim Hague <jim.hague@laicatc.com>
parents:
204
diff
changeset
|
82 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
|
83 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
|
84 } |
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 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
|
87 { |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
88 margin: 10px; |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
89 text-align: left; |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
90 } |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
91 |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
92 div.dottes-container |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
93 { |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
94 border: 2px solid grey; |
203 | 95 margin: 10px; |
192
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 |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
98 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
|
99 { |
213
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents:
211
diff
changeset
|
100 display: table; |
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents:
211
diff
changeset
|
101 width: 100%; |
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 |
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents:
211
diff
changeset
|
104 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
|
105 { |
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents:
211
diff
changeset
|
106 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
|
107 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
|
108 } |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
109 |
213
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents:
211
diff
changeset
|
110 div.dottes-transpose-instrument-name |
192
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
111 { |
213
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents:
211
diff
changeset
|
112 width: 15%; |
192
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
113 } |
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 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
|
116 { |
213
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents:
211
diff
changeset
|
117 width: 55%; |
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 |
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents:
211
diff
changeset
|
120 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
|
121 { |
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents:
211
diff
changeset
|
122 width: 30%; |
192
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
123 } |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
124 |
200
b3a4f4caddd5
Increase size of tune link text to make centering look less bad.
Jim Hague <jim.hague@acm.org>
parents:
197
diff
changeset
|
125 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
|
126 { |
b3a4f4caddd5
Increase size of tune link text to make centering look less bad.
Jim Hague <jim.hague@acm.org>
parents:
197
diff
changeset
|
127 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
|
128 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
|
129 top: 12px; |
197
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
130 } |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
131 |
192
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
132 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
|
133 { |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
134 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
|
135 margin: 0; |
192
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 |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
138 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
|
139 { |
213
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents:
211
diff
changeset
|
140 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
|
141 } |
197
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
142 |
203 | 143 img.dottes-png |
144 { | |
145 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
|
146 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
|
147 /* margin-left: auto; /* Centre image */ |
203 | 148 /* margin-right: auto; */ |
149 } | |
150 | |
197
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
151 ul.tune-data-list |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
152 { |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
153 list-style-type: none; |
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 |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
156 ul.tune-data-list li |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
157 { |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
158 display: inline; |
203 | 159 margin: 10px; |
197
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
160 } |
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
|
161 |
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 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
|
163 { |
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 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
|
165 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
|
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 |
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 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
|
169 { |
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 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
|
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 |
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 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
|
174 { |
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 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
|
176 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
|
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 |
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 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
|
180 { |
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 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
|
182 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
|
183 } |