Автор: iMixa
Дата сообщения: 23.02.2007 14:23
Скин Splash
[more]<!--HTMLStart-->
<html>
<head>
<base href="%base%">
<style type="text/css">
body { background:url(images/background-11.png) fixed repeat-x #89c4e7 top middle; margin-top:5px; font-family:Franklin Gothic Book,Tahoma,Arial,sans-serif; }
div.msg_name { white-space:nowrap; overflow:hidden; display:inline; width:130px; text-overflow:ellipsis; }
div.msg_status { white-space:nowrap; overflow:hidden; display:inline; width:expression(document.body.clientWidth-180); text-overflow:ellipsis; }
div.msg_msg { overflow:hidden; display:inline; width:expression(document.body.clientWidth-100); text-overflow:ellipsis; }
div.incoming { text-align:right; }
div.incoming div.msg_box { margin-right:8px; }
div.outgoing { text-align:left; }
div.outgoing div.msg_box { margin-left:8px; }
div.name { font-size:12px; width:227px; }
div.name_inc-l { color:#084d16; text-align:left; padding-left:33px; padding-top:13px; position:relative; float:left; width:164px; height:30px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='%base%images/name_inc-l.png',sizingMethod='scale'); }
div.name_inc-r { color:#f7f7f7; text-align:center; padding-right:8px; padding-top:13px; position:relative; float:right; width:63px; height:30px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='%base%images/name_inc-r.png',sizingMethod='scale'); }
div.name_out-l { color:#f7f7f7; text-align:center; padding-left:19px; padding-top:13px; position:relative; float:left; width:63px; height:30px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='%base%images/name_out-l.png',sizingMethod='scale'); }
div.name_out-r { color:#084d16; text-align:left; padding-left:5px; padding-top:13px; position:relative; float:right; width:164px; height:30px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='%base%images/name_out-r.png',sizingMethod='scale'); }
table.msg_box { width:100%; }
div.msg_box { position:relative; z-index:3; width:expression(document.body.clientWidth-85); }
div.gp_time-inc { position:relative; float:right; margin-top:2px; background:url(images/gp_inc.png) center left no-repeat; padding-left:12px; font-size:10px; }
div.gp_time-out { position:relative; float:right; margin-top:2px; background:url(images/gp_out.png) center left no-repeat; padding-left:12px; font-size:10px; }
div.msg_inc-arrow { z-index:5; position:absolute; float:left; margin-left:-9px; margin-top:10px; font-size:0px; width:11px; height:13px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='%base%images/msg_inc-arrow.png',sizingMethod='scale'); }
div.msg_out-arrow { z-index:5; position:absolute; float:right; right:58px; margin-top:10px; font-size:0px; width:11px; height:13px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='%base%images/msg_out-arrow.png',sizingMethod='scale'); }
img.msg_avatar { width:61px; height:61px; }
div.msg_avatar-inc { z-index:0; text-align:left; position:absolute; float:left; margin-left:-57px; margin-top:-25px; font-size:0px; width:64px; height:65px; }
div.msg_avatar-out { z-index:0; text-align:left; position:absolute; float:right; right:9px; margin-left:-57px; margin-top:-25px; font-size:0px; width:64px; height:65px; }
div.msg_avataroverlay { position:absolute; width:64px; height:65px; z-index:1; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='%base%images/msg_avatar.png',sizingMethod='scale'); }
div.msg_sep { margin:5px; font-size:0px; width:100%px; height:4px; background:url(images/msg_sep.png) top center no-repeat; }
td.msg_tl { font-size:0px; width:7px; height:7px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='%base%images/msg_tl.png',sizingMethod='scale'); }
td.msg_tm { font-size:0px; height:7px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='%base%images/msg_tm.png',sizingMethod='scale'); }
td.msg_tr { font-size:0px; width:7px; height:7px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='%base%images/msg_tr.png',sizingMethod='scale'); }
td.msg_ml { font-size:0px; width:7px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='%base%images/msg_ml.png',sizingMethod='scale'); }
td.msg_mm { text-align:left; background-color:#faf8f6; font-size:12px; }
td.msg_mr { font-size:0px; width:7px; height:7px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='%base%images/msg_mr.png',sizingMethod='scale'); }
td.msg_bl { font-size:0px; width:7px; height:7px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='%base%images/msg_bl.png',sizingMethod='scale'); }
td.msg_bm { font-size:0px; height:7px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='%base%images/msg_bm.png',sizingMethod='scale'); }
td.msg_br { font-size:0px; width:7px; height:7px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='%base%images/msg_br.png',sizingMethod='scale'); }
table.status_box { position:relative; float:left; width:expression(document.body.clientWidth-88); }
div.status_box { width:100%; margin-bottom:10px; margin-top:15px; }
td.status_l { vertical-align:top; font-size:0px; width:70px; height:52px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='%base%images/status_l.png',sizingMethod='scale'); }
td.status_m { vertical-align:top; padding-top:3px; }
div.status_m { padding-right:15px; padding-top:7px; height:30px; text-align:center; font-size:12px; color:#fff; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='%base%images/status_m.png',sizingMethod='scale'); }
div.status_r { margin-right:5px; margin-top:-6px; position:relative; float:right; font-size:0px; width:58px; height:50px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='%base%images/status_r.png',sizingMethod='scale'); }
br.spc { font-size:10px; }
a { color:#45c033; }
a:hover { text-decoration:none; }
</style>
</head>
<body>
<script language="Javascript" src="scripts.js"></script>
<!--MessageIn-->
<div class="incoming">
<div class="name">
<div class="name_inc-l"><div class="msg_name" title="%name% (%proto%)">%name% (%proto%)</div></div>
<div class="name_inc-r"><script type="text/javascript">timeRep('%time%');</script> </div>
</div>
<div class="msg_inc-arrow"></div>
<div class="msg_avatar-inc">
<div class="msg_avataroverlay"></div>
<img class="msg_avatar" src="%avatar%" alt="Incoming Avatar" />
</div>
<div class="msg_box">
<table class="msg_box" cellspacing="0" cellpadding="0">
<tr>
<td class="msg_tl"></td>
<td class="msg_tm"></td>
<td class="msg_tr"></td>
</tr>
<tr>
<td class="msg_ml"></td>
<td class="msg_mm">
<div class="msg_msg">
%text%
</div>
</td>
<td class="msg_mr"></td>
</tr>
<tr>
<td class="msg_bl"></td>
<td class="msg_bm"></td>
<td class="msg_br"></td>
</tr>
</table>
</div>
</div>
<br class="spc" />
<!--MessageOut-->
<div class="outgoing">
<div class="name">
<div class="name_out-l"><script type="text/javascript">timeRep('%time%');</script> </div>
<div class="name_out-r"><div class="msg_name" title="%name% (%proto%)">%name% (%proto%)</div></div>
</div>
<div class="msg_out-arrow"></div>
<div class="msg_avatar-out">
<div class="msg_avataroverlay"></div>
<img class="msg_avatar" src="%avatar%" alt="Outgoing Avatar" />
</div>
<div class="msg_box">
<table class="msg_box" cellspacing="0" cellpadding="0">
<tr>
<td class="msg_tl"></td>
<td class="msg_tm"></td>
<td class="msg_tr"></td>
</tr>
<tr>
<td class="msg_ml"></td>
<td class="msg_mm">
<div class="msg_msg">
%text%
</div>
</td>
<td class="msg_mr"></td>
</tr>
<tr>
<td class="msg_bl"></td>
<td class="msg_bm"></td>
<td class="msg_br"></td>
</tr>
</table>
</div>
</div>
<br class="spc" />
<!--hMessageIn-->
<div class="incoming">
<div class="name">
<div class="name_inc-l"><div class="msg_name" title="%name% (%proto%)">%name% (%proto%)</div></div>
<div class="name_inc-r"><script type="text/javascript">timeRep('%time%');</script> </div>
</div>
<div class="msg_inc-arrow"></div>
<div class="msg_avatar-inc">
<div class="msg_avataroverlay"></div>
<img class="msg_avatar" src="%avatar%" alt="Incoming Avatar" />
</div>
<div class="msg_box">
<table class="msg_box" cellspacing="0" cellpadding="0">
<tr>
<td class="msg_tl"></td>
<td class="msg_tm"></td>
<td class="msg_tr"></td>
</tr>
<tr>
<td class="msg_ml"></td>
<td class="msg_mm">
<div class="msg_msg">
%text%
</div>
</td>
<td class="msg_mr"></td>
</tr>
<tr>
<td class="msg_bl"></td>
<td class="msg_bm"></td>
<td class="msg_br"></td>
</tr>
</table>
</div>
</div>
<br class="spc" />
<!--hMessageOut-->
<div class="outgoing">
<div class="name">
<div class="name_out-l"><script type="text/javascript">timeRep('%time%');</script> </div>
<div class="name_out-r"><div class="msg_name" title="%name% (%proto%)">%name% (%proto%)</div></div>
</div>
<div class="msg_out-arrow"></div>
<div class="msg_avatar-out">
<div class="msg_avataroverlay"></div>
<img class="msg_avatar" src="%avatar%" alt="Outgoing Avatar" />
</div>
<div class="msg_box">
<table class="msg_box" cellspacing="0" cellpadding="0">
<tr>
<td class="msg_tl"></td>
<td class="msg_tm"></td>
<td class="msg_tr"></td>
</tr>
<tr>
<td class="msg_ml"></td>
<td class="msg_mm">
<div class="msg_msg">
%text%
</div>
</td>
<td class="msg_mr"></td>
</tr>
<tr>
<td class="msg_bl"></td>
<td class="msg_bm"></td>
<td class="msg_br"></td>
</tr>
</table>
</div>
</div>
<!--File-->
<div class="status_box">
<table class="status_box" cellspacing="0" cellpadding="0">
<tr>
<td class="status_l">
<div class="status_l"></div>
</td>
<td class="status_m">
<div class="status_m"><div class="msg_status" title="%text%">%text% </div></div>
</td>
</tr>
</table>
<div class="status_r"></div>
</div>
<!--URL-->
<div class="status_box">
<table class="status_box" cellspacing="0" cellpadding="0">
<tr>
<td class="status_l">
<div class="status_l"></div>
</td>
<td class="status_m">
<div class="status_m"><div class="msg_status" title="%text%">%text% </div></div>
</td>
</tr>
</table>
<div class="status_r"></div>
</div>
<!--Status-->
<div class="status_box">
<table class="status_box" cellspacing="0" cellpadding="0">
<tr>
<td class="status_l">
<div class="status_l"></div>
</td>
<td class="status_m">
<div class="status_m"><div class="msg_status" title="%name% %text%">%name% %text% </div></div>
</td>
</tr>
</table>
<div class="status_r"></div>
</div>
<!--hFile-->
<div class="status_box">
<table class="status_box" cellspacing="0" cellpadding="0">
<tr>
<td class="status_l">
<div class="status_l"></div>
</td>
<td class="status_m">
<div class="status_m"><div class="msg_status" title="%text%">%text% </div></div>
</td>
</tr>
</table>
<div class="status_r"></div>
</div>
<!--hURL-->
<div class="status_box">
<table class="status_box" cellspacing="0" cellpadding="0">
<tr>
<td class="status_l">
<div class="status_l"></div>
</td>
<td class="status_m">
<div class="status_m"><div class="msg_status" title="%text%">%text% </div></div>
</td>
</tr>
</table>
<div class="status_r"></div>
</div>
<!--hStatus-->
<div class="status_box">
<table class="status_box" cellspacing="0" cellpadding="0">
<tr>
<td class="status_l">
<div class="status_l"></div>
</td>
<td class="status_m">
<div class="status_m"><div class="msg_status" title="%name% %text%">%name% %text% </div></div>
</td>
</tr>
</table>
<div class="status_r"></div>
</div>
<!--MessageInGroupStart-->
<script type="text/javascript">endGroupMsg();</script>
<div class="incoming">
<div class="name">
<div class="name_inc-l"><div class="msg_name" title="%name% (%proto%)">%name% (%proto%)</div></div>
<div class="name_inc-r"><script type="text/javascript">timeRep('%time%');</script> </div>
</div>
<div class="msg_inc-arrow"></div>
<div class="msg_avatar-inc">
<div class="msg_avataroverlay"></div>
<img class="msg_avatar" src="%avatar%" alt="Incoming Avatar" />
</div>
<div class="msg_box">
<table class="msg_box" cellspacing="0" cellpadding="0">
<tr>
<td class="msg_tl"></td>
<td class="msg_tm"></td>
<td class="msg_tr"></td>
</tr>
<tr>
<td class="msg_ml"></td>
<td class="msg_mm">
<div class="msg_msg">
%text%
<div id="message_current"></div>
</div>
</td>
<td class="msg_mr"></td>
</tr>
<tr>
<td class="msg_bl"></td>
<td class="msg_bm"></td>
<td class="msg_br"></td>
</tr>
</table>
</div>
</div>
<br class="spc" />
<!--MessageInGroupInner-->
<div id="msg_new_grouped" style="display:none;">
<div class="msg_sep"></div>
<div class="gp_time-inc">%time%</div>%text%
</div>
<script type="text/javascript">appendGroupMsg();</script>
<!--MessageInGroupEnd-->
<script type="text/javascript">endGroupMsg();</script>
<!--hMessageInGroupStart-->
<script type="text/javascript">endGroupMsg();</script>
<div class="incoming">
<div class="name">
<div class="name_inc-l"><div class="msg_name" title="%name% (%proto%)">%name% (%proto%)</div></div>
<div class="name_inc-r"><script type="text/javascript">timeRep('%time%');</script> </div>
</div>
<div class="msg_inc-arrow"></div>
<div class="msg_avatar-inc">
<div class="msg_avataroverlay"></div>
<img class="msg_avatar" src="%avatar%" alt="Incoming Avatar" />
</div>
<div class="msg_box">
<table class="msg_box" cellspacing="0" cellpadding="0">
<tr>
<td class="msg_tl"></td>
<td class="msg_tm"></td>
<td class="msg_tr"></td>
</tr>
<tr>
<td class="msg_ml"></td>
<td class="msg_mm">
<div class="msg_msg">
%text%
<div id="message_current"></div>
</div>
</td>
<td class="msg_mr"></td>
</tr>
<tr>
<td class="msg_bl"></td>
<td class="msg_bm"></td>
<td class="msg_br"></td>
</tr>
</table>
</div>
</div>
<br class="spc" />
<!--hMessageInGroupInner-->
<div id="msg_new_grouped" style="display:none;">
<div class="msg_sep"></div>
<div class="gp_time-inc">%time%</div>%text%
</div>
<script type="text/javascript">appendGroupMsg();</script>
<!--hMessageInGroupEnd-->
<script type="text/javascript">endGroupMsg();</script>
<!--MessageOutGroupStart-->
<script type="text/javascript">endGroupMsg();</script>
<div class="outgoing">
<div class="name">
<div class="name_out-l"><script type="text/javascript">timeRep('%time%');</script> </div>
<div class="name_out-r"><div class="msg_name" title="%name% (%proto%)">%name% (%proto%)</div></div>
</div>
<div class="msg_out-arrow"></div>
<div class="msg_avatar-out">
<div class="msg_avataroverlay"></div>
<img class="msg_avatar" src="%avatar%" alt="Outgoing Avatar" />
</div>
<div class="msg_box">
<table class="msg_box" cellspacing="0" cellpadding="0">
<tr>
<td class="msg_tl"></td>
<td class="msg_tm"></td>
<td class="msg_tr"></td>
</tr>
<tr>
<td class="msg_ml"></td>
<td class="msg_mm">
<div class="msg_msg">
%text%
<div id="message_current"></div>
</div>
</td>
<td class="msg_mr"></td>
</tr>
<tr>
<td class="msg_bl"></td>
<td class="msg_bm"></td>
<td class="msg_br"></td>
</tr>
</table>
</div>
</div>
<br class="spc" />
<!--MessageOutGroupInner-->
<div id="msg_new_grouped" style="display:none;">
<div class="msg_sep"></div>
<div class="gp_time-out">%time%</div>%text%
</div>
<script type="text/javascript">appendGroupMsg();</script>
<!--MessageOutGroupEnd-->
<script type="text/javascript">endGroupMsg();</script>
<!--hMessageOutGroupStart-->
<script type="text/javascript">endGroupMsg();</script>
<div class="outgoing">
<div class="name">
<div class="name_out-l"><script type="text/javascript">timeRep('%time%');</script> </div>
<div class="name_out-r"><div class="msg_name" title="%name% (%proto%)">%name% (%proto%)</div></div>
</div>
<div class="msg_out-arrow"></div>
<div class="msg_avatar-out">
<div class="msg_avataroverlay"></div>
<img class="msg_avatar" src="%avatar%" alt="Outgoing Avatar" />
</div>
<div class="msg_box">
<table class="msg_box" cellspacing="0" cellpadding="0">
<tr>
<td class="msg_tl"></td>
<td class="msg_tm"></td>
<td class="msg_tr"></td>
</tr>
<tr>
<td class="msg_ml"></td>
<td class="msg_mm">
<div class="msg_msg">
%text%
<div id="message_current"></div>
</div>
</td>
<td class="msg_mr"></td>
</tr>
<tr>
<td class="msg_bl"></td>
<td class="msg_bm"></td>
<td class="msg_br"></td>
</tr>
</table>
</div>
</div>
<br class="spc" />
<!--hMessageOutGroupInner-->
<div id="msg_new_grouped" style="display:none;">
<div class="msg_sep"></div>
<div class="gp_time-out">%time%</div>%text%
</div>
<script type="text/javascript">appendGroupMsg();</script>
<!--hMessageOutGroupEnd-->
<script type="text/javascript">endGroupMsg();</script>[/more]