iChat для uCoz

<link media="screen" href="/iChat/css/style.css" type="text/css" rel="stylesheet">

  <div class="bchat" style="padding: 7px 0 0 0;">
  <div class="bc_top">
  <div class="right"><span onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[b]$USERNAME$, ';return false;" class="chat"></span></div>
  <div class="bc_ava"><?if($AVATAR_URL$)?><img src="$AVATAR_URL$" alt="$USERNAME$"><?else?><?endif?></div>
  <div class="bc_name"><a href="$PROFILE_URL$"><span style="color:#666666" target="_blank">$USERNAME$</span></a></div>
  <div class="bc_date">$DATE$ в $TIME$</div>
  </div>

  <div class="chat_cont">
  $MESSAGE$
  </div></div>

<div class="bchat_add">
<div class="bb-editor">

<?if(!$USER_LOGGED_IN$)?>
<input type="text" maxlength="35" name="uname" id="mchatNmF" class="f_input" value="Ваше имя" onfocus="if(this.value==$(this).attr('title')){this.value='Ваше имя';}">
<div style="display: none;">$FLD_NAME$</div>
<input type="text" maxlength="35" name="email" id="mchatEmF" class="f_input" value="Ваш E-Mail" onfocus="if(this.value==$(this).attr('title')){this.value='Ваш E-Mail';}">
<div style="display: none;">$FLD_EMAIL$</div>
<?endif?>

<?if($FLD_SECURE$)?>
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td width="50%">$FLD_SECURE$</td><td align="right">$IMG_SECURE$</td></tr>
</table>
<?endif?>

<div class="bb-pane">
<span class="bb-btn b_b" onclick="bbCode('b');return false;" title="Полужирный"><b>Полужирный</b></span>
<span class="bb-btn b_i" onclick="bbCode('i');return false;" title="Наклонный текст"><b>Наклонный текст</b></span>
<span class="bb-btn b_u" onclick="bbCode('u');return false;" title="Подчеркнутый текст"><b>Подчеркнутый текст</b></span>
<span class="bb-btn b_s" onclick="bbCode('s');return false;" title="Зачеркнутый текст"><b>Зачеркнутый текст</b></span>
<span class="bb-btn b_color" id="kmn" onclick="openLayerB('sda',0,'/iChat/xml/zvetaf.xml','Выбор цвета',185,200,'1','','',0,'justify');return false;" title="Выбор цвета"><b>Выбор цвета</b></span>
<span class="bb-btn b_emo" href="$SMILES_URI$" title="Вставка смайликов"><b>Вставка смайликов</b></span>
<span class="bb-btn b_quote" onclick="bbCode('quote');return false;" title="Вставка цитаты"><b>Вставка цитаты</b></span>
<script type="text/javascript" src="/iChat/js/bbcodes_chat.js"></script>
</div>

<div class="bb_area">
<textarea id="mchatMsgF" name="mcmessage"></textarea>
</div></div>

<div class="bc_bot" style="padding: 6px 0;">
<div style="display: none;">$SUBMIT$</div>
<input type="submit" id="mchatBtn" class="fbutton lcol" value="Отправить">
<span class="rcol" style="margin-top: 5px;"><a href="javascript://" onclick="new _uWnd('mscont', 'Правила чата', 400, 200, {closeonesc:1, align:'left'}, '<fieldset><legend>Nk-CS.Ru: Правила чата</legend><ul><li>Категорически запрещено выяснять отношения</li><li>Категорически запрещено выяснять отношения</li><li>Запрещено рекламирование посторонних ресурсов</li><li>Запрещено оскорбление пользователей</li><li>Запрещено использование нецензурной лексики</li><li>Запрещены любые вопросы к Администрации и Модерации</li></ul></fieldset>');" style="margin: 8px 10px 0 0;">Правила</a> <?if($MSGCTRL_URI$)?><a href="$MSGCTRL_URI$" style="margin: 8px 10px 0 0;">История</a><?endif?></span>
</div></div>

