Passage.prototype.render = function(){ var E=insertElement(null,'div','passage'+this.title,'passage'); E.style.visibility='hidden'; if(this.tags != null && this.tags.length > 0) E.setAttribute('data-tags', this.tags.join(' ')); var F=insertElement(E,'div','','title'); /*var G = insertElement(F,'span','','',this.title);*/ var D = insertElement(F,'span','','toolbar'); for(var B=0;B<Passage.toolbarItems.length;B++) { var C=insertElement(D,'a'); insertText(C,Passage.toolbarItems[B].label(E)); C.passage=this; if(Passage.toolbarItems[B].href){ C.href=Passage.toolbarItems[B].href(E) } else { C.href='javascript:void(0)'; } C.title=Passage.toolbarItems[B].tooltip(E); C.onclick=Passage.toolbarItems[B].activate } var A=insertElement(E,'div','','body'); new Wikifier(A, this.text); E.onmouseover = function() { E.className += ' selected'; }; E.onmouseout = function(){ E.className = E.className.replace(' selected', ''); }; return E};
2) I tried a few things with styles and came to the conclusion that this part of the DOM tree could just be changed. Here's an override passage for the render function.::Jonah render Override [script]
Passage.prototype.render = function(){var E=insertElement(null,'div','passage'+this.title,'passage');E.style.visibility='hidden';if(this.tags != null && this.tags.length > 0) E.setAttribute('data-tags', this.tags.join(' '));var F=insertElement(E,'div','','title');/*var G = insertElement(F,'span','','',this.title);*/var D = insertElement(F,'span','','toolbar');for(var B=0;B<Passage.toolbarItems.length;B++) {var C=insertElement(D,'a');insertText(C,Passage.toolbarItems[B].label(E));C.passage=this;if(Passage.toolbarItems[B].href){C.href=Passage.toolbarItems[B].href(E)} else {C.href='javascript:void(0)';}C.title=Passage.toolbarItems[B].tooltip(E);C.onclick=Passage.toolbarItems[B].activate}var A=insertElement(E,'div','','body');new Wikifier(A, this.text);E.onmouseover = function() { E.className += ' selected'; };E.onmouseout = function(){ E.className = E.className.replace(' selected', ''); };return E};