Changesets can be listed by changeset number.
The Git repository is here.
- Revision:
- 472
- Log:
Hide closed and expired polls by default, with a link to show them
- Author:
- rool
- Date:
- Sat Jan 26 10:35:05 +0000 2019
- Size:
- 10831 Bytes
1 | /************************************************************************\ |
2 | * File: default_general.css * |
3 | * Hipposoft 2009, 2010, 2011 * |
4 | * * |
5 | * Purpose: Default stylesheet, all media types. * |
6 | * * |
7 | * History: 11-Dec-2009 (ADH): Created. * |
8 | * 18-Feb-2011 (ADH): Abridged version imported from Artisan. * |
9 | * 08-Mar-2011 (ADH): Stripped back further for ROOL. * |
10 | \************************************************************************/ |
11 | |
12 | h1, h3 { |
13 | margin-bottom: 20px; |
14 | } |
15 | |
16 | /* On some operating system / browser combinations, underlines obscure e-mail |
17 | * address underscores which can lead to confusion. |
18 | */ |
19 | |
20 | a.email { |
21 | text-decoration: none; |
22 | padding-right: 20px; |
23 | background-image: url( ../images/icons/email_go.png ); |
24 | background-position: center right; |
25 | background-repeat: no-repeat; |
26 | } |
27 | |
28 | /* Don't underline "close" buttons */ |
29 | |
30 | .leightbox a.lbAction { |
31 | border-bottom: none; |
32 | } |
33 | |
34 | /* Definition lists (rarely used; e.g. on the video attachment help page) */ |
35 | |
36 | dt { |
37 | font-weight: bold; |
38 | font-size: 120%; |
39 | margin-top: 20px; |
40 | margin-bottom: 5px; |
41 | } |
42 | |
43 | dd { |
44 | margin-left: 20px; |
45 | } |
46 | |
47 | /* General "floating icon" based pages and variants */ |
48 | |
49 | div.icon_page { |
50 | background: top left no-repeat; |
51 | padding-left: 110px; |
52 | margin-top: 25px; |
53 | } |
54 | |
55 | div.icon_page.help { |
56 | background-image: url( ../images/icons/large/info.png ); |
57 | } |
58 | |
59 | div.icon_page.delete { |
60 | background-image: url( ../images/icons/large/exclamation.png ); |
61 | } |
62 | |
63 | /* Round-cornered rectangles on advanced browsers */ |
64 | |
65 | .round { |
66 | margin: 5px; |
67 | border: 3px solid #ddd; |
68 | background-color: #f4f4f4; |
69 | display: inline-block; |
70 | |
71 | /* border-radius: 10px; */ /* Valid, but the W3C CSS3 validator is buggy and complains - and has since 2006! */ |
72 | -moz-border-radius: 10px; |
73 | -webkit-border-radius: 10px; |
74 | |
75 | padding: 10px; |
76 | } |
77 | |
78 | div.round h2 { |
79 | margin-top: 0; |
80 | } |
81 | |
82 | div.round ul { |
83 | margin-bottom: 0; |
84 | padding: 0 0 0 17px; |
85 | } |
86 | |
87 | div.round td { |
88 | background-color: white; |
89 | } |
90 | |
91 | div.round table.no_border td { |
92 | background-color: transparent; |
93 | } |
94 | |
95 | div.round td, |
96 | div.round th { |
97 | padding: 4px; |
98 | } |
99 | |
100 | div.round form, div.round p { |
101 | margin-bottom: 0; |
102 | } |
103 | |
104 | /* Collapse margins and padding around "button_to..." forms */ |
105 | |
106 | form.button-to { |
107 | padding: 0; |
108 | margin: 0; |
109 | } |
110 | |
111 | /* Indicators of special form fields */ |
112 | |
113 | span.required_label { |
114 | font-weight: bold; |
115 | font-size: 96%; |
116 | } |
117 | |
118 | span.required_indicator { |
119 | color: #800; |
120 | font-size: 75%; |
121 | } |
122 | |
123 | /* Form action button styles - see: |
124 | * |
125 | * http://particletree.com/features/rediscovering-the-button-element/ |
126 | * http://famfamfam.com/lab/icons/silk/ |
127 | */ |
128 | |
129 | .buttons { |
130 | } |
131 | |
132 | .buttons.aligned { |
133 | text-align: center; |
134 | } |
135 | |
136 | .buttons a, .buttons button { |
137 | display: inline-block; |
138 | background: #eee url( /images/risc_os_open/button_fade.png ) top left repeat-x; |
139 | border: 2px solid #e5e5e5; |
140 | |
141 | /* Some browsers reset the font family in button elements, so it must be |
142 | * explicitly restated here. |
143 | */ |
144 | |
145 | font-family: homerton, tahoma, arial, helvetica, sans-serif; |
146 | |
147 | font-size: 11pt; |
148 | line-height: 130%; |
149 | text-decoration: none; |
150 | font-weight: bold; |
151 | color: #565656; |
152 | cursor: pointer; |
153 | padding: 5px 9px 7px 9px; |
154 | margin: 1px 0; /* Stop vertically stacked buttons from touching */ |
155 | } |
156 | |
157 | .buttons button { |
158 | width: auto; |
159 | overflow: visible; |
160 | padding: 4px 10px 3px 7px; /* IE6 */ |
161 | } |
162 | |
163 | .buttons button[ type ] { |
164 | padding: 5px 10px 7px 7px; |
165 | line-height: 17px; /* Safari */ |
166 | } |
167 | |
168 | *:first-child + html button[ type ] { |
169 | padding: 4px 10px 3px 7px; /* IE7 */ |
170 | } |
171 | |
172 | .buttons button img, .buttons a img { |
173 | margin: 0 3px -3px -1px !important; |
174 | padding: 0; |
175 | border: none; |
176 | width: 16px; |
177 | height: 16px; |
178 | } |
179 | |
180 | /* Small tweak to make search panel buttons well spaced */ |
181 | |
182 | .simple_search .buttons a, |
183 | .simple_search .buttons button { |
184 | margin: 4px 0 0 0; |
185 | } |
186 | |
187 | div#leightbox_simple_search { |
188 | text-align: center; |
189 | } |
190 | |
191 | div#leightbox_simple_search div.simple_search { |
192 | clear: both; |
193 | float: none; |
194 | } |
195 | |
196 | /* Full image buttons (e.g. PayPal Express) */ |
197 | |
198 | a.image_button:hover { |
199 | background-color: transparent; |
200 | } |
201 | |
202 | a.image_button { display: block; } /* MSIE 6 hackery */ |
203 | a.image_button[ class ] { display: inline; } /* For any other browser */ |
204 | |
205 | /* Standard (generic) buttons */ |
206 | |
207 | button:hover, .buttons a:hover { |
208 | background-color: #dff4ff; |
209 | border: 2px solid #c2e1ef; |
210 | color: #336699; |
211 | |
212 | box-shadow: 0px 0px 4px #888; |
213 | -moz-box-shadow: #888 0 0 4px; |
214 | -webkit-box-shadow: #888 0 0 4px; |
215 | } |
216 | |
217 | .buttons a:active { |
218 | background-color: #6299c5; |
219 | border: 2px solid #6299c5; |
220 | color: #fff; |
221 | } |
222 | |
223 | /* positive (accept-style) buttons */ |
224 | |
225 | button.positive, .buttons a.positive { |
226 | color: #4e713e; |
227 | } |
228 | |
229 | .buttons a.positive:hover, button.positive:hover { |
230 | background-color: #e6efc2; |
231 | border-color: #c6d880; |
232 | color: #4c7c2e; |
233 | } |
234 | |
235 | .buttons a.positive:active { |
236 | background-color: #4c7c2e; |
237 | border-color: #4c7c2e; |
238 | color: #fff; |
239 | } |
240 | |
241 | /* negative (cancellation-style) buttons */ |
242 | |
243 | .buttons a.negative, button.negative { |
244 | color: #7c2e43; |
245 | } |
246 | |
247 | .buttons a.negative:hover, button.negative:hover { |
248 | background-color: #fbe3e4; |
249 | border-color: #fbc2c4; |
250 | color: #7c2e43; |
251 | } |
252 | |
253 | .buttons a.negative:active { |
254 | background-color: #7c2e43; |
255 | border-color: #7c2e43; |
256 | color: #fff; |
257 | } |
258 | |
259 | /* Cart addition buttons */ |
260 | |
261 | button.cart, .buttons a.cart { |
262 | color: #149292; |
263 | } |
264 | |
265 | .buttons a.cart:hover, button.cart:hover { |
266 | background-color: #c2efef; |
267 | border-color: #70d8d8; |
268 | color: #166; |
269 | } |
270 | |
271 | .buttons a.cart:active { |
272 | background-color: #149292; |
273 | border-color: #149292; |
274 | color: #fff; |
275 | } |
276 | |
277 | /* Standard styled but emboldened buttons */ |
278 | |
279 | .buttons a.bold, |
280 | .buttons a:hover.bold, /* For MSIE 6 */ |
281 | .buttons a:active.bold /* For MSIE 6 */ { |
282 | border-width: 3px; |
283 | } |
284 | |
285 | /* Make some buttons outside tables really obvious */ |
286 | |
287 | input.obvious { |
288 | font-weight: bold; |
289 | font-size: 16px; |
290 | color: #050; |
291 | } |
292 | |
293 | input.obvious_negative { |
294 | font-weight: bold; |
295 | font-size: 16px; |
296 | color: #500; |
297 | } |
298 | |
299 | /* Various content area table styles */ |
300 | |
301 | div.content table { |
302 | border: none; |
303 | border-collapse: collapse; |
304 | } |
305 | |
306 | div.content td, div.content th { |
307 | padding: 4px; |
308 | border: 1px solid #aaa; |
309 | } |
310 | |
311 | div.content th { |
312 | background-color: #bbb; |
313 | border-color: #888; |
314 | } |
315 | |
316 | div.content td { |
317 | background-color: #fff; |
318 | } |
319 | |
320 | div.content tfoot tr td { |
321 | background-color: transparent; |
322 | } |
323 | |
324 | div.content table .corner { |
325 | border: none; |
326 | background-color: transparent; |
327 | } |
328 | |
329 | div.content table th.spinner.inline { |
330 | width: 30px; /* Needs 16 for spinner, 4 each side for padding, but rendering bugs in WebKit are avoided by making it wider still */ |
331 | min-width: 30px; |
332 | max-width: 30px; |
333 | } |
334 | |
335 | div.content #spinner { |
336 | width: 16px; |
337 | height: 16px; |
338 | float: right; |
339 | background: url( ../images/good_sort/ajax-loader.gif ) center center no-repeat; |
340 | } |
341 | |
342 | div.content table th.spinner.inline #spinner { |
343 | float: right; |
344 | } |
345 | |
346 | div.content .up, div.content .down, div.content th { |
347 | background-position: 5px center; |
348 | background-repeat: no-repeat; |
349 | padding-left: 5px; |
350 | text-align: left; |
351 | } |
352 | |
353 | div.content .up { |
354 | background-image: url( ../images/good_sort/up.gif ); |
355 | padding-left: 19px; |
356 | } |
357 | |
358 | div.content .down { |
359 | background-image: url( ../images/good_sort/down.gif ); |
360 | padding-left: 19px; |
361 | } |
362 | |
363 | div.content tr.odd td { |
364 | background-color: #fff; |
365 | } |
366 | |
367 | div.content tr.even td { |
368 | background-color: #eee; |
369 | } |
370 | |
371 | div.content tr.odd td.poll_state.a_open { |
372 | background-color: #efe; |
373 | } |
374 | |
375 | div.content tr.even td.poll_state.a_open { |
376 | background-color: #ded; |
377 | } |
378 | |
379 | div.content tr.odd td.poll_state.b_underway { |
380 | background-color: #fec; |
381 | } |
382 | |
383 | div.content tr.even td.poll_state.b_underway { |
384 | background-color: #edb; |
385 | } |
386 | |
387 | div.content tr.odd td.poll_state.c_completed { |
388 | background-color: #eff; |
389 | } |
390 | |
391 | div.content tr.even td.poll_state.c_completed { |
392 | background-color: #dee; |
393 | } |
394 | |
395 | div.content tr.odd td.poll_state.d_expired { |
396 | background-color: #fee; |
397 | } |
398 | |
399 | div.content tr.even td.poll_state.d_expired { |
400 | background-color: #edd; |
401 | } |
402 | |
403 | div.content tr.poll_state.a_open { |
404 | font-weight: bold; |
405 | } |
406 | |
407 | div.content tr.poll_state td.actions { |
408 | font-weight: normal; |
409 | font-size: 80%; |
410 | } |
411 | |
412 | div.content tr.poll_state.c_completed, |
413 | div.content tr.poll_state.d_expired { |
414 | color: #aaa; |
415 | } |
416 | |
417 | div.content tr.poll_state.c_completed a.help img, |
418 | div.content tr.poll_state.d_expired a.help img { |
419 | overflow: hidden; |
420 | height: 0; |
421 | padding-top: 16px; |
422 | background: url( ../images/icons/help_grey.png ) top center no-repeat; |
423 | } |
424 | |
425 | div.content tfoot td { |
426 | border: none; |
427 | padding: 5px 0 8px 0; |
428 | } |
429 | |
430 | div.content tfoot div.pagination { |
431 | float: left; |
432 | margin-top: 3px; |
433 | } |
434 | |
435 | div.content tfoot div.links { |
436 | clear: left; |
437 | margin-top: 3px; |
438 | } |
439 | |
440 | div.content tfoot div.buttons { |
441 | margin-top: 3px; |
442 | float: right; |
443 | } |
444 | |
445 | div.content table.no_border td, |
446 | div.content table.no_border th { |
447 | border: none; |
448 | } |
449 | |
450 | div.content table.compact td { |
451 | padding: 2px; |
452 | } |
453 | |
454 | div.content table.abutted td { |
455 | padding: 0; |
456 | background-color: transparent; |
457 | } |
458 | |
459 | div.content table.abutted th { |
460 | background-color: #eee; |
461 | } |
462 | |
463 | div.content tr.pagination { |
464 | font-weight: bold; |
465 | } |
466 | |
467 | /* Searchable lists */ |
468 | |
469 | div.searchable_list { |
470 | float: left; |
471 | margin-right: 10px; |
472 | } |
473 | |
474 | div.simple_search { |
475 | margin: 0; |
476 | } |
477 | |
478 | /* User hints */ |
479 | |
480 | .view_hint { |
481 | font-style: italic; |
482 | font-size: 80%; |
483 | } |
484 | |
485 | /* Help icons */ |
486 | |
487 | a.help, a.help:hover { |
488 | position: relative; |
489 | top: 3px; |
490 | border-bottom: none; |
491 | } |
492 | |
493 | .view_hint a.help { |
494 | top: -2px; |
495 | } |
496 | |
497 | /* Generalised floating blocks */ |
498 | |
499 | .floaty { |
500 | display: table; |
501 | float: left; |
502 | margin: 0 10px 10px 0; |
503 | } |
504 | |
505 | .floaty_clear { |
506 | clear: both; |
507 | } |
508 | |
509 | .float_left { |
510 | float: left; |
511 | } |
512 | |
513 | .float_right { |
514 | float: right; |
515 | } |
516 | |
517 | /* RedCloth (Textile) input and preview */ |
518 | |
519 | textarea.redcloth_preview_source { |
520 | width: 45%; |
521 | min-height: 240px; |
522 | float: left; |
523 | } |
524 | |
525 | div.redcloth_preview_outer { |
526 | width: 45%; |
527 | float: right; |
528 | border: 1px solid #ccc; |
529 | padding: 5px; |
530 | min-height: 200px; |
531 | max-height: 450px; |
532 | overflow: auto; |
533 | } |
534 | |
535 | div.redcloth_preview_outer span.redcloth_preview_title { |
536 | font-size: 80%; |
537 | color: #888; |
538 | } |
539 | |
540 | div.redcloth_preview_inner { |
541 | margin-top: 5px; |
542 | border-top: 1px dashed #ccc; |
543 | } |
544 | |
545 | /* View-specific styles */ |
546 | |
547 | div.content td.poll_state { |
548 | white-space: nowrap; |
549 | } |
550 | |
551 | div.content table.cvv_help { |
552 | background-color: #fff; |
553 | border: 1px solid #ccc; |
554 | |
555 | box-shadow: 0px 0px 4px #888; |
556 | -moz-box-shadow: #888 0 0 4px; |
557 | -webkit-box-shadow: #888 0 0 4px; |
558 | } |
559 | |
560 | div.content table.cvv_help td { |
561 | padding: 6px; |
562 | } |
563 | |
564 | div.content table.audit_list td, |
565 | div.content table.audit_changes th { |
566 | font-size: 80%; |
567 | } |
568 | |
569 | div.content table.audit_changes td { |
570 | background-color: #f8f8f8; |
571 | } |
572 | |
573 | div.content table.audit_changes td p:first-child { |
574 | margin-top: 0; |
575 | } |
576 | |
577 | div.content table.audit_changes td p:last-child { |
578 | margin-bottom: 0; |
579 | } |
580 | |
581 | div.content .financial { |
582 | text-align: right; |
583 | } |
584 | |
585 | div.content .donation_debit { |
586 | text-decoration: underline; |
587 | color: #f00; |
588 | } |