document.write(`
<style type="text/css">
 #yellbox { width: 100%; height: 100%; text-align: center; }
 #yellbox iframe { width: 100%; height: 90%; min-height: 200px; border: 1px solid #6297BC; margin: 0px; border-radius: 4px; padding: 10px 0px; }
 #yellbox button { height: 25px; }
 #saybutton { min-width: 50px; max-width: 50%; }
 
  input[type=text] {
  border: none; /*1px solid #6297BC;*/
  border-radius: 4px;
  background-color: #F0F0F0;
  padding: 4px;
  margin: 2px 0px;
  box-sizing: border-box;
  width: 100%;
 }

 /* EMOJIS WINDOW */





 /* Popup container */
 .emoji-window {
    position: relative;
    display: inline-block;
    cursor: pointer;
  }
  
  /* The actual popup (appears on top) */
  .emoji-window .emoji-window-content {
    visibility: hidden;
    width: 160px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
  }
  
  /* Popup arrow */
  .emoji-window .emoji-window-content::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }
  
  /* Toggle this class when clicking on the popup container (hide and show the popup) */
  .emoji-window .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
  }
  
  /* Add animation (fade in the popup) */
  @-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
  }
  
  @keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
  } 
</style>


<div id="yellbox">
  <script language="Javascript" type="text/javascript">
function emojiWindow() {  
  var popup = document.getElementById("emoji-window");
  popup.classList.toggle("show");
}
</script>

</script>

 <iframe name="ybframe" frameborder="0" allowtransparency="true" src="https://yellbox.com/yellbox.php?name=yusgto"></iframe>
 
 
 <form action="https://yellbox.com/addmessage.php" method="post" target="ybframe" name="yellform" style="margin: 1px;" accept-charset="UTF-8"> 
  <input type="hidden" name="sub_username" value="yusgto" />
`);

  var name = get_cookie('yellboxname');
  if(name == null || name == 'null' || name == '')name = 'Name'; 
  function set_cookie(){ name = document.yellform.sub_name.value; document.cookie = "yellboxname=" + escape(name) + "; expires=26/03/2088 00:00:00"; }
  function get_cookie(cookie_name){ var results = document.cookie.match ( '(^|;) ?' + cookie_name + '=([^;]*)(;|$)' ); if(results)return(unescape( results[2])); else return null; }
  
    
  document.write('<input type="text" name="sub_name" value="' + name + '" maxlength="15" onfocus="if(this.value == \'Name\')this.value = \'\';" /><br />');

