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
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
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
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
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
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
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
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
118 img.dottes-png
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
119 {
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
120 display: block;
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
121 /* margin-left: auto; */
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
122 /* margin-right: auto; */
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
123 }
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
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
28060949020d Some CSS tweaking.
Jim Hague <jim.hague@acm.org>
parents: 200
diff changeset
133 margin: 10px;
197
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 196
diff changeset
134 }