mirror of
https://github.com/Oreolek/ifhub.club.git
synced 2024-07-08 09:24:25 +03:00
75 lines
3.4 KiB
CSS
75 lines
3.4 KiB
CSS
/* --------------------------------------------
|
||
КОММЕНТАРИИ
|
||
-------------------------------------------- */
|
||
|
||
/* Блок с комментариями */
|
||
.comments-header { margin-bottom: 20px; }
|
||
.comments-header h3 { font-size: 24px; margin-bottom: 5px; }
|
||
|
||
.comments { margin-bottom: 30px; }
|
||
|
||
.comment-wrapper { position: relative; }
|
||
.comment-wrapper .comment-wrapper { padding-left: 25px; }
|
||
|
||
.comment-preview { padding: 5px 10px 6px; margin-bottom: 10px; background: #fafafa; border: 1px solid #eee; border-radius: 3px; }
|
||
.comment-preview { font-size: 13px; line-height: 18px; }
|
||
|
||
|
||
/* Стили для списка комментариев на странице http://ваш_сайт/comments/ */
|
||
.comments.comment-list .comment { margin-bottom: 15px; }
|
||
.comments.comment-list .comment-path { background: #eee; padding: 5px 10px 6px; border-top: 1px solid #ddd; }
|
||
.comments.comment-list .comment-path .blog-name { color: #777; }
|
||
|
||
|
||
/* Комментарий */
|
||
.comment { min-height: 48px; margin-bottom: 10px; padding: 10px 10px 10px 68px; position: relative; }
|
||
.comment .deleted { padding: 5px 10px; color: #777; background: #f4f4f4; }
|
||
.comment .comment-avatar { position: absolute; top: 10px; left: 10px; }
|
||
|
||
|
||
/* Типы комментариев
|
||
*
|
||
* deleted - удаленный комментарий
|
||
* self - ваш комментарий
|
||
* new - новый, непрочитанный комментарий
|
||
* 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); }
|
||
|
||
.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 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.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; }
|
||
.comment .comment-info li.goto-comment-child { display: none; }
|
||
|
||
|
||
/* Content */
|
||
.comment .comment-content { margin-bottom: 10px; }
|
||
.comment .comment-content.text { font-size: 13px; }
|
||
.comment .comment-content.text blockquote { background: #fff; border-color: #ccc; padding: 5px 10px; margin-bottom: 5px; }
|
||
|
||
|
||
/* Actions */
|
||
.comment .comment-actions li { display: inline; margin-right: 10px; }
|
||
|
||
|
||
/* Форма комментирования */
|
||
.reply-header { font-size: 20px; line-height: 1.3em; margin-bottom: 15px; }
|
||
|
||
.reply { padding-bottom: 10px; }
|
||
.reply textarea { height: 100px; }
|
||
.reply textarea.loader { background: #f7f7f7 url(../images/loader.gif) no-repeat center;} |