1
0
Fork 0
mirror of https://github.com/Oreolek/ifhub.club.git synced 2024-07-16 13:24:26 +03:00
ifhub.club/application/frontend/skin/developer/assets/css/topic.css
2014-07-30 17:21:12 +07:00

71 lines
2.3 KiB
CSS

/**
* Топики
*
* @template topics/*.tpl
* @scripts <frontend>/common/js/topics.js
*
* @license GNU General Public License, version 2
* @copyright 2013 OOO "ЛС-СОФТ" {@link http://livestreetcms.com}
* @author Denis Shakhov <denis.shakhov@gmail.com>
*/
/**
* Основные стили
*/
.topic { overflow: hidden; zoom: 1; margin-bottom: 50px; }
.topic:last-child { margin-bottom: 0; }
/**
* Шапка
*/
.article-header { margin-bottom: 25px; }
.article-header .article-title { font: 400 32px/1.3em "Open Sans", sans-serif; margin: 0 0 15px; }
.article-header .article-title a { text-decoration: none; }
.article-header .article-title a:visited { color: #000; }
.article-header .article-title i { position: relative; top: 8px; cursor: help; }
.article-header .article-info { color: #777; margin-bottom: 15px; overflow: hidden; }
.article-header .article-info-item { float: left; margin-right: 15px; }
/**
* Содержимое топика
*/
.article-content { margin-bottom: 20px; }
.article-content.text { color: #333; font-size: 15px; line-height: 1.6em; }
/**
* Подвал
*/
.article-footer .article-info-item { float: left; padding: 8px; margin-right: 20px; }
.article-info a { text-decoration: none; }
.article-info a:hover { text-decoration: underline; }
/* Автор */
.article-info-item.article-info-item--author { padding: 2px; }
.article-info-item .user-item-avatar-link:hover { text-decoration: none; }
.article-info-item .user-item-avatar { width: 30px; height: 30px; }
.article-info-item .user-item-name { color: #333; position: relative; top: 2px; /* TODO: Fix */; }
/* Ссылка на комментарии */
.article-info-item.article-info-item--comments a span { color: #777; }
/* Голосование */
.article-info-item.article-info-item--vote { padding: 0; }
/**
* Предпросмотр топика
*
* @template topics/topic_preview_X.tpl
*/
.topic-preview { margin-top: 30px; border: 1px solid #eee; }
.topic-preview-header { padding: 20px 30px; background: #fafafa; }
.topic-preview-title { margin: 0; }
.topic-preview-body { padding: 30px; }
.topic-preview-footer { padding: 0 30px 30px; }