Mercurial > dottes
annotate web/css/dottes.css @ 203:28060949020d
Some CSS tweaking.
Make the margins consistent.
Include but comment out style to centre the tune image.
author | Jim Hague <jim.hague@acm.org> |
---|---|
date | Sun, 17 Feb 2013 10:30:22 +0000 |
parents | b3a4f4caddd5 |
children | c173abe4441b |
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 |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
26 div.clear |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
27 { |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
28 padding: 5px; |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
29 } |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
30 |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
31 div.banner h1 |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
32 { |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
33 background-color: #9900cc; |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
34 text-align: left; |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
35 font-size: 50px; |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
36 font-weight: bold; |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
37 color: #000000; |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
38 height: 136px; |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
39 font-family: 'Pirata One', sans-serif; |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
40 background-image: url('../img/buzzard.jpg'); |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
41 background-repeat: no-repeat; |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
42 background-position: right center; |
203 | 43 padding: 10px; |
192
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
44 } |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
45 |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
46 div.dottes-body |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
47 { |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
48 background-color: white; |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
49 -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
|
50 -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
|
51 -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
|
52 -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
|
53 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
|
54 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
|
55 |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
56 -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
|
57 -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
|
58 -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
|
59 -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
|
60 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
|
61 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
|
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 h1 |
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 margin: 10px; |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
67 text-align: left; |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
68 } |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
69 |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
70 div.dottes-container |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
71 { |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
72 border: 2px solid grey; |
203 | 73 margin: 10px; |
192
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 |
196
5b4c478142e1
Nudge book list tile alongside other entries in the line.
Jim Hague <jim.hague@acm.org>
parents:
192
diff
changeset
|
76 div.dottes-container h1 |
5b4c478142e1
Nudge book list tile alongside other entries in the line.
Jim Hague <jim.hague@acm.org>
parents:
192
diff
changeset
|
77 { |
5b4c478142e1
Nudge book list tile alongside other entries in the line.
Jim Hague <jim.hague@acm.org>
parents:
192
diff
changeset
|
78 padding: 0px; |
5b4c478142e1
Nudge book list tile alongside other entries in the line.
Jim Hague <jim.hague@acm.org>
parents:
192
diff
changeset
|
79 } |
5b4c478142e1
Nudge book list tile alongside other entries in the line.
Jim Hague <jim.hague@acm.org>
parents:
192
diff
changeset
|
80 |
192
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
81 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
|
82 { |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
83 } |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
84 |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
85 div.dottes-transpose-how |
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 } |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
88 |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
89 div.dottes-transpose-tunes |
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 |
200
b3a4f4caddd5
Increase size of tune link text to make centering look less bad.
Jim Hague <jim.hague@acm.org>
parents:
197
diff
changeset
|
93 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
|
94 { |
b3a4f4caddd5
Increase size of tune link text to make centering look less bad.
Jim Hague <jim.hague@acm.org>
parents:
197
diff
changeset
|
95 font-size: 20px; |
b3a4f4caddd5
Increase size of tune link text to make centering look less bad.
Jim Hague <jim.hague@acm.org>
parents:
197
diff
changeset
|
96 } |
b3a4f4caddd5
Increase size of tune link text to make centering look less bad.
Jim Hague <jim.hague@acm.org>
parents:
197
diff
changeset
|
97 |
197
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
98 table.dottes-tune-table |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
99 { |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
100 margin: 10px; |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
101 } |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
102 |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
103 table.dottes-tune-table td |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
104 { |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
105 vertical-align: middle; |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
106 } |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
107 |
192
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
108 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
|
109 { |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
110 list-style-type: none; |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
111 } |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
112 |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
113 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
|
114 { |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
115 display: inline; |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
116 } |
197
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
117 |
203 | 118 img.dottes-png |
119 { | |
120 display: block; | |
121 /* margin-left: auto; */ | |
122 /* margin-right: auto; */ | |
123 } | |
124 | |
197
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
125 ul.tune-data-list |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
126 { |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
127 list-style-type: none; |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
128 } |
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 ul.tune-data-list li |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
131 { |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
132 display: inline; |
203 | 133 margin: 10px; |
197
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
196
diff
changeset
|
134 } |