| @@ -1,4 +1,58 @@ | ||
| 1 | +.imagify-account, | |
| 2 | +.imagify-account-link { | |
| 3 | + padding-right: 15px; | |
| 4 | +} | |
| 5 | +.imagify-meteo-icon { | |
| 6 | + display: inline-block; | |
| 7 | + height: 38px; | |
| 8 | + vertical-align: middle; | |
| 9 | + margin-right: 10px; | |
| 10 | +} | |
| 11 | +.imagify-user-plan { | |
| 12 | + color: #40b1d0; | |
| 13 | +} | |
| 14 | +.imagify-meteo-title.imagify-meteo-title { | |
| 15 | + color: #FFF; | |
| 16 | + font-size: 17px; | |
| 17 | +} | |
| 18 | +.imagify-space-left > p { | |
| 19 | + color: #FFF; | |
| 20 | +} | |
| 21 | +#wp-admin-bar-imagify-profile [class^="imagify-bar-"] { | |
| 22 | + position: relative; | |
| 23 | + height: 8px; | |
| 24 | + width: 100%; | |
| 25 | + background: #60758D; | |
| 26 | + color: #FFF; | |
| 27 | + font-size: 10px; | |
| 28 | +} | |
| 29 | +#wp-admin-bar-imagify-profile .imagify-progress { | |
| 30 | + height: 8px; | |
| 31 | + font-size: 1em; | |
| 32 | +} | |
| 33 | +.imagify-progress { | |
| 34 | + transition: width .3s; | |
| 35 | +} | |
| 36 | +.imagify-bar-positive .imagify-progress { | |
| 37 | + background: #8CC152; | |
| 38 | +} | |
| 39 | +.imagify-bar-positive .imagify-barnb { | |
| 40 | + color: #8CC152; | |
| 41 | +} | |
| 42 | +.imagify-bar-negative .imagify-progress { | |
| 43 | + background: #73818C; | |
| 44 | +} | |
| 45 | +.imagify-bar-negative .imagify-barnb { | |
| 46 | + color: #73818C; | |
| 47 | +} | |
| 48 | +.imagify-bar-neutral .imagify-progress { | |
| 49 | + background: #F5A623; | |
| 50 | +} | |
| 51 | +.imagify-space-left .imagify-bar-negative .imagify-progress { | |
| 52 | + background: #D0021B; | |
| 53 | +} | |
| 54 | + | |
| 1 | 55 | #wpadminbar #wp-admin-bar-imagify-profile * { |
| 2 | 56 | line-height: 1.5; |
| 3 | 57 | white-space: initial; |
| 4 | 58 | } |
| @@ -6,13 +60,12 @@ | ||
| 6 | 60 | padding-bottom: 0; |
| 7 | 61 | } |
| 8 | 62 | #wpadminbar #wp-admin-bar-imagify-profile .ab-item { |
| 9 | 63 | height: auto; |
| 10 | - padding: 0 13px; | |
| 64 | + padding: 0; | |
| 11 | 65 | } |
| 12 | 66 | #wpadminbar #wp-admin-bar-imagify-profile { |
| 13 | 67 | min-width: 200px; |
| 14 | - padding: 15px 0 10px; | |
| 15 | 68 | margin-top: 0.7em; |
| 16 | 69 | background: #222; |
| 17 | 70 | } |
| 18 | 71 | #wp-admin-bar-imagify .dashicons { |
| @@ -82,9 +135,9 @@ | ||
| 82 | 135 | #wp-admin-bar-imagify-profile .imagify-warning p + p + p { |
| 83 | 136 | margin-top: 1em; |
| 84 | 137 | } |
| 85 | 138 | |
| 86 | -#wpadminbar #wp-admin-bar-imagify-profile .btn-ghost { | |
| 139 | +#wpadminbar #wp-admin-bar-imagify-profile .imagify-btn-ghost { | |
| 87 | 140 | display: inline-block; |
| 88 | 141 | height: auto; |
| 89 | 142 | padding: 7px 10px; |
| 90 | 143 | border: 1px solid #FFF; |
| @@ -94,10 +147,10 @@ | ||
| 94 | 147 | border-radius: 3px; |
| 95 | 148 | transition: all .275s; |
| 96 | 149 | } |
| 97 | 150 | |
| 98 | -#wpadminbar #wp-admin-bar-imagify-profile .btn-ghost:hover, | |
| 99 | -#wpadminbar #wp-admin-bar-imagify-profile .btn-ghost:focus { | |
| 151 | +#wpadminbar #wp-admin-bar-imagify-profile .imagify-btn-ghost:hover, | |
| 152 | +#wpadminbar #wp-admin-bar-imagify-profile .imagify-btn-ghost:focus { | |
| 100 | 153 | background: #FFF; |
| 101 | 154 | color: #888; |
| 102 | 155 | } |
| 103 | 156 | |
| @@ -104,5 +157,66 @@ | ||
| 104 | 157 | #wpadminbar .imagify-warning * { |
| 105 | 158 | background: #f5a623; |
| 106 | 159 | color: #FFF; |
| 107 | 160 | text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); |
| 108 | -} | |
| 161 | +} | |
| 162 | + | |
| 163 | + | |
| 164 | +#wp-admin-bar-imagify-profile .imagify-upsell-admin-bar { | |
| 165 | + position:relative ; | |
| 166 | + background: #c51161; | |
| 167 | + margin: 10px -15px -13px -15px; | |
| 168 | + padding: 16px; | |
| 169 | +} | |
| 170 | + | |
| 171 | +#wp-admin-bar-imagify-profile .imagify-upsell-admin-bar p { | |
| 172 | + color: #ebebeb; | |
| 173 | +} | |
| 174 | + | |
| 175 | +#wp-admin-bar-imagify-profile a.imagify-upsell-admin-bar-button { | |
| 176 | + display: block; | |
| 177 | + height: auto !important; | |
| 178 | + border: 1px solid #fff; | |
| 179 | + border-radius: 5px; | |
| 180 | + color: #fff !important; | |
| 181 | + padding: 5px 10px !important; | |
| 182 | + text-align: center; | |
| 183 | + text-decoration: none; | |
| 184 | + margin-top: 10px; | |
| 185 | +} | |
| 186 | + | |
| 187 | +#wpadminbar #wp-admin-bar-imagify-profile a.imagify-upsell-dismiss { | |
| 188 | + display: inline !important; | |
| 189 | + height: auto !important; | |
| 190 | +} | |
| 191 | + | |
| 192 | +#wpadminbar #wp-admin-bar-imagify-profile .imagify-upsell-dismiss::before { | |
| 193 | + position: absolute; | |
| 194 | + top: 5px; | |
| 195 | + right: 5px; | |
| 196 | + color: #fff; | |
| 197 | +} | |
| 198 | +.imagify-plugin-upgrade { | |
| 199 | + color: #6f9c3b; | |
| 200 | + font-weight: 600; | |
| 201 | +} | |
| 202 | + | |
| 203 | +#wpadminbar #wp-admin-bar-imagify-upgrade-plan .ab-empty-item { | |
| 204 | + padding: 0; | |
| 205 | +} | |
| 206 | + | |
| 207 | +#wpadminbar .imagify-admin-bar-upgrade-plan { | |
| 208 | + background: #8bc34a; | |
| 209 | + box-sizing: border-box; | |
| 210 | + border:none; | |
| 211 | + color: #fff; | |
| 212 | + cursor: pointer; | |
| 213 | + display: block; | |
| 214 | + font-weight: bold !important; | |
| 215 | + padding: 0 10px; | |
| 216 | + text-align: left; | |
| 217 | + width: 100% !important; | |
| 218 | +} | |
| 219 | + | |
| 220 | +#wpadminbar #wp-admin-bar-imagify-profile .imagify-admin-bar-quota { | |
| 221 | + padding: 13px 15px; | |
| 222 | +} | |
