/* Table of Contents ================================================== # Tooltip */ /* # Tooltip ================================================== */ .tooltip { color: rgba(255,255,255,1); display: block; font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; letter-spacing: 0; line-height: 17px; opacity: 0; filter: alpha(opacity=0); float: none; position: absolute; text-decoration: none; text-transform: none; visibility: visible; z-index: 1070; } .tooltip.in { opacity: 0.8; filter: alpha(opacity=80); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { background: rgba(35,41,55,1); border-radius: 3px; color: rgba(255,255,255,1); letter-spacing: 0; max-width: 200px; padding: 5px 10px; text-align: center; text-decoration: none; text-transform: none; } .tooltip-arrow { border-color: transparent; border-style: solid; height: 0; position: absolute; width: 0; } .tooltip.top > .tooltip-arrow { border-top-color: rgba(35,41,55,1); border-width: 5px 5px 0; bottom: 0; left: 50%; margin-left: -5px; } .tooltip.right > .tooltip-arrow { border-right-color: rgba(35,41,55,1); border-width: 5px 5px 5px 0; left: 0; margin-top: -5px; top: 50%; } .tooltip.left > .tooltip-arrow { border-left-color: rgba(35,41,55,1); border-width: 5px 0 5px 5px; margin-top: -5px; right: 0; top: 50%; } .tooltip.bottom > .tooltip-arrow { border-bottom-color: rgba(35,41,55,1); border-width: 0 5px 5px; left: 50%; margin-left: -5px; top: 0; }