tooltip.less
158 lines
| 3.0 KiB
| text/x-less
|
LessCssLexer
|
r9262 | /** | ||
* Primary styles | ||||
* | ||||
* 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 ../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 pretty, so we | ||||
* have some strange css to have the scroll bar on | ||||
* the left with fix button on the top right of the tooltip | ||||
*/ | ||||
// double slash comment are remove by less compilation | ||||
// ** | ||||
// * Less mixins | ||||
// **/ | ||||
// Four color of the background | ||||
|
r9263 | @import "variables" ; | ||
|
r9262 | |||
.dropshadow(){ | ||||
-moz-box-shadow: 0px 6px 10px -1px #adadad; | ||||
-webkit-box-shadow: 0px 6px 10px -1px #adadad; | ||||
box-shadow: 0px 6px 10px -1px #adadad; | ||||
} | ||||
// smoth height adaptation | ||||
|
r9297 | .smoothheight(@t:500ms) { | ||
|
r9262 | -webkit-transition-property: height; | ||
|
r9297 | -webkit-transition-duration: @t; | ||
|
r9262 | -moz-transition-property: height; | ||
|
r9297 | -moz-transition-duration: @t; | ||
|
r9262 | transition-property: height; | ||
|
r9297 | transition-duration: @t; | ||
|
r9262 | } | ||
@-moz-keyframes fadeOut { | ||||
from {opacity:1;} | ||||
to {opacity:0;} | ||||
} | ||||
@-webkit-keyframes fadeOut { | ||||
from {opacity:1;} | ||||
to {opacity:0;} | ||||
} | ||||
@-moz-keyframes fadeIn { | ||||
from {opacity:0;} | ||||
to {opacity:1;} | ||||
} | ||||
@-webkit-keyframes fadeIn { | ||||
from {opacity:0;} | ||||
to {opacity:1;} | ||||
} | ||||
/*properties of tooltip after "expand"*/ | ||||
.bigtooltip { | ||||
overflow: auto; | ||||
height: 200px; | ||||
.smoothheight(); | ||||
} | ||||
/*properties of tooltip before "expand"*/ | ||||
.smalltooltip{ | ||||
.smoothheight(); | ||||
text-overflow: ellipsis; | ||||
overflow: hidden; | ||||
height:80px; | ||||
} | ||||
.tooltipbuttons | ||||
{ | ||||
position: absolute; | ||||
padding-right : 15px; | ||||
top : 0px; | ||||
right:0px; | ||||
} | ||||
.tooltiptext | ||||
|
r9284 | { | ||
|
r9262 | /*avoid the button to overlap on some docstring*/ | ||
padding-right:30px | ||||
} | ||||
|
r9367 | .ipython_tooltip { | ||
|
r9262 | max-width:700px; | ||
/*fade-in animation when inserted*/ | ||||
|
r9367 | -webkit-animation: fadeOut 400ms; | ||
-moz-animation: fadeOut 400ms; | ||||
animation: fadeOut 400ms; | ||||
-webkit-animation: fadeIn 400ms; | ||||
-moz-animation: fadeIn 400ms; | ||||
animation: fadeIn 400ms; | ||||
|
r9262 | vertical-align: middle; | ||
|
r9263 | background-color: @cell_background; | ||
|
r9284 | |||
|
r9262 | overflow : visible; | ||
|
r10715 | border: @border_color @border_width solid; | ||
|
r9262 | outline: none; | ||
padding: 3px; | ||||
margin: 0px; | ||||
padding-left:7px; | ||||
|
r10729 | font-family: @monoFontFamily; | ||
|
r9262 | min-height:50px; | ||
|
r9263 | |||
.dropshadow; | ||||
.corner-all; | ||||
a { | ||||
float:right; | ||||
|
r9367 | }; | ||
position: absolute; | ||||
|
r9263 | |||
|
r16807 | z-index: 1000; | ||
|
r10728 | |||
.tooltiptext { | ||||
pre { | ||||
border: 0; | ||||
.border-radius(0); | ||||
|
r10729 | font-size: 100%; | ||
|
r10728 | background-color: @cell_background; | ||
} | ||||
} | ||||
|
r9262 | } | ||
.pretooltiparrow { | ||||
left: 0px; | ||||
margin: 0px; | ||||
top: -16px; | ||||
width: 40px; | ||||
height: 16px; | ||||
overflow: hidden; | ||||
position: absolute; | ||||
} | ||||
.pretooltiparrow:before { | ||||
|
r9263 | background-color : @cell_background; | ||
|
r10715 | border : @border_width @border_color solid; | ||
|
r9262 | z-index:11; | ||
content: ""; | ||||
position: absolute; | ||||
left: 15px; | ||||
top: 10px; | ||||
width: 25px; | ||||
height: 25px; | ||||
@theta : 45deg; | ||||
-webkit-transform: rotate(@theta); | ||||
-moz-transform: rotate(@theta); | ||||
-ms-transform: rotate(@theta); | ||||
-o-transform: rotate(@theta); | ||||
} | ||||