mirror of
https://github.com/Oreolek/ifhub.club.git
synced 2024-07-09 01:44:25 +03:00
86 lines
4.7 KiB
CSS
86 lines
4.7 KiB
CSS
/* Update button */
|
|
.update {
|
|
padding: 8px;
|
|
float: right;
|
|
position: fixed;
|
|
top: 220px;
|
|
right: 0;
|
|
z-index: 100;
|
|
text-align: center;
|
|
background: #FAFBFB;
|
|
border-radius: 10px 0 0 10px;
|
|
border-top: 1px solid #eee;
|
|
border-bottom: 1px solid #ddd;
|
|
border-left: 1px solid #ddd;
|
|
_position: absolute;
|
|
_top: expression( eval(document.documentElement.scrollTop) + 220 +"px" );
|
|
}
|
|
.update .update-comments { width: 26px; height: 26px; cursor: pointer; background: url(../images/update.gif) no-repeat; }
|
|
.update .update-comments.active { background: url(../images/update_act.gif) no-repeat; }
|
|
.update .new-comments { border-top: 1px solid #ececed; color: #3cc600; padding-top: 7px; margin-top: 3px; cursor: pointer; }
|
|
|
|
|
|
/* Comments */
|
|
.comments { margin-bottom: 10px; }
|
|
.comments .comment-wrapper { overflow: hidden; zoom: 1; position: relative; }
|
|
.comments .comment-wrapper .comment-wrapper { padding-left: 25px; }
|
|
|
|
.comment-preview { padding: 5px 10px; margin-bottom: 5px; background: #fafafa; }
|
|
.comments-header { padding-left: 20px; margin-bottom: 20px; }
|
|
.comments-header h3 { font-size: 18px; font-family: Verdana, sans-serif; margin-bottom: 3px; }
|
|
.comments-header a.rss { background: url("http://livestreet.ru/templates/skin/new/images/icons.gif") no-repeat scroll -70px -247px transparent; margin-right: 20px; padding-left: 14px; }
|
|
|
|
/* Comment */
|
|
.comment { margin-bottom: 20px; position: relative; padding-left: 20px; }
|
|
.comment .deleted { padding: 5px 10px; color: #777; background: #f4f4f4; }
|
|
.comment .folding { width: 10px; height: 10px; position: absolute; top: 14px; left: 4px; background: url(../images/icons.gif) -20px -210px no-repeat; cursor: pointer; }
|
|
.comment .folding.folded { background-position: 0 -210px; }
|
|
.comment .goto-comment-child { display: none; }
|
|
.comment .voting { position: absolute; top: 5px; right: 0; width: 48px; height: 30px; }
|
|
.comment .voting .plus { position: absolute; top: 0; left: 0; }
|
|
.comment .voting .minus { position: absolute; top: 16px; left: 0; }
|
|
.comment .voting .total { position: absolute; top: 4px; right: 0; font-weight: normal; color: #333; padding: 0; }
|
|
.comment .voting.positive .total { color: #390; }
|
|
|
|
/* Comment Highlights */
|
|
.comment .content { background: #f7f7f7; }
|
|
.comment.deleted .content { background: #c5c5c5; }
|
|
.comment.deleted.not-admin .content { padding: 5px 10px; min-height: 0; background: #f7f7f7; color: #888; }
|
|
.comment.self .content { background: #fdf5e6; }
|
|
.comment.new .content { background: #e4fbf1; }
|
|
.comment.current .content { background: #cdf5a6; }
|
|
|
|
/* Info Block */
|
|
.comment .info { overflow: hidden; zoom: 1; font-size: 10px; line-height: 14px; margin-bottom: 5px; position: relative; padding: 12px 0 0 31px; }
|
|
.comment .info li { float: left; margin-right: 10px; }
|
|
.comment .info li.avatar { padding-top: 0; position: absolute; top: 0; left: 0; }
|
|
.comment .info li.avatar img { vertical-align: top; }
|
|
.comment .info li.username a { font-weight: bold; text-decoration: none; color: #333; font-size: 11px; line-height: 11px; position: absolute; top: -1px; left: 31px; }
|
|
.comment .info li.date { color: #999; margin-right: 25px; }
|
|
.comment .info li a.comment-link { float: left; width: 9px; height: 11px; background: url(../images/icons.gif) -10px -230px no-repeat; position: relative; top: 3px; }
|
|
.comment .info li a.favourite { float: left; width: 10px; height: 8px; background: url(../images/icons.gif) -40px -40px no-repeat; position: relative; top: 4px; }
|
|
.comment .info li a.favourite.active { background-position: -50px -40px; }
|
|
.comment .info li a.favourite:hover { background-position: -50px -40px; }
|
|
.comment .info li a { }
|
|
|
|
/* Content */
|
|
.comment .content { color: #000; padding-right: 20px; margin: 0 30px 10px 0; border: 1px solid #DDDEDE; background: #f7f7f7; border-radius: 7px; padding: 8px 10px 9px; }
|
|
|
|
/* Actions */
|
|
.comment .actions { font-size: 11px; }
|
|
.comment .actions a { text-decoration: none; }
|
|
|
|
/* Comment List */
|
|
.comments.comment-list .path { padding-bottom: 3px; font-size: 11px; font-weight: bold; color: #aaa; }
|
|
.comments.comment-list .path .blog-name { color: #999; }
|
|
.comments.comment-list .path .comments-total { color: #78C658; background: url(../images/comment-total.gif) no-repeat 0 4px; padding-left: 10px; margin-left: 10px; font-weight: normal; text-decoration: none; }
|
|
.comments.comment-list .comment { padding-left: 0; }
|
|
|
|
/* Reply Form */
|
|
.reply-area { padding-left: 20px; }
|
|
|
|
.reply { padding-bottom: 10px; padding-top: 10px; }
|
|
.reply .markItUp { width: 98%; }
|
|
.reply .markItUpHeader { width: 98%; }
|
|
.reply textarea { height: 70px; width: 98%; }
|
|
.reply textarea.loader { background: #f7f7f7 url(../images/loader.gif) no-repeat center;} |