/*---BB Редактор---*/
.bb-editor {
  -webkit-box-shadow: inset 0px 0px 0px 1px #eef0f0, 0px 0px 0px 3px #f8fbfb;
  -moz-box-shadow: inset 0px 0px 0px 1px #eef0f0, 0px 0px 0px 3px #f8fbfb;
  box-shadow: inset 0px 0px 0px 1px #eef0f0, 0px 0px 0px 3px #f8fbfb;
  background: #fff;
  padding: 1px 0;
}
.bb-pane {
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f7f8fc 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f8fc)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#f7f8fc 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%,#f7f8fc 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%,#f7f8fc 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%,#f7f8fc 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f8fc',GradientType=0 ); /* IE6-9 */
  border-bottom: 1px solid #eef0f0;
  height: 31px;
  margin: 0 1px;
  position: relative;
}
.bb-sel { float: left; padding: 4px 2px 0 2px; }
.bb-sel select { font-size: 11px; }
.bb-btn {
  background: url("../iChat/images/sep.png") no-repeat right 0;
  width: 28px;
  padding: 0 1px 0 0;
  height: 31px;
  float: left;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: none;
}
.bb-btn:hover {
  background-color: rgba(241,245,250,1);
  padding: 0;
  margin: 0 1px 0 0;
}
.bb-btn b {
  height: 30px;
  width: 26px;
  background: url("../iChat/images/bbcodes.png") no-repeat;
  display: block;
  text-indent: -9999px;
}
.bb-btn b:hover {
  border-bottom: 1px solid #e84c3d;
}
#b_font { width: 118px;}
#b_size { width: 65px;}
#b_font select { padding: 0px;}
#b_size select { padding: 0px;}
#b_b b, .b_b b {
  background-position: 0 0;
}
#b_i b, .b_i b {
  background-position: -28px 0;
}
#b_u b, .b_u b {
  background-position: -56px 0;
}
#b_s b, .b_s b {
  background-position: -84px 0;
}
#b_img b, .b_img b {
  background-position: -308px 0;
}
#b_up b {
  background-position: -56px -35px;
}
#b_emo b, .b_emo b {
  background-position: -224px 0;
}
#b_url b, .b_url b {
  background-position: -252px 0;
}
#b_leech b, .b_leech b {
  background-position: -280px 0;
}
#b_mail b {
  background-position: -84px -35px;
}
#b_video b {
  background-position: -112px -35px;
}
#b_audio b {
  background-position: -140px -35px;
}
#b_hide b {
  background-position: -336px 0;
}
#b_quote b, .b_quote b {
  background-position: -364px 0;
}
#b_code b {
  background-position: -168px -35px;
}
#b_left b {
  background-position: -112px 0;
}
#b_center b {
  background-position: -140px 0;
}
#b_right b {
  background-position: -168px 0;
}
#b_color b, .b_color b {
  background-position: -196px 0;
}
#b_spoiler b {
  background-position: -28px -35px;
}
#b_fla b {
  background-position: -280px -35px;
}
#b_yt b {
  background-position: -252px -35px;
}
#b_tf b {
  background-position: -308px -35px;
}
#b_list b {
  background-position: -336px -35px;
}
#b_ol b {
  background-position: -364px -35px;
}
#b_tnl b {
  background-position: 0 -35px;
}
#b_br b {
  background-position: -196px -35px;
}
#b_pl b {
  background-position: -224px -35px;
}

.bb-editor textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2px;
  width: 100%;
  background: #fff;
  color: #ADADAD;
  -webkit-box-shadow:inset 0 1px 4px 0 rgba(238,240,240,0.58);
  box-shadow:inset 0 1px 4px 0 rgba(238,240,240,0.58);
}
.bb_area {
  padding: 0;
}
.editorcomm {
  padding: 2px !important;
  width: 474px;
}
.editorcomm .bb-editor { width: 468px;}
.editorcomm .bb-editor textarea {
  background: url("../iChat/images/cloud.png") no-repeat center center !important;
  height: 112px;
}
.ui-sortable, #ui-sortable {
  z-index: 999;
}

.f_input {
  background: #fdffff;
  height: 25px;
  width: 100%;
  font-size: 12px;
  color: #adadad;
  padding: 2px 1px 4px 7px;
  font-family: 'NeoSansCyr-Regular', sans-serif;
  border: 1px solid #e9f0f0;
  -webkit-box-shadow: inset 1px 1px 3px 0 rgba(85,119,117,0.04), 0 1px 3px 0 rgba(0,0,0,0.03);
  box-shadow: inset 1px 1px 3px 0 rgba(85,119,117,0.04), 0 1px 3px 0 rgba(0,0,0,0.03);
}
.f_textarea {
  width: 100%;
  height: 105px;
}

button.submit, input.submit, .submit, .fbutton, a.fbutton, .bbcodes {
  background: #369F99;
  color: #fff;
  font-family: 'NeoSansCyr-Regular', sans-serif;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.14);
  padding: 0 17px;
  font-size: 13px;
  height: 29px;
  line-height: 29px;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: background .3s;
  box-shadow: inset 0px 0px 0px #2ab7ec, 0px 3px 0px 0px #156785, 0px 5px 4px #999;
border-radius: 3px;
}

.rcol {
  float: right;
}