Show More
@@ -315,6 +315,7 b' option.introspection {' | |||
|
315 | 315 | |
|
316 | 316 | .tooltip { |
|
317 | 317 | /*transition when "expand"ing tooltip */ |
|
318 | font-size: 14px; | |
|
318 | 319 | -webkit-transition-property: height; |
|
319 | 320 | -webkit-transition-duration: 1s; |
|
320 | 321 | -moz-transition-property: height; |
@@ -329,10 +330,29 b' option.introspection {' | |||
|
329 | 330 | -moz-animation: fadeIn 200ms; |
|
330 | 331 | animation: fadeIn 200ms; |
|
331 | 332 | vertical-align: middle; |
|
332 | background: #FDFDD8; | |
|
333 | ||
|
334 | 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%); | |
|
335 | 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%); | |
|
336 | 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%); | |
|
337 | 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%); | |
|
338 | 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%); | |
|
339 | ||
|
340 | background-image: -webkit-gradient( | |
|
341 | linear, | |
|
342 | left bottom, | |
|
343 | left top, | |
|
344 | color-stop(0.13, rgb(215,215,215)), | |
|
345 | color-stop(0.39, rgb(210,210,210)), | |
|
346 | color-stop(0.56, rgb(227,227,227)), | |
|
347 | color-stop(0.91, rgb(247,247,247)) | |
|
348 | ); | |
|
349 | ||
|
350 | color: #000; | |
|
351 | border-color: #BBB; | |
|
333 | 352 | outline: none; |
|
334 | 353 | padding: 3px; |
|
335 | 354 | margin: 0px; |
|
355 | padding-left:7px; | |
|
336 | 356 | font-family: monospace; |
|
337 | 357 | min-height:50px; |
|
338 | 358 | } |
@@ -16,6 +16,10 b' var IPython = (function (IPython) {' | |||
|
16 | 16 | var Tooltip = function (notebook) { |
|
17 | 17 | this.tooltip = $('#tooltip'); |
|
18 | 18 | this.text = $('<pre/>') |
|
19 | this.text.html('something'); | |
|
20 | this.tooltip.css('left',50+'px'); | |
|
21 | this.tooltip.css('top',50+'px'); | |
|
22 | this.tooltip.append(this.text); | |
|
19 | 23 | }; |
|
20 | 24 | |
|
21 | 25 |
General Comments 0
You need to be logged in to leave comments.
Login now