1
0
Fork 0
mirror of https://github.com/Oreolek/ifhub.club.git synced 2024-06-26 03:30:48 +03:00

Верстка Synio

This commit is contained in:
Denis Shakhov 2012-05-13 00:25:11 +07:00
parent e50c480619
commit 8f10d3224d
23 changed files with 251 additions and 53 deletions

View file

@ -64,7 +64,7 @@
vote-nobuttons
{/if}">
<a href="#" class="vote-item vote-down" onclick="return ls.vote.vote({$oBlog->getId()},this,-1,'blog');"><span><i></i></span></a>
<div id="vote_total_blog_{$oBlog->getId()}" class="vote-item vote-count" title="{$aLang.blog_vote_count}: {$oBlog->getCountVote()}"><span>{if $oBlog->getRating() > 0}+{/if}{$oBlog->getRating()}</span></div>
<div class="vote-item vote-count" title="{$aLang.blog_vote_count}: {$oBlog->getCountVote()}"><span id="vote_total_blog_{$oBlog->getId()}">{if $oBlog->getRating() > 0}+{/if}{$oBlog->getRating()}</span></div>
<a href="#" class="vote-item vote-up" onclick="return ls.vote.vote({$oBlog->getId()},this,1,'blog');"><span><i></i></span></a>
</div>
</div>

View file

@ -1,6 +1,4 @@
{include file='header.tpl' sMenuHeadItemSelect="blogs"}
<h2 class="page-header">{$aLang.blogs}</h2>
{include file='header.tpl' sMenuHeadItemSelect="blogs" menu_content="blog_list"}
<form action="" method="POST" id="form-blogs-search" onsubmit="return false;" class="search-item">
<div class="search-input-wrapper">

View file

@ -25,8 +25,8 @@
vote-nobuttons
{/if}">
<div href="#" class="vote-item vote-down" onclick="return ls.vote.vote({$oUserProfile->getId()},this,-1,'user');"><span><i></i></span></div>
<div id="vote_total_user_{$oUserProfile->getId()}" class="vote-item vote-count" title="{$aLang.user_vote_count}: {$oUserProfile->getCountVote()}">
<span>{if $oUserProfile->getRating() > 0}+{/if}{$oUserProfile->getRating()}</span>
<div class="vote-item vote-count" title="{$aLang.user_vote_count}: {$oUserProfile->getCountVote()}">
<span id="vote_total_user_{$oUserProfile->getId()}">{if $oUserProfile->getRating() > 0}+{/if}{$oUserProfile->getRating()}</span>
</div>
<div href="#" class="vote-item vote-up" onclick="return ls.vote.vote({$oUserProfile->getId()},this,1,'user');"><span><i></i></span></div>
</div>

View file

@ -20,13 +20,18 @@
<a href="#" id="foto-remove" class="link-dotted" onclick="return ls.user.removeFoto();" style="{if !$oUserCurrent->getProfileFoto()}display:none;{/if}">{$aLang.settings_profile_foto_delete}</a>
</p>
<div class="modal" id="foto-resize">
<div class="modal modal-upload-photo" id="foto-resize">
<header class="modal-header">
<h3>{$aLang.uploadimg}</h3>
</header>
<div class="modal-content">
<img src="" alt="" id="foto-resize-original-img"><br />
<div class="clearfix">
<div class="image-border">
<img src="" alt="" id="foto-resize-original-img">
</div>
</div>
<button class="button button-primary" onclick="return ls.user.resizeFoto();">{$aLang.settings_profile_avatar_resize_apply}</button>
<button class="button" onclick="return ls.user.cancelFoto();">{$aLang.settings_profile_avatar_resize_cancel}</button>
</div>

View file

@ -6,7 +6,6 @@
<ul class="nav nav-pills js-block-stream-nav" {if $sItemsHook}style="display: none;"{/if}>
<li class="active js-block-stream-item" data-type="comment"><a href="#">{$aLang.block_stream_comments}</a></li>
<li class="js-block-stream-item" data-type="topic"><a href="#">{$aLang.block_stream_topics}</a></li>
<li class="js-block-stream-item" data-type="topic"><a href="#">{$aLang.block_stream_topics}</a></li>
{$sItemsHook}
</ul>
@ -24,9 +23,6 @@
{hook run='block_stream_nav_item' assign="sItemsHook"}
<div class="block-content">
<div class="js-block-stream-content">
{$sStreamComments}
</div>

View file

