PluginProbe
Imagify Image Optimization: Optimize Images | Compress & Convert to WebP/AVIF / 2.3.1
Imagify Image Optimization: Optimize Images | Compress & Convert to WebP/AVIF v2.3.1
2.3.4 2.3.3 2.3.2 2.3.1 2.3.0 2.2.9 2.2.8 trunk 1.10 1.3.3 1.3.4 1.3.5 1.3.5.1 1.3.5.2 1.3.6 1.3.6.1 1.4 1.4.1 1.4.2 1.4.3 1.4.4 1.4.5 1.4.6 1.4.7 1.5 All 103 releases
imagify / assets / css / admin-bar.css

admin-bar.css in Imagify Image Optimization: Optimize Images | Compress & Convert to WebP/AVIF 2.3.1, at assets/css/admin-bar.css

223 lines 4.8 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
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
55 #wpadminbar #wp-admin-bar-imagify-profile * {
56 line-height: 1.5;
57 white-space: initial;
58 }
59 #wpadminbar #wp-admin-bar-imagify .ab-submenu {
60 padding-bottom: 0;
61 }
62 #wpadminbar #wp-admin-bar-imagify-profile .ab-item {
63 height: auto;
64 padding: 0;
65 }
66 #wpadminbar #wp-admin-bar-imagify-profile {
67 min-width: 200px;
68 margin-top: 0.7em;
69 background: #222;
70 }
71 #wp-admin-bar-imagify .dashicons {
72 font-family: "dashicons";
73 font-size: 18px;
74 vertical-align: middle;
75 margin: 0 5px 0 0;
76 }
77 #wp-admin-bar-imagify .button-text {
78 display: inline-block;
79 vertical-align: middle;
80 }
81 #wp-admin-bar-imagify .imagify-abq-row {
82 display: table;
83 width: 100%;
84 }
85 #wp-admin-bar-imagify .imagify-abq-row + .imagify-abq-row {
86 margin-top: .75em;
87 }
88 #wp-admin-bar-imagify .imagify-abq-row > * {
89 display: table-cell;
90 }
91 #wp-admin-bar-imagify-profile .imagify-meteo-icon {
92 padding-right: 7px;
93 }
94 #wp-admin-bar-imagify-profile .imagify-meteo-icon img {
95 width: 37px;
96 }
97 #wp-admin-bar-imagify-profile .imagify-meteo-title {
98 font-size: 17px;
99 }
100 #wp-admin-bar-imagify-profile .imagify-meteo-subs {
101 color: #72889F;
102 }
103 #wpadminbar #wp-admin-bar-imagify-profile strong {
104 font-weight: bold;
105 }
106 #wpadminbar #wp-admin-bar-imagify-profile .imagify-user-plan,
107 #wpadminbar #wp-admin-bar-imagify-profile a {
108 padding: 0;
109 color: #40B1D0;
110 }
111 #wpadminbar #wp-admin-bar-imagify-profile .imagify-account-link {
112 display: table;
113 }
114 #wpadminbar #wp-admin-bar-imagify-profile .imagify-account-link > * {
115 display: table-cell;
116 }
117 #wpadminbar #wp-admin-bar-imagify-profile .imagify-space-left {
118 max-width: 210px;
119 min-width: 210px;
120 width: 210px;
121 }
122 #wpadminbar #wp-admin-bar-imagify-profile .imagify-space-left p {
123 font-size: 12px;
124 }
125 #wp-admin-bar-imagify-profile .imagify-error,
126 #wp-admin-bar-imagify-profile .imagify-warning {
127 padding: 10px;
128 margin: 0 -13px -13px;
129 }
130 #wp-admin-bar-imagify-profile .imagify-error p + p,
131 #wp-admin-bar-imagify-profile .imagify-warning p + p {
132 margin-top: .5em;
133 }
134 #wp-admin-bar-imagify-profile .imagify-error p + p + p,
135 #wp-admin-bar-imagify-profile .imagify-warning p + p + p {
136 margin-top: 1em;
137 }
138
139 #wpadminbar #wp-admin-bar-imagify-profile .imagify-btn-ghost {
140 display: inline-block;
141 height: auto;
142 padding: 7px 10px;
143 border: 1px solid #FFF;
144 text-align: center;
145 background: transparent;
146 color: #FFF;
147 border-radius: 3px;
148 transition: all .275s;
149 }
150
151 #wpadminbar #wp-admin-bar-imagify-profile .imagify-btn-ghost:hover,
152 #wpadminbar #wp-admin-bar-imagify-profile .imagify-btn-ghost:focus {
153 background: #FFF;
154 color: #888;
155 }
156
157 #wpadminbar .imagify-warning * {
158 background: #f5a623;
159 color: #FFF;
160 text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
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 }
223