wpp.css
88 lines
| 1 | /* |
| 2 | WP Popular Posts plugin stylesheet |
| 3 | Developed by Hector Cabrera |
| 4 | cabrerahector.com | @cabrerahector |
| 5 | |
| 6 | Use the following classes to style your popular posts list as you like. |
| 7 | */ |
| 8 | |
| 9 | /* Styles the "Sorry, no data so far" message */ |
| 10 | .wpp-no-data { |
| 11 | } |
| 12 | |
| 13 | /* UL - Popular Posts container styles */ |
| 14 | .wpp-list { |
| 15 | |
| 16 | /* LI - Post container styles */ |
| 17 | li { |
| 18 | overflow: hidden; |
| 19 | float: none; |
| 20 | clear: both; |
| 21 | margin-bottom: 1rem; |
| 22 | |
| 23 | &:last-of-type { |
| 24 | margin-bottom: 0; |
| 25 | } |
| 26 | |
| 27 | /* Styles for the popular post in view */ |
| 28 | &.current { |
| 29 | } |
| 30 | |
| 31 | a { |
| 32 | &:has(.wpp-thumbnail) { |
| 33 | display: block; |
| 34 | float: left; |
| 35 | margin: 0 1rem 0 0; |
| 36 | |
| 37 | .wpp-thumbnail { |
| 38 | display: block; |
| 39 | border: none; |
| 40 | |
| 41 | &.wpp_def_no_src { |
| 42 | object-fit: contain; |
| 43 | } |
| 44 | } |
| 45 | } |
| 46 | } |
| 47 | |
| 48 | /* Title styles */ |
| 49 | .wpp-post-title { |
| 50 | } |
| 51 | |
| 52 | /* Excerpt styles */ |
| 53 | .wpp-excerpt { |
| 54 | display: block; |
| 55 | } |
| 56 | |
| 57 | /* Stats tag styles */ |
| 58 | .wpp-meta, .post-stats { |
| 59 | display: block; |
| 60 | font-size: 0.8em; |
| 61 | } |
| 62 | |
| 63 | /* Comments count styles */ |
| 64 | .wpp-comments { |
| 65 | } |
| 66 | |
| 67 | /* Views count styles */ |
| 68 | .wpp-views { |
| 69 | } |
| 70 | |
| 71 | /* Author styles */ |
| 72 | .wpp-author { |
| 73 | } |
| 74 | |
| 75 | /* Post date styles */ |
| 76 | .wpp-date { |
| 77 | } |
| 78 | |
| 79 | /* Post category styles */ |
| 80 | .wpp-category { |
| 81 | } |
| 82 | |
| 83 | /* WP-PostRatings styles */ |
| 84 | .wpp-rating { |
| 85 | } |
| 86 | } |
| 87 | } |
| 88 |