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();
if (empty($id_or_email)) $id_or_email = get_comment_author();
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 {
if ($comment_type == 'pingback' || $comment_type == 'trackback') {
echo '<img src="'.get_template_directory_uri().'/'.$avatar.'" class="photo trackping" />';
@ -128,46 +128,51 @@ function comicpress_comments_callback($comment, $args, $depth) {
</div>
<div class="comment-content">
<div class="comment-author vcard">
<?php comicpress_comment_author(); ?>
</div>
<div class="comment-meta-data">
<div class="comment-author vcard">
<?php comicpress_comment_author(); ?><br />
</div>
<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 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>
<?php
if((get_option('thread_comments')) && ($args['type'] == 'all' || get_comment_type() == 'comment')) :
$max_depth = get_option('thread_comments_depth');
echo comment_reply_link(array(
<span class="comment-permalink">
<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>
</span>
<?php if((get_option('thread_comments')) && ($args['type'] == 'all' || get_comment_type() == 'comment')) :
$max_depth = get_option('thread_comments_depth');
echo comment_reply_link(array(
'reply_text' => __('Reply','comicpress'),
'login_text' => __('Log in to reply.','comicpress'),
'login_text' => __('Login to Reply','comicpress'),
'depth' => $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>'
));
endif;
?>
<?php edit_comment_link('<span class="edit">'.__('Edit','comicpress').'</span>',' <span class="separator">|</span> ',''); ?>
<?php if($comment->comment_approved == '0') : ?>
<div class="comment-moderated"><em><?php _e('Your comment is awaiting moderation.','comicpress'); ?></em></div>
<?php endif; ?>
</div>
<?php if (get_comment_type() == 'comment') { ?>
<div class="comment-text">
<?php comment_text(); ?>
));
endif; ?>
<?php edit_comment_link('<span class="edit">'.__('Edit','comicpress').'</span>',' <span class="separator">|</span> ',''); ?>
<?php if($comment->comment_approved == '0') : ?>
<div class="comment-moderated"><?php _e('Your comment is awaiting moderation.','comicpress'); ?></div>
<?php endif; ?>
</div>
<?php } ?>
<div class="clear"></div>
<?php if (get_comment_type() == 'comment') { ?>
<div class="comment-text">
<?php comment_text(); ?>
</div>
<?php } ?>
</div>
<div class="clear"></div>
<?php }
/**

View File

@ -250,7 +250,7 @@
</tr>
</thead>
<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>
<input id="blogposts_with_comic" name="blogposts_with_comic" type="checkbox" value="1" <?php checked(true, $comicpress_options['blogposts_with_comic']); ?> />
</td>

156
style.css
View File

@ -48,7 +48,7 @@ img {
}
small {
font-size: 10px;
font-size: 11px;
}
hr {
@ -68,12 +68,11 @@ blockquote {
border-color: #000;
}
cite {
blockquote cite {
margin: 5px 0 0;
display: block;
font-weight: bold;
font-family: 'Arial', sans-serif;
font-style: normal;
font-size: 12px;
}
@ -472,7 +471,7 @@ h3, h3 a {
.post-info, .post-comic-info {
padding-bottom: 5px;
font-size: 10px;
font-size: 11px;
}
.post-text, .post-comic-text {
@ -594,90 +593,92 @@ h3, h3 a {
/* COMMENTS */
#comment-wrapper {
margin-top: 5px;
.comment {
display: block;
margin-top: 20px;
}
.comment {
padding: 2px;
clear: both;
}
.comment .comment {
margin-left: 30px;
margin: 10px 0 0 90px;
}
.comment .avatar {
margin: 0;
padding: 0;
float: left;
.comment .comment .comment {
margin-left: 45px;
}
.comment .comment .avatar {
width: 48px;
height: 48px;
}
.comment .trackping {
float: left;
}
#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;
display: inline;
}
.comment .comment .comment-author cite {
font-size: 14px;
}
.comment-time {
padding-left: 5px;
}
.comment-moderated em {
color: #f00;
padding-left: 5px;
}
li.comment {
margin-top: 10px;
}
.comment-meta-data {
.comment-avatar {
width: 80px;
height: 80px;
float: left;
overflow: hidden;
}
.comment .comment .comment-avatar {
width: 40px;
height: 40px;
}
.comment .comment .avatar {
width: 40px;
height: 40px;
}
.comment-author cite {
font-weight: bold;
font-style: normal;
font-size: 16px;
}
.comment .comment .comment-author cite {
font-size: 14px;
}
.comment .comment .comment-author {
display: inline;
}
.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 {
display: inline;
border-left: 1px solid #000;
}
.says {
display: none;
}
.commentsrsslink {
float: right;
font-size: 11px;
@ -704,7 +705,6 @@ h3, h3 a {
ol.commentlist {
margin: 0;
padding: 10px 0 30px 0;
font-size: 11px;
list-style: none;
}
@ -863,7 +863,7 @@ ul.children {
}
#wp-calendar th {
font-size: 10px;
font-size: 11px;
font-weight: normal;
text-align: center;
}
@ -1201,7 +1201,7 @@ li.pingback div p, li.trackback div p {
display: block;
float: left;
text-align: center;
font-size: 10px;
font-size: 11px;
line-height: 13px;
}
@ -1212,7 +1212,7 @@ li.pingback div p, li.trackback div p {
display: block;
float: left;
text-align: center;
font-size: 10px;
font-size: 11px;
line-height: 13px;
border: 1px solid #999;
}

View File

@ -356,17 +356,17 @@ class GraphicalNavigationWidget extends WP_Widget {
);
$title_defaults = array(
'first_title' => __('&lsaquo;&lsaquo; First', 'comicpress'),
'first_title' => __('First', 'comicpress'),
'story_prev_title' => __('Chapter', 'comicpress'),
'story_next_title' => __('Chapter', 'comicpress'),
'story_prev_in_title' => __('In Chapter', 'comicpress'),
'story_next_in_title' => __('In Chapter', 'comicpress'),
'previous_title' => __('&lsaquo; Previous', 'comicpress'),
'story_prev_in_title' => __('In Chapter', 'comicpress'),
'story_next_in_title' => __('In Chapter', 'comicpress'),
'previous_title' => __('Previous', 'comicpress'),
'random_title' => __('Random', 'comicpress'),
'archives_title' => __('Archives', 'comicpress'),
'comments_title' => __('Comments', 'comicpress'),
'next_title' => __('Next &rsaquo;', 'comicpress'),
'last_title' => __('Last &rsaquo;&rsaquo;', 'comicpress'),
'next_title' => __('Next', 'comicpress'),
'last_title' => __('Last', 'comicpress'),
'buyprint_title' => __('Buy Print', 'comicpress')
);