Comments styling and CSS minimizing.

This commit is contained in:
mindfaucet 2009-11-29 22:48:02 -07:00
parent 4819d25219
commit b12cf93083
4 changed files with 120 additions and 115 deletions

View File

@ -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('&', '&amp;', 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('&', '&amp;', 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 }
/** /**

View File

@ -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
View File

@ -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;
} }

View File

@ -356,17 +356,17 @@ class GraphicalNavigationWidget extends WP_Widget {
); );
$title_defaults = array( $title_defaults = array(
'first_title' => __('&lsaquo;&lsaquo; 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' => __('&lsaquo; 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 &rsaquo;', 'comicpress'), 'next_title' => __('Next', 'comicpress'),
'last_title' => __('Last &rsaquo;&rsaquo;', 'comicpress'), 'last_title' => __('Last', 'comicpress'),
'buyprint_title' => __('Buy Print', 'comicpress') 'buyprint_title' => __('Buy Print', 'comicpress')
); );