PluginProbe
FeedWordPress / trunk
FeedWordPress vtrunk
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
feedwordpress / assets / css / feedwordpress-elements.css

feedwordpress-elements.css in FeedWordPress trunk, at assets/css/feedwordpress-elements.css

622 lines 12.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /* Category widget */
2 .feedwordpress-category-div .tabs-panel {
3 height: 200px;
4 overflow: auto;
5 border: 1px solid #dfdfdf;
6 margin-left: 126px;
7 }
8 .feedwordpress-category-div ul.category-tabs {
9 float: left;
10 margin: 0 -120px 0 5px;
11 padding: 0;
12 text-align: right;
13 width: 120px;
14 }
15 .feedwordpress-category-div ul.category-tabs li.tabs {
16 display: block;
17 border-radius: 3px 0 0 3px;
18 border-color: #dfdfdf;
19 border-style: solid none solid solid;
20 border-width: 1px 0 1px 1px;
21 margin-right: -1px;
22 padding: 8px;
23 background-color: #f1f1f1;
24 }
25
26 .feedwordpress-category-div ul.categorychecklist ul {
27 margin-left: 18px;
28 }
29 .feedwordpress-category-div ul.category-tabs a {
30 color: #333333;
31 font-weight: bold;
32 text-decoration: none;
33 }
34
35 /* Common settings page elements */
36 #fwpfs-container {
37 margin: 11px 12px 0;
38 min-width: 130px;
39 position: relative;
40 }
41 #fwpfs-container .subsubsub {
42 float: none !important;
43 }
44 .tablenav p.submit {
45 margin: 0px;
46 padding: 0px;
47 }
48 .fwpfs {
49 color: #dddddd !important;
50 background-color: #333 !important;
51 background-color: #797979;
52 border-color: #777777 #777777 #666666 !important;
53 border-radius: 12px;
54 -moz-border-radius: 12px;
55 -webkit-border-radius: 12px;
56 border-style: solid;
57 border-width: 1px;
58 line-height: 15px;
59 padding: 3px 30px 4px 12px;
60 }
61 .fwpfs.slide-down {
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;
77 }
78
79 .current-setting {
80 display: block;
81 font-size: smaller;
82 margin-left: 2em;
83 font-size: smaller;
84 }
85 .twofer tr td h4 {
86 margin-top: 0px;
87 margin-bottom: 3px;
88 }
89 ul.current-setting {
90 list-style: disc outside;
91 padding-left: 2em;
92 }
93
94 /* Switchfeed interface elements */
95
96 #feed-finder form {
97 padding-bottom: 2em;
98 border-bottom: 1px dashed #333;
99 margin-bottom: 2em;
100 }
101 #feed-finder form.multi .inside {
102 margin-left: 1em;
103 border-left: 3px solid #333;
104 padding-left: 2em;
105 }
106
107 #feed-finder form fieldset {
108 clear: both;
109 border: 1px solid #777;
110 padding: 5px 25px;
111 background-color: #fff;
112 border-radius: 5px;
113 -moz-border-radius: 5px;
114 -webkit-border-radius: 5px;
115 }
116 #feed-finder form fieldset.alt {
117 background-color: #eee;
118 }
119 #feed-finder form fieldset.current {
120 background-color: #efe;
121 }
122 #feed-finder form fieldset.current legend {
123 background-color: #7f7;
124 }
125 #feed-finder form fieldset legend {
126 border-left: 1px solid #777;
127 border-right: 1px solid #777;
128 border-top: 1px solid #777;
129 border-bottom: 1px solid #777;
130 border-radius: 5px;
131 -moz-border-radius: 5px;
132 -webkit-border-radius: 5px;
133 background-color: #7ff;
134 padding: 3px 10px;
135 font-weight: bold;
136 }
137 #feed-finder form fieldset label {
138 font-weight: bold;
139 }
140 #feed-finder form fieldset div.submit {
141 clear: both;
142 text-align: left;
143 }
144 #feed-finder form fieldset div.submit input {
145 margin-right: 3em;
146 }
147
148 #feed-finder .feed-sample {
149 float: right;
150 background-color: #d0d0d0;
151 color: black;
152 width: 45%;
153 font-size: 70%;
154 border-left: 1px dotted #a0a0a0;
155 margin-left: 1em;
156 padding: 3px;
157 max-height: 200px;
158 overflow: auto;
159 }
160 #feed-finder .feed-sample p,
161 .feed-sample h3 {
162 padding-left: 0.5em;
163 padding-right: 0.5em;
164 }
165 #feed-finder .feed-sample .feed-problem {
166 background-color: #ffd0d0;
167 border-bottom: 1px dotted black;
168 padding-bottom: 0.5em;
169 margin-bottom: 0.5em;
170 }
171
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 }
186
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 }
211
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 }
234
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 }
251
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 }
261
262 #add-multiple-uri,
263 #upload-opml {
264 float: right;
265 position: relative;
266 width: 50%;
267 background-color: #cfc;
268 padding-left: 1em;
269 padding-right: 1em;
270 padding-top: 0.5em;
271 padding-bottom: 0.5em;
272 right: 0;
273 top: auto;
274 }
275 #add-multiple-uri textarea {
276 width: 100%;
277 margin-top: 0.5em;
278 }
279 #add-multiple-uri h4 {
280 margin-bottom: 2px;
281 margin-top: 0px;
282 border-bottom: 1px dotted black;
283 }
284
285 #dashboard-widgets #feedwordpress_dashboard h4 {
286 color: #777777;
287 font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
288 font-size: 13px;
289 font-style: italic;
290 font-weight: normal;
291 margin: 0px;
292 border-bottom: 1px solid #ececec;
293 padding-left: 15px;
294 padding-top: 10px;
295 padding-bottom: 5px;
296 padding-right: 0px;
297 }
298
299 #feedwordpress_dashboard .feedwordpress-stats {
300 width: 49%;
301 }
302 #feedwordpress_dashboard .feedwordpress-stats table {
303 margin-top: 5px;
304 margin-left: 15px;
305 }
306 #feedwordpress_dashboard .feedwordpress-actions ul.options {
307 margin-left: 15px !important;
308 margin-top: 5px !important;
309 }
310
311 #feedwordpress_dashboard .feedwordpress-actions {
312 width: 49%;
313 float: right;
314 }
315 #feedwordpress_dashboard td.b {
316 padding-right: 12px;
317 }
318 #feedwordpress_dashboard td.b a {
319 font-size: 18px;
320 }
321
322 #feedwordpress_dashboard td.t.active a:link,
323 #feedwordpress_dashboard td.t.active a:visited {
324 color: green;
325 }
326 #feedwordpress_dashboard td.t.inactive a:link,
327 #feedwordpress_dashboard td.t.inactive a:visited {
328 color: red;
329 }
330
331 #feedwordpress_dashboard #add-single-uri {
332 clear: both;
333 margin-top: 15px;
334 }
335
336 #feedwordpress_dashboard #add-single-uri #syndicated-links {
337 border-top: 1px solid #ececec;
338 width: 49%;
339 }
340 #feedwordpress_dashboard #add-single-uri #syndicated-links .container {
341 margin-top: 5px;
342 margin-left: 15px;
343 }
344
345 #feedwordpress_dashboard #add-single-uri #check-for-updates {
346 border-top: 1px solid #ececec;
347 float: right;
348 text-align: left;
349 width: 49%;
350 }
351 #feedwordpress_dashboard #add-single-uri #check-for-updates .container {
352 margin-top: 5px;
353 margin-left: 15px;
354 }
355 #multiadd-status {
356 position: absolute;
357 padding: 10px;
358 background-color: #ecec70;
359 border-radius: 10px;
360 -moz-border-radius: 10px;
361 -webkit-border-radius: 10px;
362 opacity: 0.85;
363 top: auto;
364 left: 45%;
365 right: auto;
366 bottom: -5px;
367 }
368 #multiadd-form {
369 position: relative;
370 padding-bottom: 3em;
371 }
372 #multiadd-status img {
373 vertical-align: middle;
374 }
375 #multiadd-list {
376 border-top: 1px dotted black;
377 padding-top: 5px;
378 padding-bottom: 5px;
379 border-bottom: 1px dotted black;
380 }
381 #multiadd-buttons {
382 position: absolute;
383 bottom: 0px;
384 margin-top: 15px;
385 margin-left: 15px;
386 }
387
388 .feedwordpress-admin {
389 position: relative;
390 }
391 .feedwordpress-admin .submit {
392 position: relative;
393 z-index: 40;
394 }
395
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 #feedwordpress-admin-syndication .heads-up {
407 background-color: #d0d0d0;
408 color: black;
409 padding: 1em;
410 margin: 0.5em 4em !important;
411 }
412 #feedwordpress-admin-syndication .update-form.with-donation {
413 margin-right: 50%;
414 min-height: 355px;
415 }
416 #feedwordpress-admin-syndication #feedwordpress_update_box .inside {
417 display: flex;
418 flex-direction: row-reverse;
419 }
420 #feedwordpress-admin-syndication .donation-form,
421 #feedwordpress-admin-syndication .donation-thanks {
422 background-color: #ffffcc;
423 text-align: left;
424 padding: 0.5em 0.5em;
425 border-left: thin dashed #777777;
426 font-size: 70%;
427 width: 50%;
428 }
429 #feedwordpress-admin-syndication .donation-thanks {
430 background-color: #ccffcc;
431 }
432 #feedwordpress-admin-syndication .donation-thanks .signature {
433 text-align: right;
434 font-style: italic;
435 }
436 #feedwordpress-admin-syndication .donation-form h4,
437 #feedwordpress-admin-syndication .donation-thanks h4 {
438 font-size: 10px;
439 text-align: center;
440 border-bottom: 1px solid #777777;
441 margin: 0px;
442 }
443 #feedwordpress-admin-syndication .donation-form .donate {
444 text-align: center;
445 }
446 #feedwordpress-admin-syndication .donation-form .sod-off {
447 padding-top: 0.5em;
448 margin-top: 0.5em;
449 border-top: thin solid #777777;
450 }
451 #feedwordpress-admin-syndication .feed-missing {
452 background-color: #ffffd0;
453 }
454 #feedwordpress-admin-syndication .unsubscribed tr {
455 background-color: #ffe0e0;
456 }
457 #feedwordpress-admin-syndication .unsubscribed tr.alternate {
458 background-color: #fff0f0;
459 }
460 #feedwordpress-admin-syndication tr.feed-error {
461 background-color: #ffffd0;
462 }
463
464 #feedwordpress-admin-feeds .add-remove,
465 .feedwordpress-admin .remove-it {
466 padding-left: 1.5em;
467 font-size: 0.8em;
468 text-transform: uppercase;
469 text-decoration: none !important;
470 vertical-align: middle;
471 }
472
473 #link-rss-userpass-use,
474 .link-rss-authentication table {
475 display: block;
476 font-size: 75%;
477 white-space: nowrap;
478 padding: 0.5em 0;
479 }
480 #feed-finder .link-rss-authentication table {
481 font-size: inherit;
482 }
483
484 #link-rss-authentication label {
485 font-weight: bold;
486 padding-left: 1.5em;
487 }
488 #link-rss-authentication td {
489 width: 25%;
490 }
491
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 {
497 display: block;
498 padding-left: 0em !important;
499 margin-top: 7px;
500 color: #777;
501 }
502
503 #feedwordpress-admin-feeds .link-rss-params-remove:hover,
504 .feedwordpress-admin .remove-it:hover {
505 color: #aa3030;
506 }
507
508 #feedwordpress-admin-feeds .link-rss-params-remove .x,
509 .feedwordpress-admin .remove-it .x {
510 cursor: pointer;
511 display: block;
512 float: left;
513 width: 10px;
514 height: 10px;
515 margin-right: 2px;
516 overflow: hidden;
517 text-indent: -9999px;
518 }
519
520 #feedwordpress-admin-feeds #link-rss-params td {
521 width: auto !important;
522 }
523
524 /* Feed Contents picker & XPath test results widgets */
525
526 .fwp-xpath-test-results {
527 position: absolute;
528 top: auto;
529 left: auto;
530 z-index: 9999999;
531 overflow: auto;
532 max-height: 100px;
533 max-width: 400px;
534 background-color: #ccffcc;
535 padding: 10px;
536 }
537 .fwp-xpath-test-results-close {
538 position: absolute;
539 top: 10px;
540 right: 10px;
541 }
542 .fwp-xpath-test-setting {
543 font-size: smaller;
544 }
545
546 .fwp-feed-contents-picker h4,
547 .fwp-xpath-test-results h4 {
548 margin-top: 0;
549 margin-bottom: 5px;
550 border-bottom: 1px dotted black;
551 }
552 .fwp-feed-contents-picker-close {
553 position: absolute;
554 top: 10px;
555 right: 10px;
556 }
557 .fwp-feed-contents-picker,
558 .fwp-feeds-picker {
559 position: absolute;
560 top: auto;
561 left: auto;
562 z-index: 9999999;
563 overflow: auto;
564 max-height: 100px;
565 max-width: 400px;
566 background-color: #ccffcc;
567 padding: 10px;
568 }
569
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 }