Mercurial > public > sg101

comparison static/css/base.css @ 312:88b2b9cb8c1f

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Fixing #142; cut over to the django.contrib.staticfiles app.
author Brian Neal <bgneal@gmail.com>
date Thu, 27 Jan 2011 02:56:10 +0000
parents
children 0c18dfb1da1c
comparison
equal deleted inserted replaced
311:b1c39788e511 312:88b2b9cb8c1f
1 body {
2 background-color: #eee;
3 background: url('../themes/kds/bg.png') no-repeat fixed center;
4 }
5 tr.even td {
6 background-color: #E0F2F6;
7 }
8 a {
9 text-decoration: underline;
10 color: teal;
11 }
12 a:hover {
13 text-decoration: underline;
14 color: black;
15 }
16 #page {
17 }
18 #header {
19 background-position: left;
20 background-repeat: no-repeat;
21 text-align: center;
22 display: block;
23 height: 150px;
24 overflow: visible;
25 background-image: url('../themes/kds/headerbg.png');
26 }
27 #header p {
28 float: none;
29 padding: 40px 24px 0px 24px;
30 font-size: 1.5em;
31 line-height: 1em;
32 display: block;
33 clear: both;
34 }
35 #header-nav {
36 background-color: #E0F2F6;
37 text-align: right;
38 }
39 #header-nav ul {
40 padding-top: 3px;
41 padding-right: 5px;
42 margin-bottom: 3px;
43 /* text-align: right; */
44 list-style: none;
45 }
46 #header-nav li {
47 display: inline;
48 margin: 0 36px;
49 }
50 #header-nav li a {
51 font-size: 1.0em;
52 line-height: 1em;
53 text-decoration: none;
54 color: teal;
55 }
56 #header-nav li a:hover {
57 color: black;
58 }
59 #content-primary {
60 }
61 #content-secondary {
62 background-color: #E0F2F6;
63 min-height: 1750px;
64 }
65 #content-secondary ul.nav-left {
66 margin-top: 1.5em;
67 list-style:none;
68 }
69 #content-secondary ul.nav-left li {
70 background-color: #eee;
71 background-color: #E0F2F6;
72 color: black;
73 }
74 #content-secondary ul.nav-left li a {
75 text-decoration: none;
76 color: teal;
77 }
78 #content-secondary ul.nav-left li a:hover {
79 color: black;
80 }
81 #footer {
82 height: 105px;
83 font-size: 10px;
84 line-height: 1em;
85 background-repeat: no-repeat;
86 background-color: #E0F2F6;
87 color: black;
88 }
89 #footer p {
90 margin: 1em;
91 text-align: center;
92 }
93 #footer a {
94 color: teal;
95 }
96 ul.app-menu {
97 text-align: center;
98 list-style: none;
99 }
100 ul.app-menu li {
101 display: inline;
102 border: 1px solid black;
103 padding: 3px 1em;
104 background-color: teal;
105 }
106 ul.app-menu li a {
107 text-decoration: none;
108 background-color: teal;
109 color: #111;
110 }
111 ul.app-menu li a:hover {
112 color: #fff;
113 }
114 div.side-block {
115 margin-bottom:1.2em;
116 margin-left:14px;
117 margin-right:auto;
118 width:160px;
119 }
120 div.side-block-title {
121 margin: 0;
122 background-color: teal;
123 color: white;
124 font-weight: bold;
125 text-align: center;
126 border-top-left-radius: 5px;
127 border-top-right-radius: 5px;
128 -moz-border-radius-topleft: 5px;
129 -moz-border-radius-topright: 5px;
130 }
131 div.side-block-content {
132 margin: 0;
133 border: 1px solid teal;
134 padding: 2px 2px;
135 border-bottom-left-radius: 5px;
136 border-bottom-right-radius: 5px;
137 -moz-border-radius-bottomleft: 5px;
138 -moz-border-radius-bottomright: 5px;
139 }
140 iframe {
141 margin-bottom: 1em;
142 }
143 img {
144 border-style: none;
145 }
146 .breadcrumbs {
147 font-size: x-small;
148 padding-bottom: 0.5em;
149 }
150 table {
151 width: auto;
152 border-style: none;
153 }
154 .errorlist {
155 background: #FBE3E4;
156 color: #8a1f11;
157 border-color: #FBC2C4;
158 border: 2px solid #ddd;
159 }
160 .app-logo {
161 text-align: center;
162 padding: 0.5em;
163 }
164 .bulletin {
165 text-align: center;
166 margin: 1em 1em;
167 padding: 1em 1em 0;
168 border: 1px solid black;
169 border-radius: 10px;
170 -moz-border-radius: 10px;
171 }
172 .bulletin h3 {
173 background-image: url(../icons/asterisk_orange.png);
174 background-position: center left;
175 background-repeat: no-repeat;
176 }
177 .bulletin .bulletin-meta {
178 font-size: x-small;
179 color: gray;
180 text-align: right;
181 clear: both;
182 }
183 ul.icon-list li {
184 list-style-type: none;
185 }
186 #slideshow {
187 position:relative;
188 left:15px;
189 height:240px;
190 }
191 #slideshow img {
192 position:absolute;
193 top:0;
194 left:0;
195 z-index:8;
196 opacity:0.0;
197 }
198 #slideshow img.active {
199 z-index:10;
200 opacity:1.0;
201 }
202 #slideshow img.last-active {
203 z-index:9;
204 }
205 table.forum-index-table {
206 width:100%;
207 }
208 table.forum-index-table thead th {
209 background:teal;
210 }
211 table.forum-index-table .forum-title {
212 width:57%;
213 }
214 table.forum-index-table .forum-topics {
215 width:9%;
216 text-align:center;
217 }
218 table.forum-index-table .forum-posts {
219 width:9%;
220 text-align:center;
221 }
222 table.forum-index-table .forum-last_post {
223 width:25%;
224 text-align:center;
225 }
226
227 table.forum-index-table .forum-index_title {
228 width:50%;
229 }
230 table.forum-index-table .forum-index_replies {
231 width:8%;
232 text-align:center;
233 }
234 table.forum-index-table .forum-index_author {
235 width:8%;
236 text-align:center;
237 }
238 table.forum-index-table .forum-index_views {
239 width:8%;
240 text-align:center;
241 }
242 table.forum-index-table .forum-index_last_post {
243 width:26%;
244 text-align:center;
245 }
246 table.forum-index-table .forum-index_select {
247 width:10%;
248 text-align:center;
249 }
250 table.forum-index-table h4 {
251 margin-bottom: 4px;
252 }
253 table.forum-topic {
254 border-top:1px solid black;
255 border-left:1px solid black;
256 border-right:1px solid black;
257 width:100%;
258 margin-top: 5px;
259 }
260 td.forum-post-author {
261 width:5%;
262 border-right: 1px solid #ccc;
263 border-bottom: 1px solid black;
264 vertical-align: top;
265 font-size: x-small;
266 }
267 td.forum-post-body {
268 vertical-align: top;
269 width:95%;
270 border-bottom: 1px solid black;
271 }
272 td.forum-post-body-split {
273 vertical-align: top;
274 width:90%;
275 border-bottom: 1px solid black;
276 }
277 td.forum-post-split-check {
278 width:5%;
279 border-left: 1px solid #ccc;
280 border-bottom: 1px solid black;
281 vertical-align: middle;
282 }
283 div.forum-post-info {
284 padding: 2px;
285 font-size:.8em;
286 border-bottom: 1px solid #ccc;
287 margin-bottom: 5px;
288 padding-bottom: 5px;
289 }
290 div.forum-post-info img {
291 float: left;
292 margin-right: 5px;
293 }
294 div.forum-post-info-tools {
295 border-top: 1px solid #ccc;
296 padding-top: 5px;
297 text-align: right;
298 }
299 div.forum-post-info-tools img {
300 padding-left: 1em;
301 }
302 .forums-post-navigation {
303 text-align: right;
304 }
305 #forums-quick-reply {
306 margin-top: 1.5em;
307 }
308 img.forums-topic-icon {
309 float: left;
310 margin-right: 3px;
311 }
312 div.forum-mod-controls form {
313 display:inline;
314 }
315 table.grid {
316 border-collapse:collapse;
317 }
318 table.grid th, table.grid td {
319 border: 1px solid #eee;
320 }
321 ul.inline-list li {
322 display: inline;
323 margin: 0 3px;
324 }
325 table.forum-topic-table {
326 width:100%;
327 }
328 table.forum-topic-table thead th {
329 background:teal;
330 }
331 table.forum-topic-table .col-0 {
332 width:23%;
333 text-align:center;
334 }
335 table.forum-topic-table .col-1 {
336 width:37%;
337 text-align:center;
338 }
339 table.forum-topic-table .col-2 {
340 width:5%;
341 text-align:center;
342 }
343 table.forum-topic-table .col-3 {
344 width:5%;
345 text-align:center;
346 }
347 table.forum-topic-table .col-4 {
348 width:5%;
349 text-align:center;
350 }
351 table.forum-topic-table .col-5 {
352 width:25%;
353 text-align:center;
354 }
355 table.forum-topic-table .info {
356 text-align:center;
357 }
358 #forum-query-form {
359 text-align:right;
360 }
361 #forums-post-list dt {
362 margin-top: 0.5em;
363 padding: 3px 0 3px 0;
364 }
365 #forums-post-list dd {
366 border: 1px solid #555;
367 padding: 0.5em 0.5em;
368 }
369 #forums-post-list dd.even {
370 background-color:#e5ecf9;
371 }
372 #badge_summary {
373 border-collapse:collapse;
374 }
375 #badge_summary th, #badge_summary td {
376 border: 1px solid teal;
377 }
378 .error a {
379 text-decoration: underline;
380 }
381 .stranger {
382 background:#FFF6BF;
383 }
384 h2.forum-nav {font-size:1.2em;margin-top:1em;margin-bottom:0.2em;}
385 h3.forum-nav {font-size:2em;line-height:1;margin-bottom:1em;margin-left:1em;}
386 #attachment div {
387 margin: 1.0em 1.5em;
388 }
389 #attachment div span.link {
390 margin: 1em;
391 }
392 div.forum-attachment {
393 margin: 1.0em 1.5em;
394 }