Comments styling and CSS minimizing.
This commit is contained in:
parent
4819d25219
commit
b12cf93083
|
@ -38,7 +38,7 @@ function comicpress_avatar() {
|
||||||
$id_or_email = get_comment_author_email();
|
$id_or_email = get_comment_author_email();
|
||||||
if (empty($id_or_email)) $id_or_email = get_comment_author();
|
if (empty($id_or_email)) $id_or_email = get_comment_author();
|
||||||
if(function_exists('comicpress_get_avatar') && $comment_type != 'pingback' && $comment_type != 'trackback' ) {
|
if(function_exists('comicpress_get_avatar') && $comment_type != 'pingback' && $comment_type != 'trackback' ) {
|
||||||
echo str_replace("alt='", "alt='".wp_specialchars(get_comment_author(), 1)."' title='".wp_specialchars(get_comment_author(), 1), comicpress_get_avatar($id_or_email, 72));
|
echo str_replace("alt='", "alt='".wp_specialchars(get_comment_author(), 1)."' title='".wp_specialchars(get_comment_author(), 1), comicpress_get_avatar($id_or_email, 80));
|
||||||
} else {
|
} else {
|
||||||
if ($comment_type == 'pingback' || $comment_type == 'trackback') {
|
if ($comment_type == 'pingback' || $comment_type == 'trackback') {
|
||||||
echo '<img src="'.get_template_directory_uri().'/'.$avatar.'" class="photo trackping" />';
|
echo '<img src="'.get_template_directory_uri().'/'.$avatar.'" class="photo trackping" />';
|
||||||
|
@ -129,34 +129,36 @@ function comicpress_comments_callback($comment, $args, $depth) {
|
||||||
|
|
||||||
<div class="comment-content">
|
<div class="comment-content">
|
||||||
|
|
||||||
<div class="comment-meta-data">
|
|
||||||
|
|
||||||
<div class="comment-author vcard">
|
<div class="comment-author vcard">
|
||||||
<?php comicpress_comment_author(); ?><br />
|
<?php comicpress_comment_author(); ?>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="comment-meta-data">
|
||||||
|
|
||||||
<span class="comment-time" title="<?php comment_date(__('l, F jS, Y, g:i a','comicpress')); ?>">
|
<span class="comment-time" title="<?php comment_date(__('l, F jS, Y, g:i a','comicpress')); ?>">
|
||||||
<?php printf(__('%1$s at %2$s','comicpress'), get_comment_date(), get_comment_time()); ?>
|
<?php printf(__('%1$s | %2$s','comicpress'), get_comment_date(), get_comment_time()); ?>
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<span class="separator">|</span> <a class="permalink" href="#comment-<?php echo str_replace('&', '&', get_comment_ID()); ?>" title="<?php _e('Permalink to comment','comicpress'); ?>"><?php _e('Permalink','comicpress'); ?></a>
|
<span class="comment-permalink">
|
||||||
<?php
|
<span class="separator">|</span> <a href="#comment-<?php echo str_replace('&', '&', get_comment_ID()); ?>" title="<?php _e('Permalink to comment','comicpress'); ?>"><?php _e('#','comicpress'); ?></a>
|
||||||
if((get_option('thread_comments')) && ($args['type'] == 'all' || get_comment_type() == 'comment')) :
|
</span>
|
||||||
|
|
||||||
|
<?php if((get_option('thread_comments')) && ($args['type'] == 'all' || get_comment_type() == 'comment')) :
|
||||||
$max_depth = get_option('thread_comments_depth');
|
$max_depth = get_option('thread_comments_depth');
|
||||||
echo comment_reply_link(array(
|
echo comment_reply_link(array(
|
||||||
'reply_text' => __('Reply','comicpress'),
|
'reply_text' => __('Reply','comicpress'),
|
||||||
'login_text' => __('Log in to reply.','comicpress'),
|
'login_text' => __('Login to Reply','comicpress'),
|
||||||
'depth' => $depth,
|
'depth' => $depth,
|
||||||
'max_depth' => $max_depth,
|
'max_depth' => $max_depth,
|
||||||
'before' => '<span class="separator">|</span> <span class="comment-reply-link">',
|
'before' => '<span class="comment-reply-link"><span class="separator">|</span> ',
|
||||||
'after' => '</span>'
|
'after' => '</span>'
|
||||||
));
|
));
|
||||||
endif;
|
endif; ?>
|
||||||
?>
|
|
||||||
<?php edit_comment_link('<span class="edit">'.__('Edit','comicpress').'</span>',' <span class="separator">|</span> ',''); ?>
|
<?php edit_comment_link('<span class="edit">'.__('Edit','comicpress').'</span>',' <span class="separator">|</span> ',''); ?>
|
||||||
|
|
||||||
<?php if($comment->comment_approved == '0') : ?>
|
<?php if($comment->comment_approved == '0') : ?>
|
||||||
<div class="comment-moderated"><em><?php _e('Your comment is awaiting moderation.','comicpress'); ?></em></div>
|
<div class="comment-moderated"><?php _e('Your comment is awaiting moderation.','comicpress'); ?></div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
@ -166,8 +168,11 @@ function comicpress_comments_callback($comment, $args, $depth) {
|
||||||
<?php comment_text(); ?>
|
<?php comment_text(); ?>
|
||||||
</div>
|
</div>
|
||||||
<?php } ?>
|
<?php } ?>
|
||||||
<div class="clear"></div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="clear"></div>
|
||||||
|
|
||||||
<?php }
|
<?php }
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
|
@ -250,7 +250,7 @@
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tr class="alternate">
|
<tr class="alternate">
|
||||||
<th scope="row"><label for="blogposts_with_comic"><?php _e('Show all blog posts up until the next comic post on single pages?','comicpress'); ?></label></th>
|
<th scope="row"><label for="blogposts_with_comic"><?php _e('Show all blog posts up until the next comic post on single pages','comicpress'); ?></label></th>
|
||||||
<td>
|
<td>
|
||||||
<input id="blogposts_with_comic" name="blogposts_with_comic" type="checkbox" value="1" <?php checked(true, $comicpress_options['blogposts_with_comic']); ?> />
|
<input id="blogposts_with_comic" name="blogposts_with_comic" type="checkbox" value="1" <?php checked(true, $comicpress_options['blogposts_with_comic']); ?> />
|
||||||
</td>
|
</td>
|
||||||
|
|
130
style.css
130
style.css
|
@ -48,7 +48,7 @@ img {
|
||||||
}
|
}
|
||||||
|
|
||||||
small {
|
small {
|
||||||
font-size: 10px;
|
font-size: 11px;
|
||||||
}
|
}
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
|
@ -68,12 +68,11 @@ blockquote {
|
||||||
border-color: #000;
|
border-color: #000;
|
||||||
}
|
}
|
||||||
|
|
||||||
cite {
|
blockquote cite {
|
||||||
margin: 5px 0 0;
|
margin: 5px 0 0;
|
||||||
display: block;
|
display: block;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-family: 'Arial', sans-serif;
|
font-family: 'Arial', sans-serif;
|
||||||
font-style: normal;
|
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -472,7 +471,7 @@ h3, h3 a {
|
||||||
|
|
||||||
.post-info, .post-comic-info {
|
.post-info, .post-comic-info {
|
||||||
padding-bottom: 5px;
|
padding-bottom: 5px;
|
||||||
font-size: 10px;
|
font-size: 11px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-text, .post-comic-text {
|
.post-text, .post-comic-text {
|
||||||
|
@ -594,79 +593,85 @@ h3, h3 a {
|
||||||
|
|
||||||
/* COMMENTS */
|
/* COMMENTS */
|
||||||
|
|
||||||
#comment-wrapper {
|
.comment {
|
||||||
margin-top: 5px;
|
display: block;
|
||||||
|
margin-top: 20px;
|
||||||
}
|
}
|
||||||
.comment {
|
|
||||||
padding: 2px;
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
|
|
||||||
.comment .comment {
|
.comment .comment {
|
||||||
margin-left: 30px;
|
margin: 10px 0 0 90px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment .avatar {
|
.comment .comment .comment {
|
||||||
margin: 0;
|
margin-left: 45px;
|
||||||
padding: 0;
|
}
|
||||||
|
|
||||||
|
.comment-avatar {
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
float: left;
|
float: left;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.comment .comment .comment-avatar {
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment .comment .avatar {
|
.comment .comment .avatar {
|
||||||
width: 48px;
|
width: 40px;
|
||||||
height: 48px;
|
height: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment .trackping {
|
.comment-author cite {
|
||||||
float: left;
|
font-weight: bold;
|
||||||
}
|
font-style: normal;
|
||||||
|
|
||||||
#comment-wrapper #respond {
|
|
||||||
padding: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.comment-note {
|
|
||||||
width: 400px;
|
|
||||||
display: block;
|
|
||||||
font-size: 11px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.comment-text {
|
|
||||||
font-size: 13px;
|
|
||||||
padding: 10px 5px 5px;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.comment-author {
|
|
||||||
padding-left: 5px;
|
|
||||||
display: inline;
|
|
||||||
}
|
|
||||||
|
|
||||||
.comment-author cite {
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
display: inline;
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.comment .comment .comment-author cite {
|
.comment .comment .comment-author cite {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment-time {
|
.comment .comment .comment-author {
|
||||||
padding-left: 5px;
|
display: inline;
|
||||||
}
|
|
||||||
|
|
||||||
.comment-moderated em {
|
|
||||||
color: #f00;
|
|
||||||
padding-left: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
li.comment {
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment-meta-data {
|
.comment-meta-data {
|
||||||
|
font-size: 11px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.comment .comment .comment-meta-data {
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.comment .comment .comment-permalink {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.comment-moderated {
|
||||||
|
font-style: italic;
|
||||||
|
font-size: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.comment-content {
|
||||||
|
margin-left: 90px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.comment .comment .comment-content {
|
||||||
|
margin-left: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.comment-text p {
|
||||||
|
padding: 5px 0 0 0;
|
||||||
|
margin: 0;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.comment-note {
|
||||||
|
width: 400px;
|
||||||
|
display: block;
|
||||||
|
font-size: 11px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment-meta {
|
.comment-meta {
|
||||||
|
@ -674,10 +679,6 @@ h3, h3 a {
|
||||||
border-left: 1px solid #000;
|
border-left: 1px solid #000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.says {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.commentsrsslink {
|
.commentsrsslink {
|
||||||
float: right;
|
float: right;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
|
@ -704,7 +705,6 @@ h3, h3 a {
|
||||||
ol.commentlist {
|
ol.commentlist {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 10px 0 30px 0;
|
padding: 10px 0 30px 0;
|
||||||
font-size: 11px;
|
|
||||||
list-style: none;
|
list-style: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -863,7 +863,7 @@ ul.children {
|
||||||
}
|
}
|
||||||
|
|
||||||
#wp-calendar th {
|
#wp-calendar th {
|
||||||
font-size: 10px;
|
font-size: 11px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
@ -1201,7 +1201,7 @@ li.pingback div p, li.trackback div p {
|
||||||
display: block;
|
display: block;
|
||||||
float: left;
|
float: left;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 10px;
|
font-size: 11px;
|
||||||
line-height: 13px;
|
line-height: 13px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1212,7 +1212,7 @@ li.pingback div p, li.trackback div p {
|
||||||
display: block;
|
display: block;
|
||||||
float: left;
|
float: left;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 10px;
|
font-size: 11px;
|
||||||
line-height: 13px;
|
line-height: 13px;
|
||||||
border: 1px solid #999;
|
border: 1px solid #999;
|
||||||
}
|
}
|
||||||
|
|
|
@ -356,17 +356,17 @@ class GraphicalNavigationWidget extends WP_Widget {
|
||||||
);
|
);
|
||||||
|
|
||||||
$title_defaults = array(
|
$title_defaults = array(
|
||||||
'first_title' => __('‹‹ First', 'comicpress'),
|
'first_title' => __('First', 'comicpress'),
|
||||||
'story_prev_title' => __('Chapter', 'comicpress'),
|
'story_prev_title' => __('Chapter', 'comicpress'),
|
||||||
'story_next_title' => __('Chapter', 'comicpress'),
|
'story_next_title' => __('Chapter', 'comicpress'),
|
||||||
'story_prev_in_title' => __('In Chapter', 'comicpress'),
|
'story_prev_in_title' => __('In Chapter', 'comicpress'),
|
||||||
'story_next_in_title' => __('In Chapter', 'comicpress'),
|
'story_next_in_title' => __('In Chapter', 'comicpress'),
|
||||||
'previous_title' => __('‹ Previous', 'comicpress'),
|
'previous_title' => __('Previous', 'comicpress'),
|
||||||
'random_title' => __('Random', 'comicpress'),
|
'random_title' => __('Random', 'comicpress'),
|
||||||
'archives_title' => __('Archives', 'comicpress'),
|
'archives_title' => __('Archives', 'comicpress'),
|
||||||
'comments_title' => __('Comments', 'comicpress'),
|
'comments_title' => __('Comments', 'comicpress'),
|
||||||
'next_title' => __('Next ›', 'comicpress'),
|
'next_title' => __('Next', 'comicpress'),
|
||||||
'last_title' => __('Last ››', 'comicpress'),
|
'last_title' => __('Last', 'comicpress'),
|
||||||
'buyprint_title' => __('Buy Print', 'comicpress')
|
'buyprint_title' => __('Buy Print', 'comicpress')
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue