zGlossary - Styling the glossary tooltip

This example show how the tooltip popup used for definitions may be styled.

Script

$(document).ready(function () {
	$('body').glossary('terms.json');
});

Stylesheet

#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;
}

Result

The Zazar definition can be shown within a paragraph.