Skip to:
Content

BuddyPress.org

Changeset 2204


Ignore:
Timestamp:
12/18/2009 02:28:54 PM (17 years ago)
Author:
apeatling
Message:

Updated blog styles.

Location:
trunk/bp-themes/bp-default
Files:
5 edited

Legend:

Unmodified
Added
Removed

  • trunk/bp-themes/bp-default/_inc/css/default.css

    r2201 r2204  
    13711371        }
    13721372
    1373         ul#topic-post-list li div.poster-meta {
     1373        ul#topic-post-list li divdiv.poster-meta {
    13741374                margin-bottom: 10px;
    13751375                color: #888;
    13761376        }
    13771377
    1378         ul#topic-post-list li div.post-content {
     1378        ul#topic-post-list li divdiv.post-content {
    13791379                margin-left: 54px;
    13801380        }
    … …  
    14081408-------------------------------------------------------------- */
    14091409
    1410 .post {
    1411         margin: 0 0 40px 0;
    1412 }
    1413         .post h3 {
     1410div.post {
     1411        margin: 0 0 60px 0;
     1412}
     1413        div.post div.author-box, div.comment-avatar-box {
     1414                background: #f0f0f0;
     1415                padding: 10px;
     1416                float: left;
     1417                margin: 0 15px 15px 0;
     1418                text-align: center;
     1419                width: 70px;
     1420                -moz-border-radius: 3px;
     1421                -webkit-border-radius: 3px;
     1422                border-radius: 3px;
     1423        }
     1424                div.post div.author-box img, div.comment-avatar-box img {
     1425                        float: none;
     1426                        border: 4px solid #fff;
     1427                }
     1428
     1429        div.post div.post-content, div.comment-content {
     1430                margin-left: 105px;
     1431        }
     1432
     1433        div.post h3 {
    14141434                font-size: 24px;
    14151435                margin-bottom: 5px;
    1416         }
    1417                 .post h3 a {
     1436                line-height: 120%;
     1437        }
     1438                div.post h3 a {
    14181439                        text-decoration: none;
    14191440                        color: #666;
    … …  
    14211442                }
    14221443
    1423         .post p.date, .post p.postmetadata {
     1444        div.post p.date, div.post p.postmetadata, div.comment-meta, div.comment-options {
    14241445                color: #888;
    14251446                font-size: 11px;
    1426                 padding-bottom: 5px;
     1447                padding: 3px 0;
     1448                margin: 10px 0;
    14271449                border-bottom: 1px solid #e4e4e4;
    1428         }
    1429 
    1430         .post p.postmetadata {
    1431                 padding-top: 5px;
    14321450                border-top: 1px solid #e4e4e4;
    1433                 border-bottom: none;
     1451        }
     1452
     1453        div.post p.postmetadata {
    14341454                margin-top: 15px;
    14351455                overflow: hidden;
    14361456        }
    14371457
    1438         .post .tags { float: left; }
    1439         .post .comments { float: right; }
    1440 
    1441         .post img.wp-smiley { padding: 0 !important; margin: 0 !important; border: none !important; float: none !important; clear: none !important; }
    1442 
    1443         .post img.centered, img.aligncenter {
     1458        div.post .tags { float: left; }
     1459        div.post .comments { float: right; }
     1460
     1461        div.post img.wp-smiley { padding: 0 !important; margin: 0 !important; border: none !important; float: none !important; clear: none !important; }
     1462
     1463        div.post img.centered, img.aligncenter {
    14441464                display: block;
    14451465                margin-left: auto;
    … …  
    14471467        }
    14481468
    1449         .post img.alignright {
     1469        div.post img.alignright {
    14501470                padding: 4px;
    14511471                margin: 0 0 2px 7px;
    … …  
    14531473        }
    14541474
    1455         .post img.alignleft {
     1475        div.post img.alignleft {
    14561476                padding: 4px;
    14571477                margin: 0 7px 2px 0;
    … …  
    14701490                }
    14711491
    1472         .post .aligncenter, .post div.aligncenter {
     1492        div.post .aligncenter, div.post div.aligncenter {
    14731493                display: block;
    14741494                margin-left: auto;
    … …  
    14761496        }
    14771497
    1478         .post .wp-caption {
     1498        div.post .wp-caption {
    14791499                border: 1px solid #ddd;
    14801500                text-align: center;
    … …  
    14831503                margin: 10px 0;
    14841504                -moz-border-radius: 3px;
    1485                 -khtml-border-radius: 3px;
    14861505                -webkit-border-radius: 3px;
    14871506                border-radius: 3px;
    14881507        }
    14891508
    1490         .post .wp-caption img {
     1509        div.post .wp-caption img {
    14911510                margin: 0;
    14921511                padding: 0;
    … …  
    14941513        }
    14951514
    1496         .post dd.wp-caption p.wp-caption-text, .post .wp-caption p.wp-caption-text {
     1515        div.post dd.wp-caption p.wp-caption-text, div.post .wp-caption p.wp-caption-text {
    14971516                font-size: 0.9em;
    14981517                line-height: 17px;
    … …  
    15011520        }
    15021521
    1503         /* WordPress comment form styles */
    1504 
    1505         #commentform { padding: 1em 1.5em; }
    1506         #commentform textarea { width: 100%;}
    1507         #comment-textarea { float: right; width: 80%; }
    1508 
    1509         .comment-details { float: left; width: 20%; }
    1510         .comment-content { float: right; width: 80%; }
    1511 
    1512         .commentlist li {
    1513                 padding: 15px;
    1514                 background: #fff;
    1515                 margin-bottom: 1em;
    1516                         -moz-border-radius: 3px;
    1517                         -khtml-border-radius: 3px;
    1518                         -webkit-border-radius: 3px;
    1519                         border-radius: 3px;
    1520         }
    1521 
    1522                 .commentlist li.alt { background: #f0f0f0; }
    1523                 .commentlist li img.avatar {
    1524                         padding: 0;
    1525                         margin: 0 10px 10px 0;
    1526                         float: left;
    1527 
    1528                 }
    1529                 .commentlist li.alt img.avatar { border-color: #fff !important; }
    1530 
    1531         .commentmetadata {
    1532         font-size: 0.9em;
    1533         border-bottom: 1px solid #ddd;
    1534                 padding-bottom: 10px;
    1535                 margin-bottom: 15px;
    1536         }
    1537                 .commentmetadata a { color: #888; }
    1538 
    1539         #commentform input, #commentform textarea {
    1540                 margin: 0 5px 8px 0;
     1522/* > WordPress Blog Comment Styles
     1523-------------------------------------------------------------- */
     1524
     1525#trackbacks {
     1526        margin-top: 30px;
     1527}
     1528
     1529#comments h3, #trackbacks h3, #respond h3 {
     1530        font-size: 20px;
     1531        margin: 5px 0 25px 0;
     1532        font-weight: normal;
     1533        color: #555;
     1534}
     1535
     1536#comments span.title, #trackbacks span.title {
     1537        color: #aaa;
     1538}
     1539
     1540ol.commentlist li {
     1541        margin: 0 0 30px 0;
     1542}
     1543
     1544        div.comment-meta {
     1545                border-top: none;
     1546                padding-top: 0;
     1547        }
     1548
     1549        div.comment-meta h5 {
     1550                font-weight: normal;
     1551        }
     1552
     1553        div.comment-meta em {
     1554                float: right;
     1555        }
     1556
     1557        div.comment-options {
     1558                border-bottom: none;
    15411559        }
    15421560

  • trunk/bp-themes/bp-default/comments.php

    r2170 r2204  
    1010        ?>
    1111
    12         <div id="comments-template">
     12        <?php if ( have_comments() ) : ?>
    1313
    14                 <?php if ( have_comments() ) : ?>
     14                <div id="comments">
    1515
    16                         <div id="comments">
     16                        <?php
     17                        $numTrackBacks = 0; $numComments = 0;
     18                        foreach ( $comments as $comment ) if ( get_comment_type() != "comment") $numTrackBacks++; else $numComments++;
     19                        ?>
    1720
    18                                 <h3 id="comments-number" class="comments-header"><?php comments_number( sprintf( __('No responses to %1$s', 'buddypress'), the_title( '&#8220;', '&#8221;', false ) ), sprintf( __('One response to %1$s', 'buddypress'), the_title( '&#8220;', '&#8221;', false ) ), sprintf( __('%1$s responses to %2$s', 'buddypress'), '%', the_title( '&#8220;', '&#8221;', false ) ) ); ?></h3>
     21                        <span class="title"><?php the_title() ?></span>
     22                        <h3 id="comments"><?php comments_number( 'No Comments', 'One Comment', $numComments . ' Comments' );?></h3>
    1923
    20                                 <?php do_action( 'bp_before_blog_comment_list' ) ?>
     24                        <?php do_action( 'bp_before_blog_comment_list' ) ?>
    2125
    22                                 <ol class="commentlist">
    23                                         <?php wp_list_comments( array( 'style' => 'ol', 'type' => 'all' ) ); ?>
    24                                 </ol><!-- .comment-list -->
     26                        <ol class="commentlist">
     27                                <?php wp_list_comments( array( 'callback' => 'bp_dtheme_comments' ) ); ?>
     28                        </ol><!-- .comment-list -->
    2529
    26                                 <?php do_action( 'bp_after_blog_comment_list' ) ?>
     30                        <?php do_action( 'bp_after_blog_comment_list' ) ?>
    2731
    28                                 <?php if ( get_option( 'page_comments' ) ) : ?>
     32                        <?php if ( get_option( 'page_comments' ) ) : ?>
    2933
    30                                         <div class="comment-navigation paged-navigation">
     34                                <div class="comment-navigation paged-navigation">
    3135
    32                                                 <?php paginate_comments_links(); ?>
     36                                        <?php paginate_comments_links(); ?>
    3337
    34                                         </div>
    35                                 <?php endif; ?>
    36 
    37                         </div><!-- #comments -->
    38 
    39                 <?php else : ?>
    40 
    41                         <?php if ( pings_open() && !comments_open() && is_single() ) : ?>
    42 
    43                                 <p class="comments-closed pings-open">
    44                                         <?php printf( __('Comments are closed, but <a href="%1$s" title="Trackback URL for this post">trackbacks</a> and pingbacks are open.', 'buddypress'), trackback_url( '0' ) ); ?>
    45                                 </p>
    46 
    47                         <?php elseif ( !comments_open() && is_single() ) : ?>
    48 
    49                                 <p class="comments-closed">
    50                                         <?php _e('Comments are closed.', 'buddypress'); ?>
    51                                 </p>
     38                                </div>
    5239
    5340                        <?php endif; ?>
    5441
     42                </div><!-- #comments -->
     43
     44        <?php else : ?>
     45
     46                <?php if ( pings_open() && !comments_open() && is_single() ) : ?>
     47
     48                        <p class="comments-closed pings-open">
     49                                <?php printf( __('Comments are closed, but <a href="%1$s" title="Trackback URL for this post">trackbacks</a> and pingbacks are open.', 'buddypress'), trackback_url( '0' ) ); ?>
     50                        </p>
     51
     52                <?php elseif ( !comments_open() && is_single() ) : ?>
     53
     54                        <p class="comments-closed">
     55                                <?php _e('Comments are closed.', 'buddypress'); ?>
     56                        </p>
     57
    5558                <?php endif; ?>
     59
     60        <?php endif; ?>
    5661
    5762                <?php if ( comments_open() ) : ?>
    5863
    59                         <div id="respond">
     64                <div id="respond">
     65
     66                        <div class="comment-avatar-box">
     67                                <div class="avb">
     68                                        <?php if ( bp_loggedin_user_id() ) : ?>
     69                                                <a href="<?php echo bp_loggedin_user_domain() ?>">
     70                                                        <?php echo get_avatar( bp_loggedin_user_id(), 50 ); ?>
     71                                                </a>
     72                                        <?php else : ?>
     73                                                <?php echo get_avatar( 0, 50 ); ?>
     74                                        <?php endif; ?>
     75                                </div>
     76                        </div>
     77
     78                        <div class="comment-content">
    6079
    6180                                <h3 id="reply" class="comments-header">
    62                                         <?php comment_form_title( __('Leave a Reply', 'buddypress'), __('Leave a Reply to %s', 'buddypress'), true ); ?>
     81                                        <?php comment_form_title( __( 'Leave a Reply', 'buddypress' ), __( 'Leave a Reply to %s', 'buddypress' ), true ); ?>
    6382                                </h3>
    6483
    6584                                <p id="cancel-comment-reply">
    66                                         <?php cancel_comment_reply_link( __('Click here to cancel reply.', 'buddypress') ); ?>
     85                                        <?php cancel_comment_reply_link( __( 'Click here to cancel reply.', 'buddypress' ) ); ?>
    6786                                </p>
    6887
    … …  
    128147                                <?php endif; ?>
    129148
    130                         </div>
     149                        </div><!-- .comment-content -->
     150                </div><!-- #respond -->
    131151
    132152                <?php endif; ?>
    133153
    134         </div>
     154                <?php if ( $numTrackBacks ) : ?>
     155                        <div id="trackbacks">
     156
     157                                <span class="title"><?php the_title() ?></span>
     158
     159                                <?php if ( 1 == $numTrackBacks ) : ?>
     160                                        <h3><?php printf( __( '%d Trackback', 'buddypress' ), $numTrackBacks ) ?></h3>
     161                                <?php else : ?>
     162                                        <h3><?php printf( __( '%d Trackbacks', 'buddypress' ), $numTrackBacks ) ?></h3>
     163                                <?php endif; ?>
     164
     165                                <ul id="trackbacklist">
     166                                        <?php foreach ( $comments as $comment ) : ?>
     167
     168                                                <?php if ( get_comment_type() != 'comment' ) : ?>
     169                                                        <li><h5><?php comment_author_link() ?></h5><em>on <?php comment_date() ?></em></li>
     170                                                <?php endif; ?>
     171                                        <?php endforeach; ?>
     172                                </ul>
     173                        </div>
     174                <?php endif; ?>

  • trunk/bp-themes/bp-default/functions.php

    r2195 r2204  
    5555}
    5656
     57function bp_dtheme_add_blog_comments_js() {
     58        if ( is_singular() ) wp_enqueue_script( 'comment-reply' );
     59}
     60add_action( 'template_redirect', 'bp_dtheme_add_blog_comments_js' );
     61
     62function bp_dtheme_comments( $comment, $args, $depth ) {
     63    $GLOBALS['comment'] = $comment;
     64        $comment_type = get_comment_type();
     65
     66        if ( $comment->user_id )
     67                $userlink = bp_core_get_userurl( $comment->user_id );
     68
     69        if ( $comment_type == 'comment' ) { ?>
     70        <li <?php comment_class(); ?> id="comment-<?php comment_ID(); ?>">
     71
     72                        <div class="comment-avatar-box<?php if ( $comment->user_id ) : ?> extra<?php endif; ?>">
     73                                <div class="avb">
     74                                        <a href="<?php if ( $userlink ) : echo $userlink; else : echo get_comment_author_url(); endif;?>">
     75                                                <?php echo get_avatar( $comment, 50 ); ?>
     76                                        </a>
     77                                </div>
     78                        </div>
     79
     80                        <div class="comment-content">
     81
     82                                <div class="comment-meta">
     83                                        <a href="<?php if ( $userlink ) : echo $userlink; else : echo get_comment_author_url(); endif;?>"><?php echo get_comment_author(); ?></a> <?php _e( 'said:', 'buddypress' ) ?>
     84                                        <em><?php _e( 'On', 'buddypress' ) ?> <a href="#comment-<?php comment_ID() ?>" title=""><?php comment_date() ?></a></em>
     85                    </div>
     86
     87                                <?php if ($comment->comment_approved == '0') : ?>
     88                        <em class="moderate"><?php _e('Your comment is awaiting moderation.'); ?></em><br />
     89                    <?php endif; ?>
     90
     91                                <?php comment_text() ?>
     92
     93                                <div class="comment-options">
     94                                        <?php echo comment_reply_link( array('depth' => $depth, 'max_depth' => $args['max_depth'] ) ) ?>
     95                                        <?php edit_comment_link( __( 'Edit' ),'','' ); ?>
     96                                </div>
     97
     98                        </div>
     99        </li>
     100        <?php } ?>
     101<?php
     102}
     103
    57104function bp_dtheme_remove_redundant() {
    58105        global $bp;

  • trunk/bp-themes/bp-default/index.php

    r2170 r2204  
    1616                                        <div class="post" id="post-<?php the_ID(); ?>">
    1717
    18                                                 <h3><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php _e( 'Permanent Link to', 'buddypress' ) ?> <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h3>
    19 
    20                                                 <p class="date"><?php the_time('F j, Y') ?> <em><?php _e( 'in', 'buddypress' ) ?> <?php the_category(', ') ?> <?php printf( __( 'by %s', 'buddypress' ), bp_core_get_userlink($post->post_author) ) ?></em></p>
    21 
    22                                                 <div class="entry">
    23                                                         <?php the_content( __( 'Read the rest of this entry &raquo;', 'buddypress' ) ); ?>
     18                                                <div class="author-box">
     19                                                        <?php echo get_avatar( get_the_author_email(), '50' ); ?>
     20                                                        <p><?php printf( __( 'by %s', 'buddypress' ), bp_core_get_userlink( $post->post_author ) ) ?></p>
    2421                                                </div>
    2522
    26                                                 <p class="postmetadata"><span class="tags"><?php the_tags( __( 'Tags: ', 'buddypress' ), ', ', '<br />'); ?></span> <span class="comments"><?php comments_popup_link( __( 'No Comments &#187;', 'buddypress' ), __( '1 Comment &#187;', 'buddypress' ), __( '% Comments &#187;', 'buddypress' ) ); ?></span></p>
     23                                                <div class="post-content">
     24                                                        <h3><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php _e( 'Permanent Link to', 'buddypress' ) ?> <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h3>
     25
     26                                                        <p class="date"><?php the_time('F j, Y') ?> <em><?php _e( 'in', 'buddypress' ) ?> <?php the_category(', ') ?> <?php printf( __( 'by %s', 'buddypress' ), bp_core_get_userlink( $post->post_author ) ) ?></em></p>
     27
     28                                                        <div class="entry">
     29                                                                <?php the_content( __( 'Read the rest of this entry &raquo;', 'buddypress' ) ); ?>
     30                                                        </div>
     31
     32                                                        <p class="postmetadata"><span class="tags"><?php the_tags( __( 'Tags: ', 'buddypress' ), ', ', '<br />'); ?></span> <span class="comments"><?php comments_popup_link( __( 'No Comments &#187;', 'buddypress' ), __( '1 Comment &#187;', 'buddypress' ), __( '% Comments &#187;', 'buddypress' ) ); ?></span></p>
     33                                                </div>
    2734
    2835                                        </div>

  • trunk/bp-themes/bp-default/single.php

    r2170 r2204  
    1919                                <div class="post" id="post-<?php the_ID(); ?>">
    2020
    21                                         <?php do_action( 'bp_before_blog_post' ) ?>
    22 
    23                                         <h3><a href="<?php echo get_permalink() ?>" rel="bookmark" title="<?php _e( 'Permanent link to', 'buddypress' ) ?> <?php the_title(); ?>"><?php the_title(); ?></a></h3>
    24 
    25                                         <div class="entry">
    26 
    27                                                 <?php the_content( __( '<p class="serif">Read the rest of this entry &raquo;</p>', 'buddypress' ) ); ?>
    28 
    29                                                 <?php wp_link_pages(array('before' => __( '<p><strong>Pages:</strong> ', 'buddypress' ), 'after' => '</p>', 'next_or_number' => 'number')); ?>
    30 
     21                                        <div class="author-box">
     22                                                <?php echo get_avatar( get_the_author_email(), '50' ); ?>
     23                                                <p><?php printf( __( 'by %s', 'buddypress' ), bp_core_get_userlink( $post->post_author ) ) ?></p>
    3124                                        </div>
    3225
    33                                         <?php do_action( 'bp_after_blog_post' ) ?>
     26                                        <div class="post-content">
     27                                                <h3><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php _e( 'Permanent Link to', 'buddypress' ) ?> <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h3>
     28
     29                                                <p class="date"><?php the_time('F j, Y') ?> <em><?php _e( 'in', 'buddypress' ) ?> <?php the_category(', ') ?> <?php printf( __( 'by %s', 'buddypress' ), bp_core_get_userlink( $post->post_author ) ) ?></em></p>
     30
     31                                                <div class="entry">
     32                                                        <?php the_content( __( 'Read the rest of this entry &raquo;', 'buddypress' ) ); ?>
     33
     34                                                        <?php wp_link_pages(array('before' => __( '<p><strong>Pages:</strong> ', 'buddypress' ), 'after' => '</p>', 'next_or_number' => 'number')); ?>
     35                                                </div>
     36
     37                                                <p class="postmetadata"><span class="tags"><?php the_tags( __( 'Tags: ', 'buddypress' ), ', ', '<br />'); ?></span> <span class="comments"><?php comments_popup_link( __( 'No Comments &#187;', 'buddypress' ), __( '1 Comment &#187;', 'buddypress' ), __( '% Comments &#187;', 'buddypress' ) ); ?></span></p>
     38                                        </div>
    3439
    3540                                </div>
Note: See TracChangeset for help on using the changeset viewer.