less/modules/tooltip.less

0001 // Tooltip
0002 // --------------------------------------------------
0003
0004 .tooltip {
0005   font-size: @base-font-size;
0006
0007   &.in {
0008     opacity: 1;
0009   }
0010   &.top {
0011     padding-bottom: 9px;
0012
0013     .tooltip-arrow {
0014       border-top-color: @base;
0015       border-width: 9px 9px 0;
0016       bottom: 0;
0017       margin-left: -9px;
0018     }
0019   }
0020   &.right {
0021     .tooltip-arrow {
0022       border-right-color: @base;
0023       border-width: 9px 9px 9px 0;
0024       margin-top: -9px;
0025       left: -3px;
0026     }
0027   }
0028   &.bottom {
0029     padding-top: 8px;
0030
0031     .tooltip-arrow {
0032       border-bottom-color: @base;
0033       border-width: 0 9px 9px;
0034       margin-left: -9px;
0035       top: -1px;
0036     }
0037   }
0038   &.left {
0039     .tooltip-arrow {
0040       border-left-color: @base;
0041       border-width: 9px 0 9px 9px;
0042       margin-top: -9px;
0043       right: -3px;
0044     }
0045   }
0046 }
0047
0048 .tooltip-inner {
0049   background-color: @base;
0050   line-height: @base-font-size * 1.285;
0051   padding: 12px 12px;
0052   text-align: center;
0053   width: 183px;
0054   .border-radius(6px);
0055 }