easepick
3 years ago
dashboard_widget.css
2 years ago
menu_bar_stats.css
3 years ago
style.css
2 years ago
dashboard_widget.css
1 lines
| 1 | .chart-container{width:100%;padding:0 12px}.chart-inner{background:#fff;border:1px solid #dedae6;border-radius:6px;padding:24px}.legend-container{flex-wrap:wrap;margin-bottom:16px;display:flex}.legend-title{order:1;margin:0;font-size:18px;font-weight:700}.legend{order:3}.chart-interval-select{width:100%;max-width:none;order:2;margin-top:12px;margin-left:auto}.legend-list{margin:12px 0 0}.legend-item{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;border-radius:18px;align-items:center;margin:0 4px 4px 0;padding:4px 12px 4px 8px;display:inline-flex}.legend-item.hidden{opacity:.5}.legend-item span{height:16px;width:16px;border-radius:50%;margin-right:4px;display:inline-block}.legend-item p{margin:0;font-weight:500}.legend-item-for-views{background-color:#efe8fa}.legend-item-for-views span{background-color:#5123a0}.legend-item-for-visitors{background-color:rgba(246,157,10,.2)}.legend-item-for-visitors span{background-color:#f69d0a}.legend-item-for-sessions{background-color:rgba(217,59,41,.2)}.legend-item-for-sessions span{background-color:#d93b29}.legend-item-for-orders{background-color:rgba(35,125,68,.2)}.legend-item-for-orders span{background-color:#237d44}.legend-item-for-net-sales{background-color:rgba(52,152,219,.2)}.legend-item-for-net-sales span{background-color:#3498db}svg text{stroke-width:0}.google-visualization-tooltip{min-width:128px;border:1px solid #dedae6;border-radius:6px;box-shadow:1px 1px #dedae6;width:fit-content!important}.google-visualization-tooltip .google-visualization-tooltip-item-list,.google-visualization-tooltip .google-visualization-tooltip-item{margin:0;padding:0}.google-visualization-tooltip .iawp-geo-chart-tooltip{padding:16px}.google-visualization-tooltip .iawp-geo-chart-tooltip img{width:48px;margin-bottom:8px}.google-visualization-tooltip .iawp-geo-chart-tooltip h1{margin-top:0;margin-bottom:8px;font-size:18px}.google-visualization-tooltip .iawp-geo-chart-tooltip p{margin-top:0;margin-bottom:2px}.google-visualization-tooltip .iawp-geo-chart-tooltip p:last-child{margin-bottom:0}.google-visualization-tooltip .iawp-geo-chart-tooltip span{font-weight:700}@media (min-width:600px){.legend-title{width:100%}.chart-interval-select{width:auto;order:3;margin-top:0}.legend{order:2}}@media (min-width:650px){.chart-container{padding:0 24px}}@media (min-width:750px){.legend-container{flex-wrap:nowrap;align-items:center}.legend-title{width:auto}.legend-list{justify-content:end;margin:0;display:flex}.legend-item{margin:0 0 0 12px}}.quick-stats{flex-wrap:wrap;margin:12px 12px 0;display:flex}.stat{width:100%;background-color:#fff;border:1px solid #dedae6;border-radius:6px;margin-bottom:12px;padding:18px}.stat .metric{justify-content:space-between;font-size:14px;display:flex}.stat .dashicons-filter{display:none}.stat .circle{width:15px;height:15px}.stat .values{align-items:baseline;margin:12px 0 18px;display:flex}.stat .count{margin-right:8px;font-size:28px}.stat .count .unfiltered{color:#c5c2cc;font-size:21px}.stat .growth{color:#36b366;align-items:center;font-size:14px;display:flex}.stat .percentage{color:#36b366;white-space:nowrap;font-weight:700}.stat .percentage.bad{color:#d94e3f}.stat .percentage.down .growth-arrow{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.stat .growth-arrow{height:18px;width:18px;margin-left:-3px;font-size:17px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.stat .period-label{color:#9a95a6;margin-left:6px}.stat.views circle{fill:#5123a0}.stat.views .dashicons-filter{color:#5123a0}.stat.visitors circle{fill:#f69d0a}.stat.visitors .dashicons-filter{color:#f69d0a}.stat.sessions circle{fill:#d93b29}.stat.sessions .dashicons-filter{color:#d93b29}.stat.average-session-duration circle{fill:#ffd440}.stat.average-session-duration .dashicons-filter{color:#ffd440}.stat.bounce-rate circle{fill:#4eb0b5}.stat.bounce-rate .dashicons-filter{color:#4eb0b5}.stat.views-per-session circle{fill:#2753ac}.stat.views-per-session .dashicons-filter{color:#2753ac}.stat.orders circle{fill:#237d44}.stat.orders .dashicons-filter{color:#237d44}.stat.net-sales circle{fill:#3498db}.stat.net-sales .dashicons-filter{color:#3498db}.stat.net-sales .values{margin-top:6px}.stat.net-sales .count span:first-child span,.stat.net-sales .count .unfiltered span span{vertical-align:super;margin-right:2px;font-size:17px}.filtered .stat .dashicons-filter{display:inline-block}.filtered .stat .circle{display:none}@media (min-width:650px){.quick-stats{justify-content:space-between;margin:24px 24px 12px}.stat{width:49%}}@media (min-width:1200px){.quick-stats.total-of-5 .stat,.quick-stats.total-of-6 .stat{width:32.5%}.quick-stats.total-of-5 .stat:last-child{margin-left:1.25%;margin-right:auto}.quick-stats.total-of-7 .stat:nth-child(6),.quick-stats.total-of-7 .stat:nth-child(7){margin-left:1.33%}.quick-stats.total-of-7 .stat:nth-child(7){margin-right:auto}.stat{width:24%}}.iawp-button{cursor:pointer;background:0 0;border:1px solid rgba(0,0,0,0);border-radius:3px;align-items:center;margin:0;padding:12px 16px;font-size:14px;line-height:1;text-decoration:none;transition:color .1s,background-color .1s,border-color .1s;display:inline-flex}.iawp-button .dashicons{margin-right:6px;transition:color .1s}.iawp-button .count{color:#5123a0;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;line-height:1;display:flex}.iawp-button .count:not(:empty){height:18px;width:18px;margin-left:8px;margin-right:-2px}.iawp-button .disabled-button-text{display:none}.iawp-button:disabled{cursor:default}.iawp-button:disabled .disabled-button-text{display:inline}.iawp-button:disabled .enabled-button-text{display:none}.iawp-button.white{color:#5123a0;background-color:#fff;border-color:#fff}.iawp-button.white:hover,.iawp-button.white:active,.iawp-button.white:focus,.iawp-button.white .open{color:#6c46ae}.iawp-button.purple,.iawp-button-purple{color:#fff;background-color:#5123a0;border-color:#5123a0}.iawp-button.purple:hover,.iawp-button.purple:active,.iawp-button.purple:focus,.iawp-button.purple .open,.iawp-button-purple:hover,.iawp-button-purple:active,.iawp-button-purple:focus,.iawp-button-purple .open{color:#fff;background-color:#6c46ae;border-color:#6c46ae}.iawp-button.purple:disabled,.iawp-button-purple:disabled{color:#9a95a6;background-color:#f7f5fa;border-color:#ece9f2}.iawp-button.red{color:#fff;background-color:#d93b29;border-color:#d93b29}.iawp-button.red:hover,.iawp-button.red:active,.iawp-button.red:focus,.iawp-button.red .open{color:#fff;background-color:#d94e3f;border-color:#d94e3f}.iawp-button.orange{color:#fff;background-color:#f69d0a;border-color:#f69d0a}.iawp-button.orange:hover,.iawp-button.orange:active,.iawp-button.orange:focus,.iawp-button.orange .open{color:#fff;background-color:#ffa826;border-color:#ffa826}.iawp-button.ghost-white{color:#fff;border-color:#fff}.iawp-button.ghost-white:hover,.iawp-button.ghost-white:active,.iawp-button.ghost-white:focus,.iawp-button.ghost-white.open{color:#5123a0;background-color:#fff;border-color:#fff}.iawp-button.ghost-white:hover .count,.iawp-button.ghost-white:active .count,.iawp-button.ghost-white:focus .count,.iawp-button.ghost-white.open .count{color:#fff;background:#5123a0}.iawp-button.ghost-white.sending{color:#5123a0;background:#5123a0;position:relative}.iawp-button.ghost-white.sending:hover,.iawp-button.ghost-white.sending:active,.iawp-button.ghost-white.sending:focus{color:#5123a0}.iawp-button.ghost-white.sending:after{content:"";color:#fff;font-family:Dashicons;font-size:22px;-webkit-animation:dashicons-spin 1s linear infinite;animation:dashicons-spin 1s linear infinite;position:absolute;top:calc(50% - 11px);left:calc(50% - 11px)}.iawp-button.ghost-white.sent{color:#5123a0;background:#5123a0;position:relative}.iawp-button.ghost-white.sent:hover,.iawp-button.ghost-white.sent:active,.iawp-button.ghost-white.sent:focus{color:#5123a0;background:#5123a0}.iawp-button.ghost-white.sent:after{content:"";color:#fff;font-family:Dashicons;font-size:22px;position:absolute;top:calc(50% - 11px);left:calc(50% - 11px)}.iawp-button.ghost-purple{color:#5123a0;border-color:#5123a0}.iawp-button.ghost-purple:hover,.iawp-button.ghost-purple:active,.iawp-button.ghost-purple:focus,.iawp-button.ghost-purple .open{color:#fff;background-color:#5123a0;border-color:#5123a0}.iawp-button.ghost-purple:disabled{color:#9a95a6;background-color:#f7f5fa;border-color:#ece9f2}.iawp-button.ghost-red{color:#d93b29;background-color:rgba(0,0,0,0);border-color:#d93b29}.iawp-button.ghost-red:hover,.iawp-button.ghost-red:active,.iawp-button.ghost-red:focus,.iawp-button.ghost-red .open{color:#fff;background-color:#d93b29;border-color:#d93b29}.iawp-button.ghost-red:disabled{color:#9a95a6;background-color:#f7f5fa;border-color:#ece9f2}.iawp-button.text{color:#5123a0;padding:0}.date-picker{padding:14px 16px 14px 36px}.sort-button{color:#18141f;cursor:pointer;background:0 0;border:none;align-items:center;padding:1px;display:flex}.sort-button .dashicons-arrow-up,.sort-button .dashicons-arrow-down{display:none}.sort-button .name{font-weight:700}.sort-button .dashicons{color:#c5c2cc}.sort-button[data-sort-direction=asc] .dashicons,.sort-button[data-sort-direction=desc] .dashicons{color:#5123a0}.sort-button[data-sort-direction=asc] .dashicons-arrow-up{display:inline-block}.sort-button[data-sort-direction=asc] .dashicons-arrow-down,.sort-button[data-sort-direction=asc] .dashicons-arrow-right{display:none}.sort-button[data-sort-direction=desc] .dashicons-arrow-down{display:inline-block}.sort-button[data-sort-direction=desc] .dashicons-arrow-up,.sort-button[data-sort-direction=desc] .dashicons-arrow-right{display:none}.delete-button{z-index:3;color:#fff;cursor:pointer;background-color:#5123a0;border:none;border-radius:50%;padding:2px;transition:background-color .1s,color .1s;position:absolute;top:12px;right:-12px}.delete-button:hover,.delete-button .open{background-color:#6c46ae}#iawp,#iawp *{box-sizing:border-box}#iawp .postbox-header .iawp-button{padding:6px 8px;text-decoration:none}#iawp .inside{margin-top:0;padding:0}#iawp .chart-container{padding:6px 0 0}#iawp .chart-inner{border:none;padding:6px 12px 12px}#iawp .legend-container{margin-bottom:10px}#iawp .legend-item{margin-left:8px}#iawp .legend-item:first-child{margin-left:0}#iawp .legend-item p{font-size:11px}#iawp .legend-item span{width:13px;height:13px}#iawp .legend-title{display:none}#iawp .quick-stats{gap:0;margin:0;display:flex}#iawp .quick-stats .stat{width:50%;max-width:none;border:none;border-top:1px solid #dedae6;border-radius:0;margin-bottom:0;padding:12px 18px}#iawp .quick-stats .stat:first-child{border-right:1px solid #dedae6}#iawp .quick-stats .stat .metric{font-size:14px}#iawp .quick-stats .stat .values{flex-wrap:wrap;margin:0;display:flex}#iawp .quick-stats .stat .growth{margin-top:3px}#iawp .quick-stats .stat .count{word-break:break-word;font-size:24px}#iawp .quick-stats .stat .period-label{display:none}@media (min-width:650px){.stat{margin-right:0}} |