Template:Infobox Transcript

Gives 4 line height box that looks like:

CSS used for this  /* Used for Npcs Windows*/ /*Common*/ .npc_chat_div_r .t3, .npc_chat_div .t3 { color: #002bb8 !important; text-align:right; font-size: 80%; } .npc_chat_div_r .m3, .npc_chat_div .m3 { padding: 4px 6px 4px 6px; } div .t3>a, div .t3>a { color: #002bb8 !important; } .npc_chat_div_r .t1, .npc_chat_div .t1 { background:url('http://images2.wikia.nocookie.net/tibia/en/images/e/ea/Npcs_Window_0.png') 0px 0px; } .npc_chat_div_r .t2, .npc_chat_div .t2 { background:url('http://images2.wikia.nocookie.net/tibia/en/images/e/ea/Npcs_Window_0.png') -8px 0px; } .npc_chat_div_r .t3, .npc_chat_div .t3 { background:url('http://images2.wikia.nocookie.net/tibia/en/images/a/ac/Npcs_Window_H.png') 0px 0px repeat-x; } .npc_chat_div_r .t4, .npc_chat_div .t4 { background:url('http://images2.wikia.nocookie.net/tibia/en/images/e/ea/Npcs_Window_0.png') -116px 0px; } .npc_chat_div_r .m1, .npc_chat_div .m1 { background:url('http://images3.wikia.nocookie.net/tibia/en/images/3/35/Npcs_Window_V.png') 0px 0px repeat-y; } .npc_chat_div_r .m4, .npc_chat_div .m4 { background:url('http://images3.wikia.nocookie.net/tibia/en/images/3/35/Npcs_Window_V.png') -8px 0px repeat-y; } .npc_chat_div_r .b1, .npc_chat_div .b1 { background:url('http://images2.wikia.nocookie.net/tibia/en/images/e/ea/Npcs_Window_0.png') 0px -25px; } .npc_chat_div_r .b2, .npc_chat_div .b2 { background:url('http://images2.wikia.nocookie.net/tibia/en/images/e/ea/Npcs_Window_0.png') -8px -25px; } .npc_chat_div_r .b3, .npc_chat_div .b3 { background:url('http://images2.wikia.nocookie.net/tibia/en/images/a/ac/Npcs_Window_H.png') 0px -25px repeat-x; } .npc_chat_div_r .b4, .npc_chat_div .b4 { background:url('http://images2.wikia.nocookie.net/tibia/en/images/e/ea/Npcs_Window_0.png') -116px -25px; } /*Simple Style*/ .npc_chat_div_r a { text-decoration:underline !important; } .npc_chat_div_r p { margin: 0px; } .npc_chat_div_r span.pl>span.i { font-style:italic; } .npc_chat_div_r .m3 { font:11px/14px Tahoma,sans-serif; } /*Tibia Style*/ .npc_chat_div a { color: #5FF7F7 !important; text-decoration:underline !important; } .npc_chat_div b { color: #1F9FFE; } .npc_chat_div p { margin: 0px; } .npc_chat_div span.pl>a { color: #9F9FFE !important; } .npc_chat_div span.pl b, .npc_chat_div span.pl i { color: #9F9FFE; font-style:normal; } .npc_chat_div span.pl { color: #9F9FFE; } .npc_chat_div span.pl>span.i { font-style:italic; } .npc_chat_div .m2 { background: url('http://images2.wikia.nocookie.net/tibia/en/images/8/81/Npcs_Window_Back.png') repeat; } .npc_chat_div .m3 { color:#5FF7F7;font:bold 11px/14px Tahoma,sans-serif; scrollbar-shadow-color: #1D1D1D; scrollbar-highlight-color: #434343; scrollbar-face-color: #444444;scrollbar-drakshadow-color: #1D1D1D; scrollbar-3dlight-color: #949494; scrollbar-arrow-color: #8E8E8E; scrollbar-track-color: #373837; } JS used for this  /* Code used for NPC Chat Windows */ addOnloadHook(function { var x, y, cont, o = document.getElementsByTagName('div');  for (x in o) { if (o[x].className == 'npc_chat_div' || o[x].className == 'npc_chat_div_r') {    cont = o[x].getElementsByTagName('div');    for (y in cont) { if (cont[y].className == 't3') {      var lc = document.createElement('a');lc.setAttribute('href','#');lc.innerHTML = 'Collapse';      lc.onclick = function {var x,o,t=this;while(t.className!='npc_chat_div'&&t.className!='npc_chat_div_r') {t=t.parentNode;}o=t.getElementsByTagName('tr');for(x in o) {if(o[x].className=='m_tr') {if(o[x].style.display=='none'){o[x].style.display='';this.innerHTML='Collapse';}else{o[x].style.display='none';this.innerHTML='Expand';}}}return false;};      var lm = document.createElement('span');lm.innerHTML = ' - ';      var ls = document.createElement('a');ls.setAttribute('href','#');ls.innerHTML = 'Switch Color';      ls.onclick = function {var writeCookie = function(data) {var date=new Date;date.setTime(date.getTime+(365*24*60*60*1000));date=date.toGMTString;document.cookie='npc_transcript_color='+data+';expires='+date+';path=/';};var x,o=document.getElementsByTagName('div');for(x in o){if(o[x].className=='npc_chat_div'){o[x].className='npc_chat_div_r';writeCookie('white');}else if(o[x].className=='npc_chat_div_r'){o[x].className='npc_chat_div';writeCookie('tibia');}}return false;}; cont[y].appendChild(ls);cont[y].appendChild(lm);cont[y].appendChild(lc); } } } }  if (document.cookie.indexOf('npc_transcript_color=white')!=-1) {o=document.getElementsByTagName('div');for(x in o){if(o[x].className=='npc_chat_div'){o[x].className='npc_chat_div_r';}}} }); /* End of code used for NPC Chat Windows */

