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
parent
bafd46b414
commit
a6a1d9ad9f
|
|
@ -38,18 +38,47 @@
|
|||
{/if}
|
||||
|
||||
|
||||
<h2 class="page-header">{$oBlog->getTitle()|escape:'html'} {if $oBlog->getType()=='close'} <i title="{$aLang.blog_closed}" class="icon-synio-topic-private"></i>{/if}</h2>
|
||||
|
||||
<div class="blog-top">
|
||||
<h2 class="page-header">{$oBlog->getTitle()|escape:'html'} {if $oBlog->getType()=='close'} <i title="{$aLang.blog_closed}" class="icon-synio-topic-private"></i>{/if}</h2>
|
||||
|
||||
<div id="vote_area_blog_{$oBlog->getId()}" class="vote-topic
|
||||
{if $oBlog->getRating() > 0}
|
||||
vote-count-positive
|
||||
{elseif $oBlog->getRating() < 0}
|
||||
vote-count-negative
|
||||
{elseif $oBlog->getRating() == 0}
|
||||
vote-count-zero
|
||||
{/if}
|
||||
|
||||
{if $oVote}
|
||||
voted
|
||||
|
||||
{if $oVote->getDirection() > 0}
|
||||
voted-up
|
||||
{elseif $oVote->getDirection() < 0}
|
||||
voted-down
|
||||
{/if}
|
||||
{/if}
|
||||
|
||||
{if ($oUserCurrent && $oUserOwner->getId() == $oUserCurrent->getId())}
|
||||
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>
|
||||
<a href="#" class="vote-item vote-up" onclick="return ls.vote.vote({$oBlog->getId()},this,1,'blog');"><span><i></i></span></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="blog-mini" id="blog-mini">
|
||||
{$iCountBlogUsers} {$iCountBlogUsers|declension:$aLang.reader_declension:'russian'},
|
||||
{$oBlog->getCountTopic()} {$oBlog->getCountTopic()|declension:$aLang.topic_declension:'russian'}
|
||||
<div class="fl-r">
|
||||
<a href="#" class="link-dotted" onclick="jQuery('#blog-mini').hide(); jQuery('#blog').show(); return false;">О блоге</a>
|
||||
<div class="fl-r" id="blog-mini-header">
|
||||
<a href="#" class="link-dotted" onclick="ls.blog.toggleBlogInfo(); return false;">О блоге</a>
|
||||
<a href="#">RSS</a>
|
||||
<button class="button button-small">Читать в ленте</button>
|
||||
</div>{*r*}
|
||||
{if $oUserCurrent and $oUserCurrent->getId()!=$oBlog->getOwnerId()}
|
||||
<button class="button button-small" id="blog-join" onclick="ls.blog.toggleJoin(this,{$oBlog->getId()}); return false;">{if $oBlog->getUserIsJoin()}{$aLang.blog_leave}{else}{$aLang.blog_join}{/if}</button>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
|
@ -57,18 +86,60 @@
|
|||
<div class="blog" id="blog" style="display: none">
|
||||
<div class="blog-inner">
|
||||
<header class="blog-header">
|
||||
{*<div id="vote_area_blog_{$oBlog->getId()}" class="vote {if $oBlog->getRating() > 0}vote-count-positive{elseif $oBlog->getRating() < 0}vote-count-negative{/if} {if $oVote} voted {if $oVote->getDirection()>0}voted-up{elseif $oVote->getDirection()<0}voted-down{/if}{/if}">
|
||||
<div class="vote-label">Рейтинг</div>
|
||||
<a href="#" class="vote-up" onclick="return ls.vote.vote({$oBlog->getId()},this,1,'blog');"></a>
|
||||
<a href="#" class="vote-down" onclick="return ls.vote.vote({$oBlog->getId()},this,-1,'blog');"></a>
|
||||
<div id="vote_total_blog_{$oBlog->getId()}" class="vote-count count" title="{$aLang.blog_vote_count}: {$oBlog->getCountVote()}">{$oBlog->getRating()}</div>
|
||||
</div>*}
|
||||
|
||||
{*<ul class="actions">
|
||||
{if $oUserCurrent and $oUserCurrent->getId()!=$oBlog->getOwnerId()}
|
||||
<li><a href="#" onclick="ls.blog.toggleJoin(this,{$oBlog->getId()}); return false;" class="link-dotted">{if $oBlog->getUserIsJoin()}{$aLang.blog_leave}{else}{$aLang.blog_join}{/if}</a></li>
|
||||
{/if}
|
||||
{if $oUserCurrent and ($oUserCurrent->getId()==$oBlog->getOwnerId() or $oUserCurrent->isAdministrator() or $oBlog->getUserIsAdministrator() )}
|
||||
<span class="close" onclick="ls.blog.toggleBlogInfo(); return false;"><a href="#" class="link-dotted">Свернуть</a><i class="icon-synio-close"></i></span>
|
||||
|
||||
{*r*}
|
||||
</header>
|
||||
|
||||
|
||||
<div class="blog-content">
|
||||
<p class="blog-description">{$oBlog->getDescription()|nl2br}</p>
|
||||
|
||||
|
||||
<ul class="blog-info">{*r*}
|
||||
<li><span>Создан</span> <strong>{date_format date=$oBlog->getDateAdd() format="j F Y"}</strong></li>
|
||||
<li><span>Топиков</span> <strong>{$oBlog->getCountTopic()}</strong></li>
|
||||
<li><span><a href="{$oBlog->getUrlFull()}users/">Читателей</a></span> <strong>{$iCountBlogUsers}</strong></li>
|
||||
<li class="rating"><span>Рейтинг</span> <strong>{$oBlog->getRating()}</strong></li>
|
||||
</ul>
|
||||
|
||||
|
||||
{hook run='blog_info_begin' oBlog=$oBlog}
|
||||
<strong>{$aLang.blog_user_administrators} ({$iCountBlogAdministrators})</strong><br />
|
||||
<span class="user-avatar">
|
||||
<a href="{$oUserOwner->getUserWebPath()}"><img src="{$oUserOwner->getProfileAvatarPath(24)}" alt="avatar" /></a>
|
||||
<a href="{$oUserOwner->getUserWebPath()}">{$oUserOwner->getLogin()}</a>
|
||||
</span>
|
||||
{if $aBlogAdministrators}
|
||||
{foreach from=$aBlogAdministrators item=oBlogUser}
|
||||
{assign var="oUser" value=$oBlogUser->getUser()}
|
||||
<span class="user-avatar">
|
||||
<a href="{$oUser->getUserWebPath()}"><img src="{$oUser->getProfileAvatarPath(24)}" alt="avatar" /></a>
|
||||
<a href="{$oUser->getUserWebPath()}">{$oUser->getLogin()}</a>
|
||||
</span>
|
||||
{/foreach}
|
||||
{/if}<br /><br />
|
||||
|
||||
|
||||
<strong>{$aLang.blog_user_moderators} ({$iCountBlogModerators})</strong><br />
|
||||
{if $aBlogModerators}
|
||||
{foreach from=$aBlogModerators item=oBlogUser}
|
||||
{assign var="oUser" value=$oBlogUser->getUser()}
|
||||
<span class="user-avatar">
|
||||
<a href="{$oUser->getUserWebPath()}"><img src="{$oUser->getProfileAvatarPath(24)}" alt="avatar" /></a>
|
||||
<a href="{$oUser->getUserWebPath()}">{$oUser->getLogin()}</a>
|
||||
</span>
|
||||
{/foreach}
|
||||
{else}
|
||||
<span class="notice-empty">{$aLang.blog_user_moderators_empty}</span>
|
||||
{/if}
|
||||
{hook run='blog_info_end' oBlog=$oBlog}
|
||||
|
||||
|
||||
|
||||
{if $oUserCurrent and ($oUserCurrent->getId()==$oBlog->getOwnerId() or $oUserCurrent->isAdministrator() or $oBlog->getUserIsAdministrator() )}
|
||||
<ul class="actions">
|
||||
<li>
|
||||
<a href="{router page='blog'}edit/{$oBlog->getId()}/" title="{$aLang.blog_edit}" class="edit">{$aLang.blog_edit}</a></li>
|
||||
{if $oUserCurrent->isAdministrator()}
|
||||
|
|
@ -77,68 +148,12 @@
|
|||
<a href="{router page='blog'}delete/{$oBlog->getId()}/?security_ls_key={$LIVESTREET_SECURITY_KEY}" title="{$aLang.blog_delete}" onclick="return confirm('{$aLang.blog_admin_delete_confirm}');" >{$aLang.blog_delete}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
</ul>*}
|
||||
|
||||
<span class="close" onclick="jQuery('#blog-mini').show(); jQuery('#blog').hide(); return false;"><a href="#" class="link-dotted">Свернуть</a><i class="icon-synio-close"></i></span>
|
||||
|
||||
{*r*}
|
||||
</header>
|
||||
|
||||
|
||||
<div class="blog-content">
|
||||
<p class="blog-description">{$oBlog->getDescription()|nl2br}</p>
|
||||
</div>
|
||||
|
||||
<ul class="blog-info">{*r*}
|
||||
<li><span>Создан</span> <strong>{date_format date=$oBlog->getDateAdd() format="j F Y"}</strong></li>
|
||||
<li><span>Топиков</span> <strong>{$oBlog->getCountTopic()}</strong></li>
|
||||
<li><span><a href="{$oBlog->getUrlFull()}users/">Читателей</a></span> <strong>{$iCountBlogUsers}</strong></li>
|
||||
<li class="rating"><span>Рейтинг</span> <strong>{$oBlog->getRating()}</strong></li>
|
||||
</ul>
|
||||
|
||||
{*
|
||||
{hook run='blog_info_begin' oBlog=$oBlog}
|
||||
<strong>{$aLang.blog_user_administrators} ({$iCountBlogAdministrators}):</strong>
|
||||
<a href="{$oUserOwner->getUserWebPath()}" class="user"><i class="icon-user"></i>{$oUserOwner->getLogin()}</a>
|
||||
{if $aBlogAdministrators}
|
||||
{foreach from=$aBlogAdministrators item=oBlogUser}
|
||||
{assign var="oUser" value=$oBlogUser->getUser()}
|
||||
<a href="{$oUser->getUserWebPath()}" class="user"><i class="icon-user"></i>{$oUser->getLogin()}</a>
|
||||
{/foreach}
|
||||
{/if}<br />
|
||||
|
||||
|
||||
<strong>{$aLang.blog_user_moderators} ({$iCountBlogModerators}):</strong>
|
||||
{if $aBlogModerators}
|
||||
{foreach from=$aBlogModerators item=oBlogUser}
|
||||
{assign var="oUser" value=$oBlogUser->getUser()}
|
||||
<a href="{$oUser->getUserWebPath()}" class="user"><i class="icon-user"></i>{$oUser->getLogin()}</a>
|
||||
{/foreach}
|
||||
{else}
|
||||
{$aLang.blog_user_moderators_empty}
|
||||
{/if}<br />
|
||||
|
||||
|
||||
<strong>{$aLang.blog_user_readers} ({$iCountBlogUsers}):</strong>
|
||||
{if $aBlogUsers}
|
||||
{foreach from=$aBlogUsers item=oBlogUser}
|
||||
{assign var="oUser" value=$oBlogUser->getUser()}
|
||||
<a href="{$oUser->getUserWebPath()}" class="user"><i class="icon-user"></i>{$oUser->getLogin()}</a>
|
||||
{/foreach}
|
||||
|
||||
{if count($aBlogUsers) < $iCountBlogUsers}
|
||||
<br /><a href="{$oBlog->getUrlFull()}users/">{$aLang.blog_user_readers_all}</a>
|
||||
</ul>
|
||||
{/if}
|
||||
{else}
|
||||
{$aLang.blog_user_readers_empty}
|
||||
{/if}
|
||||
{hook run='blog_info_end' oBlog=$oBlog}
|
||||
*}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="blog-footer">
|
||||
<button class="button button-small">Читать в ленте</button>
|
||||
<footer class="blog-footer" id="blog-footer">
|
||||
<a href="{router page='rss'}blog/{$oBlog->getUrl()}/" class="rss">RSS</a>
|
||||
|
||||
<div class="admin">{*r*}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,3 @@
|
|||
{assign var="noSidebar" value=true}
|
||||
{include file='header.tpl'}
|
||||
|
||||
<script type="text/javascript">
|
||||
|
|
@ -28,44 +27,93 @@
|
|||
|
||||
{hook run='registration_begin'}
|
||||
|
||||
<form action="{router page='registration'}" method="post" id="registration-form">
|
||||
{hook run='form_registration_begin'}
|
||||
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<small class="validate-error-hide validate-error-field-password"></small></p>
|
||||
|
||||
<p><label for="popup-registration-user-password-confirm">{$aLang.registration_password_retry}</label>
|
||||
<input type="password" value="" id="popup-registration-user-password-confirm" name="password_confirm" class="input-text input-width-300 js-ajax-validate" />
|
||||
<i class="icon-ok-green validate-ok-field-password_confirm" style="display: none"></i>
|
||||
<small class="validate-error-hide validate-error-field-password_confirm"></small></p>
|
||||
|
||||
{hookb run="registration_captcha"}
|
||||
<p><label for="captcha">{$aLang.registration_captcha}</label>
|
||||
<img src="{cfg name='path.root.engine_lib'}/external/kcaptcha/index.php?{$_sPhpSessionName}={$_sPhpSessionId}"
|
||||
onclick="this.src='{cfg name='path.root.engine_lib'}/external/kcaptcha/index.php?{$_sPhpSessionName}={$_sPhpSessionId}&n='+Math.random();"
|
||||
class="captcha-image" />
|
||||
<input type="text" name="captcha" id="captcha" value="" maxlength="3" class="input-text input-width-100 js-ajax-validate" />
|
||||
<small class="validate-error-hide validate-error-field-captcha"></small></p>
|
||||
{/hookb}
|
||||
|
||||
{hook run='form_registration_end'}
|
||||
|
||||
<button name="submit_register" class="button button-primary" id="registration-form-submit" disabled="disabled">{$aLang.registration_submit}</button>
|
||||
<form action="{router page='registration'}" method="post" id="registration-form" class="registration-form">
|
||||
<div class="wrapper-content">
|
||||
{hook run='form_registration_begin'}
|
||||
|
||||
<dl class="form-item">
|
||||
<dt><label for="profile_name">{$aLang.registration_login}:</label></dt>
|
||||
<dd>
|
||||
<input type="text" name="login" id="popup-registration-login" value="{$_aRequest.login}" class="input-text input-width-250 js-ajax-validate" />
|
||||
<small class="validate-error-hide validate-error-field-login"></small>
|
||||
|
||||
<div class="form-item-help">
|
||||
<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>
|
||||
</div>
|
||||
</dd>
|
||||
</dl>
|
||||
|
||||
<dl class="form-item">
|
||||
<dt><label for="profile_name">{$aLang.registration_mail}:</label></dt>
|
||||
<dd>
|
||||
<input type="text" name="mail" id="popup-registration-mail" value="{$_aRequest.mail}" class="input-text input-width-250 js-ajax-validate" />
|
||||
<small class="validate-error-hide validate-error-field-mail"></small>
|
||||
|
||||
<div class="form-item-help">
|
||||
<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>
|
||||
</div>
|
||||
</dd>
|
||||
</dl>
|
||||
|
||||
<dl class="form-item">
|
||||
<dt><label for="profile_name">{$aLang.registration_password}:</label></dt>
|
||||
<dd>
|
||||
<input type="password" name="password" id="popup-registration-user-password" value="" class="input-text input-width-250 js-ajax-validate" />
|
||||
<small class="validate-error-hide validate-error-field-password"></small>
|
||||
|
||||
<div class="form-item-help">
|
||||
<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>
|
||||
</div>
|
||||
</dd>
|
||||
</dl>
|
||||
|
||||
<dl class="form-item">
|
||||
<dt><label for="profile_name">{$aLang.registration_password_retry}:</label></dt>
|
||||
<dd>
|
||||
<input type="password" value="" id="popup-registration-user-password-confirm" name="password_confirm" class="input-text input-width-250 js-ajax-validate" />
|
||||
<small class="validate-error-hide validate-error-field-password_confirm"></small>
|
||||
|
||||
<div class="form-item-help">
|
||||
<i class="icon-ok-green validate-ok-field-password_confirm" style="display: none"></i>
|
||||
</div>
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
|
||||
<div class="wrapper-content wrapper-content-dark">
|
||||
{hookb run="registration_captcha"}
|
||||
<dl class="form-item">
|
||||
<dt><label for="profile_name">{$aLang.registration_captcha}:</label></dt>
|
||||
<dd>
|
||||
<img src="{cfg name='path.root.engine_lib'}/external/kcaptcha/index.php?{$_sPhpSessionName}={$_sPhpSessionId}"
|
||||
onclick="this.src='{cfg name='path.root.engine_lib'}/external/kcaptcha/index.php?{$_sPhpSessionName}={$_sPhpSessionId}&n='+Math.random();"
|
||||
class="captcha-image" />
|
||||
<input type="text" name="captcha" id="captcha" value="" maxlength="3" class="input-text input-width-100 js-ajax-validate" style="width: 165px" />
|
||||
<small class="validate-error-hide validate-error-field-captcha"></small>
|
||||
|
||||
<div class="form-item-help">
|
||||
<i class="icon-ok-green validate-ok-field-password_confirm" style="display: none"></i>
|
||||
</div>
|
||||
</dd>
|
||||
</dl>
|
||||
{/hookb}
|
||||
|
||||
{hook run='form_registration_end'}
|
||||
</div>
|
||||
|
||||
|
||||
<div class="wrapper-content">
|
||||
<dl class="form-item">
|
||||
<dt></dt>
|
||||
<dd>
|
||||
<button name="submit_register" class="button button-primary" id="registration-form-submit" disabled="disabled">{$aLang.registration_submit}</button>
|
||||
</dd>
|
||||
</dl>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
|
||||
{hook run='registration_end'}
|
||||
|
|
|
|||
|
|
@ -57,9 +57,36 @@
|
|||
<small class="note">{$aLang.topic_create_title_notice}</small></p>
|
||||
|
||||
|
||||
<p><label for="topic_text">{$aLang.topic_create_text}{if !$oConfig->GetValue('view.tinymce')} ({$aLang.topic_create_text_notice}){/if}:</label>
|
||||
<textarea name="topic_text" id="topic_text" rows="20" class="mce-editor">{$_aRequest.topic_text}</textarea></p>
|
||||
<label for="topic_text">{$aLang.topic_create_text}{if !$oConfig->GetValue('view.tinymce')} ({$aLang.topic_create_text_notice}){/if}:</label>
|
||||
<textarea name="topic_text" id="topic_text" rows="20" class="mce-editor">{$_aRequest.topic_text}</textarea>
|
||||
|
||||
<a href="#" class="link-dotted help-link" onclick="jQuery('#topic-help').toggle(); return false;">{$aLang.topic_create_text_notice}</a>
|
||||
|
||||
<dl class="help clearfix" id="topic-help">
|
||||
<dt class="help-col help-left">
|
||||
<div class="help-item">
|
||||
<h4><a href="#" class="link-dashed">asdfa</a></h4>
|
||||
asdf asdfa sdfa sfd
|
||||
</div>
|
||||
<div class="help-item">
|
||||
<h4><a href="#" class="link-dashed">asdfa</a></h4>
|
||||
asdf asdfa sdfa sfd
|
||||
</div>
|
||||
</dt>
|
||||
<dd class="help-col help-right">
|
||||
<div class="help-item">
|
||||
<h4><a href="#" class="link-dashed">asdfa</a></h4>
|
||||
asdf asdfa sdfa sfd
|
||||
</div>
|
||||
<div class="help-item">
|
||||
<h4><a href="#" class="link-dashed">asdfa</a></h4>
|
||||
asdf asdfa sdfa sfd
|
||||
</div>
|
||||
</dd>
|
||||
</dl>
|
||||
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<p><label for="topic_tags">{$aLang.topic_create_tags}:</label>
|
||||
<input type="text" id="topic_tags" name="topic_tags" value="{$_aRequest.topic_tags}" class="input-text input-width-full autocomplete-tags-sep" />
|
||||
|
|
|
|||
17
templates/skin/synio/blocks/block.blog.tpl
Normal file
17
templates/skin/synio/blocks/block.blog.tpl
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
<section class="block block-type-blog">
|
||||
<header class="block-header">
|
||||
<h3><a href="#">Офисы IT-компаний</a></h3>
|
||||
</header>
|
||||
|
||||
{*<div class="block-content">
|
||||
{$iCountBlogUsers} {$iCountBlogUsers|declension:$aLang.reader_declension:'russian'}<br />
|
||||
{$oBlog->getCountTopic()} {$oBlog->getCountTopic()|declension:$aLang.topic_declension:'russian'}
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
{if $oUserCurrent and $oUserCurrent->getId()!=$oBlog->getOwnerId()}
|
||||
<button class="button button-small" id="blog-join" onclick="ls.blog.toggleJoin(this,{$oBlog->getId()}); return false;">{if $oBlog->getUserIsJoin()}{$aLang.blog_leave}{else}{$aLang.blog_join}{/if}</button>
|
||||
{/if}
|
||||
<a href="{router page='rss'}blog/{$oBlog->getUrl()}/" class="rss">RSS</a>
|
||||
</footer>*}
|
||||
</section>
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
<div class="block block-type-blogs" id="block_blogs">
|
||||
<header class="block-header sep">
|
||||
<h3>{$aLang.block_blogs}</h3>
|
||||
<!--<div class="block-update js-block-blogs-update"></div>-->
|
||||
<div class="block-update js-block-blogs-update"></div>
|
||||
|
||||
<ul class="nav nav-pills js-block-blogs-nav">
|
||||
<li class="active js-block-blogs-item" data-type="top"><a href="#">{$aLang.block_blogs_top}</a></li>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<section class="block block-type-stream">
|
||||
<header class="block-header sep">
|
||||
<h3><a href="{router page='comments'}" title="{$aLang.block_stream_comments_all}">{$aLang.block_stream}</a></h3>
|
||||
<!--<div class="block-update js-block-stream-update"></div>-->
|
||||
<div class="block-update js-block-stream-update"></div>
|
||||
|
||||
<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>
|
||||
|
|
@ -11,7 +11,7 @@
|
|||
</ul>
|
||||
|
||||
<ul class="nav nav-pills js-block-stream-dropdown" {if !$sItemsHook}style="display: none;"{/if}>
|
||||
<li class="dropdown active js-block-stream-dropdown-trigger"><a href="#">{$aLang.block_stream_comments}</a> <i class="arrow"></i>
|
||||
<li class="dropdown active js-block-stream-dropdown-trigger"><a href="#">{$aLang.block_stream_comments}</a> <i class="icon-synio-arrows"></i>
|
||||
<ul class="dropdown-menu js-block-stream-dropdown-items">
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -47,8 +47,8 @@
|
|||
</p>
|
||||
|
||||
<span class="user-avatar">
|
||||
<a href="{$oUserCurrent->getUserWebPath()}"><img src="{$oUserCurrent->getProfileAvatarPath(24)}" alt="avatar" /></a>
|
||||
<a href="{$oUserCurrent->getUserWebPath()}">{$oUserCurrent->getLogin()}</a>
|
||||
<a href="{$oUserOwner->getUserWebPath()}"><img src="{$oUserOwner->getProfileAvatarPath(24)}" alt="avatar" /></a>
|
||||
<a href="{$oUserOwner->getUserWebPath()}">{$oUserOwner->getLogin()}</a>
|
||||
</span>
|
||||
</td>
|
||||
|
||||
|
|
|
|||
|
|
@ -78,26 +78,26 @@ h2.header-table span { color: #949aa1; }
|
|||
#header .dropdown-user .username:hover { color: #aaa; }
|
||||
#header .dropdown-user .avatar { position: absolute; top: 11px; left: 13px; width: 30px; height: 30px; }
|
||||
|
||||
.dropdown-menu.dropdown-user-menu { background: #1d1d1d; border: none; border-top: 1px solid #000; border-radius: 0 0 10px 10px; box-shadow: 0 0 7px rgba(0, 0, 0, .5); z-index: 30; }
|
||||
.dropdown-menu.dropdown-user-menu li { border-bottom: 1px solid #000; border-top: 1px solid #393939; position: relative; }
|
||||
.dropdown-menu.dropdown-user-menu li:last-child { border-bottom: none; }
|
||||
.dropdown-menu.dropdown-user-menu li:last-child a { border-radius: 0 0 10px 10px; }
|
||||
.dropdown-menu.dropdown-user-menu li.item-stat { padding: 20px 17px; font-size: 11px; background: #191919 url(../images/dropdown-user-shadow.png) left bottom repeat-x; }
|
||||
.dropdown-menu.dropdown-user-menu li.item-stat .rating { color: #9dd868; margin-right: 21px; }
|
||||
.dropdown-menu.dropdown-user-menu li.item-stat .rating i { position: relative; top: 2px; }
|
||||
.dropdown-menu.dropdown-user-menu li.item-stat .strength { color: #93d3f2; }
|
||||
.dropdown-menu.dropdown-user-menu li.item-stat .arrow { position: relative; top: 3px; }
|
||||
.dropdown-menu.dropdown-user-menu li.item-stat .icon-synio-star-small { position: relative; top: 2px; }
|
||||
.dropdown-menu.dropdown-user-menu li.item-stat .icon-synio-strength { position: relative; top: 1px; }
|
||||
.dropdown-menu.dropdown-user-menu li a { height: 50px; padding: 0 10px 0 55px; line-height: 50px; color: #fff; text-decoration: none; }
|
||||
.dropdown-menu.dropdown-user-menu li a:hover { background: #093357; color: #fff; }
|
||||
.dropdown-menu.dropdown-user-menu li .item-icon { position: absolute; top: 15px; left: 17px; width: 21px; height: 21px; background: url(../images/icons-synio.png) no-repeat; }
|
||||
.dropdown-menu.dropdown-user-menu li.item-messages .item-icon { background-position: 0 0; }
|
||||
.dropdown-menu.dropdown-user-menu li.item-profile .item-icon { background-position: -23px 0; }
|
||||
.dropdown-menu.dropdown-user-menu li.item-settings .item-icon { background-position: -46px 0; }
|
||||
.dropdown-menu.dropdown-user-menu li.item-create .item-icon { background-position: -69px 0; }
|
||||
.dropdown-menu.dropdown-user-menu li.item-signout .item-icon { background-position: -92px 0; }
|
||||
.dropdown-menu.dropdown-user-menu li.item-messages .new { position: absolute; top: 15px; right: 7px; cursor: pointer; color: #fff; border-radius: 15px; border: 2px solid #eabe21; line-height: 1em; padding: 2px 7px 3px; }
|
||||
.dropdown-user-menu { position: absolute; background: #1d1d1d; border: none; border-top: 1px solid #000; border-radius: 0 0 10px 10px; box-shadow: 0 0 7px rgba(0, 0, 0, .5); z-index: 30; }
|
||||
.dropdown-user-menu li { border-bottom: 1px solid #000; border-top: 1px solid #393939; position: relative; }
|
||||
.dropdown-user-menu li:last-child { border-bottom: none; }
|
||||
.dropdown-user-menu li:last-child a { border-radius: 0 0 10px 10px; }
|
||||
.dropdown-user-menu li.item-stat { padding: 20px 17px; font-size: 11px; background: #191919 url(../images/dropdown-user-shadow.png) left bottom repeat-x; }
|
||||
.dropdown-user-menu li.item-stat .rating { color: #9dd868; margin-right: 21px; }
|
||||
.dropdown-user-menu li.item-stat .rating i { position: relative; top: 2px; }
|
||||
.dropdown-user-menu li.item-stat .strength { color: #93d3f2; }
|
||||
.dropdown-user-menu li.item-stat .arrow { position: relative; top: 3px; }
|
||||
.dropdown-user-menu li.item-stat .icon-synio-star-small { position: relative; top: 2px; }
|
||||
.dropdown-user-menu li.item-stat .icon-synio-strength { position: relative; top: 1px; }
|
||||
.dropdown-user-menu li a { display: block; height: 50px; padding: 0 10px 0 55px; line-height: 50px; color: #fff; text-decoration: none; }
|
||||
.dropdown-user-menu li a:hover { background: #093357; color: #fff; }
|
||||
.dropdown-user-menu li .item-icon { position: absolute; top: 15px; left: 17px; width: 21px; height: 21px; background: url(../images/icons-synio.png) no-repeat; }
|
||||
.dropdown-user-menu li.item-messages .item-icon { background-position: 0 0; }
|
||||
.dropdown-user-menu li.item-profile .item-icon { background-position: -23px 0; }
|
||||
.dropdown-user-menu li.item-settings .item-icon { background-position: -46px 0; }
|
||||
.dropdown-user-menu li.item-create .item-icon { background-position: -69px 0; }
|
||||
.dropdown-user-menu li.item-signout .item-icon { background-position: -92px 0; }
|
||||
.dropdown-user-menu li.item-messages .new { position: absolute; top: 15px; right: 7px; cursor: pointer; color: #fff; border-radius: 15px; border: 2px solid #eabe21; line-height: 1em; padding: 2px 7px 3px; }
|
||||
|
||||
#header .auth { float: right; line-height: 49px; font-size: 11px; margin-right: 24px; }
|
||||
#header .auth li { float: left; margin-left: 23px; }
|
||||
|
|
@ -209,6 +209,16 @@ h2.header-table span { color: #949aa1; }
|
|||
.talk-blacklist-form { padding: 15px; background: #f8fbfe; border-radius: 5px; margin-bottom: 15px; }
|
||||
|
||||
|
||||
/* Registration form
|
||||
---------------------------------------------------- */
|
||||
.registration-form .form-item:last-child { margin-bottom: 0; }
|
||||
.registration-form dl.form-item dd { position: relative; width: 355px; }
|
||||
.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; }
|
||||
|
||||
|
||||
|
||||
/* Misc
|
||||
---------------------------------------------------- */
|
||||
|
|
@ -227,4 +237,24 @@ h2.header-table span { color: #949aa1; }
|
|||
.content-error { padding: 110px 160px; }
|
||||
.content-error h2.page-header { font-weight: bold; font-size: 30px; margin-bottom: 35px; }
|
||||
.content-error a { color: #727a90; }
|
||||
.content-error a:hover { color: #f00; }
|
||||
.content-error a:hover { color: #f00; }
|
||||
|
||||
.help {
|
||||
display: none;
|
||||
position: relative;
|
||||
padding: 10px 7px 13px;
|
||||
background: #fefef1;
|
||||
color: #363636;
|
||||
margin-top: 13px;
|
||||
font-size: 11px;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 0 5px #e8e8c0 inset;
|
||||
}
|
||||
.help: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; }
|
||||
.help .help-col { float: left; width: 230px; padding: 0 10px; }
|
||||
.help .help-item { margin-bottom: 20px; }
|
||||
.help .help-item:last-child { margin-bottom: 0; }
|
||||
.help .help-item h4 { font-family: Verdana, sans-serif; font-size: 11px; color: #727a90; font-weight: bold; }
|
||||
.help .help-item h4 a { color: #727a90; border-bottom: 1px dotted #727a90; }
|
||||
.help .help-item h4 a { color: #727a90; border-bottom: 1px dotted #727a90; }
|
||||
.link-dotted.help-link { font-size: 11px; color: #000; border-color: #000; }
|
||||
|
|
|
|||
|
|
@ -23,8 +23,8 @@
|
|||
|
||||
|
||||
/* Block Type - Stream */
|
||||
.block .block-update { position: absolute; top: 13px; right: 15px; width: 16px; height: 16px; background: url(../images/update.gif) no-repeat; cursor: pointer; }
|
||||
.block .block-update.active { background-position: -16px 0; }
|
||||
.block .block-update { position: absolute; top: 38px; right: 5px; width: 20px; height: 20px; background: url(../images/update-block.gif) no-repeat; cursor: pointer; }
|
||||
.block .block-update.active { background-position: -20px 0; }
|
||||
|
||||
.block.block-type-stream .block-content .latest-list { }
|
||||
.block.block-type-stream .block-content .latest-list li { margin-bottom: 15px; color: #818189; }
|
||||
|
|
@ -86,6 +86,29 @@
|
|||
.block.block-type-blogs .block-blog-list li strong { position: absolute; top: 0; right: 0; background: #fff; padding-left: 2px; font-weight: normal; font-size: 11px; }
|
||||
|
||||
|
||||
/* Block Type - Blogs */
|
||||
.block.block-type-blog {
|
||||
border-radius: 5px;
|
||||
padding: 10px;
|
||||
border-bottom: none;
|
||||
background: #ffffff;
|
||||
background: -moz-linear-gradient(top, #ffffff 0%, #f9fbfb 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f9fbfb));
|
||||
background: -webkit-linear-gradient(top, #ffffff 0%,#f9fbfb 100%);
|
||||
background: -o-linear-gradient(top, #ffffff 0%,#f9fbfb 100%);
|
||||
background: -ms-linear-gradient(top, #ffffff 0%,#f9fbfb 100%);
|
||||
background: linear-gradient(top, #ffffff 0%,#f9fbfb 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9fbfb',GradientType=0 );
|
||||
}
|
||||
.block.block-type-blog .block-header { margin-bottom: 0; padding: 0 7px 10px; }
|
||||
.block.block-type-blog .block-header h3 { font-size: 19px; }
|
||||
.block.block-type-blog .block-header h3 a { color: #275ec2; text-decoration: underline; }
|
||||
.block.block-type-blog .block-content { padding: 0 7px; }
|
||||
.block.block-type-blog footer { font-size: 11px; }
|
||||
.block.block-type-blog footer button { margin-right: 10px; }
|
||||
.block.block-type-blog footer a { color: #727a90; }
|
||||
|
||||
|
||||
/* Block Type - Tags */
|
||||
.block.block-type-tags .search-form-wrapper { margin-bottom: 15px; }
|
||||
|
||||
|
|
|
|||
|
|
@ -2,6 +2,9 @@
|
|||
БЛОГ
|
||||
-------------------------------------------- */
|
||||
|
||||
.blog-top { position: relative; padding-right: 150px; }
|
||||
.blog-top .vote-topic { position: absolute; top: 3px; right: 15px; }
|
||||
|
||||
/* Blog Mini */
|
||||
.blog-mini {
|
||||
padding: 15px;
|
||||
|
|
@ -63,9 +66,11 @@
|
|||
|
||||
|
||||
/* Content */
|
||||
.blog .blog-content { padding: 22px 8px 0; border-top: 1px solid #fff; margin-bottom: 50px; }
|
||||
.blog .blog-content { padding: 22px 8px 0; border-top: 1px solid #fff; }
|
||||
.blog .blog-content .blog-description { margin-bottom: 50px; }
|
||||
.blog .blog-content .user-avatar { margin-right: 10px; }
|
||||
|
||||
.blog .blog-info { width: 300px; padding: 0 8px 0; margin-bottom: 20px; }
|
||||
.blog .blog-info { width: 300px; margin-bottom: 50px; }
|
||||
.blog .blog-info li { margin-bottom: 5px; background: url(../images/dots.png) 0% 14px repeat-x; position: relative; padding-right: 50px; }
|
||||
.blog .blog-info li span { background: #f8fbfe; padding-right: 2px; }
|
||||
.blog .blog-info li strong { width: 150px; position: absolute; top: 0; right: 0; background: #f8fbfe; padding-left: 2px; font-weight: normal; }
|
||||
|
|
|
|||
|
|
@ -56,4 +56,4 @@ input:-moz-placeholder { color: #aaa; }
|
|||
/* Валидатор
|
||||
---------------------------------------------------------------*/
|
||||
.validate-error-hide { display: none; }
|
||||
.validate-error-show { display: block; color: #f00; font-weight: bold; font-size: 12px; }
|
||||
.validate-error-show { display: block; color: #f00; font-size: 11px; line-height: 14px; padding-top: 3px; }
|
||||
|
|
|
|||
|
|
@ -167,9 +167,11 @@
|
|||
.icon-contact-odnoklassniki { background-position: -180px 0; }
|
||||
.icon-contact-www { background-position: -200px 0; }
|
||||
|
||||
.icon-ok-green { width: 14px; height: 14px; background: url(../images/icon-ok-green.png) no-repeat; }
|
||||
|
||||
|
||||
.icon-ok-green { width: 18px; height: 20px; background: url(../images/icon-ok-green.png) 0 0 no-repeat; }
|
||||
.icon-question-sign { width: 23px; height: 23px; background: url(../images/icons-synio.png) -138px 0 no-repeat; }
|
||||
|
||||
|
||||
|
||||
.icon-synio-arrow-up { width: 9px; height: 9px; background-position: -24px -24px; }
|
||||
|
|
@ -184,6 +186,7 @@
|
|||
.icon-synio-share-white { width: 11px; height: 11px; background-position: -12px -51px; }
|
||||
|
||||
.icon-synio-strength { width: 11px; height: 11px; background-position: -12px -23px; }
|
||||
.icon-synio-arrows { width: 11px; height: 11px; background-position: -22px -65px; }
|
||||
|
||||
.icon-synio-comments-green { width: 11px; height: 11px; background-position: -46px -23px; }
|
||||
.icon-synio-comments-green-filled { width: 11px; height: 11px; background-position: -46px -51px; }
|
||||
|
|
|
|||
|
|
@ -106,15 +106,16 @@
|
|||
|
||||
/* Dropdown */
|
||||
.nav.nav-pills li.dropdown { position: relative; }
|
||||
.nav.nav-pills li.dropdown a { padding-right: 25px; }
|
||||
.nav.nav-pills li.dropdown i { position: absolute; top: 13px; right: 9px; height: 0; width: 0; border: 4px solid transparent; border-top-color: #fff; cursor: pointer; }
|
||||
.nav.nav-pills li.dropdown a { padding-right: 12px; }
|
||||
.nav.nav-pills li.dropdown i { position: absolute; top: 4px; right: 3px; cursor: pointer; }
|
||||
.nav.nav-pills li.dropdown ul { display: none; position: absolute; }
|
||||
.nav.nav-pills li.dropdown.opened a { box-shadow: 0 0 7px rgba(0, 0, 0, .5) inset; }
|
||||
.nav.nav-pills li.dropdown.opened a { }
|
||||
|
||||
.dropdown-menu { position: absolute; top: 32px; overflow: hidden; z-index: 10; background: #fff; border: 1px solid #ccc; min-width: 150px; }
|
||||
.dropdown-menu li { line-height: 1em; }
|
||||
.dropdown-menu li a { display: block; padding: 10px 15px; }
|
||||
.dropdown-menu li a:hover { background: #fafafa; }
|
||||
.dropdown-menu { padding: 10px 15px 13px; border: 3px solid #edf8fd; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,.5); position: absolute; top: 32px; overflow: hidden; z-index: 10; background: #fff; min-width: 150px; }
|
||||
.dropdown-menu li { line-height: 1em; margin-bottom: 15px; }
|
||||
.dropdown-menu li:last-child { margin-bottom: 0; }
|
||||
.dropdown-menu li a { display: block; }
|
||||
.dropdown-menu li a:hover { }
|
||||
.dropdown-menu li.active a { color: #aaa; }
|
||||
.dropdown-menu li.active a:hover { cursor: default; }
|
||||
|
||||
|
|
|
|||
|
|
@ -1,3 +1,4 @@
|
|||
{if $oUserCurrent}
|
||||
<script>
|
||||
jQuery(document).ready(function($){
|
||||
// Dropdown
|
||||
|
|
@ -31,7 +32,7 @@
|
|||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
{/if}
|
||||
|
||||
<div id="header-wrapper">
|
||||
<header id="header" role="banner">
|
||||
|
|
@ -60,7 +61,7 @@
|
|||
|
||||
<div class="dropdown-user-trigger" id="dropdown-user-trigger"><i></i></div>
|
||||
|
||||
<ul class="dropdown-menu dropdown-user-menu" id="dropdown-user-menu" style="display: none">
|
||||
<ul class="dropdown-user-menu" id="dropdown-user-menu" style="display: none">
|
||||
<li class="item-stat">
|
||||
<span class="rating"><i class="icon-synio-star-green"></i> {$oUserCurrent->getRating()} <i class="arrow icon-synio-arrow-up"></i></span>
|
||||
<span class="strength"><i class="icon-synio-strength"></i> {$oUserCurrent->getSkill()} <i class="arrow icon-synio-arrow-down"></i></span>
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 24 KiB |
BIN
templates/skin/synio/images/update-block.gif
Normal file
BIN
templates/skin/synio/images/update-block.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
|
|
@ -185,6 +185,18 @@ jQuery(document).ready(function($){
|
|||
});
|
||||
|
||||
|
||||
ls.blog.toggleBlogInfo = function() {
|
||||
if ($('#blog-mini').css('display') == 'none') {
|
||||
$('#blog-join').appendTo('#blog-mini-header');
|
||||
} else {
|
||||
$('#blog-join').prependTo('#blog-footer');
|
||||
}
|
||||
|
||||
$('#blog-mini').toggle();
|
||||
$('#blog').toggle();
|
||||
return false;
|
||||
}
|
||||
|
||||
ls.talk.toggleSearchForm = function() {
|
||||
$('.talk-search').toggleClass('opened'); return false;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -35,6 +35,16 @@ $config['head']['default']['css'] = array(
|
|||
"___path.static.skin___/themes/___view.theme___/style.css",
|
||||
);
|
||||
|
||||
$config['block']['rule_blog'] = array(
|
||||
'action' => array(
|
||||
'blog' => array('{topics}','{topic}','{blog}')
|
||||
),
|
||||
'blocks' => array(
|
||||
'right' => array('blocks/block.blog.tpl'=>array('priority'=>130),'tags'=>array('priority'=>50),'blogs'=>array('params'=>array(),'priority'=>1))
|
||||
),
|
||||
'clear' => false,
|
||||
);
|
||||
|
||||
|
||||
return $config;
|
||||
?>
|
||||
Loading…
Reference in a new issue