This example show how the tooltip popup used for definitions may be styled.
$(document).ready(function () { $('body').glossary('terms.json'); });
#glossaryContent, #glossaryContent h6 { color: #fff; } #glossaryContent { text-shadow: 0 0 2px #000; border: 1px solid rgba(255,255,255,0.25); background-color: rgb(25,25,25); background-color: rgba(25,25,25,0.88); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#191919)); background-image: -moz-linear-gradient(bottom, #191919 30%, transparent 80%); border-radius: 3px; box-shadow: 0 0 3px #555; }
The Zazar definition can be shown within a paragraph.