| @@ -3,9 +3,9 @@ | ||
| 3 | 3 | */ |
| 4 | 4 | |
| 5 | 5 | /* Master container */ |
| 6 | 6 | #jp-post-flair { |
| 7 | - padding-top: .5em; | |
| 7 | + padding-top: 0.5em; | |
| 8 | 8 | } |
| 9 | 9 | |
| 10 | 10 | /* Overall Sharedaddy block title */ |
| 11 | 11 | div.sharedaddy, |
| @@ -18,12 +18,12 @@ | ||
| 18 | 18 | margin: 0 0 1em 0; |
| 19 | 19 | display: inline-block; |
| 20 | 20 | line-height: 1.2; |
| 21 | 21 | font-size: 9pt; |
| 22 | - font-weight: bold; | |
| 22 | + font-weight: 700; | |
| 23 | 23 | } |
| 24 | 24 | |
| 25 | -div.sharedaddy h3.sd-title:before { | |
| 25 | +div.sharedaddy h3.sd-title::before { | |
| 26 | 26 | content: ""; |
| 27 | 27 | display: block; |
| 28 | 28 | width: 100%; |
| 29 | 29 | min-width: 30px; |
| @@ -55,20 +55,8 @@ | ||
| 55 | 55 | |
| 56 | 56 | #likes-other-gravatars { |
| 57 | 57 | display: none; |
| 58 | 58 | position: absolute; |
| 59 | - padding: 10px 10px 12px 10px; | |
| 60 | - background-color: #2e4453; | |
| 61 | - border-width: 0; | |
| 62 | - box-shadow: 0 0 10px #2e4453; | |
| 63 | - box-shadow: 0 0 10px rgba(46,68,83,.6); | |
| 64 | - min-width: 130px; | |
| 65 | - z-index: 1000; | |
| 66 | -} | |
| 67 | - | |
| 68 | -#likes-other-gravatars.wpl-new-layout { | |
| 69 | - display: none; | |
| 70 | - position: absolute; | |
| 71 | 59 | padding: 9px 12px 10px 12px; |
| 72 | 60 | background-color: #fff; |
| 73 | 61 | border: solid 1px #dcdcde; |
| 74 | 62 | border-radius: 4px; |
| @@ -84,14 +72,8 @@ | ||
| 84 | 72 | line-height: normal; |
| 85 | 73 | } |
| 86 | 74 | |
| 87 | 75 | #likes-other-gravatars .likes-text { |
| 88 | - color: white; | |
| 89 | - font-size: 12px; | |
| 90 | - padding-bottom: 8px; | |
| 91 | -} | |
| 92 | - | |
| 93 | -#likes-other-gravatars.wpl-new-layout .likes-text { | |
| 94 | 76 | color: #101517; |
| 95 | 77 | font-size: 12px; |
| 96 | 78 | font-weight: 500; |
| 97 | 79 | padding-bottom: 8px; |
| @@ -115,15 +97,8 @@ | ||
| 115 | 97 | max-height: 190px; |
| 116 | 98 | } |
| 117 | 99 | |
| 118 | 100 | #likes-other-gravatars ul.wpl-avatars li { |
| 119 | - width: 32px; | |
| 120 | - height: 32px; | |
| 121 | - float: left; | |
| 122 | - margin: 0 5px 5px 0; | |
| 123 | -} | |
| 124 | - | |
| 125 | -#likes-other-gravatars.wpl-new-layout ul.wpl-avatars li { | |
| 126 | 101 | width: 196px; |
| 127 | 102 | height: 28px; |
| 128 | 103 | float: none; |
| 129 | 104 | margin: 0 0 4px 0; |
| @@ -131,14 +106,8 @@ | ||
| 131 | 106 | |
| 132 | 107 | #likes-other-gravatars ul.wpl-avatars li a { |
| 133 | 108 | margin: 0 2px 0 0; |
| 134 | 109 | border-bottom: none !important; |
| 135 | - display: block; | |
| 136 | -} | |
| 137 | - | |
| 138 | -#likes-other-gravatars.wpl-new-layout ul.wpl-avatars li a { | |
| 139 | - margin: 0 2px 0 0; | |
| 140 | - border-bottom: none !important; | |
| 141 | 110 | display: flex; |
| 142 | 111 | align-items: center; |
| 143 | 112 | gap: 8px; |
| 144 | 113 | text-decoration: none; |
| @@ -143,11 +112,11 @@ | ||
| 143 | 112 | gap: 8px; |
| 144 | 113 | text-decoration: none; |
| 145 | 114 | } |
| 146 | 115 | |
| 147 | -#likes-other-gravatars.wpl-new-layout ul.wpl-avatars li a span { | |
| 116 | +#likes-other-gravatars ul.wpl-avatars li a span { | |
| 148 | 117 | font-size: 12px; |
| 149 | - color: #2C3338; | |
| 118 | + color: #2c3338; | |
| 150 | 119 | overflow: hidden; |
| 151 | 120 | text-overflow: ellipsis; |
| 152 | 121 | white-space: nowrap; |
| 153 | 122 | } |
| @@ -154,33 +123,38 @@ | ||
| 154 | 123 | |
| 155 | 124 | #likes-other-gravatars ul.wpl-avatars li a img { |
| 156 | 125 | background: none; |
| 157 | 126 | border: none; |
| 158 | - margin: 0 !important; | |
| 159 | - padding: 0 !important; | |
| 160 | - position: static; | |
| 161 | - box-sizing: border-box; | |
| 162 | -} | |
| 163 | - | |
| 164 | -#likes-other-gravatars.wpl-new-layout ul.wpl-avatars li a img { | |
| 165 | - background: none; | |
| 166 | - border: none; | |
| 167 | 127 | border-radius: 50%; |
| 168 | 128 | margin: 0 !important; |
| 169 | 129 | padding: 1px !important; |
| 170 | 130 | position: static; |
| 131 | + box-sizing: border-box; | |
| 171 | 132 | } |
| 172 | 133 | |
| 173 | 134 | div.sd-box { |
| 174 | 135 | border-top: 1px solid #dcdcde; |
| 175 | - border-top: 1px solid rgba(0,0,0,.13); | |
| 136 | + border-top: 1px solid rgba(0, 0, 0, 0.13); | |
| 176 | 137 | } |
| 177 | 138 | |
| 178 | -.entry-content .post-likes-widget, .post-likes-widget, | |
| 139 | + | |
| 140 | +.jetpack-likes-widget-unloaded .likes-widget-placeholder, | |
| 141 | +.jetpack-likes-widget-loading .likes-widget-placeholder, | |
| 142 | +.jetpack-likes-widget-loaded iframe { | |
| 143 | + display: block; | |
| 144 | +} | |
| 145 | + | |
| 146 | +.jetpack-likes-widget-loaded .likes-widget-placeholder, | |
| 147 | +.jetpack-likes-widget-unloaded iframe, | |
| 148 | +.jetpack-likes-widget-loading iframe { | |
| 149 | + display: none; | |
| 150 | +} | |
| 151 | + | |
| 152 | +.entry-content .post-likes-widget, | |
| 153 | +.post-likes-widget, | |
| 179 | 154 | .comment-likes-widget { |
| 180 | 155 | margin: 0; |
| 181 | 156 | border-width: 0; |
| 182 | - display: block; | |
| 183 | 157 | } |
| 184 | 158 | |
| 185 | 159 | /* Loading text */ |
| 186 | 160 | .post-likes-widget-placeholder, |
| @@ -193,16 +167,16 @@ | ||
| 193 | 167 | .comment-likes-widget-placeholder { |
| 194 | 168 | height: 18px; |
| 195 | 169 | position: absolute; |
| 196 | 170 | display: flex; |
| 197 | - font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; | |
| 171 | + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; | |
| 198 | 172 | } |
| 199 | 173 | |
| 200 | 174 | .comment-likes-widget-placeholder::before { |
| 201 | - color: #2EA2CC; | |
| 175 | + color: #2ea2cc; | |
| 202 | 176 | width: 16px; |
| 203 | 177 | height: 16px; |
| 204 | - content: ''; | |
| 178 | + content: ""; | |
| 205 | 179 | display: inline-block; |
| 206 | 180 | position: relative; |
| 207 | 181 | top: 3px; |
| 208 | 182 | padding-right: 5px; |
| @@ -214,11 +188,8 @@ | ||
| 214 | 188 | .post-likes-widget-placeholder .button { |
| 215 | 189 | display: none; /* Let's not show a dummy like button, let's just make a great button experience once it's loaded */ |
| 216 | 190 | } |
| 217 | 191 | |
| 218 | -.post-likes-widget-placeholder .button span { | |
| 219 | -} | |
| 220 | - | |
| 221 | 192 | .post-likes-widget-placeholder .loading, |
| 222 | 193 | .comment-likes-widget-placeholder .loading { |
| 223 | 194 | color: #999; |
| 224 | 195 | font-size: 12px; |
| @@ -227,9 +198,9 @@ | ||
| 227 | 198 | .comment-likes-widget-placeholder .loading { |
| 228 | 199 | padding-left: 5px; |
| 229 | 200 | margin-top: 4px; |
| 230 | 201 | align-self: center; |
| 231 | - color: #4E4E4E; | |
| 202 | + color: #4e4e4e; | |
| 232 | 203 | } |
| 233 | 204 | |
| 234 | 205 | /* Like Special cases (display on it's own) */ |
| 235 | 206 | div.sharedaddy.sd-like-enabled .sd-like h3 { |
| @@ -247,9 +218,9 @@ | ||
| 247 | 218 | width: 100%; |
| 248 | 219 | } |
| 249 | 220 | |
| 250 | 221 | |
| 251 | -/* Make ratings block. @todo: make !important unnecessary by removing inline style */ | |
| 222 | +/* Make ratings block. @todo: remove inline style so !important is not needed */ | |
| 252 | 223 | .pd-rating, |
| 253 | 224 | .cs-rating { |
| 254 | 225 | display: block !important; |
| 255 | 226 | } |
| @@ -260,8 +231,9 @@ | ||
| 260 | 231 | display: none; |
| 261 | 232 | } |
| 262 | 233 | |
| 263 | 234 | @media print { |
| 235 | + | |
| 264 | 236 | .jetpack-likes-widget-wrapper { |
| 265 | 237 | display: none; |
| 266 | 238 | } |
| 267 | 239 | } |
