craig 0.0.1.pre → 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (108) hide show
  1. data/README.md +165 -28
  2. data/Rakefile +7 -0
  3. data/craig.gemspec +2 -2
  4. data/lib/craig/categories.rb +169 -0
  5. data/lib/craig/cities.rb +262 -0
  6. data/lib/craig/craigslist.rb +49 -0
  7. data/lib/craig/listing.rb +73 -0
  8. data/lib/craig/node.rb +151 -0
  9. data/lib/craig/page.rb +50 -0
  10. data/lib/craig/tasks/update_cities.rb +95 -0
  11. data/lib/craig/version.rb +1 -1
  12. data/lib/craig.rb +24 -1
  13. data/test/community_events_test.rb +56 -0
  14. data/test/for_sale_cars_trucks_test.rb +38 -0
  15. data/test/for_sale_photo_video_test.rb +24 -0
  16. data/test/parsing_test.rb +119 -0
  17. data/test/personals_casual_encounters_test.rb +36 -0
  18. data/test/resumes_test.rb +24 -0
  19. data/test/sample_html/community_event-one-page_files/craigslist.css +1487 -0
  20. data/test/sample_html/community_event-one-page_files/formats.js +100 -0
  21. data/test/sample_html/community_event-one-page_files/jquery-1.7.2.js +632 -0
  22. data/test/sample_html/community_event-one-page_files/jquery.form-defaults.js +2 -0
  23. data/test/sample_html/community_event-one-page_files/toChecklist.js +47 -0
  24. data/test/sample_html/community_event-one-page_files/tocs.js +30 -0
  25. data/test/sample_html/community_events-one-page.html +294 -0
  26. data/test/sample_html/community_events.html +1077 -0
  27. data/test/sample_html/community_events_files/craigslist.css +1487 -0
  28. data/test/sample_html/community_events_files/formats.js +100 -0
  29. data/test/sample_html/community_events_files/jquery-1.7.2.js +632 -0
  30. data/test/sample_html/community_events_files/jquery-1.js +632 -0
  31. data/test/sample_html/community_events_files/jquery.form-defaults.js +2 -0
  32. data/test/sample_html/community_events_files/jquery.js +2 -0
  33. data/test/sample_html/community_events_files/toChecklist.js +47 -0
  34. data/test/sample_html/community_events_files/tocs.js +30 -0
  35. data/test/sample_html/for_sale.html +1478 -0
  36. data/test/sample_html/for_sale_cars_trucks.html +1483 -0
  37. data/test/sample_html/for_sale_cars_trucks_files/craigslist.css +1487 -0
  38. data/test/sample_html/for_sale_cars_trucks_files/formats.js +100 -0
  39. data/test/sample_html/for_sale_cars_trucks_files/jquery-1.7.2.js +632 -0
  40. data/test/sample_html/for_sale_cars_trucks_files/jquery.form-defaults.js +2 -0
  41. data/test/sample_html/for_sale_cars_trucks_files/toChecklist.js +47 -0
  42. data/test/sample_html/for_sale_cars_trucks_files/tocs.js +30 -0
  43. data/test/sample_html/for_sale_files/craigslist.css +1474 -0
  44. data/test/sample_html/for_sale_files/formats.js +107 -0
  45. data/test/sample_html/for_sale_files/jquery-1.js +632 -0
  46. data/test/sample_html/for_sale_files/jquery.js +2 -0
  47. data/test/sample_html/for_sale_files/toChecklist.js +47 -0
  48. data/test/sample_html/for_sale_files/tocs.js +30 -0
  49. data/test/sample_html/for_sale_photo_video.html +674 -0
  50. data/test/sample_html/for_sale_photo_video_files/craigslist.css +1487 -0
  51. data/test/sample_html/for_sale_photo_video_files/formats.js +100 -0
  52. data/test/sample_html/for_sale_photo_video_files/jquery-1.7.2.js +632 -0
  53. data/test/sample_html/for_sale_photo_video_files/jquery.form-defaults.js +2 -0
  54. data/test/sample_html/for_sale_photo_video_files/toChecklist.js +47 -0
  55. data/test/sample_html/for_sale_photo_video_files/tocs.js +30 -0
  56. data/test/sample_html/gigs.html +1047 -0
  57. data/test/sample_html/gigs_files/craigslist.css +1474 -0
  58. data/test/sample_html/gigs_files/formats.js +107 -0
  59. data/test/sample_html/gigs_files/jquery-1.js +632 -0
  60. data/test/sample_html/gigs_files/jquery.js +2 -0
  61. data/test/sample_html/gigs_files/toChecklist.js +47 -0
  62. data/test/sample_html/gigs_files/tocs.js +30 -0
  63. data/test/sample_html/housing.html +1406 -0
  64. data/test/sample_html/housing_vacation_rentals_files/craigslist.css +1474 -0
  65. data/test/sample_html/housing_vacation_rentals_files/formats.js +107 -0
  66. data/test/sample_html/housing_vacation_rentals_files/jquery-1.7.2.js +632 -0
  67. data/test/sample_html/housing_vacation_rentals_files/jquery.form-defaults.js +2 -0
  68. data/test/sample_html/housing_vacation_rentals_files/toChecklist.js +47 -0
  69. data/test/sample_html/housing_vacation_rentals_files/tocs.js +30 -0
  70. data/test/sample_html/jobs.html +1120 -0
  71. data/test/sample_html/jobs_files/craigslist.css +1474 -0
  72. data/test/sample_html/jobs_files/formats.js +107 -0
  73. data/test/sample_html/jobs_files/jquery-1.js +632 -0
  74. data/test/sample_html/jobs_files/jquery.js +2 -0
  75. data/test/sample_html/jobs_files/toChecklist.js +47 -0
  76. data/test/sample_html/jobs_files/tocs.js +30 -0
  77. data/test/sample_html/personals.html +1096 -0
  78. data/test/sample_html/personals_casual_encounters.html +1086 -0
  79. data/test/sample_html/personals_casual_encounters_files/craigslist.css +1487 -0
  80. data/test/sample_html/personals_casual_encounters_files/formats.js +100 -0
  81. data/test/sample_html/personals_casual_encounters_files/jquery-1.7.2.js +632 -0
  82. data/test/sample_html/personals_casual_encounters_files/jquery.form-defaults.js +2 -0
  83. data/test/sample_html/personals_casual_encounters_files/toChecklist.js +47 -0
  84. data/test/sample_html/personals_casual_encounters_files/tocs.js +30 -0
  85. data/test/sample_html/personals_strictly_platonic_files/craigslist.css +1474 -0
  86. data/test/sample_html/personals_strictly_platonic_files/formats.js +107 -0
  87. data/test/sample_html/personals_strictly_platonic_files/jquery-1.js +632 -0
  88. data/test/sample_html/personals_strictly_platonic_files/jquery.js +2 -0
  89. data/test/sample_html/personals_strictly_platonic_files/toChecklist.js +47 -0
  90. data/test/sample_html/personals_strictly_platonic_files/tocs.js +30 -0
  91. data/test/sample_html/resumes.html +811 -0
  92. data/test/sample_html/resumes_files/craigslist.css +1487 -0
  93. data/test/sample_html/resumes_files/formats.js +100 -0
  94. data/test/sample_html/resumes_files/jquery-1.7.2.js +632 -0
  95. data/test/sample_html/resumes_files/jquery.form-defaults.js +2 -0
  96. data/test/sample_html/resumes_files/toChecklist.js +47 -0
  97. data/test/sample_html/resumes_files/tocs.js +30 -0
  98. data/test/sample_html/services.html +1096 -0
  99. data/test/sample_html/services_files/craigslist.css +1487 -0
  100. data/test/sample_html/services_files/formats.js +100 -0
  101. data/test/sample_html/services_files/jquery-1.7.2.js +632 -0
  102. data/test/sample_html/services_files/jquery.form-defaults.js +2 -0
  103. data/test/sample_html/services_files/toChecklist.js +47 -0
  104. data/test/sample_html/services_files/tocs.js +30 -0
  105. data/test/sample_html/test.rb +309 -0
  106. data/test/services_test.rb +25 -0
  107. data/test/test_helper.rb +26 -0
  108. metadata +205 -9
