You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1094 lines
20 KiB
1094 lines
20 KiB
.adm-detail-content-wrap {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.stat-item-block-container{
|
|
max-width: 1080px;
|
|
}
|
|
|
|
.stat-title {
|
|
background: #8ea2ab;
|
|
line-height: 48px;
|
|
padding: 0 53px 0 17px;
|
|
margin-bottom: 10px;
|
|
color: #fff;
|
|
}
|
|
|
|
.stat-title-name {
|
|
border-bottom: 1px dashed;
|
|
}
|
|
|
|
.stat-title-name:hover {
|
|
border-bottom: 1px solid transparent;
|
|
}
|
|
|
|
.stat-title-select {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
width: 0;
|
|
height: 0;
|
|
border: 5px solid transparent;
|
|
border-top: 5px solid rgba(255,255,255,0.8);
|
|
border-bottom: none;
|
|
margin-left: 7px;
|
|
}
|
|
|
|
.adm-profit-filter {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.adm-description {
|
|
font-size: 13px;
|
|
color: #474c53;
|
|
margin: 30px 0 35px;
|
|
}
|
|
|
|
.adm-description .adm-description-title {
|
|
font-weight: bold;
|
|
float: left;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.adm-description .adm-clarification {
|
|
display: block;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.adm-profit-title {
|
|
color: #000;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
margin-bottom: 11px;
|
|
}
|
|
|
|
.adm-profit-title-name {
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: #2579bf;
|
|
border-bottom: 1px dashed;
|
|
}
|
|
|
|
.adm-profit-title-name:hover {
|
|
border-bottom: 1px solid transparent;
|
|
}
|
|
|
|
.adm-profit-title-name-select {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
width: 0;
|
|
height: 0;
|
|
border: 4px solid transparent;
|
|
border-top: 4px solid #2579bf;
|
|
border-bottom: none;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.adm-profit-scale {
|
|
font-size: 0;
|
|
position: relative;
|
|
padding: 0 47px 0 34px;
|
|
}
|
|
|
|
.adm-profit-scale-part {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 20%;
|
|
}
|
|
|
|
.adm-profit-scale-edge {
|
|
top: 0;
|
|
height: 40px;
|
|
position: absolute;
|
|
}
|
|
|
|
.adm-profit-scale-part-1 .adm-profit-scale-edge {
|
|
border-radius: 3px 0 0 3px;
|
|
left: 0;
|
|
width: 34px;
|
|
}
|
|
.adm-profit-scale-part-5 .adm-profit-scale-edge {
|
|
border-radius: 0 3px 3px 0;
|
|
right: 0;
|
|
width: 47px;
|
|
}
|
|
|
|
.adm-profit-scale-inner {
|
|
height: 40px;
|
|
}
|
|
|
|
.adm-profit-scale-part-1 .adm-profit-scale-inner,
|
|
.adm-profit-scale-part-1 .adm-profit-scale-edge {background-color: #eb7c33;}
|
|
.adm-profit-scale-part-2 .adm-profit-scale-inner {background-color: #ea9f44;}
|
|
.adm-profit-scale-part-3 .adm-profit-scale-inner {background-color: #eccb4b;}
|
|
.adm-profit-scale-part-4 .adm-profit-scale-inner {background-color: #a1b640;}
|
|
.adm-profit-scale-part-5 .adm-profit-scale-inner,
|
|
.adm-profit-scale-part-5 .adm-profit-scale-edge {background-color: #a0caed;}
|
|
|
|
.adm-profit-scale-title {
|
|
color: #a0a2a2;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.adm-profit-scale-separation {
|
|
height: 8px;
|
|
top: 15px;
|
|
position: absolute;
|
|
width: 100%;
|
|
left: 0;
|
|
}
|
|
.adm-profit-scale-num-l {
|
|
color: #a85b28;
|
|
font-size: 11px;
|
|
line-height: 12px;
|
|
float: left;
|
|
padding: 0 4px 0 14px;
|
|
}
|
|
.adm-profit-scale-num-r {
|
|
color: #7c8993;
|
|
font-size: 11px;
|
|
line-height: 12px;
|
|
float: right;
|
|
padding: 0 14px 0 4px;
|
|
}
|
|
|
|
.adm-profit-scale-separation-inner {
|
|
background: url(images/adm-scale-sprite.png) repeat-x 0 -69px;
|
|
height: 8px;
|
|
margin: 2px 46px 0 34px;
|
|
position: relative;
|
|
|
|
}
|
|
|
|
.adm-profit-scale-value {
|
|
background-color: #494f58;
|
|
bottom: -15px;
|
|
height: 40px;
|
|
position: absolute;
|
|
width: 1px;
|
|
}
|
|
|
|
.adm-profit-scale-value-num {
|
|
background: url(images/adm-scale-sprite.png) no-repeat 0 0;
|
|
color: #31353a;
|
|
font-size: 22px;
|
|
font-weight: bold;
|
|
height: 45px;
|
|
line-height: 35px;
|
|
margin: -19px 0 0 -32px;
|
|
text-align: center;
|
|
text-shadow: 0 1px #fff;
|
|
padding-right: 10px;
|
|
width: 65px;
|
|
}
|
|
|
|
|
|
.adm-profit-scale-shadow {
|
|
background-image:
|
|
-webkit-linear-gradient(top, rgba(255,255,255,0.02), rgba(255,255,255,0.15), rgba(255,255,255,0.4)11px, rgba(255,255,255,0)11px,
|
|
rgba(255,255,255,0)24px,
|
|
rgba(255,255,255,0.06)22px, rgba(255,255,255,0.4) 31px,rgba(255,255,255,0.52) 34px, rgba(255,255,255,0.3)40px);
|
|
background-image:
|
|
linear-gradient(to bottom, rgba(255,255,255,0.02), rgba(255,255,255,0.15), rgba(255,255,255,0.4)11px, rgba(255,255,255,0)11px,
|
|
rgba(255,255,255,0)24px,
|
|
rgba(255,255,255,0.06)22px, rgba(255,255,255,0.4) 31px,rgba(255,255,255,0.52) 34px, rgba(255,255,255,0.3)40px);
|
|
height: 40px;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.stat-item-container {
|
|
position: relative;
|
|
padding: 7px 7px;
|
|
border: 1px solid #e0e1e1;
|
|
border-radius: 3px;
|
|
background: #fff;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.stat-description {
|
|
font-size: 16px;
|
|
line-height: 22px;
|
|
color: #5d6471;
|
|
margin-left: 12px;
|
|
}
|
|
|
|
.item-total .stat-item-title {
|
|
background: #e8eef0;
|
|
color: #000;
|
|
}
|
|
|
|
.item-detailed {
|
|
padding-bottom: 23px;
|
|
margin: 0 auto 15px;
|
|
}
|
|
|
|
.item-detailed .stat-item-subtitle {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.item-detailed .stat-item-equality {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
margin: auto;
|
|
bottom: -64px;
|
|
width: 64px;
|
|
height: 64px;
|
|
border: 5px solid #fff;
|
|
box-shadow: 0px 1px 57px 3px rgba(0,1,1,0.19);
|
|
border-radius: 50%;
|
|
background: #788b91;
|
|
z-index: 1;
|
|
}
|
|
|
|
.stat-item-equality:before, .stat-item-equality:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 22px;
|
|
right: 0;
|
|
left: 0;
|
|
margin: auto;
|
|
background: #fff;
|
|
width: 31px;
|
|
height: 7px;
|
|
}
|
|
|
|
.stat-item-equality:after {
|
|
top: auto;
|
|
bottom: 22px;
|
|
}
|
|
|
|
.stat-item-plus {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
margin: auto;
|
|
top: -35px;
|
|
width: 43px;
|
|
height: 43px;
|
|
border: 5px solid #fff;
|
|
box-shadow: 0px 1px 57px 3px rgba(0,1,1,0.19);
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.stat-item-plus:before, .stat-item-plus:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
margin: auto;
|
|
background: #fff;
|
|
width: 5px;
|
|
height: 23px;
|
|
}
|
|
|
|
.stat-item-plus:after {
|
|
width: 23px;
|
|
height: 5px;
|
|
}
|
|
|
|
.stat-item-title {
|
|
font-size: 18px;
|
|
line-height: 48px;
|
|
color: #fff;
|
|
padding: 0 17px;
|
|
background: #29ace3;
|
|
}
|
|
|
|
.stat-item-title span.stat-item-title-period {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.stat-item-title .stat-item-title-name {
|
|
font-size: 16px;
|
|
border-bottom: 1px dashed;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.stat-item-title .stat-item-title-name:hover {
|
|
border-bottom: 1px solid transparent;
|
|
}
|
|
|
|
.stat-item-title-name-select {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
width: 0;
|
|
height: 0;
|
|
border: 4px solid transparent;
|
|
border-top: 4px solid #fff;
|
|
border-bottom: none;
|
|
margin-left: 4px;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.stat-graph-container {
|
|
background: #fefefe;
|
|
padding: 10px 20px 20px;
|
|
}
|
|
|
|
.stat-graph-title {
|
|
font-size: 13px;
|
|
line-height: 36px;
|
|
font-weight: bold;
|
|
color: #000;
|
|
display: block;
|
|
margin: 0 0 0 10px;
|
|
}
|
|
|
|
.stat-item-title-traffic {
|
|
float: right;
|
|
font-size: 20px;
|
|
color: rgba(255,255,255,0.8);
|
|
font-weight: bold;
|
|
}
|
|
|
|
.stat-item-title-traffic span {
|
|
font-weight: normal;
|
|
font-size: 18px;
|
|
vertical-align: top;
|
|
display: inline-block;
|
|
line-height: 46px;
|
|
}
|
|
|
|
.stat-item {
|
|
padding: 15px 0 15px 0;
|
|
margin: 0 15px 0 10px;
|
|
}
|
|
|
|
.stat-item-subtitle {
|
|
display: block;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
color: #000;
|
|
text-transform: uppercase;
|
|
margin-bottom: 13px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.stat-item-block {
|
|
overflow: hidden;
|
|
text-align: center;
|
|
}
|
|
|
|
.stat-item-block-first {
|
|
float: left;
|
|
width: 290px;
|
|
text-align: left;
|
|
}
|
|
|
|
.stat-item-block-conversion {
|
|
float: right;
|
|
width: 240px;
|
|
text-align: right;
|
|
margin-top: -15px;
|
|
}
|
|
|
|
.stat-item-block-conversion .stat-item-block-inner {
|
|
min-width: 150px;
|
|
background: #ebf0f2;
|
|
}
|
|
|
|
.stat-item-block-inner {
|
|
text-align: left;
|
|
display: inline-block;
|
|
}
|
|
|
|
.stat-item-block-title {
|
|
display: block;
|
|
font-size: 12px;
|
|
line-height: 12px;
|
|
color: rgba(0,0,0,0.7);
|
|
text-align: left;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.stat-item-block-digit {
|
|
display: block;
|
|
font-size: 40px;
|
|
line-height: 52px;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.stat-item-block-digit span {
|
|
font-size: 15px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.stat-item-block-conversion .stat-item-block-title {
|
|
background: #ced4d6;
|
|
line-height: 25px;
|
|
font-weight: bold;
|
|
color: #000;
|
|
}
|
|
|
|
.stat-item-block-more {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.stat-item-block-more a {
|
|
position: relative;
|
|
display: block;
|
|
font-size: 10px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
font-weight: bold;
|
|
color: #2579bf;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.stat-item-block-more a span {
|
|
position: absolute;
|
|
left: 0;
|
|
padding-left: 20px;
|
|
background: #fff;
|
|
padding-right: 15px;
|
|
z-index: 1;
|
|
}
|
|
|
|
.stat-item-block-more a span span {
|
|
border-bottom: 1px solid;
|
|
position: static;
|
|
padding: 0;
|
|
}
|
|
|
|
.stat-item-block-more a:hover span span {
|
|
border-bottom: 1px solid transparent;
|
|
}
|
|
|
|
.stat-item-block-more a:after {
|
|
content: '';
|
|
display: inline-block;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
margin: auto;
|
|
height: 1px;
|
|
width: 100%;
|
|
background: #eeeff0;
|
|
}
|
|
|
|
.stat-item-block-more.more-deployed a:after {
|
|
content: none;
|
|
}
|
|
|
|
.stat-item-block-more .stat-item {
|
|
border-top: 1px solid #eeeff1;
|
|
}
|
|
|
|
.stat-item-block-more .stat-item-block-digit {
|
|
font-size: 20px;
|
|
line-height: 34px;
|
|
}
|
|
|
|
.ab-title-icon {
|
|
width: 36px;
|
|
height: 36px;
|
|
background: url(images/ab-icon.gif) no-repeat 0 0;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.ab-test-info {
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
line-height: 36px;
|
|
color: rgba(45,50,60,0.7);
|
|
padding: 0 15px;
|
|
}
|
|
|
|
.item-test-info {
|
|
padding: 17px;
|
|
}
|
|
|
|
.ab-test-info span {
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
color: #2d323c;
|
|
}
|
|
|
|
.ab-test-info.ab-test-info-right {
|
|
float: right;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.ab-test-info-btn {
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: #fff;
|
|
line-height: 34px;
|
|
text-decoration: none;
|
|
padding: 0 18px 0 8px;
|
|
background: #838b90;
|
|
border: 1px solid #b1b5be;
|
|
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5), 0 1px 0 0px rgba(0,0,0,0.15), inset 0 2px 10px 0 rgba(255,255,255,0.5), inset 0 -3px 10px 0px rgba(0,0,0,0.15);
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.ab-test-info-btn:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.ab-test-info-btn span {
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-right: 10px;
|
|
width: 18px;
|
|
height: 18px;
|
|
border: 1px solid #fff;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.ab-test-info-btn span:before {
|
|
content: '';
|
|
width: 6px;
|
|
height: 6px;
|
|
background: #fff;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
margin: auto;
|
|
}
|
|
|
|
.ab-item-container .stat-item-container {
|
|
display: inline-block;
|
|
margin-bottom: 30px;;
|
|
}
|
|
|
|
.ab-item-container .stat-item-container:last-child {
|
|
float: right;
|
|
}
|
|
|
|
.ab-letter {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
width: 61px;
|
|
height: 61px;
|
|
text-align: center;
|
|
line-height: 61px;
|
|
color: #fff;
|
|
font-size: 33px;
|
|
font-weight: bold;
|
|
margin-right: 4px;
|
|
}
|
|
|
|
.ab-letter.ab-letter-a {
|
|
background: #33b4ea;
|
|
}
|
|
|
|
.ab-letter.ab-letter-b {
|
|
background: #ea9a00;
|
|
}
|
|
|
|
.ab-item {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
font-size: 19px;
|
|
line-height: 61px;
|
|
color: #000;
|
|
font-weight: bold;
|
|
background: #eef2f4;
|
|
padding: 0 44px 0 22px;
|
|
}
|
|
|
|
.ab-item-desc {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: -30px;
|
|
margin: auto;
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.ab-item-desc span {
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
line-height: 25px;
|
|
}
|
|
|
|
.item-conversion-block {
|
|
padding: 25px 40px;
|
|
text-align: center;
|
|
}
|
|
|
|
.item-conversion-block-title {
|
|
font-size: 21px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.item-conversion-block-subtitle {
|
|
font-size: 12px;
|
|
color: #606060;
|
|
text-align: center;
|
|
}
|
|
|
|
.item-conversion-block-subtitle span {
|
|
font-style: italic;
|
|
color: #929292;
|
|
display: block;
|
|
}
|
|
|
|
.item-conversion-graph-block {
|
|
background: #fff;
|
|
padding: 50px 65px;
|
|
text-align: center;
|
|
border: 2px solid #ecedee;
|
|
margin-top: 25px;
|
|
}
|
|
|
|
.abtest-report-container .item-conversion-graph-block {
|
|
padding: 0px;
|
|
height: 320px;
|
|
}
|
|
|
|
.item-conversion-block .adm-btn {
|
|
margin: 20px auto 0;
|
|
}
|
|
|
|
.item-conversion-block .stat-item-data {
|
|
padding: 5px;
|
|
width: 175px;
|
|
height: 110px;
|
|
margin-top: 40px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.item-conversion-block .stat-item-data .stat-item {
|
|
margin: 0;
|
|
background: #e2ebed;
|
|
}
|
|
|
|
.item-conversion-block .stat-item-data .stat-item-container-title {
|
|
background: #e2ebed;
|
|
}
|
|
|
|
.item-conversion-block .stat-item-data .stat-item-container-title-name {
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.item-conversion-block .stat-item-data .stat-item-block {
|
|
position: static;
|
|
}
|
|
|
|
.item-conversion-block .stat-item-data .stat-item-block-digit {
|
|
font-size: 52px;
|
|
color: #2d323c;
|
|
line-height: 48px;
|
|
padding: 0;
|
|
}
|
|
|
|
.item-conversion-block .stat-item-data-container-dynamics .stat-item-block-digit {
|
|
color: #fff;
|
|
text-shadow: 0 -2px 2px rgba(65,91,109,0.4);
|
|
}
|
|
|
|
.stat-item-data-container-dynamics .stat-item-block-digit-arrow {
|
|
width: 20px;
|
|
height: 22px;
|
|
background: url(images/adm-ab-sprite.png) no-repeat 0 0;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.abtest-report-container .stat-item-data-container-dynamics .stat-item-block-digit-arrow {
|
|
background: url(images/abtest/adm-ab-sprite.png) no-repeat 0 0;
|
|
}
|
|
|
|
.stat-item-data-container-dynamics .stat-item-block-fall .stat-item-block-digit-arrow {
|
|
background-position: 0 -25px;
|
|
}
|
|
|
|
.stat-item-data-container-dynamics .stat-item-block-incr .stat-item-block-digit-arrow {
|
|
background-position: 0 0;
|
|
}
|
|
|
|
.item-conversion-block .stat-item-data .stat-item-block-digit span {
|
|
font-size: 35px;
|
|
}
|
|
|
|
.adm-detail-block .adm-detail-toolbar {
|
|
margin: 50px 0 35px;
|
|
padding: 0 20px;
|
|
}
|
|
|
|
.adm-detail-toolbar-title {
|
|
display: block;
|
|
font-size: 21px;
|
|
font-weight: bold;
|
|
color: #000;
|
|
line-height: 48px;
|
|
}
|
|
|
|
.adm-detail-toolbar-title span {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
color: #606060;
|
|
margin-left: 15px;
|
|
}
|
|
|
|
.stat-item-data-container {
|
|
padding: 0 40px;
|
|
overflow: hidden;
|
|
display: inline-block;
|
|
width: 49.5%;
|
|
box-sizing: border-box !important;
|
|
}
|
|
|
|
.stat-item-data-container-a {
|
|
text-align: left;
|
|
}
|
|
|
|
.stat-item-data-container-b {
|
|
text-align: right;
|
|
}
|
|
|
|
.stat-item-data-container-b .stat-item-container-title-letter {
|
|
background: #ea9a00;
|
|
}
|
|
|
|
.item-conversion-block .stat-item-data-container {
|
|
width: 32%;
|
|
padding: 0;
|
|
}
|
|
|
|
.item-conversion-block .stat-item-block-incr .stat-item-container-title {
|
|
background: #97c500;
|
|
}
|
|
|
|
.item-conversion-block .stat-item-block-fall .stat-item-container-title {
|
|
background: #f13a36;
|
|
}
|
|
|
|
.stat-item-data-container-dynamics .stat-item-container-title-name {
|
|
background: rgba(88,102,74,0.4);
|
|
box-shadow: inset 0 -1px 0 0 rgba(255,255,255,0.23);
|
|
}
|
|
|
|
.item-conversion-block .stat-item-data-container-dynamics .stat-item-block-incr .stat-item{
|
|
background: #97c500;
|
|
}
|
|
|
|
.item-conversion-block .stat-item-data-container-dynamics .stat-item-block-fall .stat-item{
|
|
background: #f13a36;
|
|
}
|
|
|
|
.stat-item-data {
|
|
box-shadow: 0 0 1px 0px rgba(0,0,0,0.3);
|
|
width: 250px;
|
|
height: 160px;
|
|
margin: 0 0 32px 0;
|
|
display: inline-block;
|
|
}
|
|
|
|
.stat-item-data.stat-item-data-funnel {
|
|
height: auto;
|
|
width: auto;
|
|
}
|
|
|
|
.stat-item-data.stat-item-data-funnel .stat-item-block.stat-item-block-first {
|
|
position: static;
|
|
float: none;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.stat-item-data-funnel .stat-item {
|
|
padding-top: 30px;
|
|
text-align: center;
|
|
}
|
|
|
|
.stat-item-container-title-letter {
|
|
float: left;
|
|
width: 26px;
|
|
height: 26px;
|
|
line-height: 26px;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
color: #fff;
|
|
background: #33b4ea;
|
|
margin-right: 4px;
|
|
}
|
|
|
|
.stat-item-container-title-name {
|
|
line-height: 26px;
|
|
padding: 0 10px;
|
|
display: block;
|
|
overflow: hidden;
|
|
border-radius: 2px;
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
color: #fff;
|
|
text-shadow: 0px -1px 0px rgba(65,91,109,0.4);
|
|
box-shadow: inset 0px -1px 1px 0px rgba(51,55,61,0.44);
|
|
text-transform: uppercase;
|
|
background: #a4a8ac;
|
|
text-align: left;
|
|
}
|
|
|
|
.stat-item-data .stat-item-block.stat-item-block-conversion {
|
|
position: absolute;
|
|
top: 60px;
|
|
left: auto;
|
|
right: -18px;
|
|
background: #fff;
|
|
border-radius: 3px;
|
|
padding: 3px;
|
|
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.29);
|
|
width: auto;
|
|
}
|
|
|
|
.stat-item-data .stat-item-block-conversion .stat-item-block-digit {
|
|
font-size: 25px;
|
|
padding: 0 5px;
|
|
line-height: 44px;
|
|
}
|
|
|
|
.stat-item-data .stat-item-block-conversion .stat-item-block-inner {
|
|
min-width: 94px;
|
|
}
|
|
|
|
.stat-item-data .stat-item-block-conversion-fall .stat-item-block-inner {
|
|
background: #fbd1d0;
|
|
}
|
|
|
|
.stat-item-data .stat-item-block-conversion-incr .stat-item-block-inner {
|
|
background: rgba(199,222,107,0.4);
|
|
}
|
|
|
|
.stat-item-data .stat-item-block {
|
|
position: absolute;
|
|
top: 50px;
|
|
left: 0px;
|
|
}
|
|
|
|
.stat-item-data .stat-item-block.stat-item-block-first {
|
|
top: auto;
|
|
bottom: 0;
|
|
}
|
|
|
|
.stat-item-data .stat-item-block-digit {
|
|
font-size: 30px;
|
|
color: #2d323c;
|
|
line-height: 38px;
|
|
}
|
|
|
|
.stat-item-data .stat-item-block-conversion .stat-item-block-title {
|
|
background: rgba(135,84,53,0.12);
|
|
}
|
|
|
|
.stat-item-block-conversion .stat-item-block-digit span {
|
|
font-size: 17px;
|
|
}
|
|
|
|
.stat-item-block-digit-arrow {
|
|
display: inline-block;
|
|
margin-right: 5px;
|
|
width: 12px;
|
|
height: 14px;
|
|
background: url(images/adm-ab-sprite.png) no-repeat 0 14px;
|
|
}
|
|
|
|
.abtest-report-container .stat-item-block-digit-arrow {
|
|
background: url(images/abtest/adm-ab-sprite.png) no-repeat 0 14px;
|
|
}
|
|
|
|
.abtest-report-container .stat-item-data.stat-item-data-short {
|
|
height: 91px;
|
|
}
|
|
|
|
.stat-item-block-conversion-fall .stat-item-block-digit-arrow {
|
|
background-position: 0 -67px;
|
|
}
|
|
|
|
.stat-item-block-conversion-incr .stat-item-block-digit-arrow {
|
|
background-position: 0 -50px;
|
|
}
|
|
|
|
.stat-item-chain {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: -21px;
|
|
margin: auto;
|
|
width: 3px;
|
|
height: 2px;
|
|
background: transparent;
|
|
border-top: 3px solid #a4a8ac;
|
|
border-bottom: 3px solid #a4a8ac;
|
|
}
|
|
|
|
.stat-item-chain:before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: -8px;
|
|
margin: auto;
|
|
width: 3px;
|
|
height: 12px;
|
|
background: transparent;
|
|
border-top: 3px solid #a4a8ac;
|
|
border-bottom: 3px solid #a4a8ac;
|
|
}
|
|
|
|
.stat-item-chain:after {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: -13px;
|
|
margin: auto;
|
|
width: 3px;
|
|
height: 22px;
|
|
background: transparent;
|
|
border-top: 3px solid #a4a8ac;
|
|
border-bottom: 3px solid #a4a8ac;
|
|
}
|
|
|
|
.stat-btn-panel {
|
|
display: block;
|
|
background: #fff;
|
|
text-align: center;
|
|
padding: 25px 20px 5px;
|
|
max-width: 1080px;
|
|
}
|
|
|
|
.adm-workarea .stat-btn-panel .adm-btn,
|
|
.adm-workarea .stat-btn-panel .adm-btn:active {
|
|
padding: 6px 15px 5px 45px !important;
|
|
}
|
|
|
|
.adm-workarea .stat-btn-panel .adm-btn:before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 12px;
|
|
margin: auto;
|
|
width: 9px;
|
|
height: 13px;
|
|
background: url(images/adm-ab-sprite.png) no-repeat 0 -83px;
|
|
}
|
|
|
|
.abtest-report-container .adm-workarea .stat-btn-panel .adm-btn:before {
|
|
background: url(images/abtest/adm-ab-sprite.png) no-repeat 0 -83px;
|
|
}
|
|
|
|
.adm-workarea .stat-btn-panel .adm-btn:after {
|
|
content: '';
|
|
position: absolute;
|
|
left: 30px;
|
|
top: 0;
|
|
bottom: 0;
|
|
margin: auto;
|
|
width: 1px;
|
|
height: 22px;
|
|
background: #cfd5d8;
|
|
border-right: 1px solid #fff;
|
|
}
|
|
|
|
.adm-workarea .stat-btn-panel .adm-btn:active:after {
|
|
border-right: 1px solid rgba(103,109,123,.78);
|
|
}
|
|
|
|
.adm-ab-edit-list {
|
|
counter-reset: items-list;
|
|
}
|
|
|
|
.adm-ab-edit-list .test-item .test-num:before {
|
|
counter-increment: items-list;
|
|
content: " #" counter(items-list);
|
|
}
|
|
|
|
.adm-ab-edit-list .test-item .adm-btn.edit-value-btn:before {
|
|
content: "";
|
|
position: absolute;
|
|
left: 0px;
|
|
right: 0px;
|
|
height: 20px;
|
|
background: url(images/abtest/adm-ab-edit.png) no-repeat center -11px;
|
|
}
|
|
|
|
.adm-ab-edit-list .test-item .adm-btn-disabled.edit-value-btn {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.adm-ab-edit-list .test-item .adm-btn-disabled.edit-value-btn:before {
|
|
background: url(images/abtest/adm-ab-edit.png) no-repeat center -41px;
|
|
}
|
|
|
|
|
|
.abtest-report-container .item-conversion-block .stat-item-data {
|
|
width: auto;
|
|
min-width: 175px;
|
|
}
|
|
|
|
.abtest-report-container .item-conversion-block .stat-item-data .stat-item-block-digit {
|
|
margin: 0px 15px;
|
|
}
|
|
|
|
.abtest-report-container .stat-item-data .stat-item-block-conversion .stat-item-block-inner {
|
|
min-width: 105px;
|
|
}
|
|
|
|
.abtest-report-container .stat-item-data .stat-item-block-conversion .stat-item-block-digit {
|
|
text-align: center;
|
|
}
|
|
|
|
.abtest-report-container .stat-item-data {
|
|
width: 320px;
|
|
}
|
|
|
|
.abtest-report-container #funnel_a_container, .abtest-report-container #funnel_b_container {
|
|
width: 320px;
|
|
height: 300px;
|
|
margin: 0px auto;
|
|
overflow: hidden;
|
|
background: url(images/abtest/adm-ab-funnel-bg.png) no-repeat center;
|
|
}
|
|
|
|
.abtest-report-container .stat-item {
|
|
margin: 0px;
|
|
}
|
|
|
|
.abtest-report-container .stat-item .stat-item-block-first {
|
|
width: auto;
|
|
}
|
|
|
|
.abtest-report-container .stat-item-data .stat-item-block-digit.scale-sum-cnt span,
|
|
.abtest-report-container .stat-item-data .stat-item-block-digit.scale-sum-fnl span {
|
|
font-size: 0.5em;
|
|
}
|
|
|
|
.abtest-report-container .stat-item-data .stat-item-block-digit.scale-sum-fnl {
|
|
white-space: nowrap;
|
|
width: 210px;
|
|
}
|
|
.abtest-report-container .stat-item-data .stat-item-block-digit.scale-num-cnt {
|
|
white-space: nowrap;
|
|
width: 220px;
|
|
}
|
|
.abtest-report-container .stat-item-data .stat-item-block-digit.scale-sum-cnt {
|
|
white-space: nowrap;
|
|
width: 315px;
|
|
}
|
|
|
|
.abtest-report-container.stat-item-block-container {
|
|
min-width: 850px;
|
|
}
|
|
|