PluginProbe
FeedWordPress / 2022.0208
FeedWordPress v2022.0208
trunk 0.8 0.9 0.91 0.95 0.96 0.97 0.98 0.981 0.99 0.991 0.992 0.993 2008.1030 2008.1101 2008.1105 2008.1214 2009.0612 2009.0613 2009.0618 2009.0707 2009.1111 2009.1112 2010.0127 2010.0528 All 65 releases
← All changes | assets/css/feedwordpress-elements.css +100 -249 trunk2022.0208 View file →
@@ -1,9 +1,9 @@
1 1 /* Category widget */
2 2 .feedwordpress-category-div .tabs-panel {
3 3 height: 200px;
4 4 overflow: auto;
5 - border: 1px solid #dfdfdf;
5 + border: 1px solid #DFDFDF;
6 6 margin-left: 126px;
7 7 }
8 8 .feedwordpress-category-div ul.category-tabs {
9 9 float: left;
@@ -14,14 +14,14 @@
14 14 }
15 15 .feedwordpress-category-div ul.category-tabs li.tabs {
16 16 display: block;
17 17 border-radius: 3px 0 0 3px;
18 - border-color: #dfdfdf;
18 + border-color: #DFDFDF;
19 19 border-style: solid none solid solid;
20 20 border-width: 1px 0 1px 1px;
21 21 margin-right: -1px;
22 22 padding: 8px;
23 - background-color: #f1f1f1;
23 + background-color: #F1F1F1;
24 24 }
25 25
26 26 .feedwordpress-category-div ul.categorychecklist ul {
27 27 margin-left: 18px;
@@ -33,11 +33,11 @@
33 33 }
34 34
35 35 /* Common settings page elements */
36 36 #fwpfs-container {
37 - margin: 11px 12px 0;
37 + margin:11px 12px 0;
38 38 min-width: 130px;
39 - position: relative;
39 + position:relative;
40 40 }
41 41 #fwpfs-container .subsubsub {
42 42 float: none !important;
43 43 }
@@ -45,43 +45,39 @@
45 45 margin: 0px;
46 46 padding: 0px;
47 47 }
48 48 .fwpfs {
49 - color: #dddddd !important;
50 - background-color: #333 !important;
49 + color: #dddddd !important; background-color: #333 !important;
51 50 background-color: #797979;
52 - border-color: #777777 #777777 #666666 !important;
51 + border-color:#777777 #777777 #666666 !important;
53 52 border-radius: 12px;
54 53 -moz-border-radius: 12px;
55 54 -webkit-border-radius: 12px;
56 - border-style: solid;
57 - border-width: 1px;
58 - line-height: 15px;
59 - padding: 3px 30px 4px 12px;
55 + -khtml-border-radius: 12px;
56 + border-style:solid;
57 + border-width:1px;
58 + line-height:15px;
59 + padding:3px 30px 4px 12px;
60 60 }
61 61 .fwpfs.slide-down {
62 62 border-bottom-color: #626262;
63 - border-top-left-radius: 12px;
64 - border-top-right-radius: 12px;
65 - border-bottom-left-radius: 0;
66 - border-bottom-right-radius: 0;
67 - -webkit-border-top-left-radius: 12px;
68 - -webkit-border-top-right-radius: 12px;
69 - -webkit-border-bottom-left-radius: 0;
70 - -webkit-border-bottom-right-radius: 0;
71 - -moz-border-radius-topleft: 12px;
72 - -moz-border-radius-topright: 12px;
73 - -moz-border-radius-bottomleft: 0;
74 - -moz-border-radius-bottomright: 0;
75 - border-bottom-style: solid;
76 - border-bottom-width: 1px;
63 + border-top-left-radius: 12px; border-top-right-radius: 12px;
64 + border-bottom-left-radius: 0; border-bottom-right-radius: 0;
65 + -webkit-border-top-left-radius: 12px; -webkit-border-top-right-radius: 12px;
66 + -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0;
67 + -khtml-border-top-left-radius: 12px; -khtml-border-top-right-radius: 12px;
68 + -khtml-border-bottom-left-radius: 0; -khtml-border-bottom-right-radius: 0;
69 + -moz-border-radius-topleft:12px; -moz-border-radius-topright:12px;
70 + -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0;
71 + border-bottom-style:solid;
72 + border-bottom-width:1px;
77 73 }
78 74
79 75 .current-setting {
80 76 display: block;
77 + font-size: smaller;
78 + margin-left: 2.0em;
81 79 font-size: smaller;
82 - margin-left: 2em;
83 - font-size: smaller;
84 80 }
85 81 .twofer tr td h4 {
86 82 margin-top: 0px;
87 83 margin-bottom: 3px;
@@ -87,22 +83,22 @@
87 83 margin-bottom: 3px;
88 84 }
89 85 ul.current-setting {
90 86 list-style: disc outside;
91 - padding-left: 2em;
87 + padding-left: 2.0em;
92 88 }
93 89
94 90 /* Switchfeed interface elements */
95 91
96 92 #feed-finder form {
97 - padding-bottom: 2em;
93 + padding-bottom: 2.0em;
98 94 border-bottom: 1px dashed #333;
99 - margin-bottom: 2em;
95 + margin-bottom: 2.0em;
100 96 }
101 97 #feed-finder form.multi .inside {
102 - margin-left: 1em;
98 + margin-left: 1.0em;
103 99 border-left: 3px solid #333;
104 - padding-left: 2em;
100 + padding-left: 2.0em;
105 101 }
106 102
107 103 #feed-finder form fieldset {
108 104 clear: both;
@@ -110,8 +106,9 @@
110 106 padding: 5px 25px;
111 107 background-color: #fff;
112 108 border-radius: 5px;
113 109 -moz-border-radius: 5px;
110 + -khtml-border-radius: 5px;
114 111 -webkit-border-radius: 5px;
115 112 }
116 113 #feed-finder form fieldset.alt {
117 114 background-color: #eee;
@@ -128,10 +125,11 @@
128 125 border-top: 1px solid #777;
129 126 border-bottom: 1px solid #777;
130 127 border-radius: 5px;
131 128 -moz-border-radius: 5px;
129 + -khtml-border-radius: 5px;
132 130 -webkit-border-radius: 5px;
133 - background-color: #7ff;
131 + background-color: #7FF;
134 132 padding: 3px 10px;
135 133 font-weight: bold;
136 134 }
137 135 #feed-finder form fieldset label {
@@ -141,25 +139,24 @@
141 139 clear: both;
142 140 text-align: left;
143 141 }
144 142 #feed-finder form fieldset div.submit input {
145 - margin-right: 3em;
143 + margin-right: 3.0em;
146 144 }
147 145
148 -#feed-finder .feed-sample {
146 +#feed-finder .feed-sample {
149 147 float: right;
150 - background-color: #d0d0d0;
148 + background-color: #D0D0D0;
151 149 color: black;
152 150 width: 45%;
153 151 font-size: 70%;
154 - border-left: 1px dotted #a0a0a0;
155 - margin-left: 1em;
152 + border-left: 1px dotted #A0A0A0;
153 + margin-left: 1.0em;
156 154 padding: 3px;
157 155 max-height: 200px;
158 156 overflow: auto;
159 157 }
160 -#feed-finder .feed-sample p,
161 -.feed-sample h3 {
158 +#feed-finder .feed-sample p, .feed-sample h3 {
162 159 padding-left: 0.5em;
163 160 padding-right: 0.5em;
164 161 }
165 162 #feed-finder .feed-sample .feed-problem {
@@ -168,108 +165,39 @@
168 165 padding-bottom: 0.5em;
169 166 margin-bottom: 0.5em;
170 167 }
171 168
172 -table.edit-form {
173 - width: 100%;
174 -}
175 -table.edit-form th {
176 - width: 27%;
177 - vertical-align: top;
178 - text-align: right;
179 - padding: 0.5em;
180 -}
181 -table.edit-form th .setting-description {
182 - font-weight: normal;
183 - font-size: smaller;
184 - font-style: italic;
185 -}
169 +table.edit-form { width: 100%; }
170 +table.edit-form th { width: 27%; vertical-align: top; text-align: right; padding: 0.5em; }
171 +table.edit-form th .setting-description { font-weight: normal; font-size: smaller; font-style: italic; }
186 172
187 -table.edit-form td {
188 - width: 73%;
189 - vertical-align: top;
190 - padding: 0.5em;
191 -}
192 -table.edit-form td ul.options {
193 - margin: 0;
194 - padding: 0;
195 - list-style: none;
196 -}
197 -table.edit-form td ul.options.compact li {
198 - display: inline;
199 - margin-left: 3em;
200 - white-space: nowrap;
201 -}
202 -table.edit-form.narrow th {
203 - width: 15%;
204 -}
205 -table.edit-form.narrow td {
206 - width: 85%;
207 -}
208 -table.edit-form td p {
209 - margin-top: 0px;
210 -}
173 +table.edit-form td { width: 73%; vertical-align: top; padding: 0.5em; }
174 +table.edit-form td ul.options { margin: 0; padding: 0; list-style: none; }
175 +table.edit-form td ul.options.compact li { display: inline; margin-left: 3.0em; white-space: nowrap; }
176 +table.edit-form.narrow th { width: 15%; }
177 +table.edit-form.narrow td { width: 85%; }
178 +table.edit-form td p { margin-top: 0px; }
211 179
212 -table.twofer {
213 - width: 100%;
214 - border: none;
215 -}
216 -table.twofer tr {
217 - vertical-align: top;
218 -}
219 -table.twofer td.equals.first {
220 - width: 49% !important;
221 - border-right: 1px dotted #777;
222 - padding-top: 0px;
223 - padding-bottom: 0px;
224 - padding-left: 0px;
225 - padding-right: 10px;
226 -}
227 -table.twofer td.equals.second {
228 - width: 49% !important;
229 - padding-top: 0px;
230 - padding-bottom: 0px;
231 - padding-left: 10px;
232 - padding-right: 0px;
233 -}
180 +table.twofer { width: 100%; border: none; }
181 +table.twofer tr { vertical-align: top; }
182 +table.twofer td.equals.first { width: 49% !important; border-right: 1px dotted #777; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 10px; }
183 +table.twofer td.equals.second { width: 49% !important; padding-top: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 0px; }
234 184
235 -table.twofer td.active {
236 - color: black;
237 - background-color: #cfc;
238 - border-radius: 5px;
239 - -moz-border-radius: 5px;
240 - -webkit-border-radius: 5px;
241 -}
242 -table.twofer td.inactive {
243 - color: #333;
244 -}
245 -table.twofer td.equals.first.active {
246 - border-right: none;
247 -}
248 -table.twofer td.equals.first.inactive {
249 - border-right: none;
250 -}
185 +table.twofer td.active { color: black; background-color: #cfc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; }
186 +table.twofer td.inactive { color: #333; }
187 +table.twofer td.equals.first.active { border-right: none; }
188 +table.twofer td.equals.first.inactive { border-right: none; }
251 189
252 -table.twofer td.primary {
253 - width: 69%;
254 - border-right: 1px dotted #777;
255 - padding-right: 10px;
256 -}
257 -table.twofer td.secondary {
258 - padding-left: 10px;
259 - width: 30%;
260 -}
190 +table.twofer td.primary { width: 69%; border-right: 1px dotted #777; padding-right: 10px; }
191 +table.twofer td.secondary { padding-left: 10px; width: 30%; }
261 192
262 -#add-multiple-uri,
263 -#upload-opml {
193 +#add-multiple-uri, #upload-opml {
264 194 float: right;
265 195 position: relative;
266 196 width: 50%;
267 197 background-color: #cfc;
268 - padding-left: 1em;
269 - padding-right: 1em;
270 - padding-top: 0.5em;
271 - padding-bottom: 0.5em;
198 + padding-left: 1.0em; padding-right: 1.0em;
199 + padding-top: 0.5em; padding-bottom: 0.5em;
272 200 right: 0;
273 201 top: auto;
274 202 }
275 203 #add-multiple-uri textarea {
@@ -278,9 +206,9 @@
278 206 }
279 207 #add-multiple-uri h4 {
280 208 margin-bottom: 2px;
281 209 margin-top: 0px;
282 - border-bottom: 1px dotted black;
210 + border-bottom: 1px dotted black;
283 211 }
284 212
285 213 #dashboard-widgets #feedwordpress_dashboard h4 {
286 214 color: #777777;
@@ -287,10 +215,13 @@
287 215 font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
288 216 font-size: 13px;
289 217 font-style: italic;
290 218 font-weight: normal;
219 +
291 220 margin: 0px;
221 +
292 222 border-bottom: 1px solid #ececec;
223 +
293 224 padding-left: 15px;
294 225 padding-top: 10px;
295 226 padding-bottom: 5px;
296 227 padding-right: 0px;
@@ -358,8 +289,9 @@
358 289 background-color: #ecec70;
359 290 border-radius: 10px;
360 291 -moz-border-radius: 10px;
361 292 -webkit-border-radius: 10px;
293 + -khtml-border-radius: 10px;
362 294 opacity: 0.85;
363 295 top: auto;
364 296 left: 45%;
365 297 right: auto;
@@ -366,9 +298,9 @@
366 298 bottom: -5px;
367 299 }
368 300 #multiadd-form {
369 301 position: relative;
370 - padding-bottom: 3em;
302 + padding-bottom: 3.0em;
371 303 }
372 304 #multiadd-status img {
373 305 vertical-align: middle;
374 306 }
@@ -387,37 +319,20 @@
387 319
388 320 .feedwordpress-admin {
389 321 position: relative;
390 322 }
391 -.feedwordpress-admin .submit {
392 - position: relative;
393 - z-index: 40;
394 -}
323 +.feedwordpress-admin .submit { position: relative; z-index: 40; }
395 324
396 -/* These icons have been deprecated since 2013 or so;
397 - see https://core.trac.wordpress.org/ticket/26119.
398 - Nevertheless, we need proper sizing for the 'new' SVG.
399 - (gwyneth 20210717) */
400 -.feedwordpress-admin .icon32,
401 -.feedwordpress-admin .icon32 img {
402 - width: 32px;
403 - height: 32px;
404 -}
405 -
406 325 #feedwordpress-admin-syndication .heads-up {
407 326 background-color: #d0d0d0;
408 327 color: black;
409 - padding: 1em;
410 - margin: 0.5em 4em !important;
328 + padding: 1.0em;
329 + margin: 0.5em 4.0em !important;
411 330 }
412 331 #feedwordpress-admin-syndication .update-form.with-donation {
413 332 margin-right: 50%;
414 333 min-height: 355px;
415 334 }
416 -#feedwordpress-admin-syndication #feedwordpress_update_box .inside {
417 - display: flex;
418 - flex-direction: row-reverse;
419 -}
420 335 #feedwordpress-admin-syndication .donation-form,
421 336 #feedwordpress-admin-syndication .donation-thanks {
422 337 background-color: #ffffcc;
423 338 text-align: left;
@@ -423,9 +338,11 @@
423 338 text-align: left;
424 339 padding: 0.5em 0.5em;
425 340 border-left: thin dashed #777777;
426 341 font-size: 70%;
427 - width: 50%;
342 + position: absolute;
343 + top: 0; bottom: 0; right: 0; left: auto;
344 + width: 50%;
428 345 }
429 346 #feedwordpress-admin-syndication .donation-thanks {
430 347 background-color: #ccffcc;
431 348 }
@@ -439,9 +356,9 @@
439 356 text-align: center;
440 357 border-bottom: 1px solid #777777;
441 358 margin: 0px;
442 359 }
443 -#feedwordpress-admin-syndication .donation-form .donate {
360 +#feedwordpress-admin-syndication .donation-form .donate {
444 361 text-align: center;
445 362 }
446 363 #feedwordpress-admin-syndication .donation-form .sod-off {
447 364 padding-top: 0.5em;
@@ -448,34 +365,32 @@
448 365 margin-top: 0.5em;
449 366 border-top: thin solid #777777;
450 367 }
451 368 #feedwordpress-admin-syndication .feed-missing {
452 - background-color: #ffffd0;
369 + background-color:#FFFFD0;
453 370 }
454 371 #feedwordpress-admin-syndication .unsubscribed tr {
455 - background-color: #ffe0e0;
372 + background-color: #FFE0E0;
456 373 }
457 374 #feedwordpress-admin-syndication .unsubscribed tr.alternate {
458 - background-color: #fff0f0;
375 + background-color: #FFF0F0;
459 376 }
460 377 #feedwordpress-admin-syndication tr.feed-error {
461 - background-color: #ffffd0;
378 + background-color: #FFFFD0;
462 379 }
463 380
464 -#feedwordpress-admin-feeds .add-remove,
465 -.feedwordpress-admin .remove-it {
381 +#feedwordpress-admin-feeds .add-remove, .feedwordpress-admin .remove-it {
466 382 padding-left: 1.5em;
467 - font-size: 0.8em;
383 + font-size: 0.80em;
468 384 text-transform: uppercase;
469 385 text-decoration: none !important;
470 386 vertical-align: middle;
471 387 }
472 388
473 -#link-rss-userpass-use,
474 -.link-rss-authentication table {
389 +#link-rss-userpass-use, .link-rss-authentication table {
475 390 display: block;
476 391 font-size: 75%;
477 - white-space: nowrap;
392 + white-space: nowrap;
478 393 padding: 0.5em 0;
479 394 }
480 395 #feed-finder .link-rss-authentication table {
481 396 font-size: inherit;
@@ -488,13 +403,10 @@
488 403 #link-rss-authentication td {
489 404 width: 25%;
490 405 }
491 406
492 -#feedwordpress-admin-feeds .link-rss-params-row {
493 - vertical-align: middle;
494 -}
495 -#feedwordpress-admin-feeds .link-rss-params-remove,
496 -.feedwordpress-admin .remove-it {
407 +#feedwordpress-admin-feeds .link-rss-params-row { vertical-align: middle; }
408 +#feedwordpress-admin-feeds .link-rss-params-remove, .feedwordpress-admin .remove-it {
497 409 display: block;
498 410 padding-left: 0em !important;
499 411 margin-top: 7px;
500 412 color: #777;
@@ -499,53 +411,46 @@
499 411 margin-top: 7px;
500 412 color: #777;
501 413 }
502 414
503 -#feedwordpress-admin-feeds .link-rss-params-remove:hover,
504 -.feedwordpress-admin .remove-it:hover {
415 +#feedwordpress-admin-feeds .link-rss-params-remove:hover, .feedwordpress-admin .remove-it:hover {
505 416 color: #aa3030;
506 417 }
507 418
508 -#feedwordpress-admin-feeds .link-rss-params-remove .x,
509 -.feedwordpress-admin .remove-it .x {
419 +#feedwordpress-admin-feeds .link-rss-params-remove .x, .feedwordpress-admin .remove-it .x {
510 420 cursor: pointer;
511 421 display: block;
512 422 float: left;
513 - width: 10px;
514 - height: 10px;
423 + width: 10px; height: 10px;
515 424 margin-right: 2px;
516 425 overflow: hidden;
517 426 text-indent: -9999px;
518 427 }
519 428
520 -#feedwordpress-admin-feeds #link-rss-params td {
521 - width: auto !important;
522 -}
523 429
430 +#feedwordpress-admin-feeds #link-rss-params td { width: auto !important; }
431 +
524 432 /* Feed Contents picker & XPath test results widgets */
525 433
526 434 .fwp-xpath-test-results {
527 435 position: absolute;
528 - top: auto;
529 - left: auto;
436 + top: auto; left: auto;
530 437 z-index: 9999999;
531 438 overflow: auto;
532 - max-height: 100px;
533 - max-width: 400px;
439 + max-height: 100px; max-width: 400px;
534 440 background-color: #ccffcc;
535 441 padding: 10px;
536 442 }
537 443 .fwp-xpath-test-results-close {
538 444 position: absolute;
539 - top: 10px;
540 - right: 10px;
445 + top: 10px; right: 10px;
446 +
541 447 }
542 448 .fwp-xpath-test-setting {
543 449 font-size: smaller;
544 450 }
545 451
546 -.fwp-feed-contents-picker h4,
547 -.fwp-xpath-test-results h4 {
452 +.fwp-feed-contents-picker h4, .fwp-xpath-test-results h4 {
548 453 margin-top: 0;
549 454 margin-bottom: 5px;
550 455 border-bottom: 1px dotted black;
551 456 }
@@ -550,73 +455,19 @@
550 455 border-bottom: 1px dotted black;
551 456 }
552 457 .fwp-feed-contents-picker-close {
553 458 position: absolute;
554 - top: 10px;
555 - right: 10px;
459 + top: 10px; right: 10px;
556 460 }
557 -.fwp-feed-contents-picker,
558 -.fwp-feeds-picker {
461 +.fwp-feed-contents-picker, .fwp-feeds-picker {
559 462 position: absolute;
560 - top: auto;
561 - left: auto;
463 + top: auto; left: auto;
562 464 z-index: 9999999;
563 465 overflow: auto;
564 - max-height: 100px;
565 - max-width: 400px;
466 + max-height: 100px; max-width: 400px;
566 467 background-color: #ccffcc;
567 468 padding: 10px;
568 469 }
569 470
570 -.hovered-component .hover-on {
571 - display: none;
572 -}
573 -.hovered-component:hover .hover-on {
574 - display: inline;
575 -}
576 -.hovered-component:hover .hover-on.pop-over {
577 - display: block;
578 - position: absolute;
579 -}
580 -
581 -/*
582 - * Getting rid of the ugly tiny PNGs and replacing it with WP Dashicons
583 - * (gwyneth 20210717)
584 - */
585 -.feedwordpress-dashicons /*,
586 -.feedwordpress-dashicons:before */{
587 - width: 18px;
588 - height: 18px;
589 - font-size: 18px;
590 - background-color: transparent;
591 - color: green;
592 -}
593 -/* Removes all colouring from a button; used to create a button out of a WP Dashicon.
594 -(gwyneth 20210717) */
595 -.feedwordpress-dashicons-button {
596 - color: green;
597 - background: transparent;
598 - border: none !important;
599 - box-shadow: none !important;
600 - text-shadow: none !important;
601 - cursor: pointer;
602 -}
603 -.feedwordpress-dashicons:hover,
604 -.feedwordpress-dashicons-button:hover {
605 - background-color: transparent;
606 - color: #4caf50 !important;
607 - /* text-shadow: 0px 0px 3px lightgrey; */
608 - cursor: pointer;
609 -}
610 -
611 -/*
612 - * Attempting to change the padding on the SVG (gwyneth 20210718)
613 - */
614 -li#toplevel_page_feedwordpress-syndication .wp-menu-image img {
615 - padding: 0;
616 - margin-top: 0; /* added this for good measure */
617 -}
618 -
619 -/* This is to avoid that Dashicons get underlines! (gwyneth 20210718) */
620 -.fwp-no-underline, .fwp-no-underline:hover {
621 - text-decoration: none;
622 -}
471 +.hovered-component .hover-on { display: none; }
472 +.hovered-component:hover .hover-on { display: inline; }
473 +.hovered-component:hover .hover-on.pop-over { display: block; position: absolute; }