Файл: templates/backend/default/assets/plugins/jquery-ricksaw-chart/css/detail.css
Строк: 50
.rickshaw_graph .detail {
pointer-events: none;
position:
absolute;
top: 0;
z-index: 2;
background: rgba(0, 0, 0,
0.1);
bottom: 0;
width: 1px;
transition: opacity 0.25s
linear;
-moz-transition: opacity 0.25s linear;
-o-transition: opacity
0.25s linear;
-webkit-transition: opacity 0.25s
linear;
}
.rickshaw_graph .detail.inactive {
opacity:
0;
}
.rickshaw_graph .detail .item.active {
opacity:
1;
}
.rickshaw_graph .detail .x_label {
font-family: Arial,
sans-serif;
border-radius: 3px;
padding: 6px;
opacity: 0.5;
border:
1px solid #e0e0e0;
font-size: 12px;
position: absolute;
background:
white;
white-space: nowrap;
}
.rickshaw_graph .detail .item
{
position: absolute;
z-index: 2;
border-radius: 3px;
padding:
0.25em;
font-size: 12px;
font-family: Arial, sans-serif;
opacity:
0;
background: rgba(0, 0, 0, 0.4);
color: white;
border: 1px solid
rgba(0, 0, 0, 0.4);
margin-left: 1em;
margin-top: -1em;
white-space:
nowrap;
}
.rickshaw_graph .detail .item.active {
opacity:
1;
background: rgba(0, 0, 0, 0.8);
}
.rickshaw_graph .detail
.item:before {
content: "\25c2";
position: absolute;
left:
-0.5em;
color: rgba(0, 0, 0, 0.7);
width: 0;
}
.rickshaw_graph
.detail .dot {
width: 4px;
height: 4px;
margin-left:
-4px;
margin-top: -3px;
border-radius: 5px;
position:
absolute;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
background:
white;
border-width: 2px;
border-style: solid;
display:
none;
background-clip: padding-box;
}
.rickshaw_graph .detail
.dot.active {
display: block;
}