mirror of
https://github.com/Oreolek/ifhub.club.git
synced 2024-07-03 06:55:03 +03:00
Topic styles
This commit is contained in:
Denis Shakhov
parent
c504c5f605
commit
7a63dcdfd5
|
|
@ -1,26 +1,26 @@
|
|||
/* --------------------------------------------
|
||||
ТОПИК
|
||||
-------------------------------------------- */
|
||||
/**
|
||||
* Топики
|
||||
*/
|
||||
|
||||
.topic { overflow: hidden; zoom: 1; margin-bottom: 50px; }
|
||||
/**
|
||||
* Основные стили
|
||||
*/
|
||||
.topic { overflow: hidden; zoom: 1; margin-bottom: 50px; }
|
||||
.topic:last-child { margin-bottom: 0; }
|
||||
|
||||
/* Header */
|
||||
.topic .topic-header .topic-title { font-size: 26px; line-height: 1.1em; font-weight: bold; margin: 0 0 15px; }
|
||||
.topic .topic-header .topic-title a { text-decoration: none; }
|
||||
.topic .topic-header .topic-title i { position: relative; top: 8px; cursor: help; }
|
||||
/* Хидер */
|
||||
.topic-header .topic-title { font-size: 26px; line-height: 1.1em; font-weight: bold; margin: 0 0 15px; }
|
||||
.topic-header .topic-title a { text-decoration: none; }
|
||||
.topic-header .topic-title i { position: relative; top: 8px; cursor: help; }
|
||||
|
||||
.topic .topic-header .topic-info { margin-bottom: 25px; color: #777; }
|
||||
.topic .topic-header .topic-info time { margin-right: 15px; }
|
||||
.topic .topic-header .topic-info .topic-blog { margin-right: 15px; }
|
||||
.topic .topic-header .topic-info .actions,
|
||||
.topic .topic-header .topic-info .actions li { display: inline; float: none; margin-bottom: 0; }
|
||||
.topic .topic-header .topic-info .actions li { margin-right: 10px; }
|
||||
.topic-header .topic-info { margin-bottom: 25px; color: #777; }
|
||||
.topic-header .topic-info time { margin-right: 15px; }
|
||||
.topic-header .topic-info .topic-blog { margin-right: 15px; }
|
||||
.topic-header .topic-info .actions,
|
||||
.topic-header .topic-info .actions li { display: inline; float: none; margin-bottom: 0; }
|
||||
.topic-header .topic-info .actions li { margin-right: 10px; }
|
||||
|
||||
.topic .topic-url { margin-bottom: 30px; }
|
||||
.topic .topic-url a { background: #eee; border-radius: 3px; padding: 3px 10px 4px; text-decoration: none; }
|
||||
|
||||
/* Preview */
|
||||
/* Превью */
|
||||
.topic-preview-image { display: inline-block; max-width: 100%; }
|
||||
|
||||
.topic-preview-image .topic-preview-image-inner {
|
||||
|
|
@ -52,6 +52,7 @@
|
|||
z-index: 2;
|
||||
}
|
||||
.ie7 .topic-preview-image .topic-preview-image-count i { margin-right: 3px; }
|
||||
|
||||
.topic-preview-image .topic-preview-image-desc {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
|
|
@ -68,70 +69,97 @@
|
|||
}
|
||||
.oldie .topic-preview-image .topic-preview-image-desc { border-color: #000; }
|
||||
|
||||
/* Content */
|
||||
.topic .topic-content { margin-bottom: 15px; }
|
||||
.topic .topic-content.text { color: #333; }
|
||||
/* Содержимое топика */
|
||||
.topic-content { margin-bottom: 15px; }
|
||||
.topic-content.text { color: #333; }
|
||||
|
||||
/* Tags */
|
||||
.topic .topic-footer .topic-tags { margin: 0 0 15px; }
|
||||
.topic .topic-footer .topic-tags li { display: inline; color: #888; }
|
||||
.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-tags { margin: 0 0 15px; }
|
||||
.topic-tags li { display: inline; color: #888; }
|
||||
.topic-tags li.topic-tags-edit { margin-left: 20px; }
|
||||
.topic-tags li.topic-tags-user a { color: #3CA023; }
|
||||
|
||||
/* Info */
|
||||
.topic .topic-footer .topic-info { overflow: hidden; background: #f7f7f7; border-radius: 3px; }
|
||||
.topic .topic-footer .topic-info li { float: left; height: 19px; padding: 8px 15px; border-right: 1px solid #fff; }
|
||||
.topic .topic-footer .topic-info li a { text-decoration: none; }
|
||||
/* Подвал топика */
|
||||
.topic-footer .topic-info { overflow: hidden; background: #f7f7f7; border-radius: 3px; }
|
||||
.topic-footer .topic-info li { float: left; height: 19px; padding: 8px 15px; border-right: 1px solid #fff; }
|
||||
.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-footer .topic-info li.topic-info-author a { font-weight: bold; color: #333; }
|
||||
.topic-footer .topic-info li.topic-info-author a:hover { text-decoration: underline; }
|
||||
.topic-footer .topic-info li.topic-info-comments a span { color: #777; }
|
||||
.topic-footer .topic-info li.topic-info-comments a:hover { text-decoration: underline; }
|
||||
|
||||
/* Share */
|
||||
.topic .topic-share { display: none; padding: 3px; margin-bottom: 10px; border: 5px solid #eee; }
|
||||
|
||||
/* Poll */
|
||||
.topic .poll { margin-bottom: 15px; background: #fafafa; padding: 15px; }
|
||||
/**
|
||||
* Топик опрос
|
||||
*
|
||||
* @type question
|
||||
* @file topics/topic.question.tpl
|
||||
* @file topics/question_result.tpl
|
||||
*/
|
||||
.poll { margin-bottom: 15px; background: #fafafa; padding: 15px; }
|
||||
|
||||
.topic .poll .poll-vote { margin-bottom: 20px; margin-left: 0; list-style-type: none; }
|
||||
.topic .poll .poll-vote li { margin-bottom: 10px; }
|
||||
.topic .poll .poll-vote li:last-child { margin-bottom: 0; }
|
||||
.topic .poll .poll-vote li label { display: inline; }
|
||||
.topic .poll .poll-vote li input { position: relative; top: 1px; margin-right: 2px; }
|
||||
.poll .poll-vote { margin-bottom: 20px; margin-left: 0; list-style-type: none; }
|
||||
.poll .poll-vote li { margin-bottom: 10px; }
|
||||
.poll .poll-vote li:last-child { margin-bottom: 0; }
|
||||
.poll .poll-vote li label { display: inline; }
|
||||
.poll .poll-vote li input { position: relative; top: 1px; margin-right: 2px; }
|
||||
|
||||
.topic .poll .poll-result { margin-bottom: 10px; margin-left: 0; list-style-type: none; padding: 15px 15px 0; background: #fff; border: 1px solid #eee; }
|
||||
.topic .poll .poll-result li { margin-bottom: 20px; }
|
||||
.topic .poll .poll-result li dl { overflow: hidden; zoom: 1; }
|
||||
.topic .poll .poll-result li dl dt { float: left; width: 50px; text-align: right; padding-right: 15px; }
|
||||
.topic .poll .poll-result li dl dt span { color: #aaa; }
|
||||
.topic .poll .poll-result li dl dd { padding-left: 65px; }
|
||||
.topic .poll .poll-result li dl dd div { height: 10px; margin-top: 5px; background: #ccc; overflow: hidden; border-radius: 2px; }
|
||||
.topic .poll .poll-result li.most dl dd div { background: #60CC4E; }
|
||||
.poll .poll-result { margin-bottom: 10px; margin-left: 0; list-style-type: none; padding: 15px 15px 0; background: #fff; border: 1px solid #eee; }
|
||||
.poll .poll-result li { margin-bottom: 20px; }
|
||||
.poll .poll-result li dl { overflow: hidden; zoom: 1; }
|
||||
.poll .poll-result li dl dt { float: left; width: 50px; text-align: right; padding-right: 15px; }
|
||||
.poll .poll-result li dl dt span { color: #aaa; }
|
||||
.poll .poll-result li dl dd { padding-left: 65px; }
|
||||
.poll .poll-result li dl dd div { height: 10px; margin-top: 5px; background: #ccc; overflow: hidden; border-radius: 2px; }
|
||||
.poll .poll-result li.most dl dd div { background: #60CC4E; }
|
||||
|
||||
.topic .poll .poll-total { color: #aaa; margin-left: 10px; }
|
||||
.poll .poll-total { color: #aaa; margin-left: 10px; }
|
||||
|
||||
/* Photset */
|
||||
.topic.topic-type-photoset { }
|
||||
/**
|
||||
* Топик фотосет
|
||||
*
|
||||
* @type photoset
|
||||
* @file topics/topic.photoset.tpl
|
||||
*/
|
||||
.topic.topic-type-photoset .topic-content { margin-bottom: 25px; }
|
||||
|
||||
/* Topic Talk */
|
||||
.topic.topic-type-talk { }
|
||||
.topic.topic-type-talk .topic-header { background: #f7f7f7; padding: 10px 15px 15px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #eee; }
|
||||
.topic.topic-type-talk .topic-header .topic-title { margin-bottom: 13px; font-size: 20px; }
|
||||
.topic.topic-type-talk .topic-header .topic-info { margin-bottom: 0; position: relative; min-height: 30px; padding-left: 40px; line-height: 14px; }
|
||||
.topic.topic-type-talk .topic-header .topic-info .avatar { position: absolute; top: 0; left: 0; }
|
||||
.topic.topic-type-talk .topic-header .topic-info .author-wrapper { margin-bottom: 4px; position: relative; top: -2px; }
|
||||
.topic.topic-type-talk .topic-header .topic-info .author-wrapper .author { font-weight: bold; margin-right: 15px; }
|
||||
.topic.topic-type-talk .topic-header .topic-info .recipient { margin-right: 10px; }
|
||||
.topic.topic-type-talk .topic-content { font-size: 13px; padding: 15px; background: #fafafa; margin-bottom: 1px; border-top: 1px solid #fff; }
|
||||
.topic.topic-type-talk .topic-footer .topic-info { border-radius: 0; background: #fafafa; }
|
||||
/**
|
||||
* Топик ссылка
|
||||
*
|
||||
* @type link
|
||||
* @file topics/topic.link.tpl
|
||||
*/
|
||||
.topic-url { margin-bottom: 30px; }
|
||||
.topic-url a { background: #eee; border-radius: 3px; padding: 3px 10px 4px; text-decoration: none; }
|
||||
|
||||
.topic.topic-type-talk .talk-recipients { padding: 15px; background: #fafafa; display: none; border-top: 1px solid #fff; border-bottom: 1px solid #eee; }
|
||||
.topic.topic-type-talk .talk-recipients h3 { font-size: 16px; font-weight: bold; margin-bottom: 10px; }
|
||||
|
||||
/* Topic Preview */
|
||||
.topic-preview { margin-top: 30px; }
|
||||
/**
|
||||
* Предпросмотр топика
|
||||
*
|
||||
* @file topics/topic_preview_X.tpl
|
||||
*/
|
||||
.topic-preview { margin-top: 30px; }
|
||||
.topic-preview .profile-page-header { border-top: 1px solid #ddd; }
|
||||
.topic-preview .topic { margin-bottom: 20px; }
|
||||
.topic-preview .topic { margin-bottom: 20px; }
|
||||
|
||||
/**
|
||||
* Личное сообщение
|
||||
* TODO: Move to talk.css
|
||||
*
|
||||
* @file actions/ActionTalk/read.tpl
|
||||
*/
|
||||
.topic-type-talk .topic-header { background: #f7f7f7; padding: 10px 15px 15px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #eee; }
|
||||
.topic-type-talk .topic-header .topic-title { margin-bottom: 13px; font-size: 20px; }
|
||||
|
||||
.topic-type-talk .topic-header .topic-info { margin-bottom: 0; position: relative; min-height: 30px; padding-left: 40px; line-height: 14px; }
|
||||
.topic-type-talk .topic-header .topic-info .avatar { position: absolute; top: 0; left: 0; }
|
||||
.topic-type-talk .topic-header .topic-info .author-wrapper { margin-bottom: 4px; position: relative; top: -2px; }
|
||||
.topic-type-talk .topic-header .topic-info .author-wrapper .author { font-weight: bold; margin-right: 15px; }
|
||||
.topic-type-talk .topic-header .topic-info .recipient { margin-right: 10px; }
|
||||
|
||||
.topic-type-talk .topic-content { font-size: 13px; padding: 15px; background: #fafafa; margin-bottom: 1px; border-top: 1px solid #fff; }
|
||||
|
||||
.topic-type-talk .topic-footer .topic-info { border-radius: 0; background: #fafafa; }
|
||||
|
||||
.topic-type-talk .talk-recipients { padding: 15px; background: #fafafa; display: none; border-top: 1px solid #fff; border-bottom: 1px solid #eee; }
|
||||
.topic-type-talk .talk-recipients h3 { font-size: 16px; font-weight: bold; margin-bottom: 10px; }
|
||||
|
|
@ -1,28 +1,34 @@
|
|||
/* --------------------------------------------
|
||||
ТОПИК
|
||||
-------------------------------------------- */
|
||||
/**
|
||||
* Топики
|
||||
*/
|
||||
|
||||
/**
|
||||
* Основные стили
|
||||
*/
|
||||
.topic { margin-bottom: 50px; }
|
||||
.topic:last-child { margin-bottom: 0; }
|
||||
|
||||
/* Header */
|
||||
.topic .topic-header { margin-bottom: 20px; }
|
||||
.topic .topic-header .topic-title { font-size: 27px; line-height: 1.1em; font-weight: normal; margin: 0 0 10px; }
|
||||
.topic .topic-header .topic-title a { text-decoration: underline; color: #275ec2; }
|
||||
.topic .topic-header .topic-title a:hover { color: #f00; }
|
||||
.topic .topic-header .topic-title i { position: relative; top: 9px; cursor: help; margin-right: 5px; }
|
||||
.topic .topic-header .topic-info { margin-bottom: 25px; color: #777; }
|
||||
.topic .topic-header .topic-info time { margin-right: 15px; }
|
||||
.topic .topic-header .topic-info .topic-blog { font-family: 'PT Sans', sans-serif; font-size: 18px; color: #000; text-decoration: underline; }
|
||||
.topic .topic-header .topic-info .topic-blog:hover { color: #666; }
|
||||
.topic .topic-header .topic-info .blog-list-info { position: relative; top: 5px; }
|
||||
.topic .topic-header .topic-actions { background: #fcfce9; border-radius: 5px; padding: 10px 15px; font-size: 11px; overflow: hidden; }
|
||||
.topic .topic-header .topic-actions li { float: left; margin-right: 18px; }
|
||||
.topic .topic-header .topic-actions li.draft a { color: #27964c; }
|
||||
.topic .topic-header .topic-actions li.delete a { color: #da4242; }
|
||||
.topic .topic-header .topic-actions li i { margin-right: 3px; }
|
||||
/* Хидер */
|
||||
.topic-header { margin-bottom: 20px; }
|
||||
|
||||
/* Preview */
|
||||
.topic-header .topic-title { font-size: 27px; line-height: 1.1em; font-weight: normal; margin: 0 0 10px; }
|
||||
.topic-header .topic-title a { text-decoration: underline; color: #275ec2; }
|
||||
.topic-header .topic-title a:hover { color: #f00; }
|
||||
.topic-header .topic-title i { position: relative; top: 9px; cursor: help; margin-right: 5px; }
|
||||
|
||||
.topic-header .topic-info { margin-bottom: 25px; color: #777; }
|
||||
.topic-header .topic-info time { margin-right: 15px; }
|
||||
.topic-header .topic-info .topic-blog { font-family: 'PT Sans', sans-serif; font-size: 18px; color: #000; text-decoration: underline; }
|
||||
.topic-header .topic-info .topic-blog:hover { color: #666; }
|
||||
.topic-header .topic-info .blog-list-info { position: relative; top: 5px; }
|
||||
|
||||
.topic-actions { background: #fcfce9; border-radius: 5px; padding: 10px 15px; font-size: 11px; overflow: hidden; }
|
||||
.topic-actions li { float: left; margin-right: 18px; }
|
||||
.topic-actions li.draft a { color: #27964c; }
|
||||
.topic-actions li.delete a { color: #da4242; }
|
||||
.topic-actions li i { margin-right: 3px; }
|
||||
|
||||
/* Превью */
|
||||
.topic-preview-image { display: inline-block; max-width: 100%; }
|
||||
|
||||
.topic-preview-image .topic-preview-image-inner {
|
||||
|
|
@ -71,106 +77,124 @@
|
|||
}
|
||||
.oldie .topic-preview-image .topic-preview-image-desc { border-color: #000; }
|
||||
|
||||
/* Content */
|
||||
.topic .topic-content { margin-bottom: 15px; }
|
||||
.topic .topic-content.text { color: #333; }
|
||||
/* Содержимое топика */
|
||||
.topic-content { margin-bottom: 15px; }
|
||||
.topic-content.text { color: #333; }
|
||||
|
||||
/* Tags */
|
||||
.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: #139643; }
|
||||
/* Теги */
|
||||
.topic-tags { margin: 0 0 10px; font-size: 11px; }
|
||||
.topic-tags li { display: inline; color: #888; }
|
||||
.topic-tags li i { position: relative; top: 4px; margin-right: 3px; }
|
||||
.topic-tags li a { color: #4c4c4c; text-decoration: underline; }
|
||||
.topic-tags li a:hover { text-decoration: none; }
|
||||
.topic-tags li a.link-dotted { text-decoration: none; color: #7b848d; border-color: #7b848d; }
|
||||
.topic-tags li a.link-dotted:hover { color: #333; border-color: #333; }
|
||||
.topic-tags li.topic-tags-edit { margin-left: 20px; }
|
||||
.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; 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-footer .topic-info { overflow: hidden; border-top: 1px solid #e7ebed; padding-top: 8px; font-size: 11px; line-height: 11px; }
|
||||
.topic-footer .topic-info li { float: left; margin-right: 10px; border-right: 1px solid #fff; padding: 6px; }
|
||||
.topic-footer .topic-info li a { text-decoration: none; }
|
||||
|
||||
.topic .topic-footer .topic-info li.topic-info-vote { float: right; padding: 0; margin-right: 0; overflow: hidden; }
|
||||
.topic-footer .topic-info li.topic-info-vote { float: right; padding: 0; margin-right: 0; overflow: hidden; }
|
||||
|
||||
.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-footer .topic-info li.topic-info-author { padding: 4px 0; }
|
||||
.topic-footer .topic-info li.topic-info-author a { text-decoration: underline; }
|
||||
.topic-footer .topic-info li.topic-info-author a:hover { }
|
||||
.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-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; position: relative; }
|
||||
.topic .topic-footer .topic-info li.topic-info-share i { float: left; }
|
||||
.topic .topic-footer .topic-info li.topic-info-share.open,
|
||||
.topic .topic-footer .topic-info li.topic-info-share:hover { background: #64ceff; }
|
||||
.topic .topic-footer .topic-info li.topic-info-share.open i,
|
||||
.topic .topic-footer .topic-info li.topic-info-share:hover i { background-position: -12px -51px; }
|
||||
.topic-footer .topic-info li.topic-info-share { padding: 6px; cursor: pointer; border-radius: 4px; position: relative; }
|
||||
.topic-footer .topic-info li.topic-info-share i { float: left; }
|
||||
.topic-footer .topic-info li.topic-info-share.open,
|
||||
.topic-footer .topic-info li.topic-info-share:hover { background: #64ceff; }
|
||||
.topic-footer .topic-info li.topic-info-share.open i,
|
||||
.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; float: left; }
|
||||
.topic .topic-footer .topic-info li.topic-info-comments a:hover { color: #f00; }
|
||||
.topic .topic-footer .topic-info li.topic-info-comments a.new { color: #000; }
|
||||
.topic .topic-footer .topic-info li.topic-info-comments span { text-decoration: underline; }
|
||||
.topic .topic-footer .topic-info li.topic-info-comments span.count { color: #27a736; text-decoration: none; }
|
||||
.topic .topic-footer .topic-info li.topic-info-comments i { float: left; margin-right: 7px; }
|
||||
.topic-footer .topic-info li.topic-info-comments a { color: #727fa0; float: left; }
|
||||
.topic-footer .topic-info li.topic-info-comments a:hover { color: #f00; }
|
||||
.topic-footer .topic-info li.topic-info-comments a.new { color: #000; }
|
||||
.topic-footer .topic-info li.topic-info-comments span { text-decoration: underline; }
|
||||
.topic-footer .topic-info li.topic-info-comments span.count { color: #27a736; text-decoration: none; }
|
||||
.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 .favourite { float: left; }
|
||||
.topic .topic-footer .topic-info li.topic-info-favourite .favourite-count { margin-left: 4px;}
|
||||
.topic .topic-footer .topic-info li.topic-info-favourite:hover { background: #64ceff; color: #fff; }
|
||||
.topic .topic-footer .topic-info li.topic-info-favourite:hover .favourite { background-position: 0 -51px; }
|
||||
.topic-footer .topic-info li.topic-info-favourite { padding: 6px; color: #828a93; border-radius: 4px; cursor: pointer; }
|
||||
.topic-footer .topic-info li.topic-info-favourite .favourite { float: left; }
|
||||
.topic-footer .topic-info li.topic-info-favourite .favourite-count { margin-left: 4px;}
|
||||
.topic-footer .topic-info li.topic-info-favourite:hover { background: #64ceff; color: #fff; }
|
||||
.topic-footer .topic-info li.topic-info-favourite:hover .favourite { background-position: 0 -51px; }
|
||||
|
||||
/* Share */
|
||||
.topic .topic-share { display: none; border: 3px solid #edf8fd; padding: 3px 35px 3px 3px; border-radius: 10px; margin-bottom: 10px; position: relative; }
|
||||
.topic .topic-share .close { content: ''; position: absolute; top: 7px; right: 7px; width: 19px; height: 22px; background: url(../images/icons-synio.png) -479px -26px no-repeat; cursor: pointer; opacity: .8; }
|
||||
.topic .topic-share .close:hover { opacity: 1; }
|
||||
.topic .topic-share .arrow { position: absolute; border: none; width: 15px; height: 11px; background: url(../images/icons-synio.png) no-repeat; background-position: -53px -107px; bottom: -11px; }
|
||||
|
||||
/* Poll */
|
||||
.topic .poll { margin-bottom: 15px; }
|
||||
/**
|
||||
* Топик опрос
|
||||
*
|
||||
* @type question
|
||||
* @file topics/topic.question.tpl
|
||||
* @file topics/question_result.tpl
|
||||
*/
|
||||
.poll { margin-bottom: 15px; }
|
||||
|
||||
.topic .poll .poll-vote { margin-bottom: 20px; margin-left: 0; list-style-type: none; }
|
||||
.topic .poll .poll-vote li { margin-bottom: 10px; }
|
||||
.topic .poll .poll-vote li:last-child { margin-bottom: 0; }
|
||||
.topic .poll .poll-vote li label { display: inline; }
|
||||
.topic .poll .poll-vote li input { position: relative; top: 1px; margin-right: 2px; }
|
||||
.poll .poll-vote { margin-bottom: 20px; margin-left: 0; list-style-type: none; }
|
||||
.poll .poll-vote li { margin-bottom: 10px; }
|
||||
.poll .poll-vote li:last-child { margin-bottom: 0; }
|
||||
.poll .poll-vote li label { display: inline; }
|
||||
.poll .poll-vote li input { position: relative; top: 1px; margin-right: 2px; }
|
||||
|
||||
.topic .poll .poll-result { margin-bottom: 10px; list-style-type: none; background: #fff; overflow: hidden; }
|
||||
.topic .poll .poll-result li { margin-bottom: 20px; }
|
||||
.topic .poll .poll-result li dl { overflow: hidden; zoom: 1; }
|
||||
.topic .poll .poll-result li dl dt { float: left; width: 80px; }
|
||||
.topic .poll .poll-result li dl dt span { font-size: 11px; color: #aaa; }
|
||||
.topic .poll .poll-result li dl dd { padding-left: 80px; }
|
||||
.topic .poll .poll-result li dl dd div { height: 7px; margin-top: 3px; background: #ccc; overflow: hidden; border-radius: 4px; }
|
||||
.topic .poll .poll-result li.most dl dd div { background: #1999e2; background: url(../images/poll-most.png) repeat-x; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); }
|
||||
.topic .poll .poll-result li.most dl dt { color: #12aaeb; }
|
||||
.poll .poll-result { margin-bottom: 10px; list-style-type: none; background: #fff; overflow: hidden; }
|
||||
.poll .poll-result li { margin-bottom: 20px; }
|
||||
.poll .poll-result li dl { overflow: hidden; zoom: 1; }
|
||||
.poll .poll-result li dl dt { float: left; width: 80px; }
|
||||
.poll .poll-result li dl dt span { font-size: 11px; color: #aaa; }
|
||||
.poll .poll-result li dl dd { padding-left: 80px; }
|
||||
.poll .poll-result li dl dd div { height: 7px; margin-top: 3px; background: #ccc; overflow: hidden; border-radius: 4px; }
|
||||
.poll .poll-result li.most dl dd div { background: #1999e2; background: url(../images/poll-most.png) repeat-x; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); }
|
||||
.poll .poll-result li.most dl dt { color: #12aaeb; }
|
||||
|
||||
.topic .poll .poll-total { position: relative; color: #818189; font-size: 11px; line-height: 16px; padding-left: 80px; margin-bottom: 30px; }
|
||||
.topic .poll .poll-total .poll-sort { position: absolute; top: 2px; left: 0; width: 23px; height: 23px; background: url(../images/icons-synio.png) -161px 0 no-repeat; cursor: pointer; }
|
||||
.topic .poll .poll-total .poll-sort.active { background-position: -184px 0; }
|
||||
.poll .poll-total { position: relative; color: #818189; font-size: 11px; line-height: 16px; padding-left: 80px; margin-bottom: 30px; }
|
||||
.poll .poll-total .poll-sort { position: absolute; top: 2px; left: 0; width: 23px; height: 23px; background: url(../images/icons-synio.png) -161px 0 no-repeat; cursor: pointer; }
|
||||
.poll .poll-total .poll-sort.active { background-position: -184px 0; }
|
||||
|
||||
/* Photoset */
|
||||
.topic.topic-type-photoset { }
|
||||
/**
|
||||
* Топик фотосет
|
||||
*
|
||||
* @type photoset
|
||||
* @file topics/topic.photoset.tpl
|
||||
*/
|
||||
.topic.topic-type-photoset .topic-content { margin-bottom: 25px; }
|
||||
|
||||
/* Topic Talk */
|
||||
.topic.topic-type-talk header .topic-info { background: #f8fbfe; font-size: 11px; padding: 15px; border-radius: 5px; margin-bottom: 0; }
|
||||
/**
|
||||
* Топик ссылка
|
||||
*
|
||||
* @type link
|
||||
* @file topics/topic.link.tpl
|
||||
*/
|
||||
.topic-type-link .topic-header .topic-title a { color: #27964C; }
|
||||
|
||||
.topic.topic-type-talk .talk-recipients { padding: 15px; background: #f8fbfe; margin-bottom: 0; border-radius: 0; }
|
||||
.topic.topic-type-talk .talk-recipients-header { font-size: 11px; min-height: 0; }
|
||||
.topic.topic-type-talk .talk-recipients-content h3 { font-size: 16px; font-weight: normal; margin-bottom: 10px; }
|
||||
.topic.topic-type-talk .topic-footer .topic-info li.topic-info-favourite i { margin-right: 0; }
|
||||
.topic-type-link .topic-url { font-size: 11px; margin-bottom: 30px; padding-top: 10px; }
|
||||
.topic-type-link .topic-url a { color: #27964C; }
|
||||
.topic-type-link .topic-url a:hover { color: #f00; }
|
||||
|
||||
/* Topic Link */
|
||||
.topic.topic-type-link { }
|
||||
.topic.topic-type-link .topic-header .topic-title a { color: #27964C; }
|
||||
.topic.topic-type-link .topic-url { font-size: 11px; margin-bottom: 30px; padding-top: 10px; }
|
||||
.topic.topic-type-link .topic-url a { color: #27964C; }
|
||||
.topic.topic-type-link .topic-url a:hover { color: #f00; }
|
||||
|
||||
/* Topic Preview */
|
||||
.topic-preview { margin-top: 30px; }
|
||||
/**
|
||||
* Предпросмотр топика
|
||||
*
|
||||
* @file topics/topic_preview_X.tpl
|
||||
*/
|
||||
.topic-preview { margin-top: 30px; }
|
||||
.topic-preview .profile-page-header { border-top: 1px solid #ddd; }
|
||||
.topic-preview .topic { margin-bottom: 20px; }
|
||||
.topic-preview .topic { margin-bottom: 20px; }
|
||||
|
||||
.vote-topic-info li { margin-bottom: 3px; }
|
||||
/**
|
||||
* Личное сообщение
|
||||
* TODO: Move to talk.css
|
||||
*
|
||||
* @file actions/ActionTalk/read.tpl
|
||||
*/
|
||||
.topic.topic-type-talk header .topic-info { background: #f8fbfe; font-size: 11px; padding: 15px; border-radius: 5px; margin-bottom: 0; }
|
||||
|
||||
.topic.topic-type-talk .talk-recipients { padding: 15px; background: #f8fbfe; margin-bottom: 0; border-radius: 0; }
|
||||
.topic.topic-type-talk .talk-recipients-header { font-size: 11px; min-height: 0; }
|
||||
.topic.topic-type-talk .talk-recipients-content h3 { font-size: 16px; font-weight: normal; margin-bottom: 10px; }
|
||||
|
||||
.topic.topic-type-talk .topic-footer .topic-info li.topic-info-favourite i { margin-right: 0; }
|
||||
Loading…
Reference in a new issue