<!--Спойлер-->
<style type="text/css">
#button-spoiler {background-image:url('https://forumupload.ru/uploads/000a/45/08/94-4.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat}
</style>
<script>
function addSpoiler(str,from,internal){
var pos=0,pos2=0,newpos=0
if((pos=str.indexOf("[spoiler]",from))==-1) return str;
if((pos2=str.indexOf("[/spoiler]"),pos+9)==-1) return str;
newpos=str.indexOf("[spoiler]",pos+9)
if(newpos<pos2 && newpos!=-1) str=addSpoiler(str,pos+9,true)
if((pos2=str.indexOf("[/spoiler]",pos+9))==-1) return str;
str=str.substring(0,pos)+makeSpoiler(str.substring(pos+9,pos2))+str.substring(pos2+10,str.length)
if( str.indexOf("[spoiler]")!=-1 && internal==false) str=addSpoiler(str,0,false)
return str}

function makeSpoiler(txt){
txt="<div class=quote-box style='padding:1px'><cite style='width:100%'>Спойлер <input style='width:60px;margin-left:70%;font-size:10px;' type='button' value='Показать' onclick='hideSpoiler(this)'></cite><blockquote style='display:none'>"+txt+"</blockquote></div>"
return txt}

function hideSpoiler(sp){
spoiler=sp.parentNode.parentNode.getElementsByTagName("blockquote")[0]
if(spoiler.style.display=='none'){
spoiler.style.display='inline'
sp.value='Скрыть'}
else{
spoiler.style.display='none'
sp.value='Показать'}}

if((document.URL.indexOf("viewtopic.php")!=-1) || (document.URL.indexOf("post.php")!=-1)){
elm=document.getElementById("pun-main").getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content"){
var post=elm[x]
post.innerHTML=addSpoiler(post.innerHTML,0,false)}}
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(19).innerHTML="<img  id=\"button-spoiler\" title=\"Спойлер\" onclick=\"bbcode('[spoiler]','[/spoiler]')\" src=\"/i/blank.gif\" />"
</script>

<SPAN id=custom-smilies><IMG onclick="smile('[img]http://mybb.ru/f/collection/0208.gif[/img]')" alt="автор Bloom" src="http://mybb.ru/f/collection/0208.gif"> <IMG onclick="smile('[img]http://mybb.ru/f/collection/0211.gif[/img]')" alt="автор Bloom" src="http://mybb.ru/f/collection/0211.gif"> <IMG onclick="smile('[img]http://mybb.ru/f/collection/0213.gif[/img]')" alt="автор Bloom" src="http://mybb.ru/f/collection/0213.gif"> <IMG onclick="smile('[img]http://i039.radikal.ru/0806/ec/a5ffc6d7cfd9.gif[/img]')" alt="автор Bloom" src="http://i039.radikal.ru/0806/ec/a5ffc6d7cfd9.gif"> <IMG onclick="smile('[img]http://mybb.ru/f/collection/0217.gif[/img]')" alt="автор Bloom" src="http://mybb.ru/f/collection/0217.gif"> <IMG onclick="smile('[img]http://mybb.ru/f/collection/0224.gif[/img]')" alt="автор Bloom" src="http://mybb.ru/f/collection/0224.gif"> <IMG onclick="smile('[img]http://i053.radikal.ru/0806/7f/8b80a2497566.gif[/img]')" src="http://i053.radikal.ru/0806/7f/8b80a2497566.gif"> <IMG onclick="smile('[img]http://mybb.ru/f/collection/0226.gif[/img]')" alt="автор Bloom" src="http://mybb.ru/f/collection/0226.gif"> <IMG onclick="smile('[img]http://mybb.ru/f/collection/0229.gif[/img]')" alt="автор Bloom" src="http://mybb.ru/f/collection/0229.gif"> <IMG onclick="smile('[img]http://mybb.ru/f/collection/0230.gif[/img]')" alt="автор Bloom" src="http://mybb.ru/f/collection/0230.gif"> <IMG onclick="smile('[img]http://i008.radikal.ru/0806/c4/39d56aaa7dad.gif[/img]')" src="http://i008.radikal.ru/0806/c4/39d56aaa7dad.gif"> <IMG onclick="smile('[img]http://i023.radikal.ru/0806/0e/0f0c289d656c.gif[/img]')" src="http://i023.radikal.ru/0806/0e/0f0c289d656c.gif"> <IMG onclick="smile('[img]https://forumupload.ru/uploads/0000/14/1c/346394-1.gif[/img]')" src="https://forumupload.ru/uploads/0000/14/1c/346394-1.gif"> </SPAN>

