| @@ -20,8 +20,12 @@ | ||
| 20 | 20 | .imagify-notice-dismiss.notice-dismiss { |
| 21 | 21 | text-decoration: none; |
| 22 | 22 | } |
| 23 | 23 | |
| 24 | +.imagify-notice-dismiss.notice-dismiss::before { | |
| 25 | + color: #fff; | |
| 26 | +} | |
| 27 | + | |
| 24 | 28 | /* Notices in Imagify related pages */ |
| 25 | 29 | .media_page_imagify-bulk-optimization .notice, |
| 26 | 30 | body[class*="_imagify-ngg-bulk-optimization"] .notice, |
| 27 | 31 | .settings_page_imagify .notice { |
| @@ -132,14 +136,23 @@ | ||
| 132 | 136 | padding-left: 8px; |
| 133 | 137 | background: #343A49; |
| 134 | 138 | } |
| 135 | 139 | |
| 136 | -.imagify-notice a { | |
| 140 | +/** | |
| 141 | + * The doubled class keeps these rules ahead of core's `div.updated p` and | |
| 142 | + * `div.updated a`, which paint notice text #1e1e1e and links in the admin theme | |
| 143 | + * colour. Both are close to unreadable on the dark notice background. | |
| 144 | + */ | |
| 145 | +.imagify-notice.imagify-notice p { | |
| 146 | + color: #FFF; | |
| 147 | +} | |
| 148 | + | |
| 149 | +.imagify-notice.imagify-notice a { | |
| 137 | 150 | color: #40B1D0; |
| 138 | 151 | } |
| 139 | 152 | |
| 140 | -.imagify-notice a:hover, | |
| 141 | -.imagify-notice a:focus { | |
| 153 | +.imagify-notice.imagify-notice a:hover, | |
| 154 | +.imagify-notice.imagify-notice a:focus { | |
| 142 | 155 | color: #FEE102; |
| 143 | 156 | } |
| 144 | 157 | |
| 145 | 158 | .imagify-notice code { |
| @@ -149,8 +162,18 @@ | ||
| 149 | 162 | .imagify-notice .imagify-rate-us.imagify-rate-us { |
| 150 | 163 | text-align: left; |
| 151 | 164 | } |
| 152 | 165 | |
| 166 | +/* Match the settings page header, which uses the same palette. */ | |
| 167 | +.imagify-notice-rating.imagify-notice { | |
| 168 | + background: #1F2332; | |
| 169 | +} | |
| 170 | + | |
| 171 | +/* Brand blue rather than the green inherited from `.updated`. */ | |
| 172 | +.imagify-notice-rating .imagify-notice-logo { | |
| 173 | + background: #40B1D0; | |
| 174 | +} | |
| 175 | + | |
| 153 | 176 | .imagify-notice .imagify-rate-us .stars { |
| 154 | 177 | margin: 0; |
| 155 | 178 | } |
| 156 | 179 | |
| @@ -362,5 +385,15 @@ | ||
| 362 | 385 | } |
| 363 | 386 | .imagify-notice-quota-btn-container .imagify-button{ |
| 364 | 387 | display: inline-block; |
| 365 | 388 | } |
| 389 | +} | |
| 390 | + | |
| 391 | +.imagify-notice-bulk-complete { | |
| 392 | + display: flex; | |
| 393 | + align-items: center; | |
| 394 | + padding: 12px 0; | |
| 395 | +} | |
| 396 | + | |
| 397 | +.imagify-notice-bulk-complete-logo { | |
| 398 | + padding-right: 12px; | |
| 366 | 399 | } |