@ -17,12 +17,14 @@
{if !$oComment->getDelete() or $bOneComment or ($oUserCurrent and $oUserCurrent->isAdministrator())}
<a name="comment{$oComment->getId()}"></a>
<div class="folding"></div>
<a href="{$oUser->getUserWebPath()}"><img src="{$oUser->getProfileAvatarPath(48)}" alt="avatar" class="comment-avatar" /></a>
<div id="comment_content_id_{$oComment->getId()}" class="comment-content text">
{$oComment->getText()}
<div id="comment_content_id_{$oComment->getId()}" class="comment-content">
<div class=" text">
{$oComment->getText()}
</div>
</div>

View file

@ -39,12 +39,14 @@
</ul>
<div class="comment-content text">
{if $oComment->isBad()}
{$oComment->getText()}
{else}
{$oComment->getText()}
{/if}
<div class="comment-content">
<div class="text">
{if $oComment->isBad()}
{$oComment->getText()}
{else}
{$oComment->getText()}
{/if}
</div>
</div>

View file

@ -5,6 +5,32 @@
iMaxIdComment=$iMaxIdComment
}
{if $oUserCurrent}
<script>
jQuery(document).ready(function($){
$(document).click(function(){
if (!$('#reply-top-form').is(':visible')) {
$('#reply').hide();
$('#reply-top-form').show();
}
});
$('body').on('click', '#reply-top', function(e) {
e.stopPropagation();
});
});
ls.comments.expandReplyTop = function() {
$('#reply').show().appendTo('#reply-top');
$('#reply-top-form').hide();
$('#form_comment_text').val('');
$('#form_comment_reply').val(0);
}
</script>
{/if}
<div class="comments" id="comments">
<header class="comments-header">
<h3>{$iCountComment} {$iCountComment|declension:$aLang.comment_declension:'russian'}</h3>
@ -18,6 +44,15 @@
<a name="comments"></a>
</header>
{if $oUserCurrent}
<div id="reply-top">
<div class="wall-submit wall-submit-reply wall-submit-comment" id="reply-top-form">
<textarea rows="4" class="input-text input-width-full" placeholder="{$aLang.wall_reply_placeholder}" onclick="ls.comments.expandReplyTop();"></textarea>
</div>
</div>
{/if}
{assign var="nesting" value="-1"}

View file

