change popover stufff

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;
-}
+}