diff --git a/templates/skin/synio/blocks/block.blogs.tpl b/templates/skin/synio/blocks/block.blogs.tpl index 612ee801..8cb5b85b 100644 --- a/templates/skin/synio/blocks/block.blogs.tpl +++ b/templates/skin/synio/blocks/block.blogs.tpl @@ -1,7 +1,7 @@

{$aLang.block_blogs}

-
+
diff --git a/templates/skin/synio/blocks/block.stream.tpl b/templates/skin/synio/blocks/block.stream.tpl index a1ae7c57..567a050b 100644 --- a/templates/skin/synio/blocks/block.stream.tpl +++ b/templates/skin/synio/blocks/block.stream.tpl @@ -1,7 +1,7 @@

{$aLang.block_stream}

-
+
{hook run='block_stream_nav_item' assign="sItemsHook"} diff --git a/templates/skin/synio/blocks/block.stream_comment.tpl b/templates/skin/synio/blocks/block.stream_comment.tpl index 7944356b..15456ec6 100644 --- a/templates/skin/synio/blocks/block.stream_comment.tpl +++ b/templates/skin/synio/blocks/block.stream_comment.tpl @@ -10,12 +10,12 @@

{$oTopic->getTitle()|escape:'html'} - {$oTopic->getCountComment()} + {$oTopic->getCountComment()} {/foreach} \ No newline at end of file diff --git a/templates/skin/synio/blocks/block.stream_topic.tpl b/templates/skin/synio/blocks/block.stream_topic.tpl index dc66e369..137b31ad 100644 --- a/templates/skin/synio/blocks/block.stream_topic.tpl +++ b/templates/skin/synio/blocks/block.stream_topic.tpl @@ -3,21 +3,19 @@ {assign var="oUser" value=$oTopic->getUser()} {assign var="oBlog" value=$oTopic->getBlog()} -
  • - {$oUser->getLogin()} → - {$oBlog->getTitle()|escape:'html'} → - {$oTopic->getTitle()|escape:'html'} - +

  • - | - {$oTopic->getCountComment()} {$oTopic->getCountComment()|declension:$aLang.comment_declension:'russian'} + {$oUser->getLogin()} +

    -
    • - {/foreach} + {$oTopic->getTitle()|escape:'html'} + {$oTopic->getCountComment()} + + {/foreach} \ No newline at end of file diff --git a/templates/skin/synio/blocks/block.tags.tpl b/templates/skin/synio/blocks/block.tags.tpl index 35211d84..5d74a11c 100644 --- a/templates/skin/synio/blocks/block.tags.tpl +++ b/templates/skin/synio/blocks/block.tags.tpl @@ -1,4 +1,4 @@ -
    +

    {$aLang.block_tags}

    diff --git a/templates/skin/synio/comment.tpl b/templates/skin/synio/comment.tpl index 2f6d7353..65e96977 100644 --- a/templates/skin/synio/comment.tpl +++ b/templates/skin/synio/comment.tpl @@ -21,6 +21,17 @@ avatar +
    + {$oComment->getText()} +
    + + + {if $oUserCurrent} +
      +
    + {/if} + +
    • {if $iAuthorId == $oUser->getId()}{$aLang.comment_target_author}{/if} @@ -68,16 +79,8 @@ {if $oComment->getCountFavourite() > 0}{$oComment->getCountFavourite()}{/if}
      • {/if} -
    - - -
    - {$oComment->getText()} -
    - - {if $oUserCurrent} -
      + {if $oUserCurrent} {if !$oComment->getDelete() and !$bAllowNewComment}
    • {$aLang.comment_answer}
      • {/if} @@ -91,8 +94,8 @@ {/if} {hook run='comment_action' comment=$oComment} -
    - {/if} + {/if} + {else} {$aLang.comment_was_delete} {/if} diff --git a/templates/skin/synio/css/base.css b/templates/skin/synio/css/base.css index 837c40c8..049956a2 100644 --- a/templates/skin/synio/css/base.css +++ b/templates/skin/synio/css/base.css @@ -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; } diff --git a/templates/skin/synio/css/blocks.css b/templates/skin/synio/css/blocks.css index 8e1b552d..57846c68 100644 --- a/templates/skin/synio/css/blocks.css +++ b/templates/skin/synio/css/blocks.css @@ -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; } diff --git a/templates/skin/synio/css/buttons.css b/templates/skin/synio/css/buttons.css index 3feea81e..89f4ced8 100644 --- a/templates/skin/synio/css/buttons.css +++ b/templates/skin/synio/css/buttons.css @@ -83,5 +83,6 @@ padding: 2px 15px 4px; border-radius: 15px; + line-height: 17px; } .button.button-write:hover { background: #2abcfe; } \ No newline at end of file diff --git a/templates/skin/synio/css/comments.css b/templates/skin/synio/css/comments.css index fc377161..72622083 100644 --- a/templates/skin/synio/css/comments.css +++ b/templates/skin/synio/css/comments.css @@ -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; } diff --git a/templates/skin/synio/css/common.css b/templates/skin/synio/css/common.css index 2ba6ccd6..98601f5b 100644 --- a/templates/skin/synio/css/common.css +++ b/templates/skin/synio/css/common.css @@ -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; } diff --git a/templates/skin/synio/css/icons.css b/templates/skin/synio/css/icons.css index e4d0e0df..1a0fbee6 100644 --- a/templates/skin/synio/css/icons.css +++ b/templates/skin/synio/css/icons.css @@ -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; } \ No newline at end of file +.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; } + + + + + + + + + + + + + + diff --git a/templates/skin/synio/css/navs.css b/templates/skin/synio/css/navs.css index 32274407..d03d0262 100644 --- a/templates/skin/synio/css/navs.css +++ b/templates/skin/synio/css/navs.css @@ -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%); diff --git a/templates/skin/synio/css/topic.css b/templates/skin/synio/css/topic.css index a52072af..3fbbd59f 100644 --- a/templates/skin/synio/css/topic.css +++ b/templates/skin/synio/css/topic.css @@ -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; } diff --git a/templates/skin/synio/header_top.tpl b/templates/skin/synio/header_top.tpl index 5d82f9cc..1a86ce83 100644 --- a/templates/skin/synio/header_top.tpl +++ b/templates/skin/synio/header_top.tpl @@ -66,12 +66,22 @@
    {else} @@ -82,6 +92,8 @@ {/if} + {if $iUserCurrentCountTalkNew}+{$iUserCurrentCountTalkNew} {/if} + {hook run='header_banner_end'} diff --git a/templates/skin/synio/images/dots.png b/templates/skin/synio/images/dots.png new file mode 100644 index 00000000..fb412b9e Binary files /dev/null and b/templates/skin/synio/images/dots.png differ diff --git a/templates/skin/synio/images/dropdown-user-shadow.png b/templates/skin/synio/images/dropdown-user-shadow.png new file mode 100644 index 00000000..ce5b422a Binary files /dev/null and b/templates/skin/synio/images/dropdown-user-shadow.png differ diff --git a/templates/skin/synio/images/icons-synio.png b/templates/skin/synio/images/icons-synio.png new file mode 100644 index 00000000..cd33cc01 Binary files /dev/null and b/templates/skin/synio/images/icons-synio.png differ diff --git a/templates/skin/synio/topic_part_footer.tpl b/templates/skin/synio/topic_part_footer.tpl index cd47c5e0..cd7cc7d0 100644 --- a/templates/skin/synio/topic_part_footer.tpl +++ b/templates/skin/synio/topic_part_footer.tpl @@ -6,7 +6,7 @@