@ -216,7 +216,6 @@ h2.header-table span { color: #949aa1; }
.registration-form dl.form-item dd .form-item-help { width: 100px; height: 20px; position: absolute; top: 1px; right: 0; background: url(../images/dots.png) 0 12px repeat-x; }
.registration-form dl.form-item dd .form-item-help i { background-color: #f8fbfe; }
.registration-form dl.form-item dd .form-item-help i.icon-ok-green { position: absolute; top: 3px; right: 0; }
.registration-form dl.form-item dd small { width: 250px; }

View file

@ -3,7 +3,7 @@
-------------------------------------------- */
/* Блок с комментариями */
.comments-header { margin-bottom: 20px; position: relative; }
.comments-header { margin-bottom: 10px; position: relative; }
.comments-header h3 { font-size: 27px; margin-bottom: 5px; }
.comments-header .subscribe { position: absolute; top: 15px; right: 0; font-size: 11px; color: #7b848d; }
.comments-header .subscribe input { top: 2px; }
@ -21,6 +21,8 @@
.comment { min-height: 48px; margin-bottom: 10px; padding: 10px 0 0 40px; position: relative; }
.comment .deleted { padding: 5px 10px; color: #777; background: #f4f4f4; }
.comment .comment-avatar { position: absolute; top: 10px; left: 0; width: 30px; height: 30px; }
.comment .folding { width: 13px; height: 13px; position: absolute; top: 18px; left: -20px; background: url(../images/icons-synio.png) 0 -94px no-repeat; cursor: pointer; }
.comment .folding.folded { background-position: -13px -94px; }
/* Стили для списка комментариев на странице http://ваш_сайт/comments/ */
@ -28,12 +30,15 @@
.comments.comment-list .comment .comment-avatar { position: static; width: 16px; height: 16px; vertical-align: middle; }
.comments.comment-list .comment .comment-content { margin-bottom: 5px; }
.comments.comment-list .comment .comment-info li.vote .vote-count { margin-right: 0; }
.comments.comment-list .comment .comment-content:after { top: -12px; left: 25px; border-color: transparent transparent #e7ebed; }
.comments.comment-list .comment .comment-content:before { top: -11px; left: 25px; border-color: transparent transparent #fff; }
.comments.comment-list .comment-path { font-size: 11px; color: #a2b6cd; }
.comments.comment-list .comment-path .blog-name,
.comments.comment-list .comment-path .comment-path-comments { color: #000; }
.comments.comment-list .comment-path .comment-path-topic { color: #275ec2; }
/* Типы комментариев
*
* deleted - удаленный комментарий
@ -43,10 +48,18 @@
*
*/
.comment { background: #fff; }
.comment.comment-deleted .comment-content { background: #efd5d5; }
.comment.comment-deleted .comment-content { background: #c5c5c5; border-color: #C8A8A8; }
.comment.comment-deleted .comment-content:after { border-color: #C8A8A8 transparent transparent; }
.comment.comment-deleted .comment-content:before { border-color: #c5c5c5 transparent transparent; }
.comment.comment-self .comment-content { background: #fefef1; border-color: #e6e6bd; }
.comment.comment-new .comment-content { background: #fbfba8; }
.comment.comment-current .comment-content { background: #a5e7fa; }
.comment.comment-self .comment-content:after { border-color: #e6e6bd transparent transparent; }
.comment.comment-self .comment-content:before { border-color: #fefef1 transparent transparent; }
.comment.comment-new .comment-content { background: #e4fbf1; border-color: #d0e8dd; }
.comment.comment-new .comment-content:after { border-color: #d0e8dd transparent transparent; }
.comment.comment-new .comment-content:before { border-color: #e4fbf1 transparent transparent; }
.comment.comment-current .comment-content { background: #cdf5a6; border-color: #bae48e; }
.comment.comment-current .comment-content:after { border-color: #bae48e transparent transparent; }
.comment.comment-current .comment-content:before { border-color: #cdf5a6 transparent transparent; }
.comment.comment-bad .comment-content { opacity: 0.3; filter: alpha(opacity=30); }
.comment.comment-bad:hover .comment-content { opacity: 1; filter: alpha(opacity=100); }
@ -91,9 +104,11 @@
/* Content */
.comment .comment-content { margin-bottom: 10px; border: 1px solid #e7ebed; padding: 4px 10px 5px; border-radius: 3px; }
.comment .comment-content { margin-bottom: 10px; border: 1px solid #e7ebed; padding: 4px 10px 5px; border-radius: 3px; position: relative; }
.comment .comment-content.text { font-size: 13px; }
.comment .comment-content.text blockquote { background: #fff; border-color: #ccc; padding: 5px 10px; margin-bottom: 5px; }
.comment .comment-content:after { display: block; content: ""; position: absolute; bottom: -12px; left: 10px; width: 0; height: 0; border-width: 6px; border-color: #e7ebed transparent transparent; border-style: solid; }
.comment .comment-content:before { display: block; content: ""; position: absolute; bottom: -11px; left: 10px; width: 0; height: 0; border-width: 6px; border-color: #fff transparent transparent; border-style: solid; z-index: 10; }
/* Actions */
@ -103,6 +118,9 @@
/* Форма комментирования */
.reply-header { font-size: 20px; line-height: 1.3em; margin-bottom: 15px; }
.reply { padding-bottom: 10px; }
.reply { background: #f8fbfe; padding: 15px; border-radius: 5px; }
.reply textarea { height: 100px; }
.reply textarea.loader { background: #f7f7f7 url(../images/loader.gif) no-repeat center;}
.reply textarea.loader { background: #f7f7f7 url(../images/loader.gif) no-repeat center;}
.wall-submit.wall-submit-reply.wall-submit-comment { box-shadow: none; margin-top: 0; margin-bottom: 50px; }
.wall-submit.wall-submit-reply.wall-submit-comment:after { display: none; }

View file

@ -298,4 +298,8 @@
.user-avatar a { color: #000; font-size: 11px; }
.user-avatar.user-avatar-n a { color: #3F8AD7; font-size: 12px; }
.counter.exceeded { color: #f00; }
.counter.exceeded { color: #f00; }
.page-header-menu { overflow: hidden; zoom: 1; margin-bottom: 10px; }
.page-header-menu .page-header { float: left; margin-right: 20px; margin-bottom: 10px; }
.page-header-menu .nav.nav-pills { margin-top: 5px; float: left; }

View file

@ -56,4 +56,17 @@ input:-moz-placeholder { color: #aaa; }
/* Валидатор
---------------------------------------------------------------*/
.validate-error-hide { display: none; }
.validate-error-show { display: block; color: #f00; font-size: 11px; line-height: 14px; padding-top: 3px; }
.validate-error-show {
display: block;
line-height: 16px;
position: relative;
padding: 10px 15px 12px 38px;
background: #fefef1 url(../images/error.png) 15px 12px no-repeat;
color: #363636;
margin-top: 13px;
font-size: 12px;
border-radius: 3px;
box-shadow: 0 1px 5px #e8e8c0 inset;
}
.validate-error-show:before { display: block; content: ""; position: absolute; top: -12px; left: 15px; width: 0; height: 0; border-width: 6px; border-color: transparent transparent #F2F2DD transparent; border-style: solid; }

View file

@ -29,4 +29,8 @@
/* Default Tip */
.infobox.infobox-standart { background: rgba(0,0,0,.8); }
.infobox.infobox-standart .tip-arrow { border-color: rgba(0,0,0,.8); }
.infobox.infobox-standart .tip-arrow { border-color: rgba(0,0,0,.8); }
/* Default Yellow */
.infobox.infobox-yellow { background: #fffea8; color: #3e3e16; border-radius: 10px; padding: 15px 20px; font-size: 11px; line-height: 16px; box-shadow: 0 0 15px rgba(0,0,0,.3); }
.infobox.infobox-yellow .tip-arrow { border-color: #fffea8; }

View file

@ -42,6 +42,12 @@
/* Ôîðìà âõîäà */
.modal.modal-login { width: 450px; margin-left: -225px; top: 50px; }
.modal.modal-login .nav { margin-bottom: 30px; }
.modal.modal-login .modal-header { margin-bottom: 0; }
.modal.modal-login .modal-content { padding-top: 15px; }
.modal.modal-login .remember-label { font-size: 11px; color: #6c7272; }
.modal.modal-login .remember-label input { top: 2px; }
.modal.modal-login .icon-question-sign { position: relative; top: -3px; }
.modal.modal-login .icon-ok-green { position: relative; top: -1px; }
/* Äîáàâëåíèå òîïèêà */
@ -68,7 +74,8 @@
/* Upload Image */
.modal-image-upload { width: 500px; margin-left: -250px; }
.modal.modal-image-upload { width: 500px; margin-left: -250px; }
.modal.modal-upload-photo .image-border { float: left; border-radius: 5px; background: #fff; padding: 5px; margin-bottom: 15px; box-shadow: 0 0 5px rgba(0,0,0,.2); }

View file

@ -131,6 +131,9 @@
.dropdown-menu-create li a:hover { color: #f00; border-color: #f00; }
.dropdown-menu-create li.active a { color: #aaa; border-color: #aaa; }
.nav.nav-pills.nav-pills-dropdown { position: absolute; top: 0; right: 0; margin: 0; }
.nav.nav-pills.nav-pills-dropdown li { margin: 0; }

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 24 KiB

View file

@ -75,13 +75,13 @@ jQuery(document).ready(function($){
// Всплывающие сообщения
$('.js-title-comment, .js-title-topic').poshytip({
className: 'infobox-standart',
className: 'infobox-yellow',
alignTo: 'target',
alignX: 'left',
alignY: 'center',
offsetX: 5,
offsetX: 10,
liveEvents: true,
showTimeout: 1500
showTimeout: 1000
});
$('.js-infobox-vote-topic').poshytip({
@ -135,7 +135,6 @@ jQuery(document).ready(function($){
ls.blocks.initSwitch('popup-login');
// комментарии
ls.comments.options.folding = false;
ls.comments.init();
// избранное
@ -197,6 +196,39 @@ jQuery(document).ready(function($){
ls.talk.removeFromTalk(this, $('#talk_id').val());
return false;
});
/****************
* DROPDOWN
*/
$('.nav-pills-dropdown').each(function(i) {
var menu = $(this).clone();
$(this).find('li:not(.active)').remove();
var active = $(this).find('li.active');
var pos = active.offset();
menu.removeClass().addClass('dropdown-menu').hide().appendTo('body').css({ 'left': pos.left - 10, 'top': pos.top + 24, 'display': 'none' });
active.addClass('dropdown').append('<i class="icon-synio-arrows"></i>');
active.click(function(){
menu.slideToggle();
return false;
});
});
// Hide menu
$(document).click(function(){
$('.dropdown-menu').hide();
});
$('body').on("click", ".dropdown-menu", function(e) {
e.stopPropagation();
});
// Хук конца инициализации javascript-составляющих шаблона
@ -205,7 +237,7 @@ jQuery(document).ready(function($){
ls.talk.toggleSearchForm = function() {
$('.talk-search').toggleClass('opened'); return false;
}
};
ls.blocks.options.loader = DIR_STATIC_SKIN + '/images/loader-circle.gif';
@ -296,4 +328,58 @@ ls.blog.toggleInfo = function() {
}
return false;
};
ls.vote.options.classes.voted_zero = 'voted-zero';
ls.vote.onVote = function(idTarget, objVote, value, type, result) {
if (result.bStateError) {
ls.msg.error(null, result.sMsg);
} else {
ls.msg.notice(null, result.sMsg);
var divVoting = $('#'+this.options.prefix_area+type+'_'+idTarget);
divVoting.addClass(this.options.classes.voted);
if (value > 0) {
divVoting.addClass(this.options.classes.plus);
}
if (value < 0) {
divVoting.addClass(this.options.classes.minus);
}
if (value == 0) {
divVoting.addClass(this.options.classes.voted_zero);
}
var divTotal = $('#'+this.options.prefix_total+type+'_'+idTarget);
var divCount = $('#'+this.options.prefix_count+type+'_'+idTarget);
if (divCount.length>0 && result.iCountVote) {
divCount.text(parseInt(result.iCountVote));
}
result.iRating = parseFloat(result.iRating);
divVoting.removeClass(this.options.classes.negative);
divVoting.removeClass(this.options.classes.positive);
if (result.iRating > 0) {
divVoting.addClass(this.options.classes.positive);
divTotal.text('+'+result.iRating);
}else if (result.iRating < 0) {
divVoting.addClass(this.options.classes.negative);
divTotal.text(result.iRating);
}else if (result.iRating == 0) {
divTotal.text(0);
}
var method='onVote'+ls.tools.ucfirst(type);
if ($.type(this[method])=='function') {
this[method].apply(this,[idTarget, objVote, value, type, result]);
}
}
$(this).trigger('vote',[idTarget, objVote, value, type, result]);
};

View file

@ -29,10 +29,11 @@
{/if}
{if $sPeriodSelectCurrent}
<ul class="nav nav-pills mb-30">
<ul class="nav nav-pills nav-pills-dropdown mb-30">
<li {if $sPeriodSelectCurrent=='1'}class="active"{/if}><a href="{$sPeriodSelectRoot}?period=1">{$aLang.blog_menu_top_period_24h}</a></li>
<li {if $sPeriodSelectCurrent=='7'}class="active"{/if}><a href="{$sPeriodSelectRoot}?period=7">{$aLang.blog_menu_top_period_7d}</a></li>
<li {if $sPeriodSelectCurrent=='30'}class="active"{/if}><a href="{$sPeriodSelectRoot}?period=30">{$aLang.blog_menu_top_period_30d}</a></li>
<li {if $sPeriodSelectCurrent=='all'}class="active"{/if}><a href="{$sPeriodSelectRoot}?period=all">{$aLang.blog_menu_top_period_all}</a></li>
</ul>
{/if}

View file

@ -0,0 +1,26 @@
<div class="page-header-menu">
<h2 class="page-header">{$aLang.blogs}</h2>
<ul class="nav nav-pills">
<li {if $sMenuItemSelect=='index'}class="active"{/if}>
<a href="{cfg name='path.root.web'}/">{$aLang.blog_menu_all}</a>
</li>
<li {if $sMenuItemSelect=='blog'}class="active"{/if}>
<a href="{router page='blog'}">{$aLang.blog_menu_collective}</a>
</li>
<li {if $sMenuItemSelect=='log'}class="active"{/if}>
<a href="{router page='personal_blog'}">{$aLang.blog_menu_personal}</a>
</li>
{if $oUserCurrent}
<li {if $sMenuItemSelect=='feed'}class="active"{/if}>
<a href="{router page='feed'}">{$aLang.userfeed_title}</a>
</li>
{/if}
{hook run='menu_blog'}
</ul>
</div>

View file

@ -4,6 +4,8 @@ $config = array();
$config['view']['theme'] = 'default';
$config['module']['user']['profile_photo_width'] = 242;
$config['head']['default']['js'] = Config::Get('head.default.js');
$config['head']['default']['js'][] = '___path.static.skin___/js/synio.js';

View file

@ -106,8 +106,8 @@
{assign var="bVoteInfoShow" value=true}
{/if}
<div href="#" class="vote-item vote-down" onclick="return ls.vote.vote({$oTopic->getId()},this,-1,'topic');"><span><i></i></span></div>
<div class="vote-item vote-count {if $bVoteInfoShow}js-infobox-vote-topic{/if}" id="vote_total_topic_{$oTopic->getId()}" title="{$aLang.topic_vote_count}: {$oTopic->getCountVote()}">
<span>
<div class="vote-item vote-count {if $bVoteInfoShow}js-infobox-vote-topic{/if}" title="{$aLang.topic_vote_count}: {$oTopic->getCountVote()}">
<span id="vote_total_topic_{$oTopic->getId()}">
{if $bVoteInfoShow}
{if $oTopic->getRating() > 0}+{/if}{$oTopic->getRating()}
{else}

View file

@ -1,7 +1,6 @@
{if !$oUserCurrent}
<div class="modal modal-login" id="window_login_form">
<header class="modal-header">
<h3>{$aLang.user_authorization}</h3>
<a href="#" class="close jqmClose"></a>
</header>
@ -33,19 +32,17 @@
<form action="{router page='login'}" method="post" id="popup-login-form">
{hook run='form_login_popup_begin'}
<p><label for="popup-login">{$aLang.user_login}:</label>
<input type="text" name="login" id="popup-login" class="input-text input-width-300"></p>
<p><input type="text" name="login" id="popup-login" placeholder="{$aLang.user_login}" class="input-text input-width-full"></p>
<p><label for="popup-password">{$aLang.user_password}:</label>
<input type="password" name="password" id="popup-password" class="input-text input-width-300">
<small class="validate-error-hide validate-error-login"></small></p>
<p><input type="password" name="password" id="popup-password" placeholder="{$aLang.user_password}" class="input-text input-width-300" style="width: 325px">
<button name="submit_login" class="button button-primary" id="popup-login-form-submit" disabled="disabled">{$aLang.user_login_submit}</button></p>
<p><label><input type="checkbox" name="remember" class="input-checkbox" checked> {$aLang.user_login_remember}</label></p>
<label class="remember-label"><input type="checkbox" name="remember" class="input-checkbox" checked /> {$aLang.user_login_remember}</label>
<small class="validate-error-hide validate-error-login"></small>
{hook run='form_login_popup_end'}
<input type="hidden" name="return-path" value="{$PATH_WEB_CURRENT|escape:'html'}">
<button name="submit_login" class="button button-primary" id="popup-login-form-submit" disabled="disabled">{$aLang.user_login_submit}</button>
</form>
{hook run='login_popup_end'}
</div>
@ -82,20 +79,20 @@
<p><label for="popup-registration-login">{$aLang.registration_login}</label>
<input type="text" name="login" id="popup-registration-login" value="{$_aRequest.login}" class="input-text input-width-300 js-ajax-validate" />
<i class="icon-ok-green validate-ok-field-login" style="display: none"></i>
<i class="icon-question-sign js-tip-help" title="{$aLang.registration_login_notice}"></i>
<i class="icon-ok-green validate-ok-field-login" style="display: none"></i>
<small class="validate-error-hide validate-error-field-login"></small></p>
<p><label for="popup-registration-mail">{$aLang.registration_mail}</label>
<input type="text" name="mail" id="popup-registration-mail" value="{$_aRequest.mail}" class="input-text input-width-300 js-ajax-validate" />
<i class="icon-ok-green validate-ok-field-mail" style="display: none"></i>
<i class="icon-question-sign js-tip-help" title="{$aLang.registration_mail_notice}"></i>
<i class="icon-ok-green validate-ok-field-mail" style="display: none"></i>
<small class="validate-error-hide validate-error-field-mail"></small></p>
<p><label for="popup-registration-user-password">{$aLang.registration_password}</label>
<input type="password" name="password" id="popup-registration-user-password" value="" class="input-text input-width-300 js-ajax-validate" />
<i class="icon-ok-green validate-ok-field-password" style="display: none"></i>
<i class="icon-question-sign js-tip-help" title="{$aLang.registration_password_notice}"></i>
<i class="icon-ok-green validate-ok-field-password" style="display: none"></i>
<small class="validate-error-hide validate-error-field-password"></small></p>
<p><label for="popup-registration-user-password-confirm">{$aLang.registration_password_retry}</label>