441df63ee7
tex4ht supports "overlib" for footnote popups. The hack is pretty straightforward; it dumps a Javascript area into a .js file that can then be used by overlib to popup stuff. This hack is to use that output to make the same thing work with jQuery UI's tooltip widget. Note that we run with overlib support first, then *without* it in the Makefile setup. This is to force the needed .js file to be generated, but make sure the HTML doesn't try to load overlib (which is default). (This should be adapted as a patch to upstream tex4ht ultimately.) Also included herein are improvements to the Makefile to build the HTML output.
46 lines
771 B
CSS
46 lines
771 B
CSS
/* Released as CC0: http://creativecommons.org/publicdomain/zero/1.0/ */
|
|
/* by Bradley M. Kuhn <bkuhn@ebb.org> */
|
|
|
|
.ui-tooltip, .arrow:after {
|
|
background: black;
|
|
border: 2px solid white;
|
|
}
|
|
.ui-tooltip {
|
|
padding: 10px 20px;
|
|
color: white;
|
|
border-radius: 20px;
|
|
box-shadow: 0 0 7px black;
|
|
max-width: 50%;
|
|
}
|
|
.arrow {
|
|
width: 70px;
|
|
height: 16px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
left: 50%;
|
|
margin-left: -35px;
|
|
bottom: -16px;
|
|
}
|
|
.arrow.top {
|
|
top: -16px;
|
|
bottom: auto;
|
|
}
|
|
.arrow.left {
|
|
left: 20%;
|
|
}
|
|
.arrow:after {
|
|
content: "";
|
|
position: absolute;
|
|
left: 20px;
|
|
top: -20px;
|
|
width: 25px;
|
|
height: 25px;
|
|
box-shadow: 6px 5px 9px -9px black;
|
|
-webkit-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
}
|
|
.arrow.top:after {
|
|
bottom: -20px;
|
|
top: auto;
|
|
}
|