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 }