Mercurial > public > madeira
comparison static/css/theme.css @ 26:efb2da0b5d10
Merging the django1.3 branch into trunk.
author | Brian Neal <bgneal@gmail.com> |
---|---|
date | Wed, 30 Mar 2011 00:16:32 +0000 |
parents | |
children | 0e51e5be34b9 |
comparison
equal
deleted
inserted
replaced
21:f3052378ab47 | 26:efb2da0b5d10 |
---|---|
1 body { | |
2 font-family: arial, helvetica, sans-serif; | |
3 color: #EF7D21; | |
4 background-color: #213442; | |
5 font-size: 1.0em; | |
6 } | |
7 | |
8 .centered { text-align: center; } | |
9 | |
10 a:link { | |
11 color: #6B969C; | |
12 text-decoration: none; | |
13 } | |
14 | |
15 a:visited { | |
16 color: #6B969C; | |
17 text-decoration: none; | |
18 } | |
19 | |
20 a:hover { | |
21 text-decoration: underline; | |
22 } | |
23 | |
24 h1, h3 { | |
25 color: #EF7D21; | |
26 } | |
27 | |
28 h1 { | |
29 font: italic 32px georgia, 'times new roman', sans-serif; | |
30 margin: 0px; | |
31 padding: 0 0 10px 0; | |
32 } | |
33 | |
34 .headline1 { | |
35 font: italic 32px georgia, 'times new roman', sans-serif; | |
36 margin: 0px; | |
37 padding: 0 0 10px 0; | |
38 } | |
39 | |
40 h2 { | |
41 font: italic 20px verdana, tahoma, arial, sans-serif; | |
42 padding-top: 5px; | |
43 color: #6B969C; | |
44 border-top: solid 1px #6B969C; | |
45 } | |
46 | |
47 div.madeira-photo-list { | |
48 margin: 2em; | |
49 text-align: center; | |
50 } | |
51 | |
52 div.madeira-photo-list img { | |
53 border: thin dotted #6B969C; | |
54 padding: 2px; | |
55 margin: 5px; | |
56 } | |
57 | |
58 a.img-link:link { text-decoration: none; background-color: transparent; } | |
59 a.img-link:visited { text-decoration: none; background-color: transparent; } | |
60 a.img-link:hover { text-decoration: none; background-color: transparent; } | |
61 | |
62 .header { | |
63 margin-top: 10px; | |
64 margin-left: 5px; | |
65 } | |
66 | |
67 .photobkgnd { | |
68 margin: 3em; | |
69 z-index: 3; | |
70 background-color: #888888; | |
71 padding: 5px; | |
72 } | |
73 | |
74 .newsflash { | |
75 margin: 20px 1em; | |
76 border: 3px solid #6B969C; | |
77 padding: 5px; | |
78 background-color: #2e414f; | |
79 color: #EF7D21; | |
80 } | |
81 | |
82 /* | |
83 ** f'in IE doesn't seem to honor my padding and the float doesn't work. | |
84 ** solution: make an invisible border...lame. | |
85 ** It's fine in Firefox. | |
86 */ | |
87 .floatLeftBox { | |
88 /* padding: 0 1em 1em 0; I wish I could just use this */ | |
89 float: left; | |
90 border-right: 0.5em solid #213442; | |
91 border-bottom: 0.5em solid #213442; | |
92 } | |
93 | |
94 .clearMe { | |
95 clear: left; | |
96 } | |
97 | |
98 .cdCoverFloatList { | |
99 margin-left: 260px; | |
100 text-align: left; | |
101 } | |
102 | |
103 /* For internal links (within the same page) */ | |
104 .intLink { | |
105 margin-top: 2em; | |
106 font-size: small; | |
107 } | |
108 | |
109 label.normal { | |
110 width: 9em; | |
111 float: left; | |
112 text-align: right; | |
113 margin: 0 1em 10px 0; | |
114 clear: both; | |
115 font-weight: bold; | |
116 } | |
117 | |
118 .form-box { | |
119 color: black; | |
120 background: #ccc; | |
121 border-top: black solid 2px; | |
122 border-left: black solid 2px; | |
123 border-bottom: #eee solid 2px; | |
124 border-right: #eee solid 2px; | |
125 margin-bottom: 5px; | |
126 } | |
127 | |
128 .form-radio { | |
129 margin-left: 10em; | |
130 } | |
131 | |
132 .form-comment { | |
133 font-style: italic; | |
134 font-size: x-small; | |
135 margin-left: 10em; | |
136 margin-bottom: 10px; | |
137 } | |
138 | |
139 .submit-button { | |
140 color: black; | |
141 background: #6B969C; | |
142 border: 2px outset; | |
143 padding: 3px; | |
144 } | |
145 | |
146 table.input-form th { | |
147 vertical-align: top; | |
148 } | |
149 | |
150 ul.errorlist { | |
151 margin: 0 0 0 1em; | |
152 padding: 2px; | |
153 } | |
154 .errorlist li { | |
155 color: red; | |
156 } | |
157 | |
158 fieldset { | |
159 border: 1px solid teal; | |
160 margin-top: 2em; | |
161 } | |
162 | |
163 legend { | |
164 background: #6B969C; | |
165 color: black; | |
166 border: 1px solid black; | |
167 padding: 2px 12px 2px 12px; | |
168 } | |
169 | |
170 #footer { | |
171 clear: both; | |
172 list-style-type: none; | |
173 margin-top: 30px; | |
174 padding-top: 1em; | |
175 border-top: solid 1px #6B969C; | |
176 font-size: small; | |
177 font-style: italic; | |
178 text-align: right; | |
179 } | |
180 | |
181 #navleft ul { | |
182 margin: 0 0 0 0; | |
183 padding: 0 0 0 0; | |
184 font: 12px verdana, tahoma, arial, sans-serif; | |
185 font: bold 15px georgia, 'times new roman', sans-serif; | |
186 list-style-type: none; | |
187 display: inline; | |
188 } | |
189 | |
190 #navleft li { | |
191 margin: 0px 0 0; | |
192 display: inline; | |
193 } | |
194 | |
195 #navleft a { | |
196 display: block; | |
197 padding: 2px 2px 2px 10px; | |
198 border: 1px solid #000000; | |
199 background: #6B969C; | |
200 color: #EF7D21; | |
201 text-decoration: none; | |
202 } | |
203 | |
204 #navleft a:link, #navleft a:active, #navleft a:visited { | |
205 color: #213442; | |
206 } | |
207 | |
208 #navleft a:hover { | |
209 border: 1px solid #000000; | |
210 background: #213442 url(../images/brick.gif); | |
211 color: #213442; | |
212 } | |
213 | |
214 div.article-source { | |
215 font-style: italic; | |
216 padding-bottom: 2px; | |
217 margin-bottom: 5px; | |
218 } | |
219 | |
220 div.center-block { | |
221 margin: 10px 30px 10px 30px; | |
222 border: 1px solid #6B969C; | |
223 padding: 3px; | |
224 } | |
225 | |
226 div.center-block h2 { | |
227 font: italic 20px verdana, tahoma, arial, sans-serif; | |
228 padding-top: 1px; | |
229 margin-top: 1px; | |
230 color: #6B969C; | |
231 border-top: none; | |
232 text-align: center; | |
233 } | |
234 | |
235 div.thumb-box { | |
236 margin: 20px 1em; | |
237 border: 3px solid #6B969C; | |
238 padding: 5px; | |
239 background-color: #2e414f; | |
240 color: #EF7D21; | |
241 } | |
242 | |
243 div.thumb-box img { | |
244 border: thin dotted #6B969C; | |
245 padding: 2px; | |
246 margin: 5px; | |
247 } | |
248 | |
249 div.thumb-box h2 { | |
250 font: italic 20px verdana, tahoma, arial, sans-serif; | |
251 padding-top: 1px; | |
252 margin-top: 1px; | |
253 color: #6B969C; | |
254 border-top: none; | |
255 text-align: center; | |
256 } | |
257 | |
258 table {width:auto;} | |
259 | |
260 table.flyers { width: 100% } | |
261 | |
262 table.image-table { | |
263 display: inline; | |
264 margin: 0 5px 20px 0; | |
265 } | |
266 | |
267 table.image-table caption { | |
268 font-size: x-small; | |
269 caption-side: top; | |
270 text-align: center; | |
271 background-color: #213442; | |
272 } | |
273 | |
274 #slideshow { | |
275 width: 600px; | |
276 height: 200px; | |
277 } |