app/assets/stylesheets/bootstrap-tooltips.css

   1 /* Rules for bootstrap tooltips */
   2
   3 .tooltip {
   4   position: absolute;
   5   display: none;
   6   color: #333;
   7   text-align: left;
   8   font-size: 12px;
   9   max-width: 250px;
  10 }
  11
  12 .tooltip.in {
  13   opacity: 0.8;
  14   z-index: 1030;
  15   height: auto;
  16   display: block;
  17 }
  18
  19 .tooltip.top {
  20   margin-top: -10px;
  21   text-align: center;
  22 }
  23
  24 .tooltip.right {
  25   margin-left: 10px;
  26 }
  27
  28 .tooltip.bottom {
  29   margin-top: 10px;
  30   text-align: center;
  31 }
  32
  33 .tooltip.left {
  34   margin-left: -10px;
  35   text-align: right;
  36 }
  37
  38 .tooltip-inner {
  39   display: inline-block;
  40   padding: 10px;
  41   font-weight: normal;
  42   background-color: white;
  43 }
  44
  45 .tooltip-arrow {
  46   position: absolute;
  47   width: 0;
  48   height: 0;
  49   border-color: transparent;
  50   border-style: solid;
  51 }
  52
  53 .tooltip.top .tooltip-arrow {
  54   bottom: -5px;
  55   left: 50%;
  56   margin-left: -5px;
  57   border-top-color: white;
  58   border-width: 5px 5px 0;
  59 }
  60
  61 .tooltip.right .tooltip-arrow {
  62   top: 50%;
  63   left: -5px;
  64   margin-top: -5px;
  65   border-right-color: white;
  66   border-width: 5px 5px 5px 0;
  67 }
  68
  69 .tooltip.left .tooltip-arrow {
  70   top: 50%;
  71   right: -5px;
  72   margin-top: -5px;
  73   border-left-color: white;
  74   border-width: 5px 0 5px 5px;
  75 }
  76
  77 .tooltip.bottom .tooltip-arrow {
  78   top: -5px;
  79   left: 50%;
  80   margin-left: -5px;
  81   border-bottom-color: white;
  82   border-width: 0 5px 5px;
  83 }