<!--дополнительные цвета с кнопой-->
<style>
#custom-mycolor {background-image:url('http://s60.radikal.ru/i168/0903/65/de67e22761d8.jpg'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}
</style>
<script type="text/javascript">
if((form=document.getElementById("form-buttons")))
form.getElementsByTagName("tr")[0].insertCell(19).innerHTML="<img src='/i/blank.gif' title='Мои цвета' id='custom-mycolor'  title='Мои цвета' onclick=\"return changeVisibility('mycolor', this);\" />"
</script>
<div class="container" id="mycolor" style="display:none; width:807px">
<table cellspacing="0">
<tr>
<td style="background-color:Yellow" Height="20px" onclick="bbcode('[color=Yellow]', '[/color]'); return changeVisibility('mycolor', this)"></td>
<td style="background-color:Gold" onclick="bbcode('[color=Gold]', '[/color]'); return changeVisibility('mycolor', this)"></td>
<td style="background-color:Orange" onclick="bbcode('[color=Orange]', '[/color]'); return changeVisibility('mycolor', this)"></td>
<td style="background-color:Chocolate" onclick="bbcode('[color=Chocolate]', '[/color]'); return changeVisibility('mycolor', this)"></td>
<td style="background-color:Tomato" onclick="bbcode('[color=Tomato]', '[/color]'); return changeVisibility('mycolor', this)"></td>
<td style="background-color:Red" onclick="bbcode('[color=Red]', '[/color]'); return changeVisibility('mycolor', this)"></td>
<td style="background-color:Crimson" onclick="bbcode('[color=Crimson]', '[/color]'); return changeVisibility('mycolor', this)"></td>
<td style="background-color:IndianRed" onclick="bbcode('[color=IndianRed]', '[/color]'); return changeVisibility('mycolor', this)"></td>
<td style="background-color:Firebrick" onclick="bbcode('[color=Firebrick]', '[/color]'); return changeVisibility('mycolor', this)"></td>
<td style="background-color:DarkRed" onclick="bbcode('[color=DarkRed]', '[/color]'); return changeVisibility('mycolor', this)"></td>
<td style="background-color:Sienna" onclick="bbcode('[color=Sienna]', '[/color]'); return changeVisibility('mycolor', this)"></td>
<td style="background-color:SaddleBrown" onclick="bbcode('[color=SaddleBrown]', '[/color]'); return changeVisibility('mycolor', this)"></td>
<td style="background-color:SpringGreen" onclick="bbcode('[color=SpringGreen]', '[/color]'); return changeVisibility('mycolor', this)"></td>
<td style="background-color:LimeGreen" onclick="bbcode('[color=LimeGreen]', '[/color]'); return changeVisibility('mycolor', this)"></td>
<td style="background-color:MediumSeaGreen" onclick="bbcode('[color=MediumSeaGreen]', '[/color]'); return changeVisibility('mycolor', this)"></td>
<td style="background-color:ForestGreen" onclick="bbcode('[color=ForestGreen]', '[/color]'); return changeVisibility('mycolor', this)"></td>
<td style="background-color:DarkGreen" onclick="bbcode('[color=DarkGreen]', '[/color]'); return changeVisibility('mycolor', this)"></td>
<td style="background-color:GreenYellow" onclick="bbcode('[color=GreenYellow]', '[/color]'); return changeVisibility('mycolor', this)"></td>
<td style="background-color:YellowGreen" onclick="bbcode('[color=YellowGreen]', '[/color]'); return changeVisibility('mycolor', this)"></td>
<td style="background-color:Olive" onclick="bbcode('[color=Olive]', '[/color]'); return changeVisibility('mycolor', this)"></td>
<td style="background-color:OliveDrab" onclick="bbcode('[color=OliveDrab]', '[/color]'); return changeVisibility('mycolor', this)"></td>
<td style="background-color:DarkTurquoise" onclick="bbcode('[color=DarkTurquoise]', '[/color]'); return changeVisibility('mycolor', this)"></td>
<td style="background-color:DeepSkyBlue" onclick="bbcode('[color=DeepSkyBlue]', '[/color]'); return changeVisibility('mycolor', this)"></td>
<td style="background-color:CornflowerBlue" onclick="bbcode('[color=CornflowerBlue]', '[/color]'); return changeVisibility('mycolor', this)"></td>
<td style="background-color:RoyalBlue" onclick="bbcode('[color=RoyalBlue]', '[/color]'); return changeVisibility('mycolor', this)"></td>
<td style="background-color:DarkBlue" onclick="bbcode('[color=DarkBlue]', '[/color]'); return changeVisibility('mycolor', this)"></td>
<td style="background-color:MidnightBlue" onclick="bbcode('[color=MidnightBlue]', '[/color]'); return changeVisibility('mycolor', this)"></td>
<td style="background-color:Indigo" onclick="bbcode('[color=Indigo]', '[/color]'); return changeVisibility('mycolor', this)"></td>
<td style="background-color:DarkMagenta" onclick="bbcode('[color=DarkMagenta]', '[/color]'); return changeVisibility('mycolor', this)"></td>
<td style="background-color:BlueViolet" onclick="bbcode('[color=BlueViolet]', '[/color]'); return changeVisibility('mycolor', this)"></td>
<td style="background-color:MediumOrchid" onclick="bbcode('[color=MediumOrchid]', '[/color]'); return changeVisibility('mycolor', this)"></td>
<td style="background-color:Magenta" onclick="bbcode('[color=Magenta]', '[/color]'); return changeVisibility('mycolor', this)"></td>
<td style="background-color:MediumVioletRed" onclick="bbcode('[color=MediumVioletRed]', '[/color]'); return changeVisibility('mycolor', this)"></td>
<td style="background-color:DeepPink" onclick="bbcode('[color=DeepPink]', '[/color]'); return changeVisibility('mycolor', this)"></td>
<td style="background-color:HotPink" onclick="bbcode('[color=HotPink]', '[/color]'); return changeVisibility('mycolor', this)"></td>
</tr>
</table>
</div>