document.write(`
  <input type="text" name="sub_message" value="Message" maxlength="255" onFocus="if(this.value == 'Message')this.value = '';" /><br />
  <button id="saybutton" onClick="set_cookie(); return clearMessageBox();">Send</button>	  

  <div class="emoji-window">
  <button onClick="emojiWindow(); return false;" style="border: none; background-color: #fff;"><img src="https://yellbox.com/images/smile.gif" alt="Smileys" /></button> 
  <span class="emoji-window-content" id="emoji-window">
    <script>

function clear_message2() { document.yellform.sub_message.value=""; document.yellform.sub_message.focus(); }

function clearMessageBox() {
document.yellform.submit(); 
setTimeout("clear_message2()",200); return false;
}

function insertsmiley(smiley)
{
    if(document.yellform.sub_message.value == "Message") document.yellform.sub_message.value = " "+smiley+" ";
    else document.yellform.sub_message.value += " "+smiley+" ";
}
</script>

<a href="javascript:insertsmiley('😀');">😀</a><a href="javascript:insertsmiley('😃');">😃</a><a href="javascript:insertsmiley('😄');">😄</a><a href="javascript:insertsmiley('😁');">😁</a><a href="javascript:insertsmiley('😆');">😆</a><a href="javascript:insertsmiley('😅');">😅</a><a href="javascript:insertsmiley('🤣');">🤣</a><a href="javascript:insertsmiley('😂');">😂</a><a href="javascript:insertsmiley('🙂');">🙂</a><a href="javascript:insertsmiley('🙃');">🙃</a><a href="javascript:insertsmiley('😉');">😉</a><a href="javascript:insertsmiley('😊');">😊</a><a href="javascript:insertsmiley('😇');">😇</a><a href="javascript:insertsmiley('🥰');">🥰</a><a href="javascript:insertsmiley('😍');">😍</a><a href="javascript:insertsmiley('🤩');">🤩</a><a href="javascript:insertsmiley('😘');">😘</a><a href="javascript:insertsmiley('😗');">😗</a><a href="javascript:insertsmiley('😚');">😚</a><a href="javascript:insertsmiley('😋');">😋</a><a href="javascript:insertsmiley('😛');">😛</a><a href="javascript:insertsmiley('😜');">😜</a><a href="javascript:insertsmiley('🤪');">🤪</a><a href="javascript:insertsmiley('😝');">😝</a><a href="javascript:insertsmiley('🤑');">🤑</a><a href="javascript:insertsmiley('🤗');">🤗</a><a href="javascript:insertsmiley('🤭');">🤭</a><a href="javascript:insertsmiley('🤫');">🤫</a><a href="javascript:insertsmiley('🤔');">🤔</a><a href="javascript:insertsmiley('🤐');">🤐</a><a href="javascript:insertsmiley('🤨');">🤨</a><a href="javascript:insertsmiley('😐');">😐</a><a href="javascript:insertsmiley('😑');">😑</a><a href="javascript:insertsmiley('😶');">😶</a><a href="javascript:insertsmiley('😏');">😏</a><a href="javascript:insertsmiley('😒');">😒</a><a href="javascript:insertsmiley('🙄');">🙄</a><a href="javascript:insertsmiley('😬');">😬</a><a href="javascript:insertsmiley('🤥');">🤥</a><a href="javascript:insertsmiley('😌');">😌</a><a href="javascript:insertsmiley('😔');">😔</a><a href="javascript:insertsmiley('😪');">😪</a><a href="javascript:insertsmiley('🤤');">🤤</a><a href="javascript:insertsmiley('😴');">😴</a><a href="javascript:insertsmiley('😷');">😷</a><a href="javascript:insertsmiley('🤒');">🤒</a><a href="javascript:insertsmiley('🤕');">🤕</a><a href="javascript:insertsmiley('🤢');">🤢</a><a href="javascript:insertsmiley('🤮');">🤮</a><a href="javascript:insertsmiley('🤧');">🤧</a><a href="javascript:insertsmiley('🥵');">🥵</a><a href="javascript:insertsmiley('🥶');">🥶</a><a href="javascript:insertsmiley('🥴');">🥴</a><a href="javascript:insertsmiley('😵');">😵</a><a href="javascript:insertsmiley('🤯');">🤯</a><a href="javascript:insertsmiley('🥳');">🥳</a><a href="javascript:insertsmiley('😎');">😎</a><a href="javascript:insertsmiley('🤓');">🤓</a><a href="javascript:insertsmiley('😕');">😕</a><a href="javascript:insertsmiley('😟');">😟</a><a href="javascript:insertsmiley('🙁');">🙁</a><a href="javascript:insertsmiley('😮');">😮</a><a href="javascript:insertsmiley('😲');">😲</a><a href="javascript:insertsmiley('😳');">😳</a><a href="javascript:insertsmiley('😨');">😨</a><a href="javascript:insertsmiley('😢');">😢</a><a href="javascript:insertsmiley('😭');">😭</a><a href="javascript:insertsmiley('😱');">😱</a><a href="javascript:insertsmiley('😖');">😖</a><a href="javascript:insertsmiley('😣');">😣</a><a href="javascript:insertsmiley('😞');">😞</a><a href="javascript:insertsmiley('😓');">😓</a><a href="javascript:insertsmiley('😩');">😩</a><a href="javascript:insertsmiley('😫');">😫</a><a href="javascript:insertsmiley('🥱');">🥱</a><a href="javascript:insertsmiley('😤');">😤</a><a href="javascript:insertsmiley('😡');">😡</a><a href="javascript:insertsmiley('🤬');">🤬</a><a href="javascript:insertsmiley('😈');">😈</a><a href="javascript:insertsmiley('👿');">👿</a><a href="javascript:insertsmiley('💀');">💀</a>  </span>
 </div>

</form>
 
</div>
`);