aboutsummaryrefslogtreecommitdiff
path: root/lib/patterns.less
diff options
context:
space:
mode:
authorJacob Thornton <[email protected]>2011-07-28 17:50:38 -0700
committerJacob Thornton <[email protected]>2011-07-28 17:50:38 -0700
commit7f99892b864295eef23bf24bd8c6c9b231d0c684 (patch)
treef47348615b4f905ceea6bb85613a250e9d2a3593 /lib/patterns.less
parenta7d65d7d8fdb65d514fb7638209175f87eb92a04 (diff)
downloadbootstrap-7f99892b864295eef23bf24bd8c6c9b231d0c684.tar.xz
bootstrap-7f99892b864295eef23bf24bd8c6c9b231d0c684.zip
change popover stufff
Diffstat (limited to 'lib/patterns.less')
-rw-r--r--lib/patterns.less100
1 files changed, 18 insertions, 82 deletions
diff --git a/lib/patterns.less b/lib/patterns.less
index b79438dea..8e2165558 100644
--- a/lib/patterns.less
+++ b/lib/patterns.less
@@ -583,108 +583,44 @@ div.twipsy {
// Popovers
// --------
-.popover-wrapper {
- position: relative;
-}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1000;
- display: none;
-}
-.popover-border {
- background: rgba(0,0,0,.8);
padding: 5px;
- overflow: hidden;
- .border-radius(6px);
- .box-shadow(0 3px 6px rgba(0,0,0,.25));
-}
-.popover-title {
- padding: 5px 15px 10px;
- color: #fff;
- line-height: 1;
-}
-.popover-inner {
- background-color: #fff;
- overflow: hidden;
- padding: 15px;
- width: 200px;
- .border-radius(3px);
- p, ul, ol {
- margin-bottom: 0;
- }
-}
-
-.popover2 {
- padding: 5px;
- .inner {
- .border-radius(6px);
- .box-shadow(0 3px 7px rgba(0,0,0,0.3));
- width: 280px;
- }
- &.above .arrow { #popoverArrow > .above(); }
- &.right .arrow { #popoverArrow > .right(); }
- &.below .arrow { #popoverArrow > .below(); }
- &.left .arrow { #popoverArrow > .left(); }
+ display: none;
+ &.above .arrow { #popoverArrow > .above(); }
+ &.right .arrow { #popoverArrow > .right(); }
+ &.below .arrow { #popoverArrow > .below(); }
+ &.left .arrow { #popoverArrow > .left(); }
.arrow {
position: absolute;
width: 0;
height: 0;
}
+ .inner {
+ background: rgba(0,0,0,.8);
+ padding: 3px;
+ overflow: hidden;
+ width: 280px;
+ .border-radius(6px);
+ .box-shadow(0 3px 7px rgba(0,0,0,0.3));
+ }
.title {
- #gradient > .vertical(#444, #222);
+ background: #f5f5f5;
padding: 9px 15px;
- color: #fff;
line-height: 1;
- .border-radius(6px 6px 0 0);
+ .border-radius(3px 3px 0 0);
+ border-bottom:1px solid #eee;
}
.content {
background-color: @white;
padding: 14px;
- border: 1px solid rgba(0,0,0,1);
- border-top: 0;
- .border-radius(0 0 6px 6px);
+ .border-radius(0 0 3px 3px);
.background-clip(padding);
p, ul, ol {
margin-bottom: 0;
}
}
-}
-
-// Alt popover for menus
-.popover-menu {
- position: absolute;
- top: 0;
- left: 0;
- display: none;
- z-index: 1000;
- background: none;
-}
-.popover-menu .popover-arrow {
- width: 100%;
- height: 14px;
- background: url(/blueprint/images/popover-menu-bottom.png) no-repeat bottom center;
-}
-.popover-menu .popover-border {
- margin: 0 0 -3px;
- padding: 2px;
- background: rgba(255,255,255,.75);
- border: 1px solid rgba(0,0,0,.5);
- .border-radius(6px);
- overflow: hidden;
- .box-shadow(0 3px 6px rgba(0,0,0,.25));
- -webkit-background-clip: padding;
-}
-.popover-menu .popover-inner {
- background: #222;
- padding: 7px;
- .border-radius(4px);
- width: 150px;
-}
-
-.popover-menu a {
- color: #fff;
- font-weight: bold;
- padding: 5px 8px;
-}
+} \ No newline at end of file