mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-05 16:42:29 +03:00
Code Activity

add twipsies...

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
lib/patterns.less
+67
View File
@@ -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;
}
}