Jsonic

pretty much jquery except easier to style!

by Joe Pigott

HTML

<a href="http://www.example.com" title="JSonic! CSS friendly JQuery!!!"><b id="j">J</b><i>Sonic</i></a>

CSS

#j {
    font-weight: bold;
    color: orangered;
    background-color: orange;
    border-radius: 0px
}
a {
    text-decoration: none;
    color: orange;
}
i {
    background-color: orangered;
    border-radius: 0px
}
b, i {
    font-size: 40px
}
.ui-tooltip {
    background: orangered;
    border: 2px solid orange;
    color: orange;
    border-radius: 0px;
    box-shadow: 0 0 0
}

JavaScript

$(document).ready(function(){
    $(document).tooltip();
});