mirror of
https://github.com/Oreolek/ifhub.club.git
synced 2024-07-01 05:55:02 +03:00
Верстка Synio
This commit is contained in:
Denis Shakhov
parent
bc88ee755e
commit
823e6beebc
|
|
@ -1,7 +1,7 @@
|
|||
<div class="block block-type-blogs" id="block_blogs">
|
||||
<header class="block-header">
|
||||
<h3>{$aLang.block_blogs}</h3>
|
||||
<div class="block-update js-block-blogs-update"></div>
|
||||
<!--<div class="block-update js-block-blogs-update"></div>-->
|
||||
</header>
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<section class="block block-type-stream">
|
||||
<header class="block-header">
|
||||
<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>-->
|
||||
</header>
|
||||
|
||||
{hook run='block_stream_nav_item' assign="sItemsHook"}
|
||||
|
|
|
|||
|
|
@ -10,12 +10,12 @@
|
|||
<time>{date_format date=$oComment->getDate() hours_back="12" minutes_back="60" now="60" day="day H:i" format="H:i"}</time>
|
||||
</p>
|
||||
<a href="{if $oConfig->GetValue('module.comment.nested_per_page')}{router page='comments'}{else}{$oTopic->getUrl()}#comment{/if}{$oComment->getId()}" class="stream-topic">{$oTopic->getTitle()|escape:'html'}</a>
|
||||
<i>{$oTopic->getCountComment()}</i>
|
||||
<span class="block-item-comments"><i class="icon-synio-comments-small"></i>{$oTopic->getCountComment()}</span>
|
||||
</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
|
||||
|
||||
<footer>
|
||||
<a href="{router page='comments'}">{$aLang.block_stream_comments_all}</a> | <a href="{router page='rss'}allcomments/">RSS</a>
|
||||
<a href="{router page='comments'}">{$aLang.block_stream_comments_all}</a> · <a href="{router page='rss'}allcomments/">RSS</a>
|
||||
</footer>
|
||||
|
|
@ -3,21 +3,19 @@
|
|||
{assign var="oUser" value=$oTopic->getUser()}
|
||||
{assign var="oBlog" value=$oTopic->getBlog()}
|
||||
|
||||
<li class="js-title-topic" title="{$oTopic->getText()|strip_tags|truncate:150:'...'}">
|
||||
<a href="{$oUser->getUserWebPath()}" class="author">{$oUser->getLogin()}</a> →
|
||||
<a href="{$oBlog->getUrlFull()}" class="blog-name">{$oBlog->getTitle()|escape:'html'}</a> →
|
||||
<a href="{$oTopic->getUrl()}">{$oTopic->getTitle()|escape:'html'}</a>
|
||||
|
||||
<li class="js-title-comment" title="{$oTopic->getText()|strip_tags|truncate:150:'...'}">
|
||||
<p>
|
||||
<time>{date_format date=$oTopic->getDateAdd() hours_back="12" minutes_back="60" now="60" day="day H:i" format="j F Y, H:i"}</time> |
|
||||
{$oTopic->getCountComment()} {$oTopic->getCountComment()|declension:$aLang.comment_declension:'russian'}
|
||||
<a href="{$oUser->getUserWebPath()}" class="author">{$oUser->getLogin()}</a>
|
||||
<time>{date_format date=$oTopic->getDateAdd() hours_back="12" minutes_back="60" now="60" day="day H:i" format="H:i"}</time>
|
||||
</p>
|
||||
</li>
|
||||
{/foreach}
|
||||
<a href="{$oTopic->getUrl()}" class="stream-topic">{$oTopic->getTitle()|escape:'html'}</a>
|
||||
<span class="block-item-comments"><i class="icon-synio-comments-small"></i>{$oTopic->getCountComment()}</span>
|
||||
</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
|
||||
|
||||
<footer>
|
||||
<a href="{router page='index'}new/">{$aLang.block_stream_topics_all}</a> | <a href="{router page='rss'}new/">RSS</a>
|
||||
<a href="{router page='index'}new/">{$aLang.block_stream_topics_all}</a> · <a href="{router page='rss'}new/">RSS</a>
|
||||
</footer>
|
||||
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
<section class="block">
|
||||
<section class="block block-type-tags">
|
||||
<header class="block-header">
|
||||
<h3>{$aLang.block_tags}</h3>
|
||||
</header>
|
||||
|
|
|
|||
|
|
@ -21,6 +21,17 @@
|
|||
<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>
|
||||
|
||||
|
||||
{if $oUserCurrent}
|
||||
<ul class="comment-actions">
|
||||
</ul>
|
||||
{/if}
|
||||
|
||||
|
||||
<ul class="comment-info">
|
||||
<li class="comment-author">
|
||||
{if $iAuthorId == $oUser->getId()}<span class="comment-topic-author" title="{if $sAuthorNotice}{$sAuthorNotice}{/if}">{$aLang.comment_target_author}</span>{/if}
|
||||
|
|
@ -68,16 +79,8 @@
|
|||
<span class="favourite-count" id="fav_count_comment_{$oComment->getId()}">{if $oComment->getCountFavourite() > 0}{$oComment->getCountFavourite()}{/if}</span>
|
||||
</li>
|
||||
{/if}
|
||||
</ul>
|
||||
|
||||
|
||||
<div id="comment_content_id_{$oComment->getId()}" class="comment-content text">
|
||||
{$oComment->getText()}
|
||||
</div>
|
||||
|
||||
|
||||
{if $oUserCurrent}
|
||||
<ul class="comment-actions">
|
||||
{if $oUserCurrent}
|
||||
{if !$oComment->getDelete() and !$bAllowNewComment}
|
||||
<li><a href="#" onclick="ls.comments.toggleCommentForm({$oComment->getId()}); return false;" class="reply-link link-dotted">{$aLang.comment_answer}</a></li>
|
||||
{/if}
|
||||
|
|
@ -91,8 +94,8 @@
|
|||
{/if}
|
||||
|
||||
{hook run='comment_action' comment=$oComment}
|
||||
</ul>
|
||||
{/if}
|
||||
{/if}
|
||||
</ul>
|
||||
{else}
|
||||
{$aLang.comment_was_delete}
|
||||
{/if}
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@ body {
|
|||
a { color: #3f8ad7; }
|
||||
a:hover { color: #f00; }
|
||||
|
||||
a.link-dashed { border-bottom: 1px dashed #5055b2; }
|
||||
a.link-dashed { border-bottom: 1px dashed #5055b2; text-decoration: none; }
|
||||
a.link-dashed:hover { border-color: #06e; }
|
||||
|
||||
a.link-dotted { text-decoration: none; border-bottom: 1px dotted #5055b2; }
|
||||
|
|
@ -43,6 +43,9 @@ h2.header-table { margin-bottom: 0; border-bottom: 1px solid #eee; padding-botto
|
|||
#header .site-name a { color: #fff; text-decoration: none; }
|
||||
#header .site-name a:hover { color: #eee; }
|
||||
|
||||
#header .new-messages { float: right; color: #3fd54d; font-size: 11px; margin-right: 11px; margin-top: 18px; line-height: 1em; text-decoration: none; }
|
||||
#header .new-messages i { position: relative; top: 2px; margin-left: 1px; }
|
||||
|
||||
#header .dropdown-user {
|
||||
min-width: 89px;
|
||||
height: 51px;
|
||||
|
|
@ -69,12 +72,25 @@ h2.header-table { margin-bottom: 0; border-bottom: 1px solid #eee; padding-botto
|
|||
#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); }
|
||||
.dropdown-menu.dropdown-user-menu li { border-bottom: 1px solid #000; border-top: 1px solid #393939; position: relative; }
|
||||
.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 i { position: absolute; top: 15px; left: 17px; width: 21px; height: 21px; background: #555; }
|
||||
.dropdown-menu.dropdown-user-menu li:last-child { border-bottom: none; }
|
||||
.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 .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; }
|
||||
|
||||
#header .auth { float: right; line-height: 49px; font-size: 11px; margin-right: 24px; }
|
||||
#header .auth li { float: left; margin-left: 23px; }
|
||||
|
|
|
|||
|
|
@ -11,7 +11,8 @@
|
|||
.block .block-header h3 a { text-decoration: none; color: #333; }
|
||||
.block .block-header h3 a.link-dotted { color: #5055B2; }
|
||||
.block .block-content { }
|
||||
.block footer { margin-top: 15px; font-size: 12px; }
|
||||
.block footer { margin-top: 15px; font-size: 11px; color: #b9c2c2; }
|
||||
.block footer a { color: #727a90; }
|
||||
|
||||
.block .max-height-200 { overflow: auto; max-height: 200px; _height: expression( this.scrollHeight > 200 ? "200px" : "auto" ); position: relative; }
|
||||
|
||||
|
|
@ -26,6 +27,8 @@
|
|||
.block.block-type-stream .block-content .latest-list .stream-topic { text-decoration: underline; }
|
||||
.block.block-type-stream .block-content .latest-list .author { color: #4c4c4c; text-decoration: underline; }
|
||||
.block.block-type-stream .block-content .latest-list .author:hover { color: #f00; }
|
||||
.block.block-type-stream .block-content .latest-list .block-item-comments { font-size: 11px; text-decoration: none; color: #818189; white-space: nowrap; }
|
||||
.block.block-type-stream .block-content .latest-list .block-item-comments i { position: relative; top: 3px; margin-right: 2px; }
|
||||
|
||||
|
||||
/* Block Type - Activity Settings */
|
||||
|
|
@ -64,8 +67,12 @@
|
|||
.block.block-type-talk-friends { margin-bottom: 10px; }
|
||||
|
||||
|
||||
/* Block Type - Blog List */
|
||||
.block.block-type-blogs li { margin-bottom: 10px; }
|
||||
.block.block-type-blogs li a { background: #fff; }
|
||||
.block.block-type-blogs li strong { float: right; background: #fff; }
|
||||
/* Block Type - Blogs */
|
||||
.block.block-type-blogs .block-blog-list li { margin-bottom: 10px; background: url(../images/dots.png) 0% 14px repeat-x; position: relative; padding-right: 50px; }
|
||||
.block.block-type-blogs .block-blog-list li a { background: #fff; padding-right: 2px; }
|
||||
.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 - Tags */
|
||||
.block.block-type-tags .search-tags { background: #f9fbfb; padding: 15px; border-radius: 5px; }
|
||||
|
||||
|
|
|
|||
|
|
@ -83,5 +83,6 @@
|
|||
|
||||
padding: 2px 15px 4px;
|
||||
border-radius: 15px;
|
||||
line-height: 17px;
|
||||
}
|
||||
.button.button-write:hover { background: #2abcfe; }
|
||||
|
|
@ -22,9 +22,9 @@
|
|||
|
||||
|
||||
/* Комментарий */
|
||||
.comment { min-height: 48px; margin-bottom: 10px; padding: 10px 10px 10px 68px; position: relative; }
|
||||
.comment { min-height: 48px; margin-bottom: 10px; padding: 10px 10px 10px 40px; position: relative; }
|
||||
.comment .deleted { padding: 5px 10px; color: #777; background: #f4f4f4; }
|
||||
.comment .comment-avatar { position: absolute; top: 10px; left: 10px; }
|
||||
.comment .comment-avatar { position: absolute; top: 10px; left: 0; width: 30px; height: 30px; }
|
||||
|
||||
|
||||
/* Типы комментариев
|
||||
|
|
@ -35,22 +35,22 @@
|
|||
* current - активный комментарий, который выделяется при исползование кнопки обновления в тулбаре
|
||||
*
|
||||
*/
|
||||
.comment { background: #f7f7f7; }
|
||||
.comment.comment-deleted { background: #efd5d5; }
|
||||
.comment.comment-self { background: #c5f7ea; }
|
||||
.comment.comment-new { background: #fbfba8; }
|
||||
.comment.comment-current { background: #a5e7fa; }
|
||||
.comment.comment-bad { opacity: 0.3; filter: alpha(opacity=30); }
|
||||
.comment.comment-bad:hover { opacity: 1; filter: alpha(opacity=100); }
|
||||
.comment { background: #fff; }
|
||||
.comment.comment-deleted .comment-content { background: #efd5d5; }
|
||||
.comment.comment-self .comment-content { background: #c5f7ea; }
|
||||
.comment.comment-new .comment-content { background: #fbfba8; }
|
||||
.comment.comment-current .comment-content { background: #a5e7fa; }
|
||||
.comment.comment-bad .comment-content { opacity: 0.3; filter: alpha(opacity=30); }
|
||||
.comment.comment-bad:hover .comment-content { opacity: 1; filter: alpha(opacity=100); }
|
||||
|
||||
.ls-user-role-not-admin .comment.comment-deleted { padding: 10px 15px; min-height: 0; background: #f7f7f7; color: #888; }
|
||||
|
||||
|
||||
/* Info Block */
|
||||
.comment .comment-info { padding: 0 70px 7px 0; line-height: 12px; position: relative; top: -2px; overflow: hidden; zoom: 1; }
|
||||
.comment .comment-info { padding: 0 70px 7px 0; line-height: 12px; position: relative; top: -2px; overflow: hidden; zoom: 1; font-size: 11px; }
|
||||
.comment .comment-info li { float: left; height: 18px; padding-top: 3px; margin-right: 10px; }
|
||||
.comment .comment-info li a { text-decoration: none; }
|
||||
.comment .comment-info li.comment-author a { font-weight: bold; }
|
||||
.comment .comment-info li a { }
|
||||
.comment .comment-info li.comment-author a { font-weight: bold; color: #727fa0; }
|
||||
.comment .comment-info li.comment-author .comment-topic-author { background: #C9A518; color: #fff; font-size: 11px; border-radius: 3px; padding: 1px 7px; margin-right: 5px; }
|
||||
.comment .comment-info li.comment-date a { color: #999; border-color: #999; }
|
||||
.comment .comment-info li.vote { position: absolute; top: 0; right: 0; margin: 0; }
|
||||
|
|
@ -58,7 +58,7 @@
|
|||
|
||||
|
||||
/* Content */
|
||||
.comment .comment-content { margin-bottom: 10px; }
|
||||
.comment .comment-content { margin-bottom: 10px; border: 1px solid #e7ebed; padding: 10px 15px; }
|
||||
.comment .comment-content.text { font-size: 13px; }
|
||||
.comment .comment-content.text blockquote { background: #fff; border-color: #ccc; padding: 5px 10px; margin-bottom: 5px; }
|
||||
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
------------------------------------------------------------------- */
|
||||
|
||||
/* Голосование
|
||||
---------------------------------------------------- */
|
||||
----------------------------------------------------
|
||||
.vote .vote-count { display: inline-block; font-weight: bold; color: #aaa; font-size: 14px; }
|
||||
.vote .vote-count a { text-decoration: none; color: #999; outline: none; }
|
||||
|
||||
|
|
@ -20,16 +20,15 @@
|
|||
.vote.voted.voted-up .vote-up { opacity: 1; filter: alpha(opacity=100); }
|
||||
.vote.voted.voted-down .vote-down { opacity: 1; filter: alpha(opacity=100); }
|
||||
.vote.voted.voted-up .vote-down:hover { opacity: .3; filter: alpha(opacity=30); }
|
||||
.vote.voted.voted-down .vote-up:hover { opacity: .3; filter: alpha(opacity=30); }
|
||||
.vote.voted.voted-down .vote-up:hover { opacity: .3; filter: alpha(opacity=30); }*/
|
||||
|
||||
|
||||
|
||||
/* Избранное
|
||||
---------------------------------------------------- */
|
||||
.favourite { display: inline-block; width: 14px; height: 14px; vertical-align: text-top; background: url(../images/icons.png) -96px 0 no-repeat; opacity: .3; filter: alpha(opacity=30); cursor: pointer; }
|
||||
.favourite.active { opacity: 1; filter: alpha(opacity=100); }
|
||||
.favourite:hover { opacity: .8; filter: alpha(opacity=80); }
|
||||
.favourite-count { margin-left: 0; font-weight: bold; }
|
||||
.favourite { display: inline-block; width: 11px; height: 11px; vertical-align: text-top; background: url(../images/icons-synio.png) 0 -37px no-repeat; cursor: pointer; }
|
||||
.favourite.active { background-position: 0 -65px; }
|
||||
.favourite-count { margin-left: 0; }
|
||||
|
||||
|
||||
|
||||
|
|
@ -58,7 +57,7 @@
|
|||
|
||||
/* Toolbar
|
||||
---------------------------------------------------- */
|
||||
.toolbar { position: fixed; top: 138px; z-index: 100; }
|
||||
.toolbar { position: fixed; top: 138px; z-index: 20; }
|
||||
.toolbar section { width: 34px; line-height: 14px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05); margin-bottom: 10px; border-radius: 5px; }
|
||||
.toolbar section a { display: block; padding: 10px; }
|
||||
.toolbar section a:hover { background: #fafafa; }
|
||||
|
|
@ -111,7 +110,8 @@
|
|||
/* Облако тегов
|
||||
---------------------------------------------------- */
|
||||
.tag-cloud li { display: inline; margin-right: 5px; line-height: 22px; }
|
||||
.tag-cloud li a { text-decoration: none; white-space: nowrap; }
|
||||
.tag-cloud li a { color: #727a90; white-space: nowrap; }
|
||||
.tag-cloud li a:hover { color: #f00; }
|
||||
.tag-cloud li .tag-size-1 { font-size: 12px; }
|
||||
.tag-cloud li .tag-size-2 { font-size: 12px; }
|
||||
.tag-cloud li .tag-size-3 { font-size: 14px; }
|
||||
|
|
|
|||
|
|
@ -21,6 +21,10 @@
|
|||
line-height: 14px;
|
||||
background: url(../images/icons.png) no-repeat;
|
||||
}
|
||||
[class^="icon-synio-"],
|
||||
[class*=" icon-synio-"] {
|
||||
background: url(../images/icons-synio.png) no-repeat;
|
||||
}
|
||||
|
||||
.icon-white { background-image: url(../images/icons-white.png); }
|
||||
|
||||
|
|
@ -163,4 +167,41 @@
|
|||
.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: 14px; height: 14px; background: url(../images/icon-ok-green.png) no-repeat; }
|
||||
|
||||
|
||||
|
||||
|
||||
.icon-synio-arrow-up { width: 9px; height: 9px; background-position: -24px -24px; }
|
||||
.icon-synio-arrow-down { width: 9px; height: 9px; background-position: -33px -24px; }
|
||||
|
||||
.icon-synio-star-green { width: 11px; height: 11px; background-position: 0 -23px; }
|
||||
.icon-synio-star-blue { width: 11px; height: 11px; background-position: 0 -37px; }
|
||||
.icon-synio-star-white { width: 11px; height: 11px; background-position: 0 -51px; }
|
||||
.icon-synio-star-yellow { width: 11px; height: 11px; background-position: 0 -65px; }
|
||||
|
||||
.icon-synio-share-blue { width: 11px; height: 11px; background-position: -12px -37px; }
|
||||
.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-comments-green { width: 11px; height: 11px; background-position: -46px -23px; }
|
||||
.icon-synio-comments-green-filled { width: 11px; height: 11px; background-position: -46px -51px; }
|
||||
.icon-synio-comments-blue { width: 11px; height: 11px; background-position: -46px -37px; }
|
||||
.icon-synio-comments-small { width: 11px; height: 11px; background-position: -28px -51px; }
|
||||
|
||||
.icon-synio-tags { width: 15px; height: 11px; background-position: -26px -37px; }
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@
|
|||
|
||||
/* Nav Pills */
|
||||
.nav.nav-pills { margin-bottom: 15px; font-size: 11px; }
|
||||
.nav.nav-pills li { margin-right: 10px; border: 1px solid #fff; border-radius: 3px; padding: 0 5px 1px; }
|
||||
.nav.nav-pills li { margin-right: 10px; border: 1px solid #fff; border-radius: 3px; padding: 0 5px 1px; line-height: 17px; }
|
||||
.nav.nav-pills li a { display: block; border-radius: 2px; color: #727a90; text-decoration: underline; }
|
||||
.nav.nav-pills li a:hover { color: #333; }
|
||||
.nav.nav-pills li.active { border-color: #ebf0f4; }
|
||||
|
|
@ -23,7 +23,7 @@
|
|||
|
||||
/* Nav Topic Filter */
|
||||
.nav.nav-menu { margin-bottom: 1px; font-size: 11px; border-radius: 13px; border: 1px solid #fff; float: left; }
|
||||
.nav.nav-menu li { position: relative; border: 1px solid #dfe3e8; border-left: none; }
|
||||
.nav.nav-menu li { position: relative; border: 1px solid #dfe3e8; border-left: none; }
|
||||
.nav.nav-menu li a {
|
||||
background: #fbfbfc;
|
||||
background: -moz-linear-gradient(top, #fbfbfc 0%, #f0f2f5 100%);
|
||||
|
|
|
|||
|
|
@ -23,23 +23,85 @@
|
|||
.topic .topic-content.text { color: #333; }
|
||||
|
||||
/* Tags */
|
||||
.topic .topic-footer .topic-tags { margin: 0 0 15px; font-size: 11px; }
|
||||
.topic .topic-footer .topic-tags { margin: 0 0 10px; font-size: 11px; }
|
||||
.topic .topic-footer .topic-tags li { display: inline; color: #888; }
|
||||
.topic .topic-footer .topic-tags li i { position: relative; top: 4px; margin-right: 3px; }
|
||||
.topic .topic-footer .topic-tags li a { color: #4c4c4c; text-decoration: underline; }
|
||||
.topic .topic-footer .topic-tags li a:hover { text-decoration: none; }
|
||||
.topic .topic-footer .topic-tags li a.link-dotted { text-decoration: none; color: #7b848d; border-color: #7b848d; }
|
||||
.topic .topic-footer .topic-tags li a.link-dotted:hover { color: #333; border-color: #333; }
|
||||
.topic .topic-footer .topic-tags li.topic-tags-edit { margin-left: 20px; }
|
||||
.topic .topic-footer .topic-tags li.topic-tags-user a { color: #3CA023; }
|
||||
.topic .topic-footer .topic-tags li.topic-tags-user a { color: #139643; }
|
||||
|
||||
/* Info */
|
||||
.topic .topic-footer .topic-info { overflow: hidden; border-top: 1px solid #e7ebed; padding-top: 8px; font-size: 11px; }
|
||||
.topic .topic-footer .topic-info li { float: left; margin-right: 15px; border-right: 1px solid #fff; }
|
||||
.topic .topic-footer .topic-info { overflow: hidden; border-top: 1px solid #e7ebed; padding-top: 8px; font-size: 11px; line-height: 11px; }
|
||||
.topic .topic-footer .topic-info li { float: left; margin-right: 10px; border-right: 1px solid #fff; padding: 6px; }
|
||||
.topic .topic-footer .topic-info li a { text-decoration: none; }
|
||||
|
||||
.topic .topic-footer .topic-info li.topic-info-author a { font-weight: bold; color: #333; }
|
||||
.topic .topic-footer .topic-info li.topic-info-author a:hover { text-decoration: underline; }
|
||||
.topic .topic-footer .topic-info li.topic-info-comments a { }
|
||||
.topic .topic-footer .topic-info li.topic-info-comments a span { color: #777; }
|
||||
.topic .topic-footer .topic-info li.topic-info-comments a:hover { text-decoration: underline; }
|
||||
.topic .topic-footer .topic-info li.vote { float: right; padding-top: 3px; padding-right: 0; margin-right: 0; }
|
||||
.topic .topic-footer .topic-info li.vote div {
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
float: left;
|
||||
height: 22px;
|
||||
background: #fbfbfc;
|
||||
background: -moz-linear-gradient(top, #fbfbfc 0%, #f0f2f5 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfc), color-stop(100%,#f0f2f5));
|
||||
background: -webkit-linear-gradient(top, #fbfbfc 0%,#f0f2f5 100%);
|
||||
background: -o-linear-gradient(top, #fbfbfc 0%,#f0f2f5 100%);
|
||||
background: -ms-linear-gradient(top, #fbfbfc 0%,#f0f2f5 100%);
|
||||
background: linear-gradient(top, #fbfbfc 0%,#f0f2f5 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfc', endColorstr='#f0f2f5',GradientType=0 );
|
||||
|
||||
border: 1px solid #dfe3e8;
|
||||
}
|
||||
.topic .topic-footer .topic-info li.vote div span { display: block; border-right: 1px solid #fff; border-top: 1px solid #fefefe; }
|
||||
.topic .topic-footer .topic-info li.vote div i { width: 12px; height: 12px; display: block; background: url(../images/icons-synio.png) no-repeat; }
|
||||
.topic .topic-footer .topic-info li.vote div.vote-up { border-radius: 15px 0 0 15px; }
|
||||
.topic .topic-footer .topic-info li.vote div.vote-up i { background-position: -83px -23px; }
|
||||
.topic .topic-footer .topic-info li.vote div.vote-up span { padding: 4px 6px 5px 10px; }
|
||||
.topic .topic-footer .topic-info li.vote div.vote-count { color: #628fa5; }
|
||||
.topic .topic-footer .topic-info li.vote div.vote-count i { width: 16px; background-position: -98px -24px; margin-top: 1px; }
|
||||
.topic .topic-footer .topic-info li.vote div.vote-count span { padding: 4px 6px 6px 7px; }
|
||||
.topic .topic-footer .topic-info li.vote div.vote-down { border-radius: 0 15px 15px 0; }
|
||||
.topic .topic-footer .topic-info li.vote div.vote-down i {background-position: -69px -23px; }
|
||||
.topic .topic-footer .topic-info li.vote div.vote-down span { padding: 4px 10px 5px 6px; }
|
||||
.topic .topic-footer .topic-info li.vote.voted-down { background: #ff8a8a; border-radius: 15px; padding: 0; box-shadow: 0 2px 3px rgba(0,0,0,.4) inset; }
|
||||
.topic .topic-footer .topic-info li.vote.voted-down div { border: none; background: none; }
|
||||
.topic .topic-footer .topic-info li.vote.voted-down div span { border: none; }
|
||||
.topic .topic-footer .topic-info li.vote.voted-down div.vote-up { display: none; }
|
||||
.topic .topic-footer .topic-info li.vote.voted-down div.vote-count { color: #da4242; }
|
||||
.topic .topic-footer .topic-info li.vote.voted-up { background: #def7dc; border-radius: 15px; padding: 0; box-shadow: 0 2px 3px rgba(0,0,0,.1) inset; }
|
||||
.topic .topic-footer .topic-info li.vote.voted-up div { border: none; background: none; }
|
||||
.topic .topic-footer .topic-info li.vote.voted-up div span { border: none; }
|
||||
.topic .topic-footer .topic-info li.vote.voted-up div.vote-down { display: none; }
|
||||
.topic .topic-footer .topic-info li.vote.voted-up div.vote-up { float: right; }
|
||||
.topic .topic-footer .topic-info li.vote.voted-up div.vote-count { float: left; color: #5fa459; }
|
||||
|
||||
.topic .topic-footer .topic-info li.topic-info-author { padding: 4px 0; }
|
||||
.topic .topic-footer .topic-info li.topic-info-author a { text-decoration: underline; }
|
||||
.topic .topic-footer .topic-info li.topic-info-author a:hover { }
|
||||
.topic .topic-footer .topic-info li.topic-info-author a img { width: 16px; height: 16px; vertical-align: middle; margin-right: 2px; }
|
||||
|
||||
.topic .topic-footer .topic-info li.topic-info-date { color: #7b848d; }
|
||||
|
||||
.topic .topic-footer .topic-info li.topic-info-share { padding: 6px; cursor: pointer; border-radius: 4px; }
|
||||
.topic .topic-footer .topic-info li.topic-info-share i { float: left; }
|
||||
.topic .topic-footer .topic-info li.topic-info-share.active,
|
||||
.topic .topic-footer .topic-info li.topic-info-share:hover { background: #64ceff; }
|
||||
.topic .topic-footer .topic-info li.topic-info-share.active i,
|
||||
.topic .topic-footer .topic-info li.topic-info-share:hover i { background-position: -12px -51px; }
|
||||
|
||||
.topic .topic-footer .topic-info li.topic-info-comments a { color: #727fa0; text-decoration: underline; }
|
||||
.topic .topic-footer .topic-info li.topic-info-comments a.new { color: #000; }
|
||||
.topic .topic-footer .topic-info li.topic-info-comments span { color: #27a736; }
|
||||
.topic .topic-footer .topic-info li.topic-info-comments i { float: left; margin-right: 7px; }
|
||||
|
||||
.topic .topic-footer .topic-info li.topic-info-favourite { padding: 6px; color: #828a93; border-radius: 4px; cursor: pointer; }
|
||||
.topic .topic-footer .topic-info li.topic-info-favourite i { float: left; margin-right: 3px; }
|
||||
.topic .topic-footer .topic-info li.topic-info-favourite:hover { background: #64ceff; color: #fff; }
|
||||
.topic .topic-footer .topic-info li.topic-info-favourite:hover i { background-position: 0 -51px; }
|
||||
|
||||
/* Share */
|
||||
.topic .topic-share { display: none; padding: 3px; margin-bottom: 10px; border: 5px solid #eee; }
|
||||
|
|
|
|||
|
|
@ -66,12 +66,22 @@
|
|||
<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">
|
||||
<li><i></i><a href="{router page='talk'}" {if $iUserCurrentCountTalkNew}class="new-messages"{/if} id="new_messages">{$aLang.user_privat_messages}</a></li>
|
||||
<li><i></i><a href="{$oUserCurrent->getUserWebPath()}">Мой профиль</a></li> {*r*}
|
||||
<li><i></i><a href="{router page='settings'}profile/">{$aLang.user_settings}</a></li>
|
||||
<li><i></i><a href="{router page='topic'}add/">{$aLang.block_create}</a></li>
|
||||
<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>
|
||||
</li>
|
||||
<li class="item-messages">
|
||||
<a href="{router page='talk'}" id="new_messages">
|
||||
<i class="item-icon"></i>
|
||||
{$aLang.user_privat_messages}
|
||||
{if $iUserCurrentCountTalkNew}<div class="new">+{$iUserCurrentCountTalkNew}</div>{/if}
|
||||
</a>
|
||||
</li>
|
||||
<li class="item-profile"><i class="item-icon"></i><a href="{$oUserCurrent->getUserWebPath()}">Мой профиль</a></li> {*r*}
|
||||
<li class="item-settings"><i class="item-icon"></i><a href="{router page='settings'}profile/">{$aLang.user_settings}</a></li>
|
||||
<li class="item-create"><i class="item-icon"></i><a href="{router page='topic'}add/">{$aLang.block_create}</a></li>
|
||||
{hook run='userbar_item'}
|
||||
<li><i></i><a href="{router page='login'}exit/?security_ls_key={$LIVESTREET_SECURITY_KEY}">{$aLang.exit}</a></li>
|
||||
<li class="item-signout"><i class="item-icon"></i><a href="{router page='login'}exit/?security_ls_key={$LIVESTREET_SECURITY_KEY}">{$aLang.exit}</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
{else}
|
||||
|
|
@ -82,6 +92,8 @@
|
|||
</ul>
|
||||
{/if}
|
||||
|
||||
{if $iUserCurrentCountTalkNew}<a href="{router page='talk'}" class="new-messages">+{$iUserCurrentCountTalkNew} <i class="icon-synio-comments-green"></i></a>{/if}
|
||||
|
||||
|
||||
{hook run='header_banner_end'}
|
||||
</header>
|
||||
|
|
|
|||
BIN
templates/skin/synio/images/dots.png
Normal file
BIN
templates/skin/synio/images/dots.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 937 B |
BIN
templates/skin/synio/images/dropdown-user-shadow.png
Normal file
BIN
templates/skin/synio/images/dropdown-user-shadow.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 982 B |
BIN
templates/skin/synio/images/icons-synio.png
Normal file
BIN
templates/skin/synio/images/icons-synio.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.1 KiB |
|
|
@ -6,7 +6,7 @@
|
|||
|
||||
<footer class="topic-footer">
|
||||
<ul class="topic-tags js-favourite-insert-after-form js-favourite-tags-topic-{$oTopic->getId()}">
|
||||
<li>{$aLang.topic_tags}:</li>
|
||||
<li><i class="icon-synio-tags"></i></li>
|
||||
|
||||
{strip}
|
||||
{if $oTopic->getTagsArray()}
|
||||
|
|
@ -40,6 +40,35 @@
|
|||
|
||||
|
||||
<ul class="topic-info">
|
||||
<li class="topic-info-author">
|
||||
<a href="{$oUser->getUserWebPath()}"><img src="{$oUser->getProfileAvatarPath(24)}" alt="avatar" class="avatar" /></a>
|
||||
<a rel="author" href="{$oUser->getUserWebPath()}">{$oUser->getLogin()}</a>
|
||||
</li>
|
||||
<li class="topic-info-date">
|
||||
<time datetime="{date_format date=$oTopic->getDateAdd() format='c'}" pubdate title="{date_format date=$oTopic->getDateAdd() format='j F Y, H:i'}">
|
||||
{date_format date=$oTopic->getDateAdd() format="j F Y, H:i"}
|
||||
</time>
|
||||
</li>
|
||||
<li class="topic-info-share" onclick="jQuery('#topic_share_{$oTopic->getId()}').slideToggle(); jQuery(this).toggleClass('active'); return false;"><i class="icon-synio-share-blue" title="{$aLang.topic_share}"></i></li>
|
||||
|
||||
<li class="topic-info-favourite">
|
||||
<i onclick="return ls.favourite.toggle({$oTopic->getId()},this,'topic');" class="favourite {if $oUserCurrent && $oTopic->getIsFavourite()}active{/if}"></i>
|
||||
<span class="favourite-count" id="fav_count_topic_{$oTopic->getId()}">{$oTopic->getCountFavourite()}</span>
|
||||
</li>
|
||||
|
||||
{if $bTopicList}
|
||||
<li class="topic-info-comments">
|
||||
{if $oTopic->getCountCommentNew()}
|
||||
<i class="icon-synio-comments-green-filled"></i>
|
||||
<a href="{$oTopic->getUrl()}#comments" title="{$aLang.topic_comment_read}" class="new">{$oTopic->getCountComment()}</a>
|
||||
<span>+{$oTopic->getCountCommentNew()}</span>
|
||||
{else}
|
||||
<i class="icon-synio-comments-blue"></i>
|
||||
<a href="{$oTopic->getUrl()}#comments" title="{$aLang.topic_comment_read}">{$oTopic->getCountComment()}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
|
||||
<li id="vote_area_topic_{$oTopic->getId()}" class="vote
|
||||
{if $oVote || ($oUserCurrent && $oTopic->getUserId() == $oUserCurrent->getId()) || strtotime($oTopic->getDateAdd()) < $smarty.now-$oConfig->GetValue('acl.vote.topic.limit_time')}
|
||||
{if $oTopic->getRating() > 0}
|
||||
|
|
@ -61,15 +90,17 @@
|
|||
{if $oVote || ($oUserCurrent && $oTopic->getUserId() == $oUserCurrent->getId()) || strtotime($oTopic->getDateAdd()) < $smarty.now-$oConfig->GetValue('acl.vote.topic.limit_time')}
|
||||
{assign var="bVoteInfoShow" value=true}
|
||||
{/if}
|
||||
<div class="vote-up" onclick="return ls.vote.vote({$oTopic->getId()},this,1,'topic');"></div>
|
||||
<div class="vote-up" onclick="return ls.vote.vote({$oTopic->getId()},this,1,'topic');"><span><i></i></span></div>
|
||||
<div class="vote-count {if $bVoteInfoShow}js-infobox-vote-topic{/if}" id="vote_total_topic_{$oTopic->getId()}" title="{$aLang.topic_vote_count}: {$oTopic->getCountVote()}">
|
||||
<span>
|
||||
{if $bVoteInfoShow}
|
||||
{if $oTopic->getRating() > 0}+{/if}{$oTopic->getRating()}
|
||||
{else}
|
||||
<a href="#" onclick="return ls.vote.vote({$oTopic->getId()},this,0,'topic');">?</a>
|
||||
{else}
|
||||
<i onclick="return ls.vote.vote({$oTopic->getId()},this,0,'topic');"></i>
|
||||
{/if}
|
||||
</span>
|
||||
</div>
|
||||
<div href="#" class="vote-down" onclick="return ls.vote.vote({$oTopic->getId()},this,-1,'topic');"></div>
|
||||
<div href="#" class="vote-down" onclick="return ls.vote.vote({$oTopic->getId()},this,-1,'topic');"><span><i></i></span></div>
|
||||
{if $bVoteInfoShow}
|
||||
<div id="vote-info-topic-{$oTopic->getId()}" style="display: none;">
|
||||
+ {$oTopic->getCountVoteUp()}<br/>
|
||||
|
|
@ -78,20 +109,6 @@
|
|||
</div>
|
||||
{/if}
|
||||
</li>
|
||||
|
||||
<li class="topic-info-author"><a rel="author" href="{$oUser->getUserWebPath()}">{$oUser->getLogin()}</a></li>
|
||||
<li class="topic-info-favourite">
|
||||
<div onclick="return ls.favourite.toggle({$oTopic->getId()},this,'topic');" class="favourite {if $oUserCurrent && $oTopic->getIsFavourite()}active{/if}"></div>
|
||||
<span class="favourite-count" id="fav_count_topic_{$oTopic->getId()}">{$oTopic->getCountFavourite()}</span>
|
||||
</li>
|
||||
<li class="topic-info-share"><a href="#" class="icon-share" title="{$aLang.topic_share}" onclick="jQuery('#topic_share_{$oTopic->getId()}').slideToggle(); return false;"></a></li>
|
||||
|
||||
{if $bTopicList}
|
||||
<li class="topic-info-comments">
|
||||
<a href="{$oTopic->getUrl()}#comments" title="{$aLang.topic_comment_read}">{$oTopic->getCountComment()} {$oTopic->getCountComment()|declension:$aLang.comment_declension:'russian'}</a>
|
||||
{if $oTopic->getCountCommentNew()}<span>+{$oTopic->getCountCommentNew()}</span>{/if}
|
||||
</li>
|
||||
{/if}
|
||||
|
||||
{hook run='topic_show_info' topic=$oTopic}
|
||||
</ul>
|
||||
|
|
|
|||
|
|
@ -32,10 +32,6 @@
|
|||
<div class="topic-info">
|
||||
<a href="{$oBlog->getUrlFull()}" class="topic-blog">{$oBlog->getTitle()|escape:'html'}</a>
|
||||
|
||||
<!--<time datetime="{date_format date=$oTopic->getDateAdd() format='c'}" pubdate title="{date_format date=$oTopic->getDateAdd() format='j F Y, H:i'}">
|
||||
{date_format date=$oTopic->getDateAdd() format="j F Y, H:i"}
|
||||
</time>-->
|
||||
|
||||
<ul class="actions">
|
||||
{if $oUserCurrent and ($oUserCurrent->getId()==$oTopic->getUserId() or $oUserCurrent->isAdministrator() or $oBlog->getUserIsAdministrator() or $oBlog->getUserIsModerator() or $oBlog->getOwnerId()==$oUserCurrent->getId())}
|
||||
<li><a href="{cfg name='path.root.web'}/{$oTopic->getType()}/edit/{$oTopic->getId()}/" title="{$aLang.topic_edit}" class="actions-edit">{$aLang.topic_edit}</a></li>
|
||||
|
|
|
|||
Loading…
Reference in a new issue