easepick
3 years ago
dashboard_widget.css
3 years ago
menu_bar_stats.css
3 years ago
pdf.css
3 years ago
style.css
3 years ago
pdf.css
1 lines
| 1 | @page{{background:#fff;margin:0;background:#5123a0}*{box-sizing:border-box}body{background:#ece9f2}#header{text-align:center;color:#fff;background:#5123a0;padding:14px 12px}#header .title{margin-bottom:2px;font-size:32px;font-weight:900}#main{padding:12pt 10.64pt}.subtitle{font-size:16px}.date{text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:900}.quick-stats{margin:24px 0 0}.stat{width:334px;background-color:#fff;border:1px solid #dedae6;border-radius:6px;margin:0 8px 8px 0;padding:12px 18px;display:inline-block;position:relative}.stat:last-child{margin-right:0}.stat:after{content:"";width:10pt;height:10pt;background:#5123a0;border-radius:10pt;display:inline-block;position:absolute;top:18px;right:18px}.stat .metric{font-size:16px}.stat .count{font-size:24px}.stat .growth,.stat .period-label{font-size:14px}.stat.visitors:after{background:#f69d0a}.stat.sessions:after{background:#d93b29}.stat.average-session-duration:after{background:#ffd440}.stat.bounce-rate:after{background:#4eb0b5}.stat.orders:after{background:#237d44}.stat.net-sales:after{background:#3498db}.quick-stats.total-of-5 .stat,.quick-stats.total-of-6 .stat,.quick-stats.total-of-7 .stat{width:206px}.quick-stats.total-of-5 .metric,.quick-stats.total-of-6 .metric,.quick-stats.total-of-7 .metric{font-size:14px}.quick-stats.total-of-5 .count,.quick-stats.total-of-6 .count,.quick-stats.total-of-7 .count{font-size:18px}.quick-stats.total-of-5 .growth,.quick-stats.total-of-6 .growth,.quick-stats.total-of-7 .growth,.quick-stats.total-of-5 .period-label,.quick-stats.total-of-6 .period-label,.quick-stats.total-of-7 .period-label{font-size:12px}.quick-stats.total-of-7 .bounce-rate{display:none}.values{margin:8pt 0 0;font-weight:700}.count,.growth,.percentage{vertical-align:middle;display:inline-block}.count{margin-right:2pt;font-size:28px}.growth{color:#36b366;margin-top:8px;font-size:14px}.percentage{vertical-align:middle;background-color:#e3fced;border-radius:24px;padding:4px 10px 4px 12px;display:inline-block}.percentage.up{color:#36b366;background-color:#e3fced}.percentage.down{color:#d93b29;background-color:#fce6e3}.period-label{vertical-align:middle;color:#9a95a6;font-size:12px;display:inline-block}#chart{background:#fff;border:1px solid #dedae6;border-radius:6px;margin:-18px 0 12pt;padding:18px 24px 36px 48px}.labels{margin:0 0 18pt -18pt;font-size:10pt}.labels span{margin-right:6pt}.label-date{font-weight:900}.label-views:before,.label-visitors:before,.label-sessions:before{content:"";width:8pt;height:8pt;background:#5123a0;border-radius:8pt;margin-right:4pt;display:inline-block}.label-visitors:before{background:#f69d0a}.label-sessions:before{background:#d93b29}#top-results:after,.top-ten:after{content:"";clear:both;display:table}.top-ten{vertical-align:top;width:161pt;height:220pt;background:#fff;border:1px solid #dedae6;border-radius:6px;margin-left:7pt;padding:12pt;display:inline-block}.top-ten:first-child{margin-left:0}.top-ten .heading{font-size:9pt}.top-ten .heading:after{content:"";clear:both;display:table}.top-ten .title-med{float:left;font-weight:900}.top-ten .views-heading{float:right}.top-ten ol{clear:both;margin:12pt 0 0;padding:0 0 0 12pt;font-size:9pt}.top-ten li{border-bottom:1px dotted #dedae6;margin-bottom:4pt;padding-bottom:4pt}.top-ten li .views{float:right}#footer{text-align:center;margin-top:12pt;padding:12pt 10.64pt 0}#footer p{margin:0;font-size:10pt}#footer a{color:#5123a0} |