@@ -0,0 +1,1487 @@
1
+ /* things we just want all the time */
2
+
3
+ body { background: white; }
4
+ fieldset { background: #eee; }
5
+ legend { font-weight: bold; font-family: sans-serif; font-size: small; }
6
+ label { cursor: pointer; }
7
+ em { color: red; font-weight: bold; font-style: normal; }
8
+ sup { font-size: x-small; }
9
+ form { margin: 0 }
10
+
11
+ /* HTML5 clues for old browsers */
12
+ article, aside, details, figcaption, figure,
13
+ footer, header, hgroup, menu, nav, section {
14
+ display: block;
15
+ }
16
+
17
+ p { clear: both; }
18
+ img { border: 0; }
19
+
20
+ input.dv, textarea.dv { color: #aaa !important ; }
21
+
22
+ /* generic styles found sprinkled all over the place */
23
+ .ban {
24
+ text-align:center;
25
+ font-weight:bold;
26
+ padding: 2px;
27
+ clear: both;
28
+ border-top: 1px solid #ccc;
29
+ border-bottom: 1px solid #ccc;
30
+ background: #eee;
31
+ }
32
+
33
+ .highlight, .error {
34
+ background: #ffc;
35
+ font-family:sans-serif;
36
+ padding: 6px;
37
+ }
38
+
39
+ .error { color: red; font-weight: bold; }
40
+ .notice { color: green; font-weight: bold; }
41
+ .alert { color: orange; }
42
+ .redForEmphasisButNotBold { color: red; }
43
+
44
+ .greytext {
45
+ color: #777;
46
+ font-size: x-small;
47
+ font-weight: normal;
48
+ font-family: serif;
49
+ }
50
+ .clfooter {
51
+ text-align: center;
52
+ font-size: small;
53
+ list-style-type: none;
54
+ margin: 0;
55
+ padding: 0;
56
+ }
57
+ .clfooter li {
58
+ display: inline; padding: 0 5px;
59
+ }
60
+
61
+ td.head {
62
+ background: #eee;
63
+ border: 1px solid #ccc;
64
+ text-align: right;
65
+ white-space: nowrap;
66
+ font-weight: bold;
67
+ }
68
+
69
+ .bchead {
70
+ background: #eee;
71
+ padding: 5px 5px 0;
72
+ font-family: sans-serif;
73
+ border-bottom: 2px #ccc solid;
74
+ margin-bottom: 1em;
75
+ min-width: 768px;
76
+ }
77
+ .w1024 .bchead { min-width: 980px; }
78
+
79
+ /**********
80
+ HELP PAGES
81
+ **********/
82
+ .dropshadow { background: gray; float: left; margin-bottom: 10px; margin-right: 5px;}
83
+ .dropshadow img { position: relative; right: 5px; top: -5px; border: 1px #333 solid; display:block; }
84
+ .header { background: #ddd; font-weight: bold; }
85
+
86
+ td.p {
87
+ font-family: courier,monospace;
88
+ width: 50%;
89
+ font-size: small;
90
+ }
91
+ td.p pre { font-size: medium; }
92
+
93
+ /***************
94
+ FORMAT SELECTOR
95
+ ***************/
96
+ #fmtsel {
97
+ width: 100%;
98
+ text-align: center;
99
+ color: #444;
100
+ clear: both;
101
+ padding: 0;
102
+ }
103
+ #fmtsel b { font-size: x-small; }
104
+ #fmtsel li {
105
+ margin-left: 4px;
106
+ margin-right: 4px;
107
+ font-weight: bold;
108
+ cursor: default;
109
+ display: inline;
110
+ }
111
+ #fmtsel li.fsel {
112
+ font-size: smaller;
113
+ border-top: 1px solid #ddd;
114
+ border-bottom: 1px solid #ddd;
115
+ padding: 2px;
116
+ }
117
+ #fmtsel li.fsel.a {
118
+ font-weight: normal;
119
+ border: 0;
120
+ cursor: pointer;
121
+ color: blue;
122
+ }
123
+ #fmtsel li.fsel.a:hover {
124
+ background: #ddd;
125
+ }
126
+
127
+ /*********
128
+ HOMEPAGES
129
+ *********/
130
+ .hp { font-family: sans-serif; }
131
+
132
+ .hp * { padding: 0; margin: 0; }
133
+
134
+ .hp #container {
135
+ border-spacing: 10px;
136
+ margin: 0 auto;
137
+ padding: 0 10px;
138
+ }
139
+
140
+ .hp .footer {
141
+ text-align: center;
142
+ font-size: 72%;
143
+ }
144
+
145
+ .hp .ban a { display: block; padding: 0 5px; }
146
+ .hp .ban a:hover { background: white; }
147
+
148
+ .hp td, .hp a { white-space:nowrap; }
149
+ .hp a { text-decoration:none; }
150
+ .hp a:hover { color:purple; }
151
+
152
+ .hp td { vertical-align: top; }
153
+
154
+ .hp ul { list-style: none; }
155
+
156
+ .hp div.cats { position: relative; }
157
+
158
+ .hp .col ul {
159
+ display: table-cell;
160
+ font-size: smaller;
161
+ list-style: none;
162
+ width: 48%;
163
+ padding-bottom: 1em;
164
+ }
165
+
166
+ .hp .col h4 { margin-bottom: 3px; }
167
+
168
+ .hp div#ppp ul,
169
+ .hp div#hhh ul,
170
+ .hp div#jjj ul { width: 100%; display: block; }
171
+
172
+ /* trailing comma intentional for ie */
173
+ .hp .col ul, {
174
+ display: inline !important;
175
+ zoom: 1;
176
+ vertical-align: top;
177
+ margin-left: -10px;
178
+ position: relative;
179
+ }
180
+
181
+ .hp div#forums ul { font-size: 72%; }
182
+ /* trailing comma intentional for ie */
183
+ .hp div#forums ul, { width: 31%; }
184
+
185
+ .hp .col ul li {
186
+ padding-right: 8px;
187
+ }
188
+
189
+ .hp .col ul li a {
190
+ position: relative;
191
+ width: 100%;
192
+ display: block;
193
+ padding: 0 0 1px 0;
194
+ border-bottom: 1px solid #eaeaea;
195
+ }
196
+
197
+ .hp .col ul li a:hover {
198
+ border-bottom: 1px solid #ccc;
199
+ background: #eee;
200
+ }
201
+
202
+ .hp #leftbar, .hp #rightbar {
203
+ margin: 0 10px;
204
+ background: #f4f4f4;
205
+ border-left: 1px #ccc solid;
206
+ border-right: 1px #ccc solid;
207
+ }
208
+
209
+ .hp #leftbar {
210
+ text-align: center;
211
+ font-size: smaller;
212
+ }
213
+
214
+ .hp #leftbar * {
215
+ margin-left: auto;
216
+ margin-right: auto;
217
+ }
218
+
219
+ .hp #leftbar li, .hp #leftbar a { padding: 2px; }
220
+
221
+ .hp #leftbar li:hover,
222
+ .hp #leftbar a:hover,
223
+ .hp #rightbar ul.acitem > li > a:hover { background: white; }
224
+
225
+ .hp #rightbar ul.acitem > li.cont:hover { background: transparent !important; }
226
+
227
+ .hp #rightbar h5.active { background: white; }
228
+
229
+ /* trailing comma intentional for ie */
230
+ .hp #rightbar > ul.acitem > li, { margin-bottom: -1em; }
231
+
232
+ .hp #leftlinks { margin-top: 2em; }
233
+
234
+ .hp #leftlinks li {
235
+ margin: 4px;
236
+ }
237
+
238
+ .hp #logo {
239
+ font-size: 235%;
240
+ font-weight: 500;
241
+ font-family: serif;
242
+ width: 100%;
243
+ }
244
+
245
+ .hp #main { width: 100%; }
246
+ .hp #main td { padding: 0 10px; }
247
+
248
+ .hp div#calttl {
249
+ background: transparent;
250
+ border: 0;
251
+ margin: 2px;
252
+ }
253
+
254
+ .hp div#calttl a:hover,
255
+ .hp #logo a:hover { background: transparent !important }
256
+
257
+ .hp table.cal { background: #ccc; }
258
+
259
+ .hp .cal {
260
+ margin: 0 10px;
261
+ text-align: center;
262
+ }
263
+
264
+ .hp .cal a { padding: 1px !important; }
265
+ .hp .cal a:hover { background: transparent !important; }
266
+
267
+ .hp .cal .dys th {
268
+ font-weight:bold;
269
+ color: #555;
270
+ }
271
+ .hp .cal td {
272
+ background: white;
273
+ padding: 2px;
274
+ }
275
+
276
+ .hp .cal td:hover {
277
+ background: #eee;
278
+ }
279
+
280
+ .hp .cal td.tdy {
281
+ background: #ffc;
282
+ font-weight:bold;
283
+ }
284
+
285
+ .hp #postlks {
286
+ margin: 15px 0;
287
+ }
288
+
289
+ .hp #postlks li {
290
+ margin: 4px;
291
+ font-size: normal;
292
+ font-weight: 500;
293
+ }
294
+
295
+ .hp #search {
296
+ margin: 20px 10px;
297
+ text-align: left;
298
+ }
299
+
300
+ .hp #search div {
301
+ text-align: center;
302
+ }
303
+
304
+ .hp #search #query { width: 98%; }
305
+ .hp #search select { width: 75%; }
306
+
307
+ .hp #topban {
308
+ height: 2em;
309
+ margin-bottom: 1em;
310
+ padding: 3px;
311
+ font-weight: normal;
312
+ }
313
+
314
+ /* trailing comma intentional for ie */
315
+ .hp #topban, {
316
+ margin-left: 1em; margin-right: 1em;
317
+ }
318
+
319
+ .hp #topban h2 {
320
+ display: inline;
321
+ font-weight: normal;
322
+ font-family: serif;
323
+ }
324
+
325
+ .hp #topban .sublinks {
326
+ font-size:72%;
327
+ }
328
+
329
+ .hp #topban a { display: inline; }
330
+
331
+ .hp #topban .sublinks a {
332
+ padding: 2px 5px;
333
+ background: white;
334
+ margin: 1px 3px;
335
+ }
336
+ .hp #topban .sublinks span { margin: 3px 7px; }
337
+
338
+ .hp #rightbar {
339
+ font-size:70%;
340
+ line-height: 1.43em;
341
+ vertical-align: top;
342
+ padding: 5px 10px;
343
+ min-width: 11em;
344
+ }
345
+
346
+ .hp #rightbar #langlinks {
347
+ text-align: center;
348
+ height: 2em;
349
+ padding: 8px;
350
+ font-size: small;
351
+ }
352
+
353
+ .hp #rightbar h5 {
354
+ background: transparent;
355
+ color: blue;
356
+ }
357
+
358
+ .hp #rightbar h5.active {
359
+ color: inherit;
360
+ }
361
+
362
+ .hp #rightbar h5.ctry {
363
+ background: #ffc;
364
+ border-color: #ddd;
365
+ }
366
+
367
+ .hp #rightbar h5.hot { cursor: pointer; }
368
+ .hp #rightbar h5.hot:hover { background: white; }
369
+
370
+ .hp #rightbar h5.hot.ctry:hover,
371
+ .hp #rightbar h5.hot.ctry.active,
372
+ .hp #rightbar h5.hot.ctry.active:hover { background: #ff8; }
373
+
374
+ .hp #rightbar ul { margin: 4px; list-style: none; }
375
+
376
+ .hp #rightbar ul.menu li { display: none; }
377
+
378
+ .hp #rightbar ul.menu li.s,
379
+ .hp #rightbar ul.menu li.s a { display: block; }
380
+
381
+ .hp #rightbar ul.menu ul li.more { padding-left: 1em; font-style: italic; }
382
+
383
+ /* homepage mobile */
384
+ .hp.mobile body { margin: 0; }
385
+
386
+ /* homepage mobile */
387
+ .hp.mobile { margin: 0; }
388
+
389
+ .hp.mobile #container,
390
+ .hp.mobile #rightbar { display: none; }
391
+
392
+ .hp.mobile #rightbar li {
393
+ font-size: 20px;
394
+ padding: 2px;
395
+ }
396
+
397
+ .hp.mobile #rightbar h5 { padding: 2px; }
398
+
399
+ .hp.mobile #topban {
400
+ margin-bottom: 2px;
401
+ height: 1.5em;
402
+ text-align: left;
403
+ }
404
+
405
+ .hp.mobile #topban h2 a {
406
+ font-size: 16px;
407
+ font-family: sans-serif;
408
+ }
409
+
410
+ .hp.mobile .sublinks {
411
+ display: none;
412
+ padding: 8px 0;
413
+ width: 100%;
414
+ text-align: center;
415
+ }
416
+
417
+ .hp.mobile .sublinks a {
418
+ padding: 2px;
419
+ background: #eee;
420
+ color: #00b;
421
+ border: 1px solid #ddd;
422
+ border-radius: 1em;
423
+ margin-right: 2px;
424
+ }
425
+
426
+ .hp.mobile #search { margin: 8px 4px; }
427
+
428
+ .hp.mobile #search input,
429
+ .hp.mobile #search select{ font-size: 20px; }
430
+
431
+ .hp.mobile #postlks { text-align: center; }
432
+
433
+ .hp.mobile #postlks li {
434
+ margin: 0.5em 0 2em;
435
+ display: inline-block;
436
+ font-weight: inherit;
437
+ font-size: 16px;
438
+ padding: 2px 6px;
439
+ background: #eee;
440
+ border: 1px solid #ccc;
441
+ border-radius: 0.7em;
442
+ }
443
+
444
+ .hp.mobile #postlks li:first-child {
445
+ float: left;
446
+ border-left: 0;
447
+ border-top-left-radius: 0;
448
+ border-bottom-left-radius: 0;
449
+ }
450
+
451
+ .hp.mobile #postlks li:last-child {
452
+ float: right;
453
+ border-right: 0;
454
+ border-top-right-radius: 0;
455
+ border-bottom-right-radius: 0;
456
+ }
457
+
458
+ .hp.mobile .cats { width: 100%;}
459
+
460
+ .hp.mobile .cats ul {
461
+ width: 100%;
462
+ display: inline;
463
+ }
464
+
465
+ .hp.mobile .cats li {
466
+ border-left: 2px solid #fff;
467
+ border-right: 2px solid #fff;
468
+ }
469
+ .hp.mobile .cats li a {
470
+ padding: 0;
471
+ width: 100%;
472
+ }
473
+
474
+ .hp.mobile .ban,
475
+ .hp.mobile .cats a { font-size: 24px; }
476
+
477
+ .hp.mobile #forums .cats { display: none; }
478
+
479
+ .hp.mobile .cal {
480
+ display: none;
481
+ width: 90%;
482
+ }
483
+ .hp.mobile .cal td {
484
+ width: 4em;
485
+ height: 1.5em;
486
+ }
487
+
488
+ /* tablet additions */
489
+
490
+ .hp.tablet #hpleft {
491
+ border: 0;
492
+ border-right: 1px solid #ddd;
493
+ top: 0;
494
+ float: left;
495
+ width: 40%;
496
+ }
497
+
498
+ .hp.tablet #hpright {
499
+ font-family: sans-serif;
500
+ font-size: 128px;
501
+ text-align: center;
502
+ border: 0;
503
+ float: right;
504
+ top: 0;
505
+ width: 59%;
506
+ }
507
+
508
+ .hp.tablet .cats { width: 99%; }
509
+ .hp.tablet .cats li { text-align: right; }
510
+
511
+ /****
512
+ TOCS
513
+ ****/
514
+ .toc { margin: 0; padding: 0; }
515
+
516
+ .toc #ef { float: right; }
517
+
518
+ .toc h4, .toc .sh {
519
+ background: #eee;
520
+ border-top: 1px solid #ccc;
521
+ border-bottom: 1px solid #ccc;
522
+ padding: 6px 25px;
523
+ }
524
+
525
+ .toc blockquote {
526
+ max-width: 768px;
527
+ margin: 0 auto;
528
+ padding: 0 8px;
529
+ }
530
+ .toc.w1024 blockquote {
531
+ max-width: 980px;
532
+ }
533
+
534
+ .toc td, .toc a, .toc th, .toc .hl { white-space:nowrap; }
535
+ .toc #messagetable #messages {
536
+ float: right;
537
+ text-align: right;
538
+ width: 60%;
539
+ }
540
+ .toc dd, .toc dt { font-size:smaller; }
541
+
542
+ .toc #ef a { font-weight: bold; }
543
+
544
+
545
+
546
+ .toc span.modebtns {
547
+ margin-top: 0px;
548
+ }
549
+ .toc span.modebtns span {
550
+ padding: 3px;
551
+ -moz-border-radius: 2px;
552
+ border-radius: 2px;
553
+ margin-left: 2px;
554
+ }
555
+ .toc span.modebtns span.modebtndown {
556
+ color: #fff;
557
+ background-color: #66B;
558
+ border-top: 2px solid #44A;
559
+ border-left: 2px solid #44A;
560
+ border-bottom: 1px solid #44A;
561
+ border-right: 1px solid #44A;
562
+ }
563
+ .toc span.modebtns span.modebtnup {
564
+ color: #000;
565
+ background-color: #ccf;
566
+ border-top: 1px solid #88C;
567
+ border-left: 1px solid #88C;
568
+ border-bottom: 2px solid #88C;
569
+ border-right: 2px solid #88C;
570
+ cursor: pointer;
571
+ }
572
+ .toc span.modebtns span.modebtnup:hover {
573
+ background-color: #bbe;
574
+ /* color: #fff;
575
+ background-color: #66B;
576
+ border-top: 2px solid #44A;
577
+ border-left: 2px solid #44A;
578
+ border-bottom: 1px solid #44A;
579
+ border-right: 1px solid #44A; */
580
+ }
581
+
582
+ .toc #modetabs {
583
+ float: left;
584
+ font-family: sans-serif;
585
+ cursor: pointer;
586
+ padding-left: 10px;
587
+ }
588
+
589
+ .toc #modetabs a { color: blue; }
590
+
591
+ .toc .modetabrow {
592
+ float: left;
593
+ width: 100%;
594
+ border-bottom: 2px #ccc solid;
595
+ margin-bottom: 1em;
596
+ }
597
+
598
+ .toc #modetabs #switchtomap,
599
+ .toc #modetabs #switchtomap sup { color: #440; }
600
+
601
+ .toc #modetabs #switchtoshortlist {
602
+ color: #86d;
603
+ font-size: 16px;
604
+ cursor: pointer;
605
+ }
606
+ .toc #modetabs #switchtoshortlist sup {
607
+ font-size: 80%;
608
+ color: #999;
609
+ }
610
+ .toc #modetabs #switchtoshortlist sup:hover {
611
+ color: #444;
612
+ }
613
+ .toc #modetabs sup {
614
+ font-family: sans-serif;
615
+ font-size: 7px;
616
+ color: #440;
617
+ }
618
+ .toc #sform {
619
+ white-space: nowrap;
620
+ background:#eee;
621
+ border:1px solid #ccc;
622
+ width: 90%;
623
+ padding: 4px;
624
+ }
625
+
626
+ .toc div.sortby {
627
+ float: right;
628
+ }
629
+
630
+ .toc span.maptag {
631
+ color: #080;
632
+ }
633
+ .toc span.maptag:hover {
634
+ text-decoration: underline;
635
+ cursor: pointer;
636
+ }
637
+
638
+ .toc #footer {
639
+ line-height: 1.1em;
640
+ background: #eee;
641
+ padding: 5px;
642
+ font-family: sans-serif;
643
+ border-top: 2px #ccc solid;
644
+ }
645
+ /***
646
+ header tabs
647
+ ***/
648
+ .tabcontainer {
649
+ font-size: smaller;
650
+ position: relative;
651
+ top: 2px;
652
+ overflow: hidden;
653
+ height: 24px;
654
+ }
655
+
656
+ .tabcontainer b, .tabcontainer a {
657
+ padding: 3px;
658
+ border-radius: 0.7em 0.7em 0 0;
659
+ -moz-border-radius: 0.7em 0.7em 0 0;
660
+ -webkit-border-radius: 0.7em 0.7em 0 0;
661
+ border: 2px #ccc solid;
662
+ white-space: nowrap;
663
+ margin: auto 2px;
664
+ height: 25px;
665
+ }
666
+ /* Hidden from IE: */
667
+ :root .tabcontainer b,
668
+ :root .tabcontainer a {
669
+ line-height: 25px;
670
+ }
671
+ .tabcontainer b {
672
+ background: white;
673
+ border-bottom: 2px white solid;
674
+ font-weight: normal;
675
+ }
676
+
677
+ .tabcontainer a {
678
+ text-decoration: none;
679
+ border-bottom-style: none;
680
+ }
681
+
682
+ .tabcontainer a:hover { background: #f7f7f7; }
683
+
684
+ .bchead .tabcontainer {
685
+ margin-top: 10px;
686
+ }
687
+ /**
688
+ * CSS for the "toChecklist" jQuery plugin, by Scott Horlbeck
689
+ */
690
+ select#neighborhood, select#nh, div#hoodtitle {
691
+ display: none;
692
+ }
693
+
694
+ div#neighborhood, div#nh {
695
+ position: absolute;
696
+ }
697
+
698
+ div.checklist,
699
+ div.checklistHighlighted {
700
+ overflow: hidden;
701
+ }
702
+ div.checklist {
703
+ border: 1px solid #ccc;
704
+ color: #555;
705
+ font-size: 12px;
706
+ line-height: 1.6em;
707
+ position: absolute;
708
+ top: 6px;
709
+ left: -6px;
710
+ }
711
+
712
+ ul.checklist {
713
+ list-style-type: none;
714
+ margin: 0;
715
+ padding: 0;
716
+ background: white;
717
+ }
718
+
719
+ div.checklist li { padding: 3px; }
720
+ div.checklist li.even { background: white; }
721
+ div.checklist li.odd { background: #f7f7f7; }
722
+
723
+ div.checklist li.even:hover,
724
+ div.checklist li.odd:hover,
725
+ div.checklist li.focused,
726
+ div.checklist li:hover label {
727
+ background: #dde;
728
+ }
729
+
730
+ div.checklist li.checked {
731
+ background: #ffffa7;
732
+ font-style: italic;
733
+ }
734
+
735
+ div.checklist li.checked:hover,
736
+ div.checklist li.checked:hover label {
737
+ background: #ffff22;
738
+ font-style: italic;
739
+ }
740
+
741
+ div.checklist label.disabled {
742
+ color: #ddd;
743
+ }
744
+
745
+ div.checklist li input {
746
+ display: block;
747
+ float: left;
748
+ }
749
+ div.checklist label {
750
+ display: block;
751
+ margin: 0;
752
+ padding: 0;
753
+ }
754
+ div.checklist label.leaveRoomForCheckbox {
755
+ display: block;
756
+ padding-left: 25px;
757
+ }
758
+
759
+ ul.showSelectedItems {
760
+ color: #770;
761
+ font-size: .8em;
762
+ list-style-position: outside;
763
+ margin-left: 0;
764
+ padding-left: 1.4em;
765
+ }
766
+
767
+ div.checklist li.optgroup {
768
+ font-size: 1.1em;
769
+ font-weight: bold;
770
+ font-style: italic;
771
+ background: #ccc;
772
+ border-top: 1px solid #777;
773
+ border-bottom: 1px solid #777;
774
+ padding-left: 7px;
775
+ }
776
+ div.checklist li.optgroup:hover {
777
+ background: #ccc;
778
+ }
779
+
780
+ .toc #footer #copy { float: left; }
781
+ .toc #footer #copy a { font-size: x-small; }
782
+ .toc #footer .rss { float: right; text-align: right; }
783
+
784
+ .toc #hideImgs,
785
+ .toc #showImgs { display: none; }
786
+
787
+ .toc #searchfieldset {
788
+ border: 1px solid #ccc;
789
+ white-space: nowrap;
790
+ padding: 0;
791
+ margin-bottom: 1em;
792
+ }
793
+
794
+ .toc #searchtable {
795
+ background: #eee;
796
+ white-space: nowrap;
797
+ }
798
+
799
+ .toc #searchtable #searchchecks { float: right; }
800
+
801
+ .toc #searchtable #hoodpicker {
802
+ display: inline-block;
803
+ }
804
+ .toc #hoodcount {
805
+ min-width: 1em;
806
+ display: inline-block;
807
+ text-align: right;
808
+ }
809
+
810
+ .toc #hoodtitle { cursor: pointer; }
811
+ .toc #hoodtogon, .toc #hoodtogoff {
812
+ font-family: monospace;
813
+ font-weight: bold;
814
+ display: none;
815
+ }
816
+
817
+ .toc #searchtable td { vertical-align: top; }
818
+ .rss .l {
819
+ background: orange;
820
+ padding: 0px 2px;
821
+ color: white;
822
+ font-family: sans-serif;
823
+ font-weight: bold;
824
+ text-decoration: none;
825
+ }
826
+ .rss .y { font-size: x-small; }
827
+
828
+ .toc #floater {
829
+ position:absolute;
830
+ overflow:hidden;
831
+ z-index:999;
832
+ display: none;
833
+ }
834
+
835
+ .toc #floater img {
836
+ border: 2px solid #ccc;
837
+ }
838
+
839
+
840
+ .toc .row .ih { display: none; }
841
+
842
+ .toc .row .i {
843
+ float: left;
844
+ width: 60px;
845
+ height: 52px;
846
+ clear: both;
847
+ background-repeat: no-repeat;
848
+ background-position: center center;
849
+ }
850
+
851
+ .toc .row .i img {
852
+ border: 0;
853
+ height: 50px;
854
+ width: 50px;
855
+ }
856
+
857
+ .toc span.p { color: orange; font-size: smaller; }
858
+ .toc .row .c { clear: both; }
859
+
860
+ .toc .gc a {
861
+ padding: 2px;
862
+ background: #eee;
863
+ text-decoration: none;
864
+ }
865
+
866
+ .toc .gc a:hover {
867
+ background: #f7f7f7;
868
+ }
869
+
870
+ /*************
871
+ POSTING PAGES
872
+ *************/
873
+
874
+ .posting .tsb { background: #ddd; }
875
+
876
+ /* flag links on postings */
877
+ .posting #flags {
878
+ margin: 7px;
879
+ padding: 7px;
880
+ border: 2px #ccc solid;
881
+ float: right;
882
+ text-align: right;
883
+ font-size: small;
884
+ background: white;
885
+ }
886
+
887
+ .posting #flags a.fl {
888
+ margin-top: 1em;
889
+ padding-right: 8px;
890
+ display: block;
891
+ }
892
+
893
+ /* body blurbs*/
894
+ .posting ul.blurbs { clear: left; margin-left: 10px; padding: 10px 0 0 10px; font-size: smaller; }
895
+
896
+ .posting #leaflet {
897
+ height: 350px;
898
+ width: 600px;
899
+ }
900
+
901
+ /* reply options dialog */
902
+ button#reply_button { display: none; }
903
+
904
+ div#reply_options {
905
+ display: none;
906
+ background: white;
907
+ position: absolute;
908
+ padding: 5px;
909
+ border: 2px solid #ccc;
910
+ margin-top: 5px;
911
+ }
912
+
913
+
914
+ div#reply_options h5 { margin: 0 0 10px; text-decoration: underline; }
915
+
916
+ div#reply_options ul {
917
+ list-style-type: none;
918
+ margin: 0 0 6px 20px;
919
+ padding-left: 0;
920
+ }
921
+
922
+ div#reply_options li { padding: 2px; }
923
+ div#reply_options li:hover { background: #eee; }
924
+
925
+ div#reply_options li a {
926
+ text-decoration: none;
927
+ display: block;
928
+ }
929
+
930
+ div#reply_options ul.pad li a:before {
931
+ content: "";
932
+ float: left;
933
+ width: 16px;
934
+ height: 16px;
935
+ margin: 0 5px 0 0;
936
+ background:url(/images/sprites.png);
937
+ }
938
+
939
+ div#reply_options li a#aol:before {
940
+ background-position: 0px 0px;
941
+ }
942
+ div#reply_options li a#mailapp:before {
943
+ background-position: 0px -16px;
944
+ }
945
+ div#reply_options li a#gmail:before {
946
+ background-position: 0px -32px;
947
+ }
948
+ div#reply_options li a#msmail:before {
949
+ background-position: 0px -48px;
950
+ }
951
+ div#reply_options li a#outlook:before {
952
+ background-position: 0px -64px;
953
+ }
954
+ div#reply_options li a#tbird:before {
955
+ background-position: 0px -80px;
956
+ }
957
+ div#reply_options li a#yahoo:before {
958
+ background-position: 0px -96px;
959
+ }
960
+ div#reply_options li a#mailto:before {
961
+ background: inherit;
962
+ }
963
+ div#reply_options #anonemail {
964
+ width: 98%;
965
+ background-color: #eee;
966
+ padding: 3px;
967
+ border: 1px solid #ccc;
968
+ }
969
+
970
+ /****************
971
+ IMAGE WIDGET
972
+ ***************/
973
+
974
+ .iw { margin: 1em 0; }
975
+
976
+ .iw div {
977
+ float: left;
978
+ margin: 2px;
979
+ }
980
+ .iw:before, .iw:after {
981
+ content: "";
982
+ display: table;
983
+ }
984
+ .iw:after {
985
+ clear: both;
986
+ }
987
+
988
+ #thumbs { margin: 0; }
989
+
990
+ #thumbs img { margin: 2px; }
991
+
992
+ #ci {
993
+ display: table-cell;
994
+ text-align: center;
995
+ vertical-align: middle;
996
+ min-width: 605px;
997
+ height: 452px;
998
+ border: 1px #ccc solid;
999
+ }
1000
+ #ci * {
1001
+ vertical-align: middle;
1002
+ }
1003
+ #ci span {
1004
+ display: inline-block;
1005
+ height: 100%;
1006
+ width: 1px;
1007
+ margin-left: -5px;
1008
+ }
1009
+ /* IE/Mac *//*/
1010
+ #ci {
1011
+ display: block;
1012
+ }
1013
+ #ci span {
1014
+ display: inline-block;
1015
+ height: 100%;
1016
+ width: 1px;
1017
+ }
1018
+ /**/
1019
+
1020
+ /* mobile posting */
1021
+ .posting.mobile .bchead,
1022
+ .posting.mobile #flags,
1023
+ .posting.mobile .tsb,
1024
+ .posting.mobile .tsb em,
1025
+ .posting.mobile .postingdate,
1026
+ .posting.mobile .postingidtext,
1027
+ .posting.mobile .blurbs,
1028
+ .posting.mobile .returnemail { font-size: 10px; }
1029
+
1030
+ .posting.mobile .bchead a { font-size: 14px; }
1031
+
1032
+ .posting.mobile #flags .fl { font-size: 12px; }
1033
+ .posting.mobile #flags > * { display: none; }
1034
+ .posting.mobile .tsb { display: none; }
1035
+ .posting.mobile .tsb em { cursor: pointer; }
1036
+
1037
+ .posting.mobile h2 { font-size: 18px; }
1038
+ .posting-mobile #userbody { font-size: 16px; }
1039
+ .posting.mobile .returnemail a {
1040
+ font-size: 14px;
1041
+ white-space: nowrap;
1042
+ }
1043
+ .posting.mobile div.iw,
1044
+ .posting.mobile #iwi { width: 99%; }
1045
+
1046
+ .posting.mobile #ci {
1047
+ height: auto;
1048
+ width: 80%;
1049
+ }
1050
+
1051
+ /* tablet posting */
1052
+ .posting.tablet .bchead,
1053
+ .posting.tablet .postingdate,
1054
+ .posting.tablet .postingidtext,
1055
+ .posting.tablet .blurbs,
1056
+ .posting.tablet .returnemail { font-size: 10px; }
1057
+
1058
+ .posting.tablet .bchead a { font-size: 20px; }
1059
+ .posting.tablet #tocsright .bchead { display: none; }
1060
+ .posting.tablet h2 { font-size: 18px; }
1061
+ .posting.tablet #userbody { font-size: 16px; }
1062
+ .posting.tablet .returnemail a {
1063
+ font-size: 14px;
1064
+ white-space: nowrap;
1065
+ }
1066
+
1067
+ /************
1068
+ SIMPLE PAGES
1069
+ ************/
1070
+
1071
+ .simple #fakePage { position: relative; }
1072
+
1073
+ .simple #sc #banner {
1074
+ width: 9em;
1075
+ position: absolute;
1076
+ background: #ddd;
1077
+ padding: 4px;
1078
+ height: 100%;
1079
+ top: 0;
1080
+ left: 0;
1081
+ }
1082
+
1083
+ .simple #sc #banner #logo {
1084
+ text-align: center;
1085
+ margin-bottom: 8em;
1086
+ }
1087
+ .simple #sc #banner #logo span {
1088
+ color: #009;
1089
+ font-size: 80%;
1090
+ font-family: verdana,sans-serif;
1091
+ font-weight: bold;
1092
+ }
1093
+ .simple #sc #banner #logo a { font-size: 200%; }
1094
+
1095
+ .simple #sc #banner #update {
1096
+ font-size: xx-small;
1097
+ color: #444;
1098
+ padding: 12px;
1099
+ padding-bottom: 600px;
1100
+ }
1101
+
1102
+ .simple #sc #banner #prinfo {
1103
+ font-size: x-small;
1104
+ background: #ffc;
1105
+ padding: 4px;
1106
+ margin: 8px;
1107
+ margin-bottom: 3em;
1108
+ }
1109
+
1110
+ .simple #sc #content { margin-left: 11em; padding: 10px; }
1111
+
1112
+ .simple #sc #content p { clear: none; }
1113
+
1114
+ .simple.mobile { margin: 0; }
1115
+ .simple.mobile #sc { width: 100%; }
1116
+
1117
+ .simple.mobile #sc #banner {
1118
+ position: relative;
1119
+ width: 100%;
1120
+ height: auto;
1121
+ padding: 0;
1122
+ }
1123
+
1124
+ .simple.mobile #sc #banner #logo {
1125
+ padding: 2px;
1126
+ margin: 0;
1127
+ }
1128
+
1129
+ .simple.mobile #sc #banner #logo a { font-size: 16px; }
1130
+ .simple.mobile #sc #banner #logo span { font-size: 10px; }
1131
+
1132
+ .simple.mobile #sc #banner #update { display: none; }
1133
+
1134
+ .simple.mobile #sc #prinfo {
1135
+ position: relative;
1136
+ padding: 2px;
1137
+ margin: 0;
1138
+ }
1139
+
1140
+ .simple.mobile #sc #content {
1141
+ position: relative;
1142
+ padding: 4px;
1143
+ margin: 0;
1144
+ font-size: 12px;
1145
+ }
1146
+
1147
+ .simple.mobile #sc #content h2 { font-size: 10px; }
1148
+ .simple.mobile #sc #content h2 a,
1149
+ .simple.mobile #sc #content div { font-size: 12px; }
1150
+
1151
+
1152
+ /****************
1153
+ ACCOUNT HOMEPAGE
1154
+ ****************/
1155
+
1156
+ .account #ef { float: right; }
1157
+
1158
+ .account input.managebtn {
1159
+ color:#00f;
1160
+ padding:0px;
1161
+ font-size:12px;
1162
+ font-family: sans-serif;
1163
+ background:none;
1164
+ border:none;
1165
+ text-decoration:underline;
1166
+ display:block;
1167
+ cursor:pointer;
1168
+ }
1169
+
1170
+ .account.mobile {
1171
+ margin: 0;
1172
+ padding: 4px;
1173
+ }
1174
+ .account.mobile blockquote { display: none; }
1175
+
1176
+ .account.mobile .bchead {
1177
+ display: inline;
1178
+ font-size: 10px;
1179
+ width: 100%;
1180
+ padding: 0;
1181
+ margin: 0;
1182
+ white-space: nowrap;
1183
+ overflow: hidden;
1184
+ }
1185
+ .account.mobile .bchead>a {
1186
+ font-size: 14px;
1187
+ }
1188
+ .account.mobile #satabs {
1189
+ font-size: 14px;
1190
+ margin-top: 10px;
1191
+ height: 28px;
1192
+ }
1193
+ .account.mobile #satabs a { text-decoration: none; }
1194
+
1195
+ .account.mobile #satabs>* {
1196
+ -moz-border-radius: 0,
1197
+ border-radius: 0,
1198
+ width: 100%;
1199
+ padding: 2px 4px;
1200
+ border: 0;
1201
+ }
1202
+ .account.mobile #satabs a { background: #eee; }
1203
+ .account.mobile fieldset {
1204
+ width: 100%;
1205
+ border: 0;
1206
+ }
1207
+ .account.mobile #floater { display: none; }
1208
+ .account.mobile fieldset>legend { font-size: 10px; }
1209
+ .account.mobile fieldset>legend>a { font-size: 14px; }
1210
+ .account.mobile #searchfieldset { background: white; }
1211
+ .account.mobile #searchtable {
1212
+ background: #eee;
1213
+ border: 1px solid #ccc;
1214
+ }
1215
+ .account.mobile table {
1216
+ width: 100%;
1217
+ font-size: 10px;
1218
+ }
1219
+ .account.mobile form>fieldset {
1220
+ margin: 0;
1221
+ padding: 0;
1222
+ }
1223
+ .account.mobile #paginator {
1224
+ padding: 0;
1225
+ margin: 0;
1226
+ border: 0;
1227
+ }
1228
+ .account.mobile .postingrow {
1229
+ width: 100%;
1230
+ margin: 0;
1231
+ border-left: 0;
1232
+ border-right: 0;
1233
+ white-space: nowrap;
1234
+ overflow: hidden;
1235
+ margin-bottom: 4px;
1236
+ cursor: pointer;
1237
+ }
1238
+ .account.mobile .postingrow a {
1239
+ font-size: 16px;
1240
+ width: 100%;
1241
+ white-space: nowrap;
1242
+ overflow: hidden;
1243
+ }
1244
+
1245
+ /************
1246
+ SOCIAL LINKS
1247
+ ************/
1248
+
1249
+ div#shareSocial {
1250
+ margin: 7px;
1251
+ padding: 7px;
1252
+ border: 2px #ccc solid;
1253
+ float: right;
1254
+ font-size: x-small;
1255
+ font-family: sans-serif;
1256
+ display: none;
1257
+ background: white;
1258
+ width: 10em;
1259
+ }
1260
+
1261
+ div#shareSocial #sstitle {
1262
+ font-size: small;
1263
+ margin: 5px;
1264
+ }
1265
+
1266
+ div#shareSocial #ssmain {
1267
+ border-top: 2px #ccc solid;
1268
+ margin: 6px 0 0 0;
1269
+ padding: 0;
1270
+ list-style-type: none;
1271
+ }
1272
+ div#shareSocial #ssGetMore { padding: 2px 0 0 20px; }
1273
+
1274
+ div#shareSocial li.more { display: none; }
1275
+
1276
+ div#shareSocial a {
1277
+ color: #4c4c4c !important;
1278
+ text-decoration: none;
1279
+ line-height: 16px;
1280
+ margin: 3px;
1281
+ padding: 0 0 0 20px;
1282
+ background: url(/images/shareSocial.png) no-repeat top left;
1283
+ display: block;
1284
+ height: 16px;
1285
+ border-bottom: 1px #eee solid;
1286
+ }
1287
+
1288
+ #shareSocial a#delicious { background-position: 0px -176px; }
1289
+ #shareSocial a#diigo { background-position: 0px -208px; }
1290
+ #shareSocial a#digg { background-position: 0px -192px; }
1291
+ #shareSocial a#email { background-position: 0px -224px; }
1292
+ #shareSocial a#facebook { background-position: 0px -240px; }
1293
+ #shareSocial a#fark { background-position: 0px -256px; }
1294
+ #shareSocial a#friendfeed { background-position: 0px -304px; }
1295
+ #shareSocial a#mixx { background-position: 0px -464px; }
1296
+ #shareSocial a#myspace { background-position: 0px -496px; }
1297
+ #shareSocial a#stumbleupon { background-position: 0px -704px; }
1298
+ #shareSocial a#reddit { background-position: 0px -592px; }
1299
+ #shareSocial a#technorati { background-position: 0px -752px; }
1300
+ #shareSocial a#twitter { background-position: 0px -784px; }
1301
+
1302
+ div#shareSocial a:hover { background-color: #eee; }
1303
+
1304
+
1305
+ /***************
1306
+ POSTING PROCESS
1307
+ ***************/
1308
+
1309
+ #pp { padding: 8px; }
1310
+ #pp bc a {font-weight: bold; white-space: nowrap; }
1311
+ #pp span.imageLabel { font-size: smaller; font-family: sans-serif; }
1312
+ #pp #header { line-height: 1.5; }
1313
+
1314
+ #pp p { padding-bottom: 20px; }
1315
+ #pp #housingBlurb p { margin: 1em 0; }
1316
+ #pp #housingBlurb ul {
1317
+ padding-left: 40px;
1318
+ list-style-type: disc;
1319
+ margin: 1em 0;
1320
+ }
1321
+ #pp #housingBlurb ul li {
1322
+ display: list-item;
1323
+ }
1324
+
1325
+ #pp textarea {
1326
+ font-family: serif;
1327
+ border: #ccc 1px solid;
1328
+ background: #fbfbfb
1329
+ }
1330
+
1331
+ #pp span.std, #pp span.req, #pp span.err { font-weight: bold; }
1332
+ #pp span.req { color: green; }
1333
+ #pp span.err { color: red; }
1334
+
1335
+ #pp input.req { border: green 1px solid; }
1336
+ #pp input.err,
1337
+ #pp textarea.err { border: red 2px solid; }
1338
+
1339
+
1340
+ #pp button { font-family: sans-serif; }
1341
+ #pp blockquote#thanks {font-family: sans-serif; }
1342
+ #pp blockquote#thanks div { background: #eee; padding: 12px; }
1343
+
1344
+ #pp h5 { font-family: sans-serif; padding: 6px; border-bottom: 3px #aaa solid; } /* bye? */
1345
+
1346
+ #pp .highlight { margin: 10px; }
1347
+ #pp #map div { display: inline-block; padding: 0 0.2em; }
1348
+ #pp #geoverifymapbits { border: 1px solid #ddd; }
1349
+ #pp #search_button { display: inline-block; margin: 0.2em; }
1350
+ #pp #geocodebutton { display: inline-block; margin: 0.2em; float: right; }
1351
+ #pp .title { white-space: nowrap; }
1352
+ #pp .title input { font-size: 1.3em; font-weight: bold; padding: 0 5px; }
1353
+ #pp .row div { float: left; padding: 0 5px; margin-bottom: 5px; }
1354
+
1355
+ #pp ol.sprlst li { margin-top: 1em; }
1356
+ #pp ol.sprlst li span { background: #ffc; }
1357
+
1358
+ #pp .posting {
1359
+ background:#f5f5f5;
1360
+ padding: 10px;
1361
+ width: 768px;
1362
+ margin: 0 auto;
1363
+ }
1364
+ #pp .posting.w1024 {
1365
+ width: 980px;
1366
+ }
1367
+
1368
+ #pp #jsErr { display: none; }
1369
+
1370
+ #pp #oiab { font-style: italic;}
1371
+
1372
+ #pp #ed { white-space: nowrap; }
1373
+ #pp #ed p { float: left; clear: none; padding: 5px; }
1374
+
1375
+ /* image upload */
1376
+ #pp .addmore { float: left; }
1377
+ #pp .alldone { float: right; }
1378
+ #pp .alldone button { margin-right: 4px; }
1379
+ #pp .images div.imgbox {
1380
+ height: 225px;
1381
+ width: 300px;
1382
+ text-align: center;
1383
+ position: relative;
1384
+ float: left;
1385
+ border: 1px #ccc solid;
1386
+ background-image: url('/styles/images/checkerboard.png');
1387
+ }
1388
+ #pp .images div.imgwrap {
1389
+ height: 225px;
1390
+ width: 300px;
1391
+ text-align: center;
1392
+ display: table-cell;
1393
+ vertical-align: middle;
1394
+ }
1395
+ #pp .images div img {
1396
+ max-height: 225px;
1397
+ max-width: 300px;
1398
+ }
1399
+ #pp .images div form {
1400
+ position: absolute;
1401
+ right: 0;
1402
+ top: 1px;
1403
+ }
1404
+ #pp .images div form button {
1405
+ background-color: #fdd;
1406
+ color: #500;
1407
+ border: 1px solid #a88;
1408
+ opacity: 0.8;
1409
+ filter:alpha(opacity=80);
1410
+ }
1411
+ #pp .images div:hover form button {
1412
+ display: block;
1413
+ cursor: pointer;
1414
+ opacity: 1;
1415
+ filter:alpha(opacity=100);
1416
+ }
1417
+ #pp #images_too_long {
1418
+ clear: both;
1419
+ padding-top: 1.5em;
1420
+ font-size: smaller;
1421
+ }
1422
+
1423
+ body.mceContentBody, body.mceContentBody td { font-size: inherit !important; font-family: inherit !important; }
1424
+ body.mceContentBody p { clear: none !important; }
1425
+
1426
+ /* Login page */
1427
+ .login #loginBox,
1428
+ .login #warnings {
1429
+ padding: 6px;
1430
+ width: 600px;
1431
+ }
1432
+
1433
+ .login #loginBox {
1434
+ background-color: #eee;
1435
+ margin-top: 1em;
1436
+ padding: 6px;
1437
+ }
1438
+
1439
+ .login #loginBox div,
1440
+ .login #loginBox h4 {
1441
+ padding: 8px;
1442
+ margin: 0;
1443
+ }
1444
+ .login #loginBox h4 { background-color: #ddd; }
1445
+ .login #loginBox table { background-color: #eee; }
1446
+
1447
+ .login #loginBox a {
1448
+ font-weight: normal;
1449
+ font-size: smaller;
1450
+ }
1451
+
1452
+ .login #loginBox table { width: 100%; }
1453
+ .login #loginBox table td { padding: 6px; }
1454
+
1455
+ .login #loginBox table td.label {
1456
+ text-align: right;
1457
+ font-weight: bold;
1458
+ margin: 6px;
1459
+ }
1460
+ .login input { width: 100%; }
1461
+
1462
+ .login.mobile h3 { font-size: 16px; }
1463
+ .login.mobile .highlight { display: none; }
1464
+ .login.mobile blockquote {
1465
+ margin: 2px;
1466
+ font-size: 12px;
1467
+ }
1468
+ .login.mobile blockquote b { font-size: 10px; }
1469
+
1470
+ /* forms classes for use with js validation / etc */
1471
+ form .defval { color: #aaa; }
1472
+ form .req { color: green; }
1473
+ form .err { color: red; }
1474
+
1475
+ input.req, textarea.req { border: green 1px solid; color: black; }
1476
+ input.err, textarea.err { border: red 2px solid; color: black; }
1477
+
1478
+ /* teambios whee */
1479
+ .bios p { clear: none; }
1480
+ .bios #content { width: 80%; margin: 0px auto; }
1481
+ .bios ul { list-style: none; padding: 0; }
1482
+ .bios ul li { padding: 10px; margin: 10px 0; width: 100%; overflow: auto;}
1483
+ .bios ul li img { float: left; margin: 0 10px 0 0; }
1484
+
1485
+ /* post management */
1486
+ .managestatus { font-family: sans-serif; padding: 12px 20px; }
1487
+ .managebutton { padding: 12px 4px 4px; float: left; }