// TWIPSY // ------ .twipsy { position: absolute; z-index: 1000; display: block; visibility: visible; padding: 5px; font-size: 11px; .opacity(0); &.in { .opacity(80); } &.top { margin-top: -2px; } &.right { margin-left: 2px; } &.bottom { margin-top: 2px; } &.left { margin-left: -2px; } &.top .twipsy-arrow { #popoverArrow > .top(); } &.left .twipsy-arrow { #popoverArrow > .left(); } &.bottom .twipsy-arrow { #popoverArrow > .bottom(); } &.right .twipsy-arrow { #popoverArrow > .right(); } } .twipsy-inner { max-width: 200px; padding: 3px 8px; color: white; text-align: center; text-decoration: none; background-color: @black; .border-radius(4px); } .twipsy-arrow { position: absolute; width: 0; height: 0; }