}
.tooltip.in {
- opacity: 0.8;
- filter: alpha(opacity=80);
+ opacity: 1;
+ filter: alpha(opacity=100);
}
.tooltip.top {
color: #ffffff;
text-align: center;
text-decoration: none;
- background-color: #000000;
+ background-color: rgba(0, 0, 0, 0.9);
border-radius: 4px;
}
bottom: 0;
left: 50%;
margin-left: -5px;
- border-top-color: #000000;
+ border-top-color: rgba(0, 0, 0, 0.9);
border-width: 5px 5px 0;
}
top: 50%;
left: 0;
margin-top: -5px;
- border-right-color: #000000;
+ border-right-color: rgba(0, 0, 0, 0.9);
border-width: 5px 5px 5px 0;
}
top: 50%;
right: 0;
margin-top: -5px;
- border-left-color: #000000;
+ border-left-color: rgba(0, 0, 0, 0.9);
border-width: 5px 0 5px 5px;
}
top: 0;
left: 50%;
margin-left: -5px;
- border-bottom-color: #000000;
+ border-bottom-color: rgba(0, 0, 0, 0.9);
border-width: 0 5px 5px;
}
padding: 5px;
font-size: 11px;
.opacity(0);
- &.in { .opacity(80); }
+ &.in { .opacity(100); }
&.top { margin-top: -3px; }
&.right { margin-left: 3px; }
&.bottom { margin-top: 3px; }
// Tooltips and popovers
// -------------------------
@tooltipColor: #fff;
-@tooltipBackground: #000;
+@tooltipBackground: rgba(0,0,0,.9);
@tooltipArrowWidth: 5px;
@tooltipArrowColor: @tooltipBackground;