| @@ -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; |
| @@ -32,22 +32,8 @@ | ||
| 32 | 32 | } |
| 33 | 33 | |
| 34 | 34 | |
| 35 | 35 | /* Toolbar */ |
| 36 | -#wpadminbar li#wp-admin-bar-admin-bar-likes-widget { | |
| 37 | - width: 61px; | |
| 38 | - overflow: hidden; | |
| 39 | -} | |
| 40 | - | |
| 41 | -#wpadminbar iframe.admin-bar-likes-widget { | |
| 42 | - width: 61px; | |
| 43 | - height: 28px; | |
| 44 | - min-height: 28px; | |
| 45 | - border-width: 0px; | |
| 46 | - position: absolute; | |
| 47 | - top: 0; | |
| 48 | -} | |
| 49 | - | |
| 50 | 36 | div.jetpack-likes-widget-wrapper { |
| 51 | 37 | width: 100%; |
| 52 | 38 | min-height: 50px; /* Previous height, 60px */ |
| 53 | 39 | position: relative; /* Need to abs position placeholder and iframe so there isn't a jarring jump */ |
| @@ -69,20 +55,8 @@ | ||
| 69 | 55 | |
| 70 | 56 | #likes-other-gravatars { |
| 71 | 57 | display: none; |
| 72 | 58 | position: absolute; |
| 73 | - padding: 10px 10px 12px 10px; | |
| 74 | - background-color: #2e4453; | |
| 75 | - border-width: 0; | |
| 76 | - box-shadow: 0 0 10px #2e4453; | |
| 77 | - box-shadow: 0 0 10px rgba(46,68,83,.6); | |
| 78 | - min-width: 130px; | |
| 79 | - z-index: 1000; | |
| 80 | -} | |
| 81 | - | |
| 82 | -#likes-other-gravatars.wpl-new-layout { | |
| 83 | - display: none; | |
| 84 | - position: absolute; | |
| 85 | 59 | padding: 9px 12px 10px 12px; |
| 86 | 60 | background-color: #fff; |
| 87 | 61 | border: solid 1px #dcdcde; |
| 88 | 62 | border-radius: 4px; |
| @@ -98,14 +72,8 @@ | ||
| 98 | 72 | line-height: normal; |
| 99 | 73 | } |
| 100 | 74 | |
| 101 | 75 | #likes-other-gravatars .likes-text { |
| 102 | - color: white; | |
| 103 | - font-size: 12px; | |
| 104 | - padding-bottom: 8px; | |
| 105 | -} | |
| 106 | - | |
| 107 | -#likes-other-gravatars.wpl-new-layout .likes-text { | |
| 108 | 76 | color: #101517; |
| 109 | 77 | font-size: 12px; |
| 110 | 78 | font-weight: 500; |
| 111 | 79 | padding-bottom: 8px; |
| @@ -129,15 +97,8 @@ | ||
| 129 | 97 | max-height: 190px; |
| 130 | 98 | } |
| 131 | 99 | |
| 132 | 100 | #likes-other-gravatars ul.wpl-avatars li { |
| 133 | - width: 32px; | |
| 134 | - height: 32px; | |
| 135 | - float: left; | |
| 136 | - margin: 0 5px 5px 0; | |
| 137 | -} | |
| 138 | - | |
| 139 | -#likes-other-gravatars.wpl-new-layout ul.wpl-avatars li { | |
| 140 | 101 | width: 196px; |
| 141 | 102 | height: 28px; |
| 142 | 103 | float: none; |
| 143 | 104 | margin: 0 0 4px 0; |
| @@ -145,14 +106,8 @@ | ||
| 145 | 106 | |
| 146 | 107 | #likes-other-gravatars ul.wpl-avatars li a { |
| 147 | 108 | margin: 0 2px 0 0; |
| 148 | 109 | border-bottom: none !important; |
| 149 | - display: block; | |
| 150 | -} | |
| 151 | - | |
| 152 | -#likes-other-gravatars.wpl-new-layout ul.wpl-avatars li a { | |
| 153 | - margin: 0 2px 0 0; | |
| 154 | - border-bottom: none !important; | |
| 155 | 110 | display: flex; |
| 156 | 111 | align-items: center; |
| 157 | 112 | gap: 8px; |
| 158 | 113 | text-decoration: none; |
| @@ -157,11 +112,11 @@ | ||
| 157 | 112 | gap: 8px; |
| 158 | 113 | text-decoration: none; |
| 159 | 114 | } |
| 160 | 115 | |
| 161 | -#likes-other-gravatars.wpl-new-layout ul.wpl-avatars li a span { | |
| 116 | +#likes-other-gravatars ul.wpl-avatars li a span { | |
| 162 | 117 | font-size: 12px; |
| 163 | - color: #2C3338; | |
| 118 | + color: #2c3338; | |
| 164 | 119 | overflow: hidden; |
| 165 | 120 | text-overflow: ellipsis; |
| 166 | 121 | white-space: nowrap; |
| 167 | 122 | } |
| @@ -168,33 +123,38 @@ | ||
| 168 | 123 | |
| 169 | 124 | #likes-other-gravatars ul.wpl-avatars li a img { |
| 170 | 125 | background: none; |
| 171 | 126 | border: none; |
| 172 | - margin: 0 !important; | |
| 173 | - padding: 0 !important; | |
| 174 | - position: static; | |
| 175 | - box-sizing: border-box; | |
| 176 | -} | |
| 177 | - | |
| 178 | -#likes-other-gravatars.wpl-new-layout ul.wpl-avatars li a img { | |
| 179 | - background: none; | |
| 180 | - border: none; | |
| 181 | 127 | border-radius: 50%; |
| 182 | 128 | margin: 0 !important; |
| 183 | 129 | padding: 1px !important; |
| 184 | 130 | position: static; |
| 131 | + box-sizing: border-box; | |
| 185 | 132 | } |
| 186 | 133 | |
| 187 | 134 | div.sd-box { |
| 188 | 135 | border-top: 1px solid #dcdcde; |
| 189 | - border-top: 1px solid rgba(0,0,0,.13); | |
| 136 | + border-top: 1px solid rgba(0, 0, 0, 0.13); | |
| 190 | 137 | } |
| 191 | 138 | |
| 192 | -.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, | |
| 193 | 154 | .comment-likes-widget { |
| 194 | 155 | margin: 0; |
| 195 | 156 | border-width: 0; |
| 196 | - display: block; | |
| 197 | 157 | } |
| 198 | 158 | |
| 199 | 159 | /* Loading text */ |
| 200 | 160 | .post-likes-widget-placeholder, |
| @@ -207,16 +167,16 @@ | ||
| 207 | 167 | .comment-likes-widget-placeholder { |
| 208 | 168 | height: 18px; |
| 209 | 169 | position: absolute; |
| 210 | 170 | display: flex; |
| 211 | - 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; | |
| 212 | 172 | } |
| 213 | 173 | |
| 214 | 174 | .comment-likes-widget-placeholder::before { |
| 215 | - color: #2EA2CC; | |
| 175 | + color: #2ea2cc; | |
| 216 | 176 | width: 16px; |
| 217 | 177 | height: 16px; |
| 218 | - content: ''; | |
| 178 | + content: ""; | |
| 219 | 179 | display: inline-block; |
| 220 | 180 | position: relative; |
| 221 | 181 | top: 3px; |
| 222 | 182 | padding-right: 5px; |
| @@ -228,11 +188,8 @@ | ||
| 228 | 188 | .post-likes-widget-placeholder .button { |
| 229 | 189 | display: none; /* Let's not show a dummy like button, let's just make a great button experience once it's loaded */ |
| 230 | 190 | } |
| 231 | 191 | |
| 232 | -.post-likes-widget-placeholder .button span { | |
| 233 | -} | |
| 234 | - | |
| 235 | 192 | .post-likes-widget-placeholder .loading, |
| 236 | 193 | .comment-likes-widget-placeholder .loading { |
| 237 | 194 | color: #999; |
| 238 | 195 | font-size: 12px; |
| @@ -241,9 +198,9 @@ | ||
| 241 | 198 | .comment-likes-widget-placeholder .loading { |
| 242 | 199 | padding-left: 5px; |
| 243 | 200 | margin-top: 4px; |
| 244 | 201 | align-self: center; |
| 245 | - color: #4E4E4E; | |
| 202 | + color: #4e4e4e; | |
| 246 | 203 | } |
| 247 | 204 | |
| 248 | 205 | /* Like Special cases (display on it's own) */ |
| 249 | 206 | div.sharedaddy.sd-like-enabled .sd-like h3 { |
| @@ -261,9 +218,9 @@ | ||
| 261 | 218 | width: 100%; |
| 262 | 219 | } |
| 263 | 220 | |
| 264 | 221 | |
| 265 | -/* Make ratings block. @todo: make !important unnecessary by removing inline style */ | |
| 222 | +/* Make ratings block. @todo: remove inline style so !important is not needed */ | |
| 266 | 223 | .pd-rating, |
| 267 | 224 | .cs-rating { |
| 268 | 225 | display: block !important; |
| 269 | 226 | } |
| @@ -274,8 +231,9 @@ | ||
| 274 | 231 | display: none; |
| 275 | 232 | } |
| 276 | 233 | |
| 277 | 234 | @media print { |
| 235 | + | |
| 278 | 236 | .jetpack-likes-widget-wrapper { |
| 279 | 237 | display: none; |
| 280 | 238 | } |
| 281 | 239 | } |
