PluginProbe
Chartify – WordPress Chart Plugin / 1.0.0
Chartify – WordPress Chart Plugin v1.0.0
3.8.0 3.7.9 3.7.8 3.7.7 3.7.6 3.7.5 trunk 1.0.0 3.0.0 3.0.1 3.0.2 3.0.3 3.0.4 3.0.5 3.0.6 3.0.7 3.0.8 3.0.9 3.1.0 3.1.1 3.1.2 3.1.3 3.1.4 3.1.5 3.1.6 All 83 releases
chart-builder / admin / css / admin-general.css

admin-general.css in Chartify – WordPress Chart Plugin 1.0.0, at admin/css/admin-general.css

465 lines 9.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1
2 @-webkit-keyframes ays_pulse {
3 from,
4 to {
5 -webkit-transform: scale3d(1, 1, 1);
6 transform: scale3d(1, 1, 1)
7 }
8 50% {
9 -webkit-transform: scale3d(1.2, 1.2, 1.2);
10 transform: scale3d(1.2, 1.2, 1.2)
11 }
12 }
13
14 @-moz-keyframes ays_pulse {
15 from,
16 to {
17 -webkit-transform: scale3d(1, 1, 1);
18 transform: scale3d(1, 1, 1)
19 }
20 50% {
21 -webkit-transform: scale3d(1.2, 1.2, 1.2);
22 transform: scale3d(1.2, 1.2, 1.2)
23 }
24 }
25
26 @-ms-keyframes ays_pulse {
27 from,
28 to {
29 -webkit-transform: scale3d(1, 1, 1);
30 transform: scale3d(1, 1, 1)
31 }
32 50% {
33 -webkit-transform: scale3d(1.2, 1.2, 1.2);
34 transform: scale3d(1.2, 1.2, 1.2)
35 }
36 }
37
38 @keyframes ays_pulse {
39 from,
40 to {
41 -webkit-transform: scale3d(1, 1, 1);
42 -moz-transform: scale3d(1, 1, 1);
43 -ms-transform: scale3d(1, 1, 1);
44 transform: scale3d(1, 1, 1)
45 }
46 50% {
47 -webkit-transform: scale3d(1.2, 1.2, 1.2);
48 -moz-transform: scale3d(1.2, 1.2, 1.2);
49 -ms-transform: scale3d(1.2, 1.2, 1.2);
50 transform: scale3d(1.2, 1.2, 1.2)
51 }
52 }
53
54 .ays_pulse {
55 -webkit-animation-name: ays_pulse;
56 -moz-animation-name: ays_pulse;
57 -ms-animation-name: ays_pulse;
58 animation-name: ays_pulse
59 }
60
61 body {
62 overflow-x: hidden;
63 background: #f1f1f1 !important;
64 }
65
66 #wpwrap{
67 background: #f1f1f1;
68 }
69 body.mobile.modal-open #wpwrap {
70 position: initial !important;
71 }
72
73 h1.wp-heading-inline{
74 margin-bottom: 20px;
75 }
76
77 .tablenav .actions select {
78 float: left;
79 margin: 1px 8px 0 0;
80 margin-right: 6px;
81 max-width: 200px;
82 vertical-align: middle;
83 height: initial;
84 /* line-height: 30px;*/
85 }
86
87 a {
88 color: #2271b1;
89 }
90
91 strong, b {
92 font-weight: 600;
93 }
94
95 .row input[type=text]:not(#current-page-selector),
96 .row input[type=search],
97 .row input[type=tel],
98 .row input[type=time],
99 .row input[type=url],
100 .row input[type=week],
101 .row input[type=password],
102 .row input[type=color],
103 .row input[type=date],
104 .row input[type=datetime],
105 .row input[type=datetime-local],
106 .row input[type=email],
107 .row input[type=month],
108 .row input[type=number],
109 .row select,
110 .row textarea,
111 .row .select2-selection__rendered {
112 font-size: 16px;
113 height: 40px;
114 border-radius: 4px;
115 margin-top: 2px;
116 }
117
118 .ays_heart_beat {
119 font-size: 20px;
120 margin-left: 10px;
121 }
122
123
124 input.ays-text-input,
125 textarea.ays-textarea {
126 display: block;
127 width: 100%;
128 }
129
130 select.ays-text-input {
131 height: 40px;
132 }
133
134 select.ays-text-input.ays-text-input-short,
135 input.ays-text-input.ays-text-input-short{
136 width: 200px;
137 }
138 textarea.ays-textarea{
139 height: 200px;
140 margin-top: 5px;
141 }
142 label.ays-label{
143 font-size: 16px;
144 font-weight: 600;
145 color: #484848;
146 margin-top:20px;
147 }
148
149
150 /* The Modal (background) */
151 .ays-modal {
152 display: none;
153 position: fixed;
154 left: 0;
155 top: 0;
156 z-index: 100000 !important;
157 width: 100%;
158 height: 100%;
159 z-index: 100000;
160 animation-duration: .5s;
161 transition: .5s ease-in-out;
162 outline: 0;
163 }
164
165 .ays-modal {
166 overflow-x: hidden;
167 overflow-y: auto;
168 }
169
170 [class^="ays-modal-backdrop"] {
171 position: fixed;
172 top: 0;
173 right: 0;
174 bottom: 0;
175 left: 0;
176 z-index: 99999 !important;
177 background-color: rgba(0, 0, 0, 0.5);
178 }
179 /* Modal Content/Box */
180 .ays-modal-content {
181 background-color: #fefefe;
182 margin: auto; /* 15% from the top and centered */
183 margin-bottom: 30px;
184 margin-top: 40px;
185 border: 1px solid #888;
186 width: 85%; /* Could be more or less, depending on screen size */
187 z-index: 100000;
188 position: relative;
189 padding-left: 0 !important;
190 animation-duration: .3s;
191 transition: .5s ease-in-out;
192 border-radius: 4px;
193 }
194
195 #ays-results-modal .ays-modal-content {
196 min-height: 500px;
197 }
198 /* The Close Button */
199 .ays-close {
200 color: #aaa;
201 float: right;
202 line-height: 1.3;
203 font-size: 28px;
204 font-weight: bold;
205 }
206
207 .ays-close:hover,
208 .ays-close:focus {
209 color: black;
210 text-decoration: none;
211 cursor: pointer;
212 }
213
214 .ays-modal-header {
215 padding: 4px 16px;
216 background-color: whitesmoke;
217 color: white;
218 }
219 .ays-modal-header h2 {
220 line-height: 1.3;
221 font-size: 1.8rem;
222 margin: 0;
223 }
224
225 /* Modal Body */
226 .ays-modal-body {
227 padding: 2px 16px 20px;
228 }
229 #ays-questions-modal .ays-modal-body {
230 width: 100%;
231 overflow: hidden;
232 overflow-x: hidden;
233 }
234
235 /* Modal Footer */
236 .ays-modal-footer {
237 display: -ms-flexbox;
238 display: flex;
239 -ms-flex-align: center;
240 align-items: center;
241 -ms-flex-pack: end;
242 justify-content: flex-end;
243 padding: 1rem;
244 border-top: 1px solid #e9ecef;
245 }
246
247
248 td.ays-sort{
249 border-right: 1px solid #B8B8B8;
250 }
251
252 .ays-chart-tab-content{
253 animation: fadeEffect 1s;
254 display: none;
255 }
256 .ays-chart-tab-content-active{
257 display: block;
258 }
259 @keyframes fadeEffect {
260 from {opacity: 0;}
261 to {opacity: 1;}
262 }
263 .nav-tab-wrapper .nav-tab:focus{
264 box-shadow: none;
265 outline: none;
266 }
267
268
269 .tooltip {
270 text-align: left !important;
271 position: absolute !important;
272 z-index: 9999;
273 }
274 .tooltip > .tooltip-inner {
275 position: relative !important;
276 width: max-content !important;
277 max-width: 300px !important;
278 text-align: justify!important;
279 box-shadow: 0px 0px 10px #fff;
280 }
281 .tooltip > .arrow {
282 left: calc(50% + 28px) !important;
283 }
284 .tooltip > .tooltip-inner img {
285 max-width: 100%;
286 height: 100%;
287 object-fit: contain;
288 }
289
290 .ays_help {
291 position: relative;
292 font-size: 12px;
293 color: dodgerblue !important;
294 cursor: help;
295 }
296
297 .ays_help_ul {
298 padding-left: 16px;
299 list-style-type: initial;
300 }
301
302 .swal2-container {
303 z-index: 9999999999!important;
304 }
305
306
307 div.ays-top-menu-wrapper {
308 position: relative;
309 display: flex;
310 align-items: center;
311 }
312 .ays_menu_left,
313 .ays_menu_right {
314 position: absolute;
315 cursor: pointer;
316 font-size: 16px;
317 height: 80%;
318 display: none;
319 align-items: center;
320 bottom: 0;
321 z-index: 3;
322 }
323 .ays_menu_left {
324 left: -10px;
325 padding-right: 20px;
326 padding-left: 2px;
327 }
328 .ays_menu_right {
329 right: -10px;
330 padding-left: 20px;
331 padding-right: 2px;
332 }
333 .ays_menu_left:hover {
334 background-image: linear-gradient(to right, #000 , transparent);
335 color: #ccc;
336 border-radius: 50% 0 0 50%;
337 }
338 .ays_menu_right:hover {
339 background-image: linear-gradient(to left, #000 , transparent);
340 color: #ccc;
341 border-radius: 0 50% 50% 0;
342 }
343 div.ays-top-menu-wrapper div.ays-top-menu {
344 overflow: hidden;
345 width: 98%;
346 margin: auto;
347 }
348 div.ays-top-menu-wrapper div.ays-top-menu div.ays-top-tab-wrapper {
349 display: flex;
350 flex-wrap: nowrap;
351 transform: translate(0);
352 transition: .5s ease-in-out;
353 padding-right: 7px;
354 width: fit-content;
355 }
356
357
358 input.ays_toggle[type=checkbox]{
359 display: none;
360 }
361
362 label.ays_switch_toggle {
363 cursor: pointer;
364 text-indent: -9999px;
365 width: 35px;
366 height: 14px;
367 background: grey;
368 display: block;
369 border-radius: 50px;
370 position: relative;
371 transition: .3s ease;
372 }
373
374 label.ays_switch_toggle:after {
375 content: '';
376 position: absolute;
377 top: -3px;
378 left: -3px;
379 width: 20px;
380 height: 20px;
381 background: #0085ba;
382 border-radius: 30px;
383 transition: 0.3s;
384 }
385
386 input:checked + label.ays_switch_toggle {
387 background: #b7ccea;
388 }
389
390 input:checked + label.ays_switch_toggle:after {
391 left: calc(100% - -5px);
392 transform: translateX(-100%);
393 }
394
395 label.ays_switch_toggle:hover:after {
396 box-shadow: 0 0 10px #31618c;
397 }
398 .ays_divider_left {
399 border-left: 1px solid #ccc;
400 }
401 .ays_divider_top {
402 border-top: 1px solid #ccc;
403 }
404 .ays_divider_right {
405 border-right: 1px solid #ccc;
406 }
407 .ays_divider_bottom {
408 border-bottom: 1px solid #ccc;
409 }
410
411 blockquote.chat_mode_blockquote_message{
412 color: crimson;
413 font-size: 15px;
414 font-style: italic;
415 border-color: crimson;
416 border-left: 3px solid crimson;
417 }
418
419 blockquote.error_message {
420 color: crimson;
421 font-size: 16px;
422 font-style: italic;
423 border-color: crimson;
424 }
425
426 blockquote.error_message a {
427 color: brown;
428 font-weight: bold;
429 }
430
431 blockquote {
432 font-size: 14px;
433 width: 100%;
434 margin: 0 auto;
435 font-style: italic;
436 color: #555555;
437 padding: 8px 15px 8px 15px;
438 border-left: 5px solid #78c0a8;
439 line-height: 1.6;
440 position: relative;
441 background: #ededed;
442 }
443
444 blockquote::before {
445 content: none;
446 }
447
448 blockquote::after {
449 content: "";
450 }
451
452 blockquote span {
453 display: block;
454 color: #333333;
455 font-style: normal;
456 font-weight: bold;
457 margin-top: 1em;
458 }
459
460 #adminmenu a.toplevel_page_chart-builder div.wp-menu-image img {
461 width: 28px;
462 padding: 3px 0 0;
463 transition: .3s ease-in-out;
464 }
465