Mercurial > public > madeira

comparison static/css/theme.css @ 101:0a8942306b04

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Bootstrap work for mailing list page. Also corrected form cleaning logic if fields aren't provided.
author Brian Neal <bgneal@gmail.com>
date Wed, 16 Oct 2013 20:32:58 -0500
parents e4faf6f90710
children 23efa49f5e29
comparison
equal deleted inserted replaced
100:e221c38edf40 101:0a8942306b04
1 body { 1 body {
2 font-family: arial, helvetica, sans-serif; 2 padding-top: 50px;
3 color: #EF7D21; 3 padding-bottom: 20px;
4 background-color: #213442;
5 font-size: 1.0em;
6 } 4 }
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 margin-top: 1.5em;
44 color: #6B969C;
45 border-top: solid 1px #6B969C;
46 }
47
48 div.madeira-photo-list {
49 margin: 2em;
50 text-align: center;
51 }
52
53 div.madeira-photo-list img {
54 border: thin dotted #6B969C;
55 padding: 2px;
56 margin: 5px;
57 }
58
59 a.img-link:link { text-decoration: none; background-color: transparent; }
60 a.img-link:visited { text-decoration: none; background-color: transparent; }
61 a.img-link:hover { text-decoration: none; background-color: transparent; }
62
63 .header {
64 margin-top: 10px;
65 margin-left: 5px;
66 }
67
68 .photobkgnd {
69 margin: 3em;
70 z-index: 3;
71 background-color: #888888;
72 padding: 5px;
73 }
74
75 .newsflash {
76 margin: 20px 1em;
77 border: 3px solid #6B969C;
78 padding: 5px;
79 background-color: #2e414f;
80 color: #EF7D21;
81 }
82
83 /*
84 ** f'in IE doesn't seem to honor my padding and the float doesn't work.
85 ** solution: make an invisible border...lame.
86 ** It's fine in Firefox.
87 */
88 .floatLeftBox {
89 /* padding: 0 1em 1em 0; I wish I could just use this */
90 float: left;
91 border-right: 0.5em solid #213442;
92 border-bottom: 0.5em solid #213442;
93 }
94
95 .clearMe {
96 clear: left;
97 }
98
99 .cdCoverFloatList {
100 margin-left: 260px;
101 text-align: left;
102 }
103
104 /* For internal links (within the same page) */
105 .intLink {
106 margin-top: 2em;
107 font-size: small;
108 }
109
110 label.normal {
111 width: 9em;
112 float: left;
113 text-align: right;
114 margin: 0 1em 10px 0;
115 clear: both;
116 font-weight: bold;
117 }
118
119 .form-box {
120 color: black;
121 background: #ccc;
122 border-top: black solid 2px;
123 border-left: black solid 2px;
124 border-bottom: #eee solid 2px;
125 border-right: #eee solid 2px;
126 margin-bottom: 5px;
127 }
128
129 .form-radio {
130 margin-left: 10em;
131 }
132
133 .form-comment {
134 font-style: italic;
135 font-size: x-small;
136 margin-left: 10em;
137 margin-bottom: 10px;
138 }
139
140 .submit-button {
141 color: black;
142 background: #6B969C;
143 border: 2px outset;
144 padding: 3px;
145 }
146
147 table.input-form th {
148 vertical-align: top;
149 }
150
151 ul.errorlist {
152 margin: 0 0 0 1em;
153 padding: 2px;
154 }
155 .errorlist li {
156 color: red;
157 }
158
159 fieldset {
160 border: 1px solid teal;
161 margin-top: 2em;
162 }
163
164 legend {
165 background: #6B969C;
166 color: black;
167 border: 1px solid black;
168 padding: 2px 12px 2px 12px;
169 }
170
171 #footer {
172 clear: both;
173 list-style-type: none;
174 margin-top: 30px;
175 padding-top: 1em;
176 border-top: solid 1px #6B969C;
177 font-size: small;
178 font-style: italic;
179 text-align: right;
180 }
181
182 #navleft ul {
183 margin: 0 0 0 0;
184 padding: 0 0 0 0;
185 font: 12px verdana, tahoma, arial, sans-serif;
186 font: bold 15px georgia, 'times new roman', sans-serif;
187 list-style-type: none;
188 display: inline;
189 }
190
191 #navleft li {
192 margin: 0px 0 0;
193 display: inline;
194 }
195
196 #navleft a {
197 display: block;
198 padding: 2px 2px 2px 10px;
199 border: 1px solid #000000;
200 background: #6B969C;
201 color: #EF7D21;
202 text-decoration: none;
203 }
204
205 #navleft a:link, #navleft a:active, #navleft a:visited {
206 color: #213442;
207 }
208
209 #navleft a:hover {
210 border: 1px solid #000000;
211 background: #213442 url(../images/brick.gif);
212 color: #213442;
213 }
214
215 div.article-source {
216 font-style: italic;
217 padding-bottom: 2px;
218 margin-bottom: 5px;
219 }
220
221 div.center-block {
222 margin: 10px 30px 10px 30px;
223 border: 1px solid #6B969C;
224 padding: 3px;
225 }
226
227 div.center-block h2 {
228 font: italic 20px verdana, tahoma, arial, sans-serif;
229 padding-top: 1px;
230 margin-top: 1px;
231 color: #6B969C;
232 border-top: none;
233 text-align: center;
234 }
235
236 div.thumb-box {
237 margin: 20px 1em;
238 border: 3px solid #6B969C;
239 padding: 5px;
240 background-color: #2e414f;
241 color: #EF7D21;
242 }
243
244 div.thumb-box img {
245 border: thin dotted #6B969C;
246 padding: 2px;
247 margin: 5px;
248 }
249
250 div.thumb-box h2 {
251 font: italic 20px verdana, tahoma, arial, sans-serif;
252 padding-top: 1px;
253 margin-top: 1px;
254 color: #6B969C;
255 border-top: none;
256 text-align: center;
257 }
258
259 table {width:auto;}
260
261 table.flyers { width: 100% }
262
263 table.image-table {
264 display: inline;
265 margin: 0 5px 20px 0;
266 }
267
268 table.image-table caption {
269 font-size: x-small;
270 caption-side: top;
271 text-align: center;
272 background-color: #213442;
273 }
274
275 #slideshow {
276 width: 600px;
277 height: 200px;
278 }
279
280 .quotes h2 {
281 font: italic 20px verdana, tahoma, arial, sans-serif;
282 padding-top: 0px;
283 margin-top: 0em;
284 color: #EF7D21;
285 border-top: none;
286 }
287 .quotes blockquote {
288 color: #EF7D21;
289 font-style: italic;
290 font-family:'Courier New', Courier, monospace;
291 padding:10px;
292 }
293 .quotes blockquote.odd {
294 border: 1px dotted #6B969C;
295 -moz-box-shadow: 3px 3px 4px #000;
296 -webkit-box-shadow: 3px 3px 4px #000;
297 box-shadow: 3px 3px 4px #000;
298 /* For IE 8 */
299 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
300 /* For IE 5.5 - 7 */
301 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
302 }
303 .quotes blockquote .citation {
304 font-style: normal;
305 font-size: smaller;
306 font-family: arial, helvetica, sans-serif;
307 padding:20px;
308 }