From 7f99892b864295eef23bf24bd8c6c9b231d0c684 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Thu, 28 Jul 2011 17:50:38 -0700 Subject: [PATCH] change popover stufff --- Makefile | 4 +- bootstrap-1.0.0.css | 146 +++++++++------------------------------ bootstrap-1.0.0.min.css | 26 +++---- docs/.DS_Store | Bin 0 -> 6148 bytes docs/assets/.DS_Store | Bin 0 -> 6148 bytes docs/assets/css/docs.css | 10 +++ docs/assets/img/bird.png | Bin 0 -> 4434 bytes docs/index.html | 39 ++--------- lib/patterns.less | 100 +++++---------------------- 9 files changed, 77 insertions(+), 248 deletions(-) create mode 100644 docs/.DS_Store create mode 100644 docs/assets/.DS_Store create mode 100644 docs/assets/img/bird.png diff --git a/Makefile b/Makefile index 74ab90d023..f275d7ce96 100644 --- a/Makefile +++ b/Makefile @@ -18,11 +18,11 @@ build: fi watch: - @@if test ! -z ${LESS_COMPESSOR}; then \ + @@if test ! -z ${WATCHR}; then \ echo "Watching less files..."; \ watchr -e "watch('lib/.*\.less') { system 'make' }"; \ else \ - echo "You must have the WATCHR installed in order to build Bootstrap."; \ + echo "You must have the watchr installed in order to watch Bootstrap less files."; \ echo "You can install it by running: gem install watchr"; \ fi diff --git a/bootstrap-1.0.0.css b/bootstrap-1.0.0.css index 2f592d3579..126e8a1844 100644 --- a/bootstrap-1.0.0.css +++ b/bootstrap-1.0.0.css @@ -6,7 +6,7 @@ * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. - * Date: Sat Jul 2 15:34:02 PDT 2011 + * Date: Thu Jul 28 17:49:29 PDT 2011 */ /* * Reset.less @@ -1703,57 +1703,15 @@ div.twipsy .twipsy-arrow { width: 0; height: 0; } -.popover-wrapper { - position: relative; -} .popover { position: absolute; top: 0; left: 0; z-index: 1000; + padding: 5px; display: none; } -.popover-border { - background: rgba(0, 0, 0, 0.8); - padding: 5px; - overflow: hidden; - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; - -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); - -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); - box-shadow: 0 3px 6px rgba(0, 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; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; -} -.popover-inner p, .popover-inner ul, .popover-inner ol { - margin-bottom: 0; -} -.popover2 { - padding: 5px; -} -.popover2 .inner { - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; - -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); - box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); - width: 280px; -} -.popover2.above .arrow { +.popover.above .arrow { bottom: 0; left: 50%; margin-left: -5px; @@ -1761,7 +1719,7 @@ div.twipsy .twipsy-arrow { border-right: 5px solid transparent; border-top: 5px solid #000000; } -.popover2.right .arrow { +.popover.right .arrow { top: 50%; left: 0; margin-top: -5px; @@ -1769,7 +1727,7 @@ div.twipsy .twipsy-arrow { border-bottom: 5px solid transparent; border-right: 5px solid #000000; } -.popover2.below .arrow { +.popover.below .arrow { top: 0; left: 50%; margin-left: -5px; @@ -1777,7 +1735,7 @@ div.twipsy .twipsy-arrow { border-right: 5px solid transparent; border-bottom: 5px solid #000000; } -.popover2.left .arrow { +.popover.left .arrow { top: 50%; right: 0; margin-top: -5px; @@ -1785,82 +1743,42 @@ div.twipsy .twipsy-arrow { border-bottom: 5px solid transparent; border-left: 5px solid #000000; } -.popover2 .arrow { +.popover .arrow { position: absolute; width: 0; height: 0; } -.popover2 .title { - background-color: #222222; - background-repeat: repeat-x; - background-image: -khtml-gradient(linear, left top, left bottom, from(#444444), to(#222222)); - background-image: -moz-linear-gradient(#444444, #222222); - background-image: -ms-linear-gradient(#444444, #222222); - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(100%, #222222)); - background-image: -webkit-linear-gradient(#444444, #222222); - background-image: -o-linear-gradient(#444444, #222222); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222', GradientType=0)"; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222', GradientType=0); - background-image: linear-gradient(#444444, #222222); - padding: 9px 15px; - color: #fff; - line-height: 1; - -webkit-border-radius: 6px 6px 0 0; - -moz-border-radius: 6px 6px 0 0; - border-radius: 6px 6px 0 0; +.popover .inner { + background: rgba(0, 0, 0, 0.8); + padding: 3px; + overflow: hidden; + width: 280px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); + box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); } -.popover2 .content { +.popover .title { + background: #f5f5f5; + padding: 9px 15px; + line-height: 1; + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; + border-bottom: 1px solid #eee; +} +.popover .content { background-color: #ffffff; padding: 14px; - border: 1px solid #000000; - border-top: 0; - -webkit-border-radius: 0 0 6px 6px; - -moz-border-radius: 0 0 6px 6px; - border-radius: 0 0 6px 6px; + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding; } -.popover2 .content p, .popover2 .content ul, .popover2 .content ol { +.popover .content p, .popover .content ul, .popover .content ol { margin-bottom: 0; } -.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, 0.75); - border: 1px solid rgba(0, 0, 0, 0.5); - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; - overflow: hidden; - -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); - -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); - -webkit-background-clip: padding; -} -.popover-menu .popover-inner { - background: #222; - padding: 7px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - width: 150px; -} -.popover-menu a { - color: #fff; - font-weight: bold; - padding: 5px 8px; -} diff --git a/bootstrap-1.0.0.min.css b/bootstrap-1.0.0.min.css index 1bedb844ba..bfe372ca6b 100644 --- a/bootstrap-1.0.0.min.css +++ b/bootstrap-1.0.0.min.css @@ -205,21 +205,11 @@ div.twipsy.below .twipsy-arrow{top:0;left:50%;margin-left:-5px;border-left:5px s 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 #000000;} div.twipsy .twipsy-inner{padding:3px 8px;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;} -.popover-wrapper{position:relative;} -.popover{position:absolute;top:0;left:0;z-index:1000;display:none;} -.popover-border{background:rgba(0, 0, 0, 0.8);padding:5px;overflow:hidden;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 6px rgba(0, 0, 0, 0.25);-moz-box-shadow:0 3px 6px rgba(0, 0, 0, 0.25);box-shadow:0 3px 6px rgba(0, 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;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}.popover-inner p,.popover-inner ul,.popover-inner ol{margin-bottom:0;} -.popover2{padding:5px;}.popover2 .inner{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);width:280px;} -.popover2.above .arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;} -.popover2.right .arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;} -.popover2.below .arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;} -.popover2.left .arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000;} -.popover2 .arrow{position:absolute;width:0;height:0;} -.popover2 .title{background-color:#222222;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#444444), to(#222222));background-image:-moz-linear-gradient(#444444, #222222);background-image:-ms-linear-gradient(#444444, #222222);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(100%, #222222));background-image:-webkit-linear-gradient(#444444, #222222);background-image:-o-linear-gradient(#444444, #222222);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222', GradientType=0)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222', GradientType=0);background-image:linear-gradient(#444444, #222222);padding:9px 15px;color:#fff;line-height:1;-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;} -.popover2 .content{background-color:#ffffff;padding:14px;border:1px solid #000000;border-top:0;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding;}.popover2 .content p,.popover2 .content ul,.popover2 .content ol{margin-bottom:0;} -.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, 0.75);border:1px solid rgba(0, 0, 0, 0.5);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;overflow:hidden;-webkit-box-shadow:0 3px 6px rgba(0, 0, 0, 0.25);-moz-box-shadow:0 3px 6px rgba(0, 0, 0, 0.25);box-shadow:0 3px 6px rgba(0, 0, 0, 0.25);-webkit-background-clip:padding;} -.popover-menu .popover-inner{background:#222;padding:7px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;width:150px;} -.popover-menu a{color:#fff;font-weight:bold;padding:5px 8px;} +.popover{position:absolute;top:0;left:0;z-index:1000;padding:5px;display:none;}.popover.above .arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;} +.popover.right .arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;} +.popover.below .arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;} +.popover.left .arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000;} +.popover .arrow{position:absolute;width:0;height:0;} +.popover .inner{background:rgba(0, 0, 0, 0.8);padding:3px;overflow:hidden;width:280px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);} +.popover .title{background:#f5f5f5;padding:9px 15px;line-height:1;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;border-bottom:1px solid #eee;} +.popover .content{background-color:#ffffff;padding:14px;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding;}.popover .content p,.popover .content ul,.popover .content ol{margin-bottom:0;} diff --git a/docs/.DS_Store b/docs/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..f199fc7b18e0471ca96d474cbbb28d16316492c6 GIT binary patch literal 6148 zcmeHK%}T>S5Z<-5MpVc}^tgB~(pn`K51~}>D74Un6-`K?fzp&FrH2@eFXS`$6h4pN z?5>4s=}|;y%Ir5gKby@5-OUIgWP2Vpg>Z!s4wO)mu|~+fHne4vB@l`=GLeRhbQ+G6 zaLq!$(M5Z&i9n?I4ZrOFHJpy)G;1{8XgwBy;9W-%8Hu8Lnr9oPS{JI>-9|D>X9+-h2VBiBI CenXr9 literal 0 HcmV?d00001 diff --git a/docs/assets/.DS_Store b/docs/assets/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..57b2f456a7c4aec36e33083f1b1e4ca5e0065405 GIT binary patch literal 6148 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 Y^Q^Ub`tV@r&%YdQ`#ey!h(l@r1Ll6X%K!iX literal 0 HcmV?d00001 diff --git a/docs/index.html b/docs/index.html index 41be6b5ece..358642e2be 100644 --- a/docs/index.html +++ b/docs/index.html @@ -1114,55 +1114,30 @@ Lorem ipsum dolar sit amet illo error ipsum verita - +

Popovers

+

Use popovers to provide subtextual information to a page without effecting layout.

- -
-
-
-

Popover title

-
-

Etiam porta sem malesuada magna mollis euismod. Maecenas faucibus mollis interdum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

-
-
-
-
- -
-
+
+
-

Popover title

+

Popover Title

Etiam porta sem malesuada magna mollis euismod. Maecenas faucibus mollis interdum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

-
- -
-
-
-
-
-
- View - Edit - Delete -
-
-
-
+
- + diff --git a/lib/patterns.less b/lib/patterns.less index b79438dea3..8e21655586 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; + padding: 5px; 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(); } + &.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