Mercurial > dottes

annotate web/css/dottes.css @ 276:a23f45befafb

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Add A/B tune markers, timing and rhythm to Captain Rock.
author Jim Hague <jim.hague@acm.org>
date Mon, 01 Jul 2013 21:19:33 +0100
parents 1e4443d58177
children cbe9c10b5a3e
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 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
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
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
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
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
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
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
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
142 img.dottes-png
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
143 {
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
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
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
147 /* margin-right: auto; */
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
148 }
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
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
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
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
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
183
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
184 div.dottes-change-no
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
185 {
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
186 display: none;
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
187 }
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
188
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
189 div.dottes-change-yes
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
190 {
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
191 display: block;
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
192 margin: 10px;
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
193 }
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
194
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
195 div.dottes-change-link
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
196 {
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 228
diff changeset
197 }