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.
1680 lines
33 KiB
1680 lines
33 KiB
|
|
|
|
|
|
/* Summary */
|
|
|
|
|
|
|
|
.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(/bitrix/images/conversion/adm-profitability-sprite.png) no-repeat 0 0;*/
|
|
background: url(/bitrix/images/conversion/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;*/
|
|
margin: -19px 0 0 -43px;
|
|
text-align: center;
|
|
text-shadow: 0 1px #fff;
|
|
/*padding-right: 10px;*/
|
|
/*width: 65px;*/
|
|
width: 90px;
|
|
}
|
|
|
|
|
|
|
|
.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 a {
|
|
color: #fff;
|
|
}
|
|
|
|
|
|
/*.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 .stat-item {
|
|
display: none;
|
|
}
|
|
|
|
.stat-item-block-more.more-deployed .stat-item {
|
|
display: block;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.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);
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* Calc /bitrix/images/conversion/adm-profitability-sprite.png */
|
|
|
|
|
|
|
|
|
|
.adm-profit-filter {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.adm-profit-block {
|
|
margin-bottom: 38px;
|
|
max-width: 1050px;
|
|
}
|
|
|
|
.adm-profit-title {
|
|
color: #000;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
margin-bottom: 11px;
|
|
}
|
|
|
|
.adm-profit-title-funnel {
|
|
border-bottom: 1px solid #e7e8e9;
|
|
margin: 0 59px 0 17px;
|
|
padding-bottom: 14px;
|
|
}
|
|
|
|
.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(/bitrix/images/conversion/adm-profitability-sprite.png) repeat-x 0 -69px;
|
|
height: 8px;
|
|
margin: 2px 46px 0 34px;
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.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%;
|
|
}
|
|
|
|
|
|
.adm-profit-indicators-wrap {
|
|
font-size: 0;
|
|
position: relative;
|
|
}
|
|
|
|
.adm-profit-indicators-item {
|
|
display: inline-block;
|
|
margin-left: 2%;
|
|
vertical-align: top;
|
|
width: 32%;
|
|
}
|
|
|
|
.adm-profit-indicators-item:first-child {margin: 0;}
|
|
|
|
.adm-profit-indicators-block {
|
|
border: 5px solid #fff;
|
|
box-shadow: 0 0 1px 1px rgba(0,0,0,0.12);
|
|
border-radius: 1px;
|
|
text-shadow: 0 1px 0 rgba(66,92,108,.41);
|
|
height: 151px;
|
|
|
|
}
|
|
|
|
.adm-profit-indicators-blue {background-color: #50c1f1;}
|
|
.adm-profit-indicators-green {background-color: #98c322;}
|
|
.adm-profit-indicators-violet {background-color: #c378c8;}
|
|
|
|
.adm-profit-indicators-title {
|
|
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .25), inset 0 -1px 0 rgba(51,55,61,0.1);
|
|
box-shadow: 0 1px 0 rgba(255, 255, 255, .25), inset 0 -1px 0 rgba(51,55,61,0.1);
|
|
color: #f1f8fc;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
height: 26px;
|
|
line-height: 26px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.adm-profit-indicators-blue .adm-profit-indicators-title {background-color: #4dabd8;}
|
|
.adm-profit-indicators-violet .adm-profit-indicators-title {background-color: #b66ebb;}
|
|
.adm-profit-indicators-green .adm-profit-indicators-title {background-color: #89ad22;}
|
|
|
|
.adm-profit-indicators-cont {
|
|
height: 113px;
|
|
text-align: right;
|
|
padding: 0 5% 12px;
|
|
}
|
|
|
|
|
|
|
|
.adm-profit-indicators-alignment {
|
|
display: inline-block;
|
|
height: 113px;
|
|
margin-left: -1px;
|
|
vertical-align: bottom;
|
|
width: 1px;
|
|
}
|
|
|
|
.adm-profit-indicators-num {
|
|
color: #fff;
|
|
display: inline-block;
|
|
font-size: 45px;
|
|
vertical-align: bottom;
|
|
width: 100%;
|
|
}
|
|
.adm-profit-indicators-green .adm-profit-indicators-title {
|
|
margin-top: 5px;
|
|
}
|
|
.adm-profit-indicators-green .adm-profit-indicators-title:first-child {
|
|
margin-top: 0;
|
|
}
|
|
.adm-profit-indicators-green .adm-profit-indicators-cont {
|
|
height: 47px;
|
|
line-height: 47px;
|
|
padding-bottom: 0;
|
|
}
|
|
.adm-profit-indicators-green .adm-profit-indicators-alignment {height: 47px;}
|
|
|
|
.adm-profit-indicators-green .adm-profit-indicators-num {font-size: 29px;}
|
|
|
|
.adm-profit-indicators-line {
|
|
background-color: #fff;
|
|
height: 5px;
|
|
left: 34%;
|
|
position: absolute;
|
|
top: 78px;
|
|
width: 32%;
|
|
}
|
|
|
|
|
|
.adm-profit-percent {
|
|
background-color: #e8a839;
|
|
border-width: 3px;
|
|
border-radius: 3px;
|
|
height: 49px;
|
|
position: absolute;
|
|
top: -7px;
|
|
text-align: center;
|
|
right: 12px;
|
|
width: 73px;
|
|
}
|
|
|
|
.adm-profit-percent .adm-profit-indicators-title {
|
|
background-color: #cf9735;
|
|
font-size: 11px;
|
|
height: 19px;
|
|
line-height: 19px;
|
|
padding: 0;
|
|
}
|
|
|
|
.adm-profit-percent .adm-profit-indicators-cont {
|
|
color: #ffffff;
|
|
font-size: 19px;
|
|
height: 29px;
|
|
line-height: 29px;
|
|
text-align: center;
|
|
text-indent: 5px;
|
|
}
|
|
|
|
/*.adm-profit-percent-symbol {*/
|
|
/*font-size: 14px;*/
|
|
/*}*/
|
|
|
|
|
|
.adm-profit-indicators-marks-wrap {
|
|
top: 59px;
|
|
position: absolute;
|
|
width: 2%;
|
|
}
|
|
|
|
.adm-profit-indicators-mark-minus {left: 32%;}
|
|
|
|
.adm-profit-indicators-mark-equal {right: 32%;}
|
|
|
|
.adm-profit-indicators-marks-inner {
|
|
margin-left: -150%;
|
|
text-align: center;
|
|
width: 400%;
|
|
}
|
|
|
|
.adm-profit-indicators-mark {
|
|
background-color: #fff;
|
|
box-shadow: 0 0 3px rgba(0,0,0,.29);
|
|
border-radius: 50%;
|
|
display: inline-block;
|
|
height: 42px;
|
|
position: relative;
|
|
vertical-align: top;
|
|
width: 42px;
|
|
}
|
|
|
|
|
|
.adm-profit-indicators-mark:before,
|
|
.adm-profit-indicators-mark-equal .adm-profit-indicators-mark:after {
|
|
background-color: #000;
|
|
content: '';
|
|
height: 4px;
|
|
left: 13px;
|
|
position: absolute;
|
|
width: 16px;
|
|
}
|
|
.adm-profit-indicators-mark-minus .adm-profit-indicators-mark:before {top: 19px;}
|
|
.adm-profit-indicators-mark-equal .adm-profit-indicators-mark:before {top: 15px;}
|
|
.adm-profit-indicators-mark-equal .adm-profit-indicators-mark:after {top: 23px;}
|
|
|
|
|
|
.adm-profit-block-white {
|
|
background-color: #ffffff;
|
|
border: 1px solid #dfe1e2;
|
|
border-radius: 3px;
|
|
-webkit-box-shadow: 0 0 0 1px #eff2f2;
|
|
box-shadow: 0 0 0 1px #eff2f2;
|
|
font-size: 0;
|
|
}
|
|
|
|
.adm-profit-block-part {
|
|
color: transparent;
|
|
-webkit-box-shadow: 0 0 0 2px;
|
|
box-shadow: 0 0 0 2px;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
padding: 14px 0 20px;
|
|
width: 50%;
|
|
|
|
-webkit-transition: color 0.2s linear;
|
|
transition: color 0.2s linear;
|
|
}
|
|
|
|
.adm-profit-block-part-active {
|
|
border-radius: 2px;
|
|
color: #a4c753;
|
|
}
|
|
|
|
.adm-profit-title-wrap {
|
|
margin: 0 11px 4px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.adm-profit-title-calc {
|
|
float: left;
|
|
}
|
|
|
|
.adm-profit-calc-toggle {
|
|
cursor: pointer;
|
|
float: right;
|
|
}
|
|
|
|
.adm-profit-calc-toggle-text {
|
|
color: #646c7a;
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
margin-right: 7px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.adm-profit-calc-toggle-btn {
|
|
background-color: #dddfe2;
|
|
box-shadow: inset 0 1px 0 rgba(22,50,93,.3);
|
|
border-radius: 10px;
|
|
display: inline-block;
|
|
height: 20px;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
width: 35px;
|
|
|
|
-webkit-transition: background-color 0.2s linear;
|
|
transition: background-color 0.2s linear;
|
|
}
|
|
|
|
.adm-profit-calc-toggle-btn:before {
|
|
background-color: #fff;
|
|
border-radius: 50%;
|
|
box-shadow: 0 1px 0 rgba(22,50,93,.3);
|
|
content: '';
|
|
height: 16px;
|
|
left: 2px;
|
|
position: absolute;
|
|
top: 2px;
|
|
width: 16px;
|
|
|
|
-webkit-transition: left 0.2s linear;
|
|
transition: left 0.2s linear;
|
|
|
|
}
|
|
|
|
.adm-profit-calc-toggle-active .adm-profit-calc-toggle-btn {
|
|
background-color: #90bf1f;
|
|
}
|
|
|
|
.adm-profit-calc-toggle-active .adm-profit-calc-toggle-btn:before {
|
|
left: 17px;
|
|
}
|
|
|
|
.adm-profit-calc-block {
|
|
margin: 0 11px;
|
|
}
|
|
|
|
.adm-profit-calc-row {
|
|
padding-top: 9px;
|
|
position: relative;
|
|
white-space: nowrap;
|
|
|
|
-webkit-transition: height 0.2s linear;
|
|
transition: height 0.2s linear;
|
|
}
|
|
|
|
.adm-profit-calc-row:first-child {
|
|
padding-top: 0;
|
|
}
|
|
|
|
|
|
.adm-profit-calc-cel {
|
|
background-color: #e2ebed;
|
|
display: inline-block;
|
|
margin-left: 2px;
|
|
position: relative;
|
|
vertical-align: top;
|
|
width: 33%;
|
|
}
|
|
|
|
.adm-profit-calc-cel:first-child {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.adm-profit-calc-cel-header {
|
|
background-color: #aeb6bb;
|
|
-webkit-box-shadow: 0 -1px 0 rgba(51, 55, 61, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.25);
|
|
box-shadow: 0 -1px 0 rgba(51, 55, 61, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.25);
|
|
color: #fff;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
height: 26px;
|
|
line-height: 26px;
|
|
padding-left: 10px;
|
|
text-shadow: 0 1px 0 rgba(66, 92, 108, 0.41);
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/*.adm-profit-calc-cont {*/
|
|
.adm-profit-calc-block input {
|
|
color: #000;
|
|
font-size: 22px !important;
|
|
/*height: 44px;*/
|
|
/*line-height: 44px;*/
|
|
border: none !important;
|
|
margin: 5px !important;
|
|
/*padding: 10px;*/
|
|
text-align: right;
|
|
width: 85%;
|
|
|
|
}
|
|
|
|
/*.adm-profit-block-part-active .adm-profit-calc-cont-inp {*/
|
|
/*color: transparent;*/
|
|
|
|
/*-webkit-transition: color 0s linear 0.3s;*/
|
|
/*transition: color 0s linear 0.3s;*/
|
|
/*}*/
|
|
|
|
.adm-profit-calc-footer {
|
|
/* display: block;
|
|
margin-left: 0;
|
|
width: 100%;*/
|
|
height: 0;
|
|
overflow: hidden;
|
|
|
|
-webkit-transition: height 0.2s linear;
|
|
transition: height 0.2s linear;
|
|
}
|
|
|
|
.adm-profit-block-part-active .adm-profit-calc-footer {
|
|
height: 70px;
|
|
}
|
|
|
|
.adm-profit-calc-footer-inner {
|
|
position: relative;
|
|
width: 33%;
|
|
}
|
|
|
|
/*input.adm-profit-calc-inp[type="text"] {*/
|
|
/*color: #000;*/
|
|
/*font-size: 22px !important;*/
|
|
/*height: 44px;*/
|
|
/*line-height: 44px;*/
|
|
/*padding:0 6%;*/
|
|
/*text-align: right;*/
|
|
|
|
|
|
/*background-color: #fff;*/
|
|
/*border: 1px solid;*/
|
|
/*border-color: #99a2ab #a2abb4 #aeb6be;*/
|
|
/*border-radius: 2px;*/
|
|
/*-webkit-box-shadow: inset 0 1px 0 #d2d9dd, 0 1px 0 rgba(255,255,255,0.35);*/
|
|
/*box-shadow: inset 0 1px 0 #d2d9dd, 0 1px 0 rgba(255,255,255,0.35);*/
|
|
/*-webkit-box-sizing: border-box;*/
|
|
/*-moz-box-sizing: border-box;*/
|
|
/*box-sizing: border-box;*/
|
|
/*color: #000;*/
|
|
/*display: none;*/
|
|
/*height: 29px;*/
|
|
/*line-height: 28px;*/
|
|
/*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
|
|
/*margin-left: -1px;*/
|
|
/*left: 3%;*/
|
|
/*opacity: 0;*/
|
|
/*padding: 0 3%;*/
|
|
/*position: absolute;*/
|
|
/*top: 33px;*/
|
|
/*width: 95.5%;*/
|
|
|
|
/*-webkit-transition: opacity 0.2s linear;*/
|
|
/*transition: opacity 0.2s linear;*/
|
|
/*text-align: right;*/
|
|
/*}*/
|
|
|
|
/*.adm-profit-block-part-active input.adm-profit-calc-inp[type="text"] {*/
|
|
/*opacity: 1;*/
|
|
/*display: block;*/
|
|
/*}*/
|
|
|
|
/*.adm-profit-calc-footer-inner input.adm-profit-calc-inp[type="text"] {*/
|
|
/*top: 7px;*/
|
|
/*}*/
|
|
|
|
.adm-profit-calc-cel-yellow {
|
|
background-color: #f2e783;
|
|
}
|
|
|
|
.adm-profit-calc-cel-yellow .adm-profit-calc-cel-header {
|
|
background-color: #d3c866;
|
|
}
|
|
|
|
.adm-profit-calc-cel-red {
|
|
background-color: #f6ae94;
|
|
}
|
|
.adm-profit-calc-cel-red .adm-profit-calc-cel-header {
|
|
background-color: #dd967c;
|
|
}
|
|
|
|
.adm-profit-calc-cel-violet {
|
|
background-color: #e5a1e3;
|
|
}
|
|
|
|
.adm-profit-calc-cel-violet .adm-profit-calc-cel-header {
|
|
background-color: #ce91ce;
|
|
}
|
|
|
|
.adm-profit-calc-tip {
|
|
background-color: #f7f9f9;
|
|
border-radius: 50%;
|
|
cursor: pointer;
|
|
height: 18px;
|
|
left: 33%;
|
|
margin-left: -8px;
|
|
position: absolute;
|
|
top: 14px;
|
|
width: 18px;
|
|
}
|
|
|
|
.adm-profit-calc-row:first-child .adm-profit-calc-tip {
|
|
top: 5px;
|
|
}
|
|
|
|
.adm-profit-calc-tip-dot,
|
|
.adm-profit-calc-tip:before,
|
|
.adm-profit-calc-tip:after {
|
|
background-color: #9a9ea3;
|
|
content: '';
|
|
height: 2px;
|
|
left: 8px;
|
|
position: absolute;
|
|
top: 8px;
|
|
width: 2px;
|
|
}
|
|
|
|
.adm-profit-calc-tip:before {left: 5px;}
|
|
.adm-profit-calc-tip:after {left: 11px;}
|
|
|
|
.adm-profit-calc-tip:hover {
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.adm-profit-calc-tip:hover .adm-profit-calc-tip-dot,
|
|
.adm-profit-calc-tip:hover .adm-profit-calc-tip:before,
|
|
.adm-profit-calc-tip:hover .adm-profit-calc-tip:after {
|
|
background-color: #747880;
|
|
}
|
|
|
|
.adm-profit-calc-tip:active,
|
|
.adm-profit-calc-tip-active {
|
|
background-image: -webkit-linear-gradient(top, #eeeeee, #fefefe);
|
|
background-image: linear-gradient(to bottom, #eeeeee, #fefefe);
|
|
-webkit-box-shadow: inset 0 1px 0 #d0d0d0, inset 0 1px 1px rgba(0, 0, 0, .16);
|
|
box-shadow: inset 0 1px 0 #d0d0d0, inset 0 1px 1px rgba(0, 0, 0, .16);
|
|
}
|
|
|
|
.adm-profit-calc-tip:active .adm-profit-calc-tip-dot,
|
|
.adm-profit-calc-tip:active .adm-profit-calc-tip:before,
|
|
.adm-profit-calc-tip:active .adm-profit-calc-tip:after
|
|
.adm-profit-calc-tip-active .adm-profit-calc-tip-dot,
|
|
.adm-profit-calc-tip-active .adm-profit-calc-tip:before,
|
|
.adm-profit-calc-tip-active .adm-profit-calc-tip:after {
|
|
background-color: #72767e;
|
|
}
|
|
|
|
|
|
.adm-profit-funnel-block {
|
|
min-height: 330px;
|
|
padding-right: 70px;
|
|
position: relative;
|
|
}
|
|
|
|
.adm-profit-funnel-arrow {
|
|
background-color: #e6e7ea;
|
|
-webkit-box-shadow: -1px 0 0 #f0f1f2, 1px 0 0 #f6f7f8;
|
|
box-shadow: -1px 0 0 #f0f1f2, 1px 0 0 #f6f7f8;
|
|
height: 330px;
|
|
position: absolute;
|
|
top: 14px;
|
|
right: 46px;
|
|
width: 4px;
|
|
}
|
|
|
|
.adm-profit-funnel-arrow:before,
|
|
.adm-profit-funnel-arrow:after {
|
|
background: url(/bitrix/images/conversion/adm-profitability-sprite.png) no-repeat 500px 500px #fff;
|
|
content: '';
|
|
height: 28px;
|
|
left: -15px;
|
|
position: absolute;
|
|
width: 20px;
|
|
}
|
|
|
|
|
|
.adm-profit-funnel-arrow:before {
|
|
background-position: 0 -94px;
|
|
top: 0;
|
|
}
|
|
.adm-profit-funnel-arrow:after {
|
|
background-position: 0 -139px;
|
|
bottom: 0;
|
|
}
|
|
|
|
.adm-profit-funnel-arrow-center {
|
|
background: url(/bitrix/images/conversion/adm-profitability-sprite.png) no-repeat no-repeat -46px -94px #fff;
|
|
height: 79px;
|
|
position: absolute;
|
|
top: 72px;
|
|
right: -18px;
|
|
width: 23px;
|
|
}
|
|
|
|
.adm-profit-error {
|
|
border-color: #ff4d4d !important;
|
|
-webkit-box-shadow: 0 1px 0 #d2d9dd inset, 0 0 0 1px #ff4d4d !important;
|
|
box-shadow: 0 1px 0 #d2d9dd inset, 0 0 0 1px #ff4d4d !important;
|
|
background-color: #fff2f2 !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
|