2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-11 18:02:28 +03:00

add twipsies...

This commit is contained in:
Jacob Thornton
2011-07-01 21:30:12 -07:00
parent be3a57a692
commit 8245a7087e
5 changed files with 208 additions and 2 deletions
+60
View File
@@ -1593,3 +1593,63 @@ div.modal .modal-footer .btn {
float: right;
margin-left: 10px;
}
div.twipsy {
display: block;
position: absolute;
visibility: visible;
padding: 5px;
font-size: 10px;
z-index: 100000;
filter: alpha(opacity=80);
-khtml-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
}
div.twipsy.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;
}
div.twipsy.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;
}
div.twipsy.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;
}
div.twipsy.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;
}
div.twipsy .twipsy-inner {
padding: 5px 8px 4px;
background-color: #000;
color: white;
text-align: center;
max-width: 200px;
text-decoration: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
div.twipsy .twipsy-arrow {
position: absolute;
width: 0;
height: 0;
}