diff --git a/IPython/frontend/html/notebook/static/css/notebook.css b/IPython/frontend/html/notebook/static/css/notebook.css
index 495f32a97..ee9d37ffd 100644
--- a/IPython/frontend/html/notebook/static/css/notebook.css
+++ b/IPython/frontend/html/notebook/static/css/notebook.css
@@ -257,11 +257,11 @@ div.text_cell_render {
.ansigrey {color: grey;}
.ansibold {font-weight: bold;}
-.completions , .tooltip {
+.completions {
position: absolute;
z-index: 10;
overflow: auto;
- border: 1px solid black;
+ border: 1px solid grey;
}
.completions select {
diff --git a/IPython/frontend/html/notebook/static/css/tooltip.css b/IPython/frontend/html/notebook/static/css/tooltip.css
index f84d81660..3722179b9 100644
--- a/IPython/frontend/html/notebook/static/css/tooltip.css
+++ b/IPython/frontend/html/notebook/static/css/tooltip.css
@@ -3,24 +3,15 @@
*
* Author: IPython Development Team
*/
-/**
- * WARNING IF YOU ARE EDITTING THIS FILE,
- * if this is a .css file, It has a lot of chance of beeing generated from the
- * ../css/[samename].less file, it might not stay a less file forever,
- * but as until now it is convenient to developp using less
- *
- * it it's a less file, don't forget to recompile it
- */
+/** WARNING IF YOU ARE EDITTING THIS FILE, if this is a .css file, It has a lot
+ * of chance of beeing generated from the ../less/[samename].less file, you can
+ * try to get back the less file by reverting somme commit in history
+ **/
/*
- * We'll try to get something prety, so we
+ * We'll try to get something pretty, so we
* have some strange ccs to have the scroll bar on
* the left of the left with fix button on the top right of the tooltip
*/
-.dropshadow {
- -moz-box-shadow: 0px 6px 10px -1px #adadad;
- -webkit-box-shadow: 0px 6px 10px -1px #adadad;
- box-shadow: 0px 6px 10px -1px #adadad;
-}
@-moz-keyframes fadeOut {
from {
opacity: 1;
@@ -107,7 +98,6 @@
vertical-align: middle;
background-color: #f7f7f7;
overflow: visible;
- color: #000000;
border: #bbbbbb 1px solid;
outline: none;
padding: 3px;
diff --git a/IPython/frontend/html/notebook/static/less/tooltip.less b/IPython/frontend/html/notebook/static/less/tooltip.less
index 8d9ee95da..e9b28a5db 100644
--- a/IPython/frontend/html/notebook/static/less/tooltip.less
+++ b/IPython/frontend/html/notebook/static/less/tooltip.less
@@ -4,17 +4,14 @@
* Author: IPython Development Team
*/
-/**
- * WARNING IF YOU ARE EDITTING THIS FILE,
- * if this is a .css file, It has a lot of chance of beeing generated from the
- * ../css/[samename].less file, it might not stay a less file forever,
- * but as until now it is convenient to developp using less
- *
- * it it's a less file, don't forget to recompile it
- */
+/** WARNING IF YOU ARE EDITTING THIS FILE, if this is a .css file, It has a lot
+ * of chance of beeing generated from the ../less/[samename].less file, you can
+ * try to get back the less file by reverting somme commit in history
+ **/
+
/*
- * We'll try to get something prety, so we
- * have some strange ccs to have the scroll bar on
+ * We'll try to get something pretty, so we
+ * have some strange css to have the scroll bar on
* the left of the left with fix button on the top right of the tooltip
*/
@@ -24,15 +21,11 @@
// **/
// Four color of the background
-@c1 : rgb(215,215,215);
-@c2 : rgb(210,210,210);
-@c3 : rgb(227,227,227);
@c4 : rgb(247,247,247);
@bordercolor : #BBB;
@borderwidth : 1px;
-@textColor : #000;
-.dropshadow{
+.dropshadow(){
-moz-box-shadow: 0px 6px 10px -1px #adadad;
-webkit-box-shadow: 0px 6px 10px -1px #adadad;
box-shadow: 0px 6px 10px -1px #adadad;
@@ -96,6 +89,7 @@
overflow: hidden;
height:80px;
}
+
.tooltipbuttons
{
position: absolute;
@@ -103,6 +97,7 @@
top : 0px;
right:0px;
}
+
.tooltiptext
{
/*avoid the button to overlap on some docstring*/
@@ -124,7 +119,6 @@
background-color: @c4;
overflow : visible;
- color: @textColor;
border: @bordercolor @borderwidth solid;
outline: none;
padding: 3px;
@@ -146,6 +140,7 @@
position: absolute;
}
+
.pretooltiparrow:before {
background-color : @c4;
border : @borderwidth @bordercolor solid;
@@ -161,7 +156,6 @@
-moz-transform: rotate(@theta);
-ms-transform: rotate(@theta);
-o-transform: rotate(@theta);
-
}
.tooltip.hide