diff --git a/IPython/frontend/html/notebook/static/css/notebook.css b/IPython/frontend/html/notebook/static/css/notebook.css index b3d4f97..6d2458d 100644 --- a/IPython/frontend/html/notebook/static/css/notebook.css +++ b/IPython/frontend/html/notebook/static/css/notebook.css @@ -315,6 +315,7 @@ option.introspection { .tooltip { /*transition when "expand"ing tooltip */ + font-size: 14px; -webkit-transition-property: height; -webkit-transition-duration: 1s; -moz-transition-property: height; @@ -329,10 +330,29 @@ option.introspection { -moz-animation: fadeIn 200ms; animation: fadeIn 200ms; vertical-align: middle; - background: #FDFDD8; + + background-image: linear-gradient(bottom, rgb(215,215,215) 13%, rgb(210,210,210) 39%, rgb(227,227,227) 56%, rgb(247,247,247) 91%); + background-image: -o-linear-gradient(bottom, rgb(215,215,215) 13%, rgb(210,210,210) 39%, rgb(227,227,227) 56%, rgb(247,247,247) 91%); + background-image: -ms-linear-gradient(bottom, rgb(215,215,215) 13%, rgb(210,210,210) 39%, rgb(227,227,227) 56%, rgb(247,247,247) 91%); + background-image: -moz-linear-gradient(bottom, rgb(215,215,215) 13%, rgb(210,210,210) 39%, rgb(227,227,227) 56%, rgb(247,247,247) 91%); + background-image: -webkit-linear-gradient(bottom, rgb(215,215,215) 13%, rgb(210,210,210) 39%, rgb(227,227,227) 56%, rgb(247,247,247) 91%); + + background-image: -webkit-gradient( + linear, + left bottom, + left top, + color-stop(0.13, rgb(215,215,215)), + color-stop(0.39, rgb(210,210,210)), + color-stop(0.56, rgb(227,227,227)), + color-stop(0.91, rgb(247,247,247)) + ); + + color: #000; + border-color: #BBB; outline: none; padding: 3px; margin: 0px; + padding-left:7px; font-family: monospace; min-height:50px; } diff --git a/IPython/frontend/html/notebook/static/js/tooltip.js b/IPython/frontend/html/notebook/static/js/tooltip.js index d5598cb..6304dae 100644 --- a/IPython/frontend/html/notebook/static/js/tooltip.js +++ b/IPython/frontend/html/notebook/static/js/tooltip.js @@ -16,6 +16,10 @@ var IPython = (function (IPython) { var Tooltip = function (notebook) { this.tooltip = $('#tooltip'); this.text = $('
')
+        this.text.html('something');
+        this.tooltip.css('left',50+'px');
+        this.tooltip.css('top',50+'px');
+        this.tooltip.append(this.text);
     };