comparison static/css/theme.css @ 24:ead7bd49c9e0 django1.3

Changes to support Django 1.3
author Brian Neal <bgneal@gmail.com>
date Tue, 29 Mar 2011 01:51:10 +0000
parents
children 0e51e5be34b9
comparison
equal deleted inserted replaced
23:6ad81d6a86bf 24:ead7bd49c9e0
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 }