PluginProbe
Analytify – Google Analytics Dashboard For WordPress (GA4 analytics tracking) / 1.0.3
Analytify – Google Analytics Dashboard For WordPress (GA4 analytics tracking) v1.0.3
9.1.2 9.1.1 9.1.0 9.0.2 9.0.1 trunk 1.0.0 1.0.1 1.0.2 1.0.3 1.0.4 1.0.5 1.0.6 1.0.7 1.1.0 1.1.1 1.2.0 1.2.1 1.2.2 1.2.3 1.2.4 1.2.5 1.3.0 1.3.1 1.3.2 All 153 releases
wp-analytify / css / wp-analytify-style.css

wp-analytify-style.css in Analytify – Google Analytics Dashboard For WordPress (GA4 analytics tracking) 1.0.3, at css/wp-analytify-style.css

763 lines 14.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .user_access_code, .user_keys{
2
3 display: none;
4 }
5
6 i.analytify-shortcodes-icon{
7
8 background-image: url('analytify-shortcode-button.png');
9 }
10 .opt-title{
11 font-size: 18px;
12 }
13
14 .gray-areas{
15
16 -webkit-filter: grayscale(100%);
17 -moz-filter: grayscale(100%);
18 filter: grayscale(100%);
19 padding: 10px 0px;
20 }
21
22 .analytics-options{
23 margin: -1px 0 5px 0;
24 display: inline-block;
25 padding-top: 5px;
26 float: left;
27 }
28 .wrap p.description {
29
30 font-size: 15px;
31 margin-bottom: 20px;
32 }
33 .chosen-container-multi .chosen-choices,.chosen-container-active .chosen-choices{
34 padding: 5px !important;
35
36 }
37 .chosen-container{
38 min-width: 300px;
39 }
40 .data_boxes *{
41 box-sizing:border-box;
42 line-height: 1.6 !important;
43 }
44 .Real_Time_Statistics_table{
45 width:100%;
46 border-radius:5px;
47 border-collapse:collapse;
48 border: 1px solid #e2e5e8;
49 clear:both;
50 }
51 .wd_1{
52 width:50px;
53 border:0 !important;
54 }
55 .wd_2{
56 width:70px;
57 }
58 .Real_Time_Statistics_table th{
59 background-color: #f9fafa;
60 padding:5px 10px;
61 border-left: 1px solid #e2e5e8;
62 text-align:left;
63 }
64 .Real_Time_Statistics_table td{
65 background-color: #fff;
66 border-top: 1px solid #e2e5e8;
67 padding:4px 6px;
68 }
69
70 .data_boxes{
71 background: #fff;
72 margin-bottom: 30px;
73 position: relative;
74 -webkit-border-radius: 5px;
75 -moz-border-radius: 5px;
76 -ms-border-radius: 5px;
77 -o-border-radius: 5px;
78 border-radius: 5px;
79 clear: both;
80 }
81 .data_boxes_title{
82 padding:6px 30px;
83 background-color: #F9845B;
84 -webkit-border-radius: 5px 5px 0 0;
85 -moz-border-radius: 5px 5px 0 0;
86 -ms-border-radius: 5px 5px 0 0;
87 -o-border-radius: 5px 5px 0 0;
88 border-radius: 5px 5px 0 0;
89 color: #fff;
90 font-size: 24px;
91 line-height: 1.6;
92 position: relative;
93 }
94 .data_boxes_title.close{
95 -webkit-border-radius: 5px;
96 -moz-border-radius: 5px;
97 -ms-border-radius: 5px;
98 -o-border-radius: 5px;
99 border-radius: 5px;
100 }
101 .arrow_btn{
102 width:25px;
103 height:16px;
104 position:absolute;
105 top:50%;
106 right:10px;
107 background:url(../images/arrow.png) no-repeat 0 0;
108 margin-top: -8px;
109 }
110 .arrow_btn:hover{
111 background:url(../images/arrow.png) no-repeat right 0;
112 cursor: pointer;
113 }
114 .close .arrow_btn{
115 background:url(../images/arrow.png) no-repeat 0 bottom;
116 }
117 .close .arrow_btn:hover{
118 background:url(../images/arrow.png) no-repeat right bottom;
119 }
120 .data_container{
121 overflow:hidden;
122 border-left: 1px solid #e2e5e8;
123 border-right: 1px solid #e2e5e8;
124 padding-top:20px;
125 }
126 .data_boxes_footer{
127 background-color: #f9fafa;
128 border: 1px solid #e2e5e8;
129 padding: 15px 30px;
130 -webkit-border-radius:0 0 5px 5px;
131 -moz-border-radius: 0 0 5px 5px;
132 -ms-border-radius: 0 0 5px 5px;
133 -o-border-radius: 0 0 5px 5px;
134 border-radius: 0 0 5px 5px;
135 overflow: hidden;
136 position: relative;
137 }
138 .grids_auto_size{
139 float:left;
140 width:30.5%;
141 min-height:220px;
142 border: 1px solid #e2e5e8;
143 margin:10px 0 10px 2%;
144 -webkit-border-radius: 5px;
145 -moz-border-radius: 5px;
146 -ms-border-radius: 5px;
147 -o-border-radius: 5px;
148 border-radius: 5px;
149 }
150 .grid_title{
151 padding:6px 10px;
152 background-color: #4fca74;
153 color: #fff;
154 font-size: 16px;
155 line-height: 1.6;
156 text-align: center;
157 margin:0;
158 margin:-1px;
159 -webkit-border-radius: 5px 5px 0 0;
160 -moz-border-radius: 5px 5px 0 0;
161 -ms-border-radius: 5px 5px 0 0;
162 -o-border-radius: 5px 5px 0 0;
163 border-radius: 5px 5px 0 0;
164 }
165 .cen{
166 text-align:center;
167 }
168 .grid_data{
169 }
170 .data_value{
171 font-size:40px;
172 }
173 .grid_footer{
174 padding:10px;
175 }
176 .chart {
177 width: 100%;
178 height: 600px;
179 }
180 #tagcloud a:link, #tagcloud a:visited {
181 text-decoration:none;
182 color: #333;
183 }
184
185 #tagcloud a:hover {
186 text-decoration: underline;
187 }
188
189 #tagcloud .keywordscont {
190 color: #000;
191 padding: 0 10px;
192 float: left;
193 width: 23%;
194 }
195 #tagcloud .visits_by_keyword:after{
196 position: absolute;
197 width: 15px;
198 height: 15px;
199 background: #ddd;
200 content: "";
201 top: 58%;
202 left: -21px;
203 border-radius: 30px;
204 display: block;
205 margin-top: -7px;
206 }
207 #tagcloud .smallest span {
208 font-size: 25px;
209 position: relative;
210 }
211
212 #tagcloud .small span{
213 font-size: 30px;
214 position: relative;
215 }
216
217 #tagcloud .medium span{
218 font-size:40px;
219 position: relative;
220 }
221
222 #tagcloud .large span{
223 font-size:50px;
224 position: relative;
225 }
226
227 #tagcloud .largest span{
228 font-size:55px;
229 position: relative;
230 }
231 .guest-show{
232 display: block;
233 }
234 .stats {
235 float: left;
236 padding: 0px 20px;
237 margin-bottom: 10px;
238 width: 33%;
239 }
240 .stats:first-child{
241 /*border-left: 0;*/
242 }
243 .names_grids{
244 text-align: center;
245 padding: 40px 0 10px;
246 overflow: hidden;
247 width: 87%;
248 margin: 0 auto;
249 }
250 .realtime{
251 overflow: hidden;
252 padding: 10px 4%;
253 }
254 .pa-tdo-left{
255 float:left;
256 width:40%;
257 border-right: 1px solid #e2e5e8;
258 }
259 .pa-online{
260 display: block !important;
261 width: 250px;
262 height: 250px;
263 border-radius: 1000px;
264 line-height: 250px !important;
265 background: #e2e5e8 !important;
266 text-align: center;
267 font-size: 66px;
268 color: #fff;
269 font-weight: 900;
270 }
271 .pa-bigtext {
272 width: 20%;
273 float: left;
274 margin-bottom: 10px;
275 text-align: center;
276 }
277 .pa-bigtext .source{
278 display: block;
279 }
280 .pa-bigtext a {
281 font-size: 15px;
282 text-decoration: none;
283 color: #857575;
284 }
285 .count-visits {
286 font-size: 40px;
287 border:2px solid #ccc;
288 display: block;
289 width: 100px;
290 height: 100px;
291 border-radius: 1000px;
292 text-align: center;
293 line-height: 100px !important;
294 margin:0 auto;
295 }
296 .count-ex-visits {
297 font-size: 40px;
298 border:2px solid #ccc;
299 display: inline-block;
300 border-radius: 1000px;
301 line-height: 100px !important;
302 padding: 0 8px 0 8px;
303 }
304 .opt-title{
305 overflow: hidden;
306 }
307 #icon-options-general img{
308 margin-bottom: 5px;
309 margin-right: 5px;
310 }
311 .left-area{
312 float: left;
313 width: 70%;
314 }
315 .right-area{
316 float: right;
317 width: 24%;
318 }
319 .right-area img{
320 margin-top: 10px;
321 }
322 .large-count{
323 font-size: 40px;
324 line-height: 1 !important;
325 position: relative;
326 }
327 .hide{
328 display: none;
329 }
330 .visitor-stats{
331 position: relative;
332 }
333
334 .visitor-stats-new .font-sizing{
335 font-size: 13px;
336 position: relative;
337 }
338 .visitor-stats-new,.visitor-stats-ret {
339 position: relative;
340 margin-left: 20px;
341 }
342 .font-sizing:after {
343 position: absolute;
344 width: 15px;
345 height: 15px;
346 background: #4fca74;
347 content: "";
348 top: 50%;
349 left: -17px;
350 margin-top: -8px;
351 border-radius: 30px;
352 }
353 .visitor-stats-ret .font-sizing{
354 font-size: 13px;
355 position: relative;
356 }
357 .visitor-stats-ret .font-sizing:after{
358 background: #0E9236;
359 }
360 .large-count:after{
361 position: absolute;
362 width: 15px;
363 height: 15px;
364 background: #ddd;
365 content: "";
366 top: 50%;
367 left: -21px;
368 border-radius: 30px;
369 display: block;
370 margin-top: -7px;
371 }
372 .blk{
373 height:30px;
374 width:30px;
375 text-align:center;
376 display:block;
377 background:#5fcf80;
378 border-radius:50%;
379 text-decoration:none;
380 -webkit-box-sizing:border-box;
381 -moz-box-sizing:border-box;
382 box-sizing:border-box;
383 padding: 1px;
384 float: left;
385 margin-right: 5px;
386 position: absolute;
387 top: 50%;
388 margin-top: -15px;
389 }
390 .blk span{
391 width:5px;
392 display:block;
393 margin:3px auto 2px auto;
394 background:#fff;
395 }
396 .dot{
397 height:5px;
398 border-radius:50%;
399 }
400 .line{
401 height:13px;
402 border-radius: 5px;
403 }
404 .information-txt {
405 margin-top: 4px;
406 float: left;
407 padding-left: 35px;
408 }
409 .btn-green{
410 background-color: #5fcf80 !important;
411 border-color: #3ac162 !important;
412 }
413 .pa-filter{
414 margin-left: 20%;
415 margin-top: 10px;
416 margin-bottom: 10px;
417 }
418 .wpa_side_box{
419 min-height: 10px !important;
420
421 }
422 .wpa_side_box a{
423 text-decoration: none;
424 }
425 @media (max-width: 800px){
426 .pa-tdo-left{
427 width: 100%;
428 float:none;
429 margin-bottom: 10px;
430 border:0;
431 }
432 .pa-tdo-right{
433 width: 100%;
434 float:none;
435 }
436 .pa-online{
437 margin: 0 auto;
438 }
439 .pa-bigtext{
440 width: 33%;
441 }
442 .pa-online{
443 width: 200px;
444 height: 200px;
445 line-height: 200px !important;
446 }
447 .pa-filter{
448 margin-left: 0 !important;
449 }
450 .grids_auto_size{
451 min-height: 230px;
452 }
453 }
454 @media (max-width: 650px){
455 .grid_title{
456 font-size: 13px;
457 }
458 .data_value{
459 font-size: 25px;
460 }
461 #tagcloud .keywordscont{
462 width: 32%;
463 }
464 .data_boxes_title{
465 font-size: 17px;
466 padding:6px 18px;
467 }
468 .hasDatepicker {
469 width: 33%;
470 }
471 }
472 @media (max-width: 480px){
473 .count-visits{
474 width: 75px;
475 height: 75px;
476 line-height: 75px !important;
477 }
478 .pa-bigtext a{
479 font-size: 13px;
480 }
481 .grids_auto_size{
482 width: 47%;
483 }
484 .stats{
485 width: 50%;
486 }
487 #tagcloud .keywordscont{
488 width: 47%;
489 }
490
491 }
492 @media (max-width: 400px){
493 .grids_auto_size{
494 width: 98%;
495 }
496 .visits-count i{
497 word-break:break-all;
498 }
499 #tagcloud .keywordscont{
500 width: 97%;
501 }
502 .stats{
503 width: 97%;
504 }
505 .hasDatepicker {
506 width: 30%;
507 font-size: 12px;
508 }
509
510 }
511 .selector-item{
512 margin-top: 10px;
513 }
514 .selector-item label{
515 display: inline-block;
516 width: 84px;
517 vertical-align: middle;
518
519 }
520 .selector-item select{
521 display: inline-block;
522 }
523 .selector-item .select2-container,.selector-item input[type='text'],.selector-item input[type='number']{
524 width: 300px;
525 }
526 #TB_window,#TB_ajaxContent{
527
528 -webkit-box-shadow:none !important;
529 -moz-box-shadow:none !important;
530 -o-box-shadow:none !important;
531 box-shadow:none !important;
532 overflow: hidden;
533 }
534 .analytify-shortcode-edit-popup{
535 padding: 13px;
536 margin: auto;
537 -webkit-box-sizing: border-box;
538 left: 0;
539 -moz-box-sizing: border-box;
540 -o-box-sizing: border-box;
541 box-sizing: border-box;
542 right: 0;
543
544 overflow: auto;
545 }
546 .analytify-shortcode-edit-popup .popup-title{
547 margin-top: 0;
548 }
549 #TB_title{
550
551 margin: 0 auto;
552 position: relative;
553 bottom: -3px;
554 }
555 /*#TB_window{
556 width: auto !important;
557 height: auto !important;
558 min-width: 450px;
559 }
560 #TB_ajaxContent{
561 max-height: 500px;
562 overflow-x: auto;
563 }
564 #TB_ajaxContent .chosen-container .chosen-results{
565 max-height: 179px;
566 }
567 */
568 .selector-item .chzn-container-multi .chzn-choices{
569 width: 300px;
570 padding: 3px 5px;
571 border: 1px solid #ddd;
572 -webkit-box-sizing: border-box;
573 -moz-box-sizing: border-box;
574 -o-box-sizing: border-box;
575 box-sizing: border-box;
576 }
577 .right-side{
578 text-align: right;
579 width: 388px;
580 }
581
582 #error{
583 padding: 10px;
584 margin: 0;
585 width: 367px;
586 }
587 .search-field{
588 width: 100% !important;
589 }
590 .popup-title{
591 font-size: 12px;
592 width: 374px;
593 }
594
595 /* jQuery datepicker CSS */
596
597 /* DatePicker Container */
598 body div.mycalander {
599 background:#fff;
600 height: auto;
601 margin: 5px auto 0;
602 font: 9pt Arial, sans-serif;
603 -webkit-box-shadow: 4px 4px 0px rgba(0, 0, 0, .05);
604 -moz-box-shadow: 4px 4px 0px rgba(0, 0, 0, .05);
605 box-shadow: 4px 4px 0px rgba(0, 0, 0, .05);
606 display:none;
607 border:0;
608 border-radius:0;
609 padding:0;
610 width:auto;
611 }
612 body div.mycalander .ui-datepicker-title select{
613 border: 0px solid #ddd;
614 -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.0);
615 box-shadow: inset 0 1px 2px rgba(0,0,0,.0);
616 width: auto;
617 font-weight: normal;
618 margin: 1px;
619 }
620 body div.mycalander a {
621 text-decoration: none;
622 }
623 /* DatePicker Table */
624 body div.mycalander table {
625 width: 100%;
626 border-collapse:separate;
627 margin:0;
628 }
629 body div.mycalander .ui-datepicker-header {
630 background:#3ac162;
631 padding:4px 0;
632 border-radius:0;
633 border:0;
634 }
635 body div.mycalander .ui-datepicker-title {
636 text-align: center;
637 }
638 body div.mycalander .ui-datepicker-prev,body div.mycalander .ui-datepicker-next {
639 display: inline-block;
640 width: 42px;
641 height: 30px;
642 text-align: center;
643 cursor: pointer;
644 line-height: 30px;
645 overflow: hidden;
646 color:#fff;
647 position:static;
648 }
649 body div.mycalander .ui-datepicker-prev {
650 float: left;
651 }
652 body div.mycalander .ui-datepicker-next {
653 float: right;
654 }
655 body div.mycalander .ui-datepicker-prev:hover,body div.mycalander .ui-datepicker-next:hover{
656 color:#fff;
657 text-shadow:1px 1px 0px rgba(0,0,0,.4);
658 border:0;
659 background:none;
660 }
661 body div.mycalander .ui-datepicker-prev span, body div.mycalander .ui-datepicker-next span{
662 background: none;
663 text-indent: 0;
664 width: auto;
665 height: auto;
666 position: static;
667 text-align: center;
668 line-height: 35px;
669 margin:0;
670 font-weight:normal;
671 }
672 body div.mycalander thead {
673 background-color: #f7f7f7;
674 background-image: -moz-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
675 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));
676 background-image: -webkit-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%);
677 background-image: -o-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%);
678 background-image: -ms-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%);
679 background-image: linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%);
680 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );
681 border-bottom: 0px solid #bbb;
682 }
683 body div.mycalander th {
684 text-transform: uppercase;
685 font-size: 6pt;
686 padding: 5px 0;
687 color: #666666;
688 text-shadow: 1px 0px 0px #fff;
689 filter: dropshadow(color=#fff, offx=1, offy=0);
690 }
691 body div.mycalander tbody td {
692 padding: 0;
693 }
694 body div.mycalander tbody td:last-child {
695 border-right: 0px;
696 }
697 body div.mycalander tbody tr {
698 border-bottom: 0px solid #bbb;
699 }
700 body div.mycalander tbody tr:last-child {
701 border-bottom: 0px;
702 }
703 body div.mycalander td span,body div.mycalander td a {
704 display: inline-block;
705 text-align: center;
706 width: 30px;
707 height: 30px;
708 line-height: 30px;
709 color: #666666;
710 text-decoration:none;
711 font-size:12px;
712 }
713 body div.mycalander .ui-datepicker-calendar .ui-state-default {
714 background: #ededed;
715 border:0;
716 padding:0;
717 color: #666666;
718 font-size:12px;
719 }
720 body div.mycalander .ui-datepicker-calendar .ui-state-hover {
721 background: #f7f7f7;
722 }
723 body div.mycalander .ui-datepicker-calendar .ui-state-active {
724 background: #F9845B;
725 color: #fff;
726 }
727 body div.mycalander .ui-datepicker-unselectable .ui-state-default {
728 background: #f4f4f4;
729 color: #b4b3b3;
730 }
731 body div.mycalander .ui-datepicker-calendar td:first-child .ui-state-active {
732 width: 29px;
733 margin-left: 0;
734 }
735 body div.mycalander .ui-datepicker-calendar td:last-child .ui-state-active {
736 width: 29px;
737 margin-right: 0;
738 }
739 body div.mycalander .ui-datepicker-calendar tr:last-child .ui-state-active {
740 height: 29px;
741 margin-bottom: 0;
742 }
743 .wa_feature_table{
744 width:95%;
745 border:0 !important;
746 }
747 .wa_feature_table{
748 border-collapse:collapse;
749 border:1px solid #e2e5e8;
750 background:#fff;
751 }
752 .wa_feature_table th,.wa_feature_table td{
753 padding:7px;
754 border:1px solid #e2e5e8;
755 }
756 .wa_feature_table th{
757 text-align:left;
758 background:#4fca74;
759 color:#fff;
760 font-weight:400;
761 font-size:15px;
762 border-top:0;
763 }