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