<style> 
#main-reply{  
position: static; 
  overflow: auto; 
  //Убираем все отступы что бы сделать максимально кроссбраузерно 
  margin:0;  
  padding:0; 
} 
.resizer{ 
  cursor: n-resize; 
} 
#content1 {rows=30;}
</style> 

<script>
var arr=document.getElementsByTagName("div")
i=0
str=document.URL
while(arr[i] ){
if(arr[i].className=="fs-box hashelp") {
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML=""+name+"<div id=\"share\" style=\"width: 40px; margin: auto; text-align: right;\"><img src=\"http://i.freeff.ru/f/ru/freeff/resize.png\"  class=\"resizer\" onMouseDown=\"textareaResizer(event, 'main-reply');\" ></a></div>"
}
i++
}
</script>




<script>
var minH=50;// Минимальная высота поля  
var startH=0; 
var startY=0; 
var textarea=null; 
var oldMouseMove=null; 
var oldMouseUp=null; 
function textareaResizer(e, id){ 
    if (e == null) { e = window.event } 
    if (e.preventDefault)  
    { 
        e.preventDefault(); 
    }  
    textarea = document.getElementById(id); 
    startY=e.clientY; 
    startH=textarea.offsetHeight; 
    document.onmousemove=textareaResizer_moveHandler; 
    document.onmouseup=textareaResizer_cleanup; 
    return false; 
} 
function textareaResizer_moveHandler(e){ 
  if (e == null) { e = window.event }  
  if (e.button<=1) 
  { 
     curH=(startH+(e.clientY-startY)); 
     if (curH<minH) curH=minH; 
     textarea.style.height=curH+'px'; 
     return false; 
  } 
} 
function textareaResizer_cleanup(e) { 
  document.onmousemove=oldMouseMove; 
  document.onmouseup=oldMouseUp; 
}

</script>