diff options
| author | Jacob Thornton <[email protected]> | 2011-07-28 17:50:38 -0700 |
|---|---|---|
| committer | Jacob Thornton <[email protected]> | 2011-07-28 17:50:38 -0700 |
| commit | 7f99892b864295eef23bf24bd8c6c9b231d0c684 (patch) | |
| tree | f47348615b4f905ceea6bb85613a250e9d2a3593 /lib/patterns.less | |
| parent | a7d65d7d8fdb65d514fb7638209175f87eb92a04 (diff) | |
| download | bootstrap-7f99892b864295eef23bf24bd8c6c9b231d0c684.tar.xz bootstrap-7f99892b864295eef23bf24bd8c6c9b231d0c684.zip | |
change popover stufff
Diffstat (limited to 'lib/patterns.less')
| -rw-r--r-- | lib/patterns.less | 100 |
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 |
