Mercurial > public > madeira

comparison media/css/theme.css @ 12:d771b81e927e

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Incorporate blueprints css into the site design.
author Brian Neal <bgneal@gmail.com>
date Tue, 11 May 2010 23:18:32 +0000
parents 0dcfcdf50c62
children 37384c648602
comparison
equal deleted inserted replaced
11:89978c135246 12:d771b81e927e
1 body { 1 body {
2 font-family: arial, helvetica, sans-serif; 2 font-family: arial, helvetica, sans-serif;
3 color: #EF7D21; 3 color: #EF7D21;
4 background-color: #213442; 4 background-color: #213442;
5 font-size: 1.0em;
5 } 6 }
6 7
7 .centered { text-align: center; } 8 .centered { text-align: center; }
8 9
9 A:link { 10 a:link {
10 color: #6B969C; 11 color: #6B969C;
11 text-decoration: none; 12 text-decoration: none;
12 } 13 }
13 14
14 A:visited { 15 a:visited {
15 color: #6B969C; 16 color: #6B969C;
16 text-decoration: none; 17 text-decoration: none;
17 } 18 }
18 19
19 A:hover { 20 a:hover {
20 text-decoration: underline; 21 text-decoration: underline;
22 }
23
24 h1, h3 {
25 color: #EF7D21;
21 } 26 }
22 27
23 h1 { 28 h1 {
24 font: italic 32px georgia, 'times new roman', sans-serif; 29 font: italic 32px georgia, 'times new roman', sans-serif;
25 margin: 0px; 30 margin: 0px;
55 a.img-link:hover { text-decoration: none; background-color: transparent; } 60 a.img-link:hover { text-decoration: none; background-color: transparent; }
56 61
57 .header { 62 .header {
58 margin-top: 10px; 63 margin-top: 10px;
59 margin-left: 5px; 64 margin-left: 5px;
60 }
61
62 .content {
63 margin: 20px 1em 1em 150px;
64 max-width: 840px;
65 z-index: 3;
66 padding: 5px;
67 } 65 }
68 66
69 .photobkgnd { 67 .photobkgnd {
70 margin: 3em; 68 margin: 3em;
71 z-index: 3; 69 z-index: 3;
178 font-size: small; 176 font-size: small;
179 font-style: italic; 177 font-style: italic;
180 text-align: right; 178 text-align: right;
181 } 179 }
182 180
183 #navleft {
184 position: absolute;
185 top: 343px;
186 left: 10px;
187 width: 130px;
188 height: auto;
189 }
190
191 #navleft ul { 181 #navleft ul {
192 margin: 0 0 0 0; 182 margin: 0 0 0 0;
193 padding: 0 0 0 0; 183 padding: 0 0 0 0;
194 font: 12px verdana, tahoma, arial, sans-serif; 184 font: 12px verdana, tahoma, arial, sans-serif;
195 font: bold 15px georgia, 'times new roman', sans-serif; 185 font: bold 15px georgia, 'times new roman', sans-serif;
202 display: inline; 192 display: inline;
203 } 193 }
204 194
205 #navleft a { 195 #navleft a {
206 display: block; 196 display: block;
207 width: 118px;
208 padding: 2px 2px 2px 10px; 197 padding: 2px 2px 2px 10px;
209 border: 1px solid #000000; 198 border: 1px solid #000000;
210 /* background: #EF7D21; */
211 /* color: #213442; */
212 background: #6B969C; 199 background: #6B969C;
213 color: #EF7D21; 200 color: #EF7D21;
214 text-decoration: none; 201 text-decoration: none;
215 } 202 }
216 203
218 color: #213442; 205 color: #213442;
219 } 206 }
220 207
221 #navleft a:hover { 208 #navleft a:hover {
222 border: 1px solid #000000; 209 border: 1px solid #000000;
223 background: #213442;
224 background: #EF7D21;
225 color: #EF7D21;
226 background: #213442 url(../images/brick.gif); 210 background: #213442 url(../images/brick.gif);
227 color: #ffffff;
228 color: #6B969C;
229 color: #213442; 211 color: #213442;
230 } 212 }
231 213
232 div.article-source { 214 div.article-source {
233 font-style: italic; 215 font-style: italic;
271 color: #6B969C; 253 color: #6B969C;
272 border-top: none; 254 border-top: none;
273 text-align: center; 255 text-align: center;
274 } 256 }
275 257
258 table {width:auto;}
259
260 table.flyers { width: 100% }
261
276 table.image-table { 262 table.image-table {
277 float: left; 263 display: inline;
278 margin: 0 5px 20px 0; 264 margin: 0 5px 20px 0;
279 } 265 }
280 266
281 table.image-table caption { 267 table.image-table caption {
282 font-size: x-small; 268 font-size: x-small;
283 caption-side: top; 269 caption-side: top;
284 } 270 text-align: center;
271 background-color: #213442;
272 }