diff options
Diffstat (limited to 'lib/patterns.less')
| -rw-r--r-- | lib/patterns.less | 67 |
1 files changed, 67 insertions, 0 deletions
diff --git a/lib/patterns.less b/lib/patterns.less index 7d330f6dd..76868e006 100644 --- a/lib/patterns.less +++ b/lib/patterns.less @@ -506,3 +506,70 @@ div.modal { } } } + +// Twipsy +// ------ + +div.twipsy { + display: block; + position: absolute; + visibility: visible; + padding: 5px; + font-size: 10px; + z-index: 100000; + .opacity(80); + &.above { + .twipsy-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-top: 5px solid #000; + } + } + &.left { + .twipsy-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-top: 5px solid transparent; + border-bottom: 5px solid transparent; + border-left: 5px solid #000; + } + } + &.below { + .twipsy-arrow { + top:0; + left:50%; + margin-left: -5px; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-bottom: 5px solid #000; + } + } + &.right { + .twipsy-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-top: 5px solid transparent; + border-bottom: 5px solid transparent; + border-right: 5px solid #000; + } + } + .twipsy-inner { + padding: 5px 8px 4px; + background-color: #000; + color: white; + text-align: center; + max-width: 200px; + text-decoration:none; + .border-radius(4px); + } + .twipsy-arrow { + position: absolute; + width: 0; + height: 0; + } +}
\ No newline at end of file |