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