From b12cf93083c541e64e206c328c42ed7889aa7fc5 Mon Sep 17 00:00:00 2001 From: mindfaucet Date: Sun, 29 Nov 2009 22:48:02 -0700 Subject: [PATCH] Comments styling and CSS minimizing. --- functions/comment-functions.php | 65 ++++++----- options/postoptions.php | 2 +- style.css | 156 +++++++++++++------------- widgets/GraphicalNavigationWidget.inc | 12 +- 4 files changed, 120 insertions(+), 115 deletions(-) diff --git a/functions/comment-functions.php b/functions/comment-functions.php index 472357a..09abd52 100644 --- a/functions/comment-functions.php +++ b/functions/comment-functions.php @@ -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 ''; @@ -128,46 +128,51 @@ function comicpress_comments_callback($comment, $args, $depth) {
+ +
+ +
- -
-
-
- + - + - | - + | + + + __('Reply','comicpress'), - 'login_text' => __('Log in to reply.','comicpress'), + 'login_text' => __('Login to Reply','comicpress'), 'depth' => $depth, 'max_depth' => $max_depth, - 'before' => '| ', + 'before' => '| ', 'after' => '' - )); - endif; - ?> - '.__('Edit','comicpress').'',' | ',''); ?> - - comment_approved == '0') : ?> -
- - -
- - -
- + )); + endif; ?> + + '.__('Edit','comicpress').'',' | ',''); ?> + + comment_approved == '0') : ?> +
+ +
- -
+ + +
+ +
+ +
+ +
+ - + /> diff --git a/style.css b/style.css index 5148486..3e8922c 100644 --- a/style.css +++ b/style.css @@ -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; } diff --git a/widgets/GraphicalNavigationWidget.inc b/widgets/GraphicalNavigationWidget.inc index 8316407..3835838 100644 --- a/widgets/GraphicalNavigationWidget.inc +++ b/widgets/GraphicalNavigationWidget.inc @@ -356,17 +356,17 @@ class GraphicalNavigationWidget extends WP_Widget { ); $title_defaults = array( - 'first_title' => __('‹‹ 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' => __('‹ 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 ›', 'comicpress'), - 'last_title' => __('Last ››', 'comicpress'), + 'next_title' => __('Next', 'comicpress'), + 'last_title' => __('Last', 'comicpress'), 'buyprint_title' => __('Buy Print', 'comicpress') );