WordPress.org
Get WordPress

Making WordPress.org

Changeset 14281


Ignore:
Timestamp:
12/16/2024 07:53:28 PM (21 months ago)
Author:
johnjamesjacoby
Message:

BuddyPress/bbPress: enfreshen the bb-base theme

See: ​https://buddypress.trac.wordpress.org/ticket/9262

Location:
sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base
Files:
4 added
2 deleted
20 edited

Legend:

Unmodified
Added
Removed

  • sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base/archive-forum.php

    r7305 r14281  
    11<?php get_header(); ?>
    22
    3 <h3 id="post-home"><?php _e( 'Support', 'bborg' ); ?></h3>
     3<h2 id="post-home"><?php _e( 'Support', 'bborg' ); ?></h2>
    44
    55<?php if ( 1 === bbp_get_paged() ) : // cached first page ?>

  • sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base/archive.php

    r7305 r14281  
    55                the_post();
    66                ?>
    7                         <h3 id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h3>
     7                        <h2 id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2>
    88                        <cite>
    99                                <?php

  • sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base/bbpress/content-archive-topic.php

    r442 r14281  
    11<?php if ( bbp_is_forum_archive() || bbp_is_topic_archive() || bbp_is_search() ) : ?>
    22
    3         <div class="bbp-search-form">
    4 
    5                 <?php bbp_get_template_part( 'form', 'search' ); ?>
    6 
    7         </div>
     3        <?php bbp_get_template_part( 'form', 'search' ); ?>
    84
    95<?php endif; ?>

  • sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base/bbpress/content-search.php

    r442 r14281  
    11<?php if ( bbp_is_forum_archive() || bbp_is_topic_archive() || bbp_is_search() ) : ?>
    22
    3         <div class="bbp-search-form">
    4 
    5                 <?php bbp_get_template_part( 'form', 'search' ); ?>
    6 
    7         </div>
     3        <?php bbp_get_template_part( 'form', 'search' ); ?>
    84
    95<?php endif; ?>

  • sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base/bbpress/content-single-topic-lead.php

    r4164 r14281  
    2222                                <?php do_action( 'bbp_theme_before_topic_author_details' ); ?>
    2323
    24                                 <?php bbp_topic_author_link( array( 'sep' => '<br />', 'show_role' => true, 'size' => 100 ) ); ?>
     24                                <?php bbp_topic_author_link( array( 'sep' => '', 'type' => 'avatar', 'show_role' => false, 'size' => 80 ) ); ?>
    2525
    26                                 <?php bbp_user_nicename( bbp_get_topic_author_id(), array( 'before' => '<p class="bbp-user-nicename">@', 'after' => '</p>' ) ); ?>
     26                                <div class="bbp-topic-author-info">
     27
     28                                        <?php bbp_user_nicename( bbp_get_topic_author_id(), array( 'before' => '<p class="bbp-user-nicename">@', 'after' => '</p>' ) ); ?>
     29
     30                                        <?php bbp_topic_author_role( array( 'topic_id' => bbp_get_topic_id() ) ); ?>
     31
     32                                        <?php if ( is_super_admin() ) : ?>
     33
     34                                                <?php do_action( 'bbp_theme_before_topic_author_admin_details' ); ?>
     35
     36                                                <div class="bbp-topic-ip"><?php bbp_author_ip( bbp_get_topic_id() ); ?></div>
     37
     38                                                <?php do_action( 'bbp_theme_after_topic_author_admin_details' ); ?>
     39
     40                                        <?php endif; ?>
     41
     42                                </div>
    2743
    2844                                <p class="bbp-topic-post-date"><a href="<?php bbp_topic_permalink(); ?>" title="#<?php bbp_topic_id(); ?>" class="bbp-topic-permalink"><?php bbp_topic_post_date( bbp_get_topic_id(), true ); ?></a></p>
    29 
    30                                 <?php if ( is_super_admin() ) : ?>
    31 
    32                                         <?php do_action( 'bbp_theme_before_topic_author_admin_details' ); ?>
    33 
    34                                         <div class="bbp-topic-ip"><?php bbp_author_ip( bbp_get_topic_id() ); ?></div>
    35 
    36                                         <?php do_action( 'bbp_theme_after_topic_author_admin_details' ); ?>
    37 
    38                                 <?php endif; ?>
    3945
    4046                                <?php do_action( 'bbp_theme_after_topic_author_details' ); ?>

  • sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base/bbpress/loop-single-reply.php

    r4077 r14281  
    2727                <?php do_action( 'bbp_theme_before_reply_author_details' ); ?>
    2828
    29                 <?php bbp_reply_author_link( array( 'sep' => '<br />', 'show_role' => true, 'size' => 100 ) ); ?>
     29                <?php bbp_reply_author_link( array( 'sep' => '', 'type' => 'avatar', 'show_role' => false, 'size' => 80 ) ); ?>
    3030
    31                 <?php bbp_user_nicename( bbp_get_reply_author_id(), array( 'before' => '<p class="bbp-user-nicename">@', 'after' => '</p>' ) ); ?>
     31                <div class="bbp-reply-author-info">
     32
     33                        <?php bbp_user_nicename( bbp_get_reply_author_id(), array( 'before' => '<p class="bbp-user-nicename">@', 'after' => '</p>' ) ); ?>
     34
     35                        <?php bbp_reply_author_role( array( 'topic_id' => bbp_get_reply_id() ) ); ?>
     36
     37                        <?php if ( is_super_admin() ) : ?>
     38
     39                                <?php do_action( 'bbp_theme_before_reply_author_admin_details' ); ?>
     40
     41                                <div class="bbp-reply-ip"><?php bbp_author_ip( bbp_get_reply_id() ); ?></div>
     42
     43                                <?php do_action( 'bbp_theme_after_reply_author_admin_details' ); ?>
     44
     45                        <?php endif; ?>
     46
     47                </div>
    3248
    3349                <p class="bbp-reply-post-date"><a href="<?php bbp_reply_url(); ?>" title="#<?php bbp_reply_id(); ?>" class="bbp-reply-permalink"><?php bbp_reply_post_date( bbp_get_reply_id(), true ); ?></a></p>
    34 
    35                 <?php if ( is_super_admin() ) : ?>
    36 
    37                         <?php do_action( 'bbp_theme_before_reply_author_admin_details' ); ?>
    38 
    39                         <div class="bbp-reply-ip"><?php bbp_author_ip( bbp_get_reply_id() ); ?></div>
    40 
    41                         <?php do_action( 'bbp_theme_after_reply_author_admin_details' ); ?>
    42 
    43                 <?php endif; ?>
    4450
    4551                <?php do_action( 'bbp_theme_after_reply_author_details' ); ?>

  • sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base/comments.php

    r7305 r14281  
    55<?php if ( have_comments() ) : ?>
    66
    7         <h2 id="comments"><?php comments_number('No Responses', 'One Response', '% Responses' );?> to &#8220;<?php the_title(); ?>&#8221;</h2>
     7        <h2 id="comments"><?php comments_number('No Comments.', 'One Comment:', '% Comments:' );?></h2>
    88        <ol class="commentlist">
    99                <?php wp_list_comments(); ?>
    … …  
    2020                <h2 id="comments"><?php esc_html_e( 'There are no comments to display', 'bborg' ); ?></h2>
    2121
    22         <?php elseif ( !is_page() ) : ?>
     22        <?php elseif ( ! is_page() ) : ?>
    2323
    24                 <p class="nocomments"><?php esc_html_e( 'Comments are closed.', 'bborg' ); ?></p>
     24                <h2 class="nocomments"><?php esc_html_e( 'Comments are closed.', 'bborg' ); ?></h2>
    2525
    2626        <?php endif; ?>
    2727<?php endif; ?>
    28                                
     28
    2929<?php if ( comments_open() ) : ?>
    3030

  • sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base/footer.php

    r7244 r14281  
    33                <hr class="hidden" />
    44
    5                 <div id="footer">
     5                <div id="footer"><div id="footer-inner">
    66                        <div class="links">
    77                                <p>
    8                                         See also:
    9                                         <a href="https://wordpress.org"><?php _e( 'WordPress.org', 'bbporg'); ?></a> &bull;
    10                                         <a href="https://bbpress.org"><?php _e( 'bbPress.org', 'bbporg'); ?></a> &bull;
    11                                         <a href="https://buddypress.org"><?php _e( 'BuddyPress.org', 'bbporg'); ?></a> &bull;
    12                                         <a href="https://ma.tt"><?php _e( 'Matt', 'bbporg' ); ?></a> &bull;
    13                                         <a href="<?php bloginfo( 'rss2_url' ); ?>" title="<?php _e( 'RSS Feed for Articles', 'bbporg' ); ?>"><?php _e( 'Blog RSS', 'bbporg' ); ?></a>
     8                                        <a href="https://wordpress.org"><?php _e( 'WordPress.org', 'bbporg'); ?></a>
     9                                        <a href="https://bbpress.org"><?php _e( 'bbPress.org', 'bbporg'); ?></a>
     10                                        <a href="https://buddypress.org"><?php _e( 'BuddyPress.org', 'bbporg'); ?></a>
     11                                        <a href="https://ma.tt"><?php _e( 'Matt', 'bbporg' ); ?></a>
     12                                        <a href="<?php bloginfo( 'rss2_url' ); ?>" title="<?php esc_attr_e( 'RSS Feed for Articles', 'bbporg' ); ?>"><?php _e( 'Blog RSS', 'bbporg' ); ?></a>
    1413                                </p>
    1514                        </div>
    1615                        <div class="details">
    1716                                <p>
    18                                         <a href="https://twitter.com/bbpress" class="twitter"><?php _e( 'Follow bbPress on Twitter', 'bbporg'); ?></a> &bull;
    19                                         <a href="https://bbpress.org/about/gpl/"><?php _e('GPL', 'bbporg'); ?></a> &bull;
    20                                         <a href="https://bbpress.org/contact/"><?php _e('Contact Us', 'bbporg'); ?></a> &bull;
    21                                         <a href="https://wordpress.org/about/privacy/"><?php _e('Privacy', 'bbporg'); ?></a> &bull;
     17                                        <a href="https://bbpress.org/about/gpl/"><?php _e('GPL', 'bbporg'); ?></a>
     18                                        <a href="https://bbpress.org/contact/"><?php _e('Contact Us', 'bbporg'); ?></a>
     19                                        <a href="https://wordpress.org/about/privacy/"><?php _e('Privacy', 'bbporg'); ?></a>
    2220                                        <a href="https://bbpress.org/terms/"><?php _e('Terms of Service', 'bbporg'); ?></a>
     21                                        <a href="https://x.com/bbpress"><?php _e( 'X', 'bbporg'); ?></a>
    2322                                </p>
    2423                        </div>
    25                 </div>
     24                </div></div>
    2625                <?php wp_footer(); ?>
    2726        </body>

  • sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base/functions.php

    r12246 r14281  
    5555
    5656        // Version of CSS
    57         $version = '20221108';
     57        $version = time(); //'20241125';
    5858
    5959        // Base theme styling
    … …  
    7878        <form role="search" method="get" id="searchform" action="">
    7979                <div>
    80                         <h3><?php _e( 'Forum Search', 'bborg'); ?></h3>
     80                        <h2><?php _e( 'Forum Search', 'bborg'); ?></h2>
    8181                        <label class="screen-reader-text hidden" for="ts"><?php _e( 'Search for:', 'bborg' ); ?></label>
    82                         <input type="text" value="<?php echo bb_base_topic_search_query(); ?>" name="ts" id="ts" />
    83                         <input class="button" type="submit" id="searchsubmit" value="<?php esc_attr_e( 'Search', 'bborg' ); ?>" />
     82                        <input type="text" value="<?php echo bb_base_topic_search_query(); ?>" name="ts" id="ts" placeholder="<?php esc_attr_e( 'Search', 'bborg' ); ?>" />
    8483                </div>
    8584        </form>
    … …  
    9392        <form role="search" method="get" id="searchform" action="">
    9493                <div>
    95                         <h3><?php _e( 'Reply Search', 'bborg'); ?></h3>
     94                        <h2><?php _e( 'Reply Search', 'bborg'); ?></h2>
    9695                        <label class="screen-reader-text hidden" for="rs"><?php _e( 'Search for:', 'bborg' ); ?></label>
    97                         <input type="text" value="<?php echo bb_base_reply_search_query(); ?>" name="rs" id="rs" />
    98                         <input class="button" type="submit" id="searchsubmit" value="<?php esc_attr_e( 'Search', 'bborg' ); ?>" />
     96                        <input type="text" value="<?php echo bb_base_reply_search_query(); ?>" name="rs" id="rs" placeholder="<?php esc_attr_e( 'Search', 'bborg' ); ?>" />
    9997                </div>
    10098        </form>
    … …  
    108106        <form role="search" method="get" id="searchform" action="">
    109107                <div>
    110                         <h3><?php _e( 'Plugin Search', 'bborg'); ?></h3>
     108                        <h2><?php _e( 'Plugin Search', 'bborg'); ?></h2>
    111109                        <label class="screen-reader-text hidden" for="ps"><?php _e( 'Search for:', 'bborg' ); ?></label>
    112                         <input type="text" value="<?php echo bb_base_plugin_search_query(); ?>" name="ps" id="ts" />
    113                         <input class="button" type="submit" id="searchsubmit" value="<?php esc_attr_e( 'Search', 'bborg' ); ?>" />
     110                        <input type="text" value="<?php echo bb_base_plugin_search_query(); ?>" name="ps" id="ts" placeholder="<?php esc_attr_e( 'Search', 'bborg' ); ?>" />
    114111                </div>
    115112        </form>
    … …  
    197194                <li class="topic-freshness-author"><?php
    198195                        /* translators: %s: reply author link */
    199                         printf( __( 'Last reply from: %s', 'bborg' ),
     196                        printf( __( 'Last voice: %s', 'bborg' ),
    200197                                bbp_get_author_link( array( 'type' => 'name', 'post_id' => $last_reply, 'size' => '15' ) )
    201198                        );
    … …  
    205202                <li class="topic-freshness-time"><?php
    206203                        /* translators: %s: date/time link to the latest post */
    207                         printf( __( 'Last activity: %s', 'bborg' ), $time_since );
     204                        printf( __( 'About %s', 'bborg' ), $time_since );
    208205                ?></li>
    209206        <?php endif; ?>
    … …  
    264261                <li class="forum-freshness-author"><?php
    265262                        /* translators: %s: post author link */
    266                         printf( __( 'Last post by: %s', 'bborg' ),
     263                        printf( __( 'Last voice: %s', 'bborg' ),
    267264                                bbp_get_author_link( array( 'type' => 'name', 'post_id' => $last_active ) )
    268265                        );
    … …  
    272269                <li class="forum-freshness-time"><?php
    273270                        /* translators: %s: date/time link to the latest post */
    274                         printf( __( 'Last activity: %s', 'bborg' ), $time_since );
     271                        printf( __( 'About %s', 'bborg' ), $time_since );
    275272                ?></li>
    276273        <?php endif; ?>
    … …  
    616613}
    617614add_action( 'bbp_template_redirect', 'bb_base_login_redirect', 11 );
     615
     616/**
     617 * Enlarge the single-user-details avatar size.
     618 *
     619 * @author johnjamesjacoby
     620 */
     621function bb_base_override_single_user_details_avatar_size( $size = 150 ) {
     622        return 200;
     623}
     624add_filter( 'bbp_single_user_details_avatar_size', 'bb_base_override_single_user_details_avatar_size' );

  • sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base/header-nav.php

    r7305 r14281  
    33        <?php if ( ! has_nav_menu( 'header-nav-menu' ) ) : ?>
    44                <ul id="bb-nav" class="menu">
    5                         <li <?php if ( is_page( 'about'    ) ) : ?>class="current"<?php endif; ?>><a href="<?php echo home_url( 'about'   ); ?>"><?php esc_html_e( 'About', 'bborg' ); ?></a></li>
    6                         <li <?php if ( is_page( 'plugins'  ) ) : ?>class="current"<?php endif; ?>><a href="<?php echo home_url( 'plugins' ); ?>"><?php esc_html_e( 'Plugins', 'bborg' ); ?></a></li>
    7                         <li <?php if ( is_page( 'themes'   ) ) : ?>class="current"<?php endif; ?>><a href="<?php echo home_url( 'themes'  ); ?>"><?php esc_html_e( 'Themes', 'bborg' ); ?></a></li>
    8                         <li><a href="<?php echo esc_url( '//codex.' . parse_url( home_url(), PHP_URL_HOST ) . '/' ); ?>"><?php esc_html_e( 'Documentation', 'bborg' ); ?></a></li>
    9                         <li <?php if ( is_post_type_archive( 'post' ) || is_singular( 'post' ) || is_date() || is_tag() || is_category() || is_home() ) : ?>class="current"<?php endif; ?>><a href="<?php echo home_url( 'blog' ); ?>"><?php esc_html_e( 'Blog', 'bborg' ); ?></a></li>
    10                         <?php if ( function_exists( 'is_bbpress' ) ) : ?><li <?php if ( is_bbpress() ) : ?>class="current"<?php endif; ?>><a href="<?php bbp_forums_url(); ?>"><?php esc_html_e( 'Support', 'bborg' ); ?></a></li><?php endif; ?>
     5                        <li <?php if ( is_page( 'about'  ) ) : ?>class="current"<?php endif; ?>><a href="<?php echo home_url( 'about' ); ?>"><?php esc_html_e( 'About', 'bborg' ); ?></a></li>
     6                        <li <?php if ( is_page( 'make'   ) ) : ?>class="current"<?php endif; ?>><a href="<?php echo home_url( 'make'  ); ?>"><?php esc_html_e( 'Make', 'bborg' ); ?></a></li>
     7                        <li><a href="<?php echo esc_url( '//codex.' . parse_url( home_url(), PHP_URL_HOST ) . '/' ); ?>"><?php esc_html_e( 'Codex', 'bborg' ); ?></a></li>
     8                        <li <?php if ( is_post_type_archive( 'post' ) || is_singular( 'post' ) || is_date() || is_tag() || is_category() || is_home() ) : ?>class="current"<?php endif; ?>><a href="<?php echo home_url( 'blog' ); ?>"><?php esc_html_e( 'News', 'bborg' ); ?></a></li>
     9                        <?php if ( function_exists( 'is_bbpress' ) ) : ?><li <?php if ( is_bbpress() ) : ?>class="current"<?php endif; ?>><a href="<?php bbp_forums_url(); ?>"><?php esc_html_e( 'Forums', 'bborg' ); ?></a></li><?php endif; ?>
    1110                        <li class="download<?php if ( is_page( 'download' ) ) : ?> current<?php endif; ?>"><a href="<?php echo home_url( 'download' ); ?>"><?php esc_html_e( 'Download', 'bborg' ); ?></a></li>
    1211                </ul>

  • sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base/image.php

    r7305 r14281  
    4242                <hr class="hidden" />
    4343
    44                 <h3><?php esc_html_e( 'View Older or Newer Images', 'bbporg' ); ?></h3>
     44                <h2><?php esc_html_e( 'View Older or Newer Images', 'bbporg' ); ?></h2>
    4545                <div class="navigation">
    4646                        <div class="alignleft"><?php previous_image_link() ?></div>

  • sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base/index.php

    r7305 r14281  
    55                the_post();
    66                ?>
    7                 <h3 id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h3>
     7                <h2 id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2>
    88                <cite>
    99                        <?php

  • sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base/page-homepage.php

    r504 r14281  
    55get_header(); ?>
    66
    7 <h3 id="post-home"><?php _e( 'Recent Topics', 'bbporg' ); ?></h3>
     7<h2 id="post-home"><?php _e( 'Recent Topics', 'bbporg' ); ?></h2>
    88
    99<?php if ( function_exists( 'is_bbpress' )  ) : ?>

  • sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base/page.php

    r7305 r14281  
    11<?php get_header(); ?>
    22<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
    3                                 <h3 id="post-<?php the_ID(); ?>"><?php the_title(); ?></h3>
     3                                <h2 id="post-<?php the_ID(); ?>"><?php the_title(); ?></h2>
    44<?php
    55        the_content( __( 'Read more &raquo;', 'bborg' ) );

  • sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base/sidebar.php

    r7305 r14281  
    77
    88                        <div>
    9                                 <h3><?php _e( 'Forum Info', 'bbporg'); ?></h3>
     9                                <h2><?php _e( 'Forum Info', 'bbporg'); ?></h2>
    1010                                <ul class="forum-info">
    1111                                        <?php bb_base_single_forum_description(); ?>
    … …  
    1616
    1717                        <div>
    18                                 <h3><?php _e( 'Forum Feeds', 'bbporg'); ?></h3>
     18                                <h2><?php _e( 'Forum Feeds', 'bbporg'); ?></h2>
    1919                                <ul>
    2020                                        <li><a class="feed" href="<?php bbp_forum_permalink(); ?>feed/" title="<?php esc_attr_e( 'Forum Posts', 'bborg' ); ?>"><?php esc_html_e( 'Recent Posts', 'bborg' ); ?></a></li>
    … …  
    2626
    2727                        <div>
    28                                 <h3><?php _e( 'Topic Info', 'bbporg'); ?></h3>
     28                                <h2><?php _e( 'Topic Info', 'bbporg'); ?></h2>
    2929                                <ul class="topic-info">
    3030                                        <?php bb_base_single_topic_description(); ?>
    … …  
    3434                        <div>
    3535                                <?php bbp_topic_tag_list( 0, array(
    36                                         'before' => '<h3>' . esc_html__( 'Topic Tags', 'bborg' ) . '</h3><ul class="topic-tags"><li>',
     36                                        'before' => '<h2>' . esc_html__( 'Topic Tags', 'bborg' ) . '</h2><ul class="topic-tags"><li>',
    3737                                        'after'  => '</li></ul>',
    3838                                        'sep'    => '</li><li>',
    … …  
    4747                                        <?php bbp_topic_admin_links( array (
    4848                                                'id'     => bbp_get_topic_id(),
    49                                                 'before' => '<h3>' . esc_html__( 'Topic Admin', 'bborg' ) . '</h3><ul class="topic-admin-links"><li>',
     49                                                'before' => '<h2>' . esc_html__( 'Moderation', 'bborg' ) . '</h2><ul class="topic-admin-links"><li>',
    5050                                                'after'  => '</li></ul>',
    5151                                                'sep'    => '</li><li>',
    … …  
    5959
    6060                        <div>
    61                                 <h3><?php _e( 'Forums', 'bbporg'); ?></h3>
     61                                <h2><?php _e( 'Forums', 'bbporg'); ?></h2>
    6262                                <?php echo do_shortcode( '[bbp-forum-index]' ); ?>
    6363                        </div>
    … …  
    6565
    6666                        <div>
    67                                 <h3><?php _e( 'Views', 'bbporg'); ?></h3>
     67                                <h2><?php _e( 'Views', 'bbporg'); ?></h2>
    6868                                <ul>
    6969
    … …  
    7878
    7979                        <div>
    80                                 <h3><?php _e( 'Feeds', 'bbporg'); ?></h3>
     80                                <h2><?php _e( 'Feeds', 'bbporg'); ?></h2>
    8181                                <ul>
    8282                                        <li><a class="feed" href="<?php bbp_forums_url(); ?>feed/" title="<?php esc_attr_e( 'All Recent Posts', 'bborg' ); ?>"><?php esc_html_e( 'All Recent Posts', 'bborg' ); ?></a></li>
    … …  
    8585                        </div>
    8686
    87                         <div>
    88                                 <h3><?php _e( 'Tags', 'bbporg'); ?></h3>
     87                        <div class="bbp-topic-tag-cloud">
     88                                <h2><?php _e( 'Tags', 'bbporg'); ?></h2>
    8989                                <?php echo do_shortcode( '[bbp-topic-tags]' ); ?>
    9090                        </div>
    … …  
    9595
    9696                <div class="feature">
    97                         <h3><?php _e('WordPress', 'bbporg'); ?></h3>
     97                        <h2><?php _e('WordPress', 'bbporg'); ?></h2>
    9898                        <p><a href="https://wordpress.org"><img width="78" height="58" alt="" src="<?php echo get_template_directory_uri(); ?>/images/wordpress.gif"/></a><?php esc_html_e( 'The world&#8217;s most powerful web publishing software.', 'bborg' ); ?></p>
    9999                </div>
    100100                <div class="feature">
    101                         <h3><?php _e('bbPress', 'bbporg'); ?></h3>
     101                        <h2><?php _e('bbPress', 'bbporg'); ?></h2>
    102102                        <p><a href="https://bbpress.org"><img width="78" height="58" alt="" src="<?php echo get_template_directory_uri(); ?>/images/bbpress.gif"/></a><?php esc_html_e( 'Simple and elegant forum software from the creators of WordPress.', 'bborg' ); ?></p>
    103103                </div>
    104104                <div style="margin-right: 0pt;" class="feature">
    105                         <h3><?php _e('BuddyPress', 'bbporg'); ?></h3>
     105                        <h2><?php _e('BuddyPress', 'bbporg'); ?></h2>
    106106                        <p><a href="https://buddypress.org"><img width="78" height="58" alt="" src="<?php echo get_template_directory_uri(); ?>/images/buddypress.gif"/></a><?php esc_html_e( 'Create a fully featured niche social-network with a few easy clicks.', 'bborg' ); ?></p>
    107107                </div>
    … …  
    110110
    111111                <div>
    112                         <h3><?php _e( 'Categories', 'bbporg'); ?></h3>
     112                        <h2><?php _e( 'Categories', 'bbporg'); ?></h2>
    113113                        <ul>
    114114                                <?php wp_list_categories( array( 'title_li' => false ) ); ?>
    … …  
    117117
    118118                <div>
    119                         <h3><?php _e( 'Tags', 'bbporg'); ?></h3>
     119                        <h2><?php _e( 'Tags', 'bbporg'); ?></h2>
    120120                        <?php wp_tag_cloud(); ?>
    121121                </div>

  • sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base/single-user.php

    r442 r14281  
    1212        <?php do_action( 'bbp_before_main_content' ); ?>
    1313
    14         <h3 id="bbpress-user"><?php bbp_displayed_user_field( 'display_name' ); ?> (@<?php bbp_displayed_user_field( 'user_nicename' ); ?>)</h3>
     14        <h2 id="bbpress-user"><?php bbp_displayed_user_field( 'display_name' ); ?> (@<?php bbp_displayed_user_field( 'user_nicename' ); ?>)</h2>
    1515
    1616        <div id="bbp-user-<?php bbp_current_user_id(); ?>" class="bbp-single-user">

  • sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base/single.php

    r7305 r14281  
    11<?php get_header(); ?>
    22<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
    3         <h3 id="post-<?php the_ID(); ?>"><?php the_title(); ?></h3>
     3        <h2 id="post-<?php the_ID(); ?>"><?php the_title(); ?></h2>
    44        <cite><?php
    55                /* translators: 1: post date, 2: post author */

  • sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base/style-bbpress.css

    r12226 r14281  
    1 /* =Header
     1/* =Variables
    22-------------------------------------------------------------- */
    33
    4 #header,
    5 #wporg-header {
    6         background-color: rgb(141,199,112);
    7         border-bottom: 1px solid #696;
     4:root {
     5
     6        /* Header */
     7        --bbbase-header-background-color: rgba(141,199,112,1);
     8        --bbbase-header-image-url: url('../bbpress-org/images/bee.png');
     9        --bbbase-header-image-url-2x: url('../bbpress-org/images/bee-2x.png');
     10        --bbbase-header-image-size: 231px 162px;
     11        --bbbase-header-image-position: 197px -72px;
     12        --bbbase-header-image-small-screen-position: 55px -72px;
     13
     14        /* Logo */
     15        --bbbase-logo-image-url: url('../bbpress-org/images/bbpress-logo.png');
     16        --bbbase-logo-image-url-2x: url('../bbpress-org/images/bbpress-logo-2x.png');
     17        --bbbase-logo-image-size: 208px 65px;
     18        --bbbase-logo-image-height: 65px;
     19        --bbbase-logo-image-width: 208px;
     20
     21        /* Buttons */
     22        --bbbase-button-background-color: rgba(0,153,51,1);
     23        --bbbase-button-background-color-hover: rgba(0,153,51,1);
     24        --bbbase-button-color: rgba(235,255,235,0.9);
     25        --bbbase-button-color-hover: rgba(235,255,235,0.9);
     26
     27        /* Links */
     28        --bbbase-link-color: #rgba(50,140,0,1);
     29        --bbbase-link-color-hover: rgba(213,78,33,1);
     30
     31        /* Subnav */
     32        --bbbase-subnav-color-hover: rgba(141,199,112,1);
     33
     34        /* Lists */
     35        --bbbase-list-hover-helper-background: rgba(235,255,235,1);
    836}
    9 
    10 #header-inner {
    11         background: url('../bbpress-org/images/bee.png') no-repeat 197px -72px;
    12 }
    13 #header h1 a,
    14 #header h1 :link,
    15 #header h1 :link:hover,
    16 #wporg-header h1 :link,
    17 #wporg-header h1 :link:hover {
    18         background: url('../bbpress-org/images/bbpress-logo.png') no-repeat 0 0;
    19 }
    20 
    21 /* =Site Style
    22 -------------------------------------------------------------- */
    23 
    24 body.bbp-user-page div.content,
    25 body.bbp-user-edit div.content {
    26         width: auto;
    27         float: none;
    28 }
    29 
    30 div.standard {
    31         background: #EBF5FA;
    32 }
    33 
    34 /* =Buttons
    35 -------------------------------------------------------------- */
    36 
    37 #nav li.current a,
    38 #nav li.current-menu-item a,
    39 #nav li a:hover,
    40 #header #nav li :link:hover,
    41 #wporg-header #wporg-header-menu li :link:hover,
    42 .button:hover {
    43         color: rgba(235,255,235,0.9);
    44 
    45         border: 1px solid #1d6422;
    46 
    47         background-image: -moz-linear-gradient(top, #00aa66 0%, #008800 100%);
    48         background-image: -webkit-linear-gradient(top, #00aa66 0%,#008800 100%);
    49         background-image: -o-linear-gradient(top, #00aa66 0%,#008800 100%);
    50         background-image: -ms-linear-gradient(top, #00aa66 0%,#008800 100%);
    51         background-image: linear-gradient(top, #00aa66 0%,#008800 100%);
    52 
    53         -moz-box-shadow: inset 0 1px 0 #00aa66, inset 0 2px 0 rgba(120,230,120,0.7);
    54         -webkit-box-shadow: inset 0 1px 0 #00aa66, inset 0 2px 0 rgba(120,230,120,0.7);
    55         -o-box-shadow: inset 0 1px 0 #00aa66, inset 0 2px 0 rgba(120,230,120,0.7);
    56         -ms-box-shadow: inset 0 1px 0 #00aa66, inset 0 2px 0 rgba(120,230,120,0.7);
    57         box-shadow: inset 0 1px 0 #00aa66, inset 0 2px 0 rgba(120,230,120,0.7);
    58 }
    59 
    60 .button {
    61         border: 1px solid #1d6422;
    62 
    63         background-color: #009933;
    64         background-image: -moz-linear-gradient(top, #009933 0%, #008800 100%);
    65         background-image: -webkit-linear-gradient(top, #009933 0%,#008800 100%);
    66         background-image: -ms-linear-gradient(top, #009933 0%,#008800 100%);
    67         background-image: -o-linear-gradient(top, #009933 0%,#008800 100%);
    68         background-image: linear-gradient(top, #009933 0%,#008800 100%);
    69 
    70         -moz-box-shadow: inset 0 1px 0 #009933, inset 0 2px 0 rgba(120,230,120,0.5);
    71         -webkit-box-shadow: inset 0 1px 0 #009933, inset 0 2px 0 rgba(120,230,120,0.5);
    72         -o-box-shadow: inset 0 1px 0 #009933, inset 0 2px 0 rgba(120,230,120,0.5);
    73         -ms-box-shadow: inset 0 1px 0 #009933, inset 0 2px 0 rgba(120,230,120,0.5);
    74         box-shadow: inset 0 1px 0 #009933, inset 0 2px 0 rgba(120,230,120,0.5);
    75 }
    76 
    77 #nav li.current a,
    78 #nav li.current-menu-item a,
    79 #nav li a:active,
    80 #header #nav li :link:active,
    81 #wporg-header #nav li :link:active,
    82 .button:active {
    83         background-image: -moz-linear-gradient(top, #009933 0%, #008800 100%);
    84         background-image: -webkit-linear-gradient(top, #009933 0%,#008800 100%);
    85         background-image: -o-linear-gradient(top, #009933 0%,#008800 100%);
    86         background-image: -ms-linear-gradient(top, #009933 0%,#008800 100%);
    87         background-image: linear-gradient(top, #009933 0%,#008800 100%);
    88 
    89         -moz-box-shadow: inset 0 1px 5px #328C00, inset 0 -1px 0 #009933;
    90         -webkit-box-shadow: inset 0 1px 5px #328C00, inset 0 -1px 0 #009933;
    91         -o-box-shadow: inset 0 1px 5px #328C00, inset 0 -1px 0 #009933;
    92         -ms-box-shadow: inset 0 1px 5px #328C00, inset 0 -1px 0 #009933;
    93         box-shadow: inset 0 1px 5px #328C00, inset 0 -1px 0 #009933;
    94 }
    95 
    96 #nav li a:hover,
    97 #header #nav li :link:hover,
    98 #wporg-header #nav li :link:hover,
    99 .dark-context .button:hover {
    100         -moz-box-shadow: inset 0 1px 0 rgba(120,230,120,0.7);
    101         -webkit-box-shadow: inset 0 1px 0 rgba(120,230,120,0.7);
    102         -o-box-shadow: inset 0 1px 0 rgba(120,230,120,0.7);
    103         -ms-box-shadow: inset 0 1px 0 rgba(120,230,120,0.7);
    104         box-shadow: inset 0 1px 0 rgba(120,230,120,0.7);
    105 }
    106 
    107 .dark-context .button {
    108         -moz-box-shadow: inset 0 1px 0 rgba(120,230,120,0.5);
    109         -webkit-box-shadow: inset 0 1px 0 rgba(120,230,120,0.5);
    110         -o-box-shadow: inset 0 1px 0 rgba(120,230,120,0.5);
    111         -ms-box-shadow: inset 0 1px 0 rgba(120,230,120,0.5);
    112         box-shadow: inset 0 1px 0 rgba(120,230,120,0.5);
    113 }
    114 
    115 .dark-context .button:active {
    116         -moz-box-shadow: inset 0 1px 5px #328C00, inset 0 -1px 0 rgba(120,230,120,0.5);
    117         -webkit-box-shadow: inset 0 1px 5px #328C00, inset 0 -1px 0 rgba(120,230,120,0.5);
    118         -o-box-shadow: inset 0 1px 5px #328C00, inset 0 -1px 0 rgba(120,230,120,0.5);
    119         -ms-box-shadow: inset 0 1px 5px #328C00, inset 0 -1px 0 rgba(120,230,120,0.5);
    120         box-shadow: inset 0 1px 5px #328C00, inset 0 -1px 0 rgba(120,230,120,0.5);
    121 }
    122 
    123 #subnav-inner ul li a:hover {
    124         color: #8fbb6e;
    125 }
    126 
    127 /* =Links
    128 -------------------------------------------------------------- */
    129 
    130 a {
    131         color: #328C00;
    132 }
    133 a:hover {
    134         color: #D54E21;
    135 }
    136 
    137 /* =Text
    138 -------------------------------------------------------------- */
    139 
    140 blockquote {
    141         background-color: #eee;
    142 }
    143 div.action a {
    144         color: #009933;
    145 }
    146 
    147 /* =Input
    148 -------------------------------------------------------------- */
    149 
    150 input.submit {
    151         background: #3399cc;
    152         color: #fff;
    153 }
    154 input.submit:hover {
    155         background: #009933;
    156 }
    157 
    158 /* =bbPress Default Override
    159 -------------------------------------------------------------- */
    160 
    161 #bbpress-forums li.bbp-body ul:hover {
    162         background-color: #efe;
    163 }
    164 
    165 /* =HiDPI Overrides
    166 -------------------------------------------------------------- */
    167 
    168 @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    169         #header-inner {
    170                 background-image: url('../bbpress-org/images/bee-2x.png');
    171                 background-size: 231px 162px;
    172         }
    173 
    174         #header h1 a,
    175         #header h1 :link,
    176         #header h1 :link:hover,
    177         #wporg-header h1 :link,
    178         #wporg-header h1 :link:hover {
    179                 background-image: url('../bbpress-org/images/bbpress-logo-2x.png');
    180                 background-size: 208px 65px;
    181         }
    182 }
    183 
    184 /* =Forum Overrides
    185 -------------------------------------------------------------- */
    186 
    187 #bbpress-forums p.bbp-topic-meta .bbp-topic-started-in a {
    188         background-color: #328C00;
    189 }
    190 
    191 /* =Responsive
    192 -------------------------------------------------------------- */
    193 
    194 @media screen and ( max-width: 835px ) {
    195         #header-inner {
    196                 background-position-x: 55px;
    197         }
    198 }

  • sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base/style-buddypress.css

    r9122 r14281  
    1 /* =Site Style
     1/* =Variables
    22-------------------------------------------------------------- */
    33
    4 #header,
    5 #wporg-header {
    6         background-color: #be3631;
    7         border-bottom: 1px solid #9e1611;
     4:root {
     5
     6        /* Header */
     7        --bbbase-header-background-color: rgb(221,130,59,1);
     8        --bbbase-header-image-url: none;
     9        --bbbase-header-image-url-2x: none;
     10        --bbbase-header-image-size: 0 0;
     11        --bbbase-header-image-position: 0 0;
     12        --bbbase-header-image-small-screen-position: 0 0;
     13
     14        /* Logo */
     15        --bbbase-logo-image-url: url('../buddypress-org/images/buddypress-logo.png');
     16        --bbbase-logo-image-url-2x: url('../buddypress-org/images/buddypress-logo-2x.png');
     17        --bbbase-logo-image-size: 269px 65px;
     18        --bbbase-logo-image-height: 65px;
     19        --bbbase-logo-image-width: 269px;
     20
     21        /* Buttons */
     22        --bbbase-button-background-color: rgba(221,130,59,0.9);
     23        --bbbase-button-background-color-hover: rgba(221,130,59,0.9);
     24        --bbbase-button-color: rgba(255,235,235,0.9);
     25        --bbbase-button-color-hover: rgba(255,235,235,0.9);
     26
     27        /* Links */
     28        --bbbase-link-color: rgba(221,130,59,0.9);
     29        --bbbase-link-color-hover: rgba(213,78,33,1);
     30
     31        /* Subnav */
     32        --bbbase-subnav-color-hover: rgb(216,72,0,1);
     33
     34        /* Lists */
     35        --bbbase-list-hover-helper-background: rgba(255,235,235,1);
    836}
    9 
    10 #header h1 a,
    11 #header h1 :link,
    12 #header h1 :link:hover,
    13 #wporg-header h1 :link,
    14 #wporg-header h1 :link:hover {
    15         width: 265px;
    16         background: url('../buddypress-org/images/buddypress-logo.png') no-repeat 0 0;
    17         position: relative;
    18 }
    19 
    20 /* =Site Style
    21 -------------------------------------------------------------- */
    22 
    23 a:hover img,
    24 #main a:hover img {
    25         border: 1px solid #dd823b;
    26 }
    27 
    28 div.standard {
    29         border: #990000 solid 2px;
    30         background: #EBF5FA;
    31 }
    32 
    33 div.free-page div.standard {
    34         border: #990000 solid 2px;
    35 }
    36 
    37 /* =Buttons
    38 -------------------------------------------------------------- */
    39 
    40 .button {
    41         background-color: #dd823b;
    42         border: 1px solid #9d4200;
    43 }
    44 
    45 .button:hover,
    46 .button:active {
    47         background-color: #dd823b;
    48         color: rgba(255,255,255,0.9);
    49 }
    50 
    51 /* =Navigation
    52 -------------------------------------------------------------- */
    53 
    54 #nav li a:hover,
    55 #header #nav li :link:hover,
    56 #wporg-header #wporg-header-menu li :link:hover {
    57         background-color: #cf4944;
    58         color: rgba(255,255,255,0.9);
    59 }
    60 
    61 #nav li.current-menu-item a,
    62 #nav li.current a,
    63 #nav li a:active {
    64         background-color: #dd823b;
    65 }
    66 
    67 #subnav-inner ul li a:hover {
    68         color: #d84800;
    69 }
    70 
    71 /* =Links
    72 -------------------------------------------------------------- */
    73 
    74 a {
    75         color: #be3631;
    76 }
    77 a:hover {
    78         color: #dd823b;
    79 }
    80 
    81 /* =Text
    82 -------------------------------------------------------------- */
    83 
    84 blockquote {
    85         background-color: #eee;
    86 }
    87 div.action a {
    88         color: #990000;
    89 }
    90 
    91 /* =Input
    92 -------------------------------------------------------------- */
    93 
    94 input.submit {
    95         background: #3399cc;
    96         color: #fff;
    97 }
    98 input.submit:hover {
    99         background: #990000;
    100 }
    101 
    102 /* =HiDPI Overrides
    103 -------------------------------------------------------------- */
    104 
    105 @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    106 
    107         #header h1 a,
    108         #header h1 :link,
    109         #header h1 :link:hover,
    110         #wporg-header h1 :link,
    111         #wporg-header h1 :link:hover {
    112                 background-image: url('../buddypress-org/images/buddypress-logo-2x.png');
    113                 background-size: 269px 65px;
    114         }
    115 }
    116 
    117 /* =Forum Overrides
    118 -------------------------------------------------------------- */
    119 
    120 #bbpress-forums p.bbp-topic-meta .bbp-topic-started-in a {
    121         background-color: #be3631;
    122 }

  • sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base/style.css

    r12226 r14281  
    11/**
    2  * Theme Name: BB's Parent
    3  * Theme URL: https://buddypress.org
    4  * Description: Parent theme for BuddyPress.org and bbPress.org
    5  * Author: John James Jacoby
    6  * Author URI: http://jaco.by
    7  * Version: 2.1
    8  * Tags: bbpress, gray, 508, compliance, fixed width, widgets, gallery
     2 * Theme Name:  BB's Base
     3 * Theme URL:   https://buddypress.org
     4 * Description: Base theme for BuddyPress.org and bbPress.org
     5 * Author:      John James Jacoby
     6 * Author URI:  https://jjj.blog
     7 * Version:     2.2
    98 */
    109
    … …  
    3231a img { border: 1px solid transparent; }
    3332
     33/* =Variables
     34-------------------------------------------------------------- */
     35:root {
     36
     37        /* Header */
     38        --bbbase-header-background-color: #eee;
     39        --bbbase-header-image-url: none;
     40        --bbbase-header-image-url-2x: none;
     41        --bbbase-header-image-size: 0 0 ;
     42        --bbbase-header-image-position: 0 0;
     43        --bbbase-header-image-small-screen-position: 0 0;
     44
     45        /* Logo */
     46        --bbbase-logo-image-url: none;
     47        --bbbase-logo-image-url-2x: none;
     48        --bbbase-logo-size: 208px 65px;
     49        --bbbase-logo-height: 65px;
     50        --bbbase-logo-width: 208px;
     51
     52        /* Buttons */
     53        --bbbase-button-background-color: #000;
     54        --bbbase-button-background-color-hover: #000;
     55        --bbbase-button-color: #fff;
     56        --bbbase-button-color-hover: #fff;
     57
     58        /* Links */
     59        --bbbase-link-color: #000;
     60        --bbbase-link-color-hover: #333;
     61
     62        /* Subnav */
     63        --bbbase-subnav-color-hover: #000;
     64
     65        /* Lists */
     66        --bbbase-list-hover-helper-background: rgba(0,0,0,0.01);
     67
     68        /* Common Colors */
     69        --bbbase-brightest-white: #fff;
     70        --bbbase-darkest-black: #000;
     71        --bbbase-light-background-low-contrast: #fafafa;
     72        --bbbase-grey-background-low-contrast: #eee;
     73        --bbbase-grey-border-low-contrast: #ccc;
     74        --bbbase-grey-border-low-contrast: #ccc;
     75}
     76
    3477/* =Site Style
    3578-------------------------------------------------------------- */
    … …  
    4083}
    4184body {
    42         font: 400 14px/26px sans-serif;
     85        font: 100 16px/1.5 Inter, sans-serif;
    4386        text-align: left;
    44         background: #fbfbfb;
     87        background: var(--bbbase-brightest-white);
    4588        margin: 0;
    4689        color: #222;
     90}
     91.hide-if-js {
     92        display: none;
    4793}
    4894#header,
    4995#wporg-header {
    50         border-bottom: 1px solid #252;
    51         position: fixed;
     96        background-color: var(--bbbase-header-background-color);
    5297        width: 100%;
    53         z-index: 99;
    54         box-shadow: 0 0 20px #ccc;
    55         top: 0;
    56         opacity: 0.95;
    57 }
    58 
    59 body.page-template-page-homepage-php #header {
    60         position: relative;
    61         box-shadow: none;
    62         top: 0;
    63 }
     98}
     99
    64100#header-inner {
    65101        margin: 0 auto;
    … …  
    67103        height: 80px;
    68104        padding: 0;
     105        display: flex;
     106        align-items: center;
     107
     108        /* Fun image behind logo */
     109        background-color: transparent;
     110        background-attachment: initial;
     111        background-repeat: no-repeat;
     112        background-position: var(--bbbase-header-image-position);
     113        background-image: var(--bbbase-header-image-url);
     114        background-size: var(--bbbase-header-image-size);
    69115}
    70116#header h1,
    71117#wporg-header h1 {
    72118        text-indent: -9999px;
     119        order: 1;
    73120}
    74121#header h1 a,
    75 #wporg-header h1 a {
    76         margin-top: 8px;
    77         width: 220px;
    78         height: 62px;
    79         float: left;
     122#header h1 :link,
     123#header h1 :link:hover,
     124#wporg-header h1 :link,
     125#wporg-header h1 :link:hover,
     126#wporg-header h1 :link:visited {
     127        border: 0;
     128        text-decoration: none;
     129        display: block;
     130        height: 80px;
     131        width: var(--bbbase-logo-image-width);
     132        background-color: transparent;
     133        background-attachment: initial;
     134        background-repeat: no-repeat;
     135        background-position: left center;
     136        background-image: var(--bbbase-logo-image-url);
    80137}
    81138
    82139#headline {
    83         background-color: #ddd;
    84         border-bottom: 1px solid #aaa;
     140        background-color: #fdfdfd;
    85141}
    86142#headline-inner {
    … …  
    88144        width: 100%;
    89145        height: 400px;
    90         padding: 0 10px;
    91146        line-height: 0;
    92         position: relative;
    93147}
    94148#headline-inner p {
    … …  
    98152        width: 330px;
    99153        font-weight: 400;
    100         font-size: 13px;
     154        font-size: 16px;
    101155        color: #555;
    102156}
    … …  
    115169p.headline-label {
    116170        padding: 0 0 24px 10px;
    117         color: #ccc;
     171        color: var(--bbbase-grey-border-low-contrast);
    118172}
    119173p.plans {
    … …  
    125179}
    126180#showcase {
    127         background-color: #eee;
    128         border-bottom: 1px solid #ccc;
     181        background-color: var(--bbbase-grey-background-low-contrast);
    129182        color: #555;
    130183}
    … …  
    132185        margin: 0 auto;
    133186        width: 100%;
    134         padding: 20px 0 0;
     187        padding: 60px 0 60px;
    135188}
    136189#showcase h3 {
    … …  
    141194        float: left;
    142195        margin: 5px 10px 0 0;
    143         border: 1px solid #aaa;
    144         height: 58px; /* not auto */
     196        height: 116px;
    145197}
    146198
    147199#main {
    148200        margin: 0 auto;
    149         padding: 24px 0;
     201        padding: 40px 0;
     202        display: flex;
     203}
     204
     205#footer {
     206        width: 100%;
     207        background-color: var(--bbbase-light-background-low-contrast);
     208        color: #aaa;
     209}
     210#footer-inner {
     211        font-size: 12px;
     212        margin: 0 auto;
     213        display: flex;
     214        align-items: center;
     215}
     216#footer-inner div {
     217        padding: 40px 0;
     218}
     219#footer div.details {
     220        order: 1;
     221        margin-right: auto;
     222}
     223#footer div.links {
     224        order: 2;
     225        margin-left: auto;
     226}
     227#footer p {
     228        margin: 0;
     229}
     230#footer a:not(:first-child) {
     231        margin-left: 10px;
     232}
     233
     234#header-inner,
     235#headline-inner,
     236#main,
     237#footer-inner {
    150238        position: relative;
    151 }
    152 body:not(.trac):not(.home-page):not(.home) #main {
    153         margin-top: 120px;
    154 }
    155 
    156 #footer {
    157         padding: 24px 0;
    158         font-size: 12px;
    159         margin: 0 auto 0 auto;
    160         border-top: #ccc solid 1px;
    161         color: inherit;
    162 }
    163 #footer div.links {
    164         float: right;
    165 }
    166 #footer p {
    167         margin: 0;
     239        overflow: visible;
     240}
     241
     242#showcase-inner {
     243        display: flex;
     244        flex-wrap: wrap;
     245        gap: 40px;
    168246}
    169247
    170248div.feature {
    171         float: left;
    172         width: 225px;
    173         margin: 0 20px 20px 0;
    174         font-size: 12px;
     249        flex: 1 1 calc(50% - 40px);
    175250        line-height: 22px;
    176251}
    177 div.sidebar div.feature {
    178         margin: 0 0 24px 0;
    179 }
    180252div.feature p {
    181253        margin: 0;
    182         font-size: 11px;
     254}
     255
     256div.feature p span {
     257        margin: 5px 20px;
     258        font-size: 18px;
     259        line-height: 38px;
     260        display: inline-block;
    183261}
    184262div.feature p.book-description {
    185         clear: left;
    186         float: left;
    187263        margin-top: 20px;
    188264        font-size: 1.1em;
    189265}
    190 #main div.feature img {
    191         border: #ccc solid 1px;
    192 }
    193 a:hover img,
    194 #main a:hover img {
    195         border: #328C00 solid 1px;
     266div.feature img {
     267        border: 1px solid var(--bbbase-grey-border-low-contrast);
     268}
     269
     270a:hover img {
     271        border: 1px solid #555
    196272}
    197273
    198274div.content {
    199         float: right;
    200         width: 100%;
     275        order: 2;
     276        margin-left: auto;
    201277}
    202278div.leftcol {
    … …  
    207283}
    208284div.sidebar {
    209         float: left;
    210         width: 100%;
     285        order: 1;
     286        margin-right: auto;
    211287}
    212288div.group {
    213289        padding: 20px 20px 1px 20px;
    214         background: #eee;
     290        background: var(--bbbase-grey-background-low-contrast);
    215291        margin: 0 0 24px 0;
    216 }
    217 
    218 body.bbp-user-page div.content {
    219         width: auto;
    220         float: none;
    221292}
    222293
    … …  
    254325        margin: 0 24px 12px 0;
    255326        background: #f6f6f6;
    256         border: #ccc solid 1px;
     327        border: var(--bbbase-grey-border-low-contrast) solid 1px;
    257328}
    258329div.plan p {
    … …  
    268339div.standard {
    269340        font-size: 16px;
    270         border: #009933 solid 2px;
     341        border: #333 solid 2px;
    271342}
    272343div.standard h3 {
    … …  
    277348}
    278349div.plan ul li {
    279         border-bottom: #ddd solid 1px;
     350        border-bottom: var(--bbbase-grey-border-low-contrast) solid 1px;
    280351        list-style: none;
    281352}
    … …  
    290361div.free-page div.standard {
    291362        font-size: 14px;
    292         border: #009933 solid 2px;
     363        border: #333 solid 2px;
    293364}
    294365
    … …  
    317388-------------------------------------------------------------- */
    318389
    319 .button {
    320         color: #fff;
     390.button,
     391button,
     392input[type=button],
     393input[type=submit],
     394input[type=reset] {
     395        color: var(--bbbase-button-color);
     396        background-color: var(--bbbase-button-background-color);
     397
     398        /* Overrides */
    321399        font-family: sans-serif;
    322400        height: auto;
    … …  
    324402        padding: 5px 10px;
    325403        font-weight: 600;
     404        border-radius: 8px;
    326405        border: none;
    327         border-radius: 3px;
     406}
     407
     408.button:hover,
     409.button:active,
     410button:hover,
     411button:active,
     412input[type=button]:hover,
     413input[type=button]:active,
     414input[type=submit]:hover,
     415input[type=submit]:active,
     416input[type=reset]:hover,
     417input[type=reset]:active {
     418        color: var(--bbbase-button-color-hover);
     419        background-color: var(--bbbase-button-background-color-hover);
     420
     421        /* Overrides */
     422        border: none;
     423    -webkit-box-shadow: none;
     424    box-shadow: none;
     425    text-shadow: none;
    328426}
    329427
    330428/* =Navigation
    331429-------------------------------------------------------------- */
     430
     431#header #bb-nav {
     432        margin: 0;
     433        display: flex;
     434        align-items: center;
     435}
    332436
    333437#bb-menu-icon,
    … …  
    339443#mobile-menu-button:before {
    340444        font: normal 16px/1 'dashicons';
    341         color: #000;
    342         content: '\f349'
     445        color: var(--bbase-darkest-black);
     446        content: '\f349';
     447        flex-shrink: 0;
    343448}
    344449
    345450#nav,
    346451#wporg-header-menu {
    347         float: right;
    348         margin: 30px 0 0 0;
    349         line-height: 20px;
     452        order: 2;
     453        margin: 0 0 0 auto;
     454        display: flex;
     455        align-items: center;
    350456}
    351457#nav li,
    352458#wporg-header #wporg-header-menu li {
    353         display: inline;
    354         float: left;
    355         margin: 0 3px 0 3px;
     459        margin: 0;
     460        height: 80px;
    356461        list-style: none;
     462        display: flex;
     463        align-items: center;
    357464}
    358465#nav li a,
    359466#wporg-header #wporg-header-menu li :link,
    360467#wporg-header #wporg-header-menu li :visited {
     468        display: flex;
     469        align-items: center;
     470        justify-content: center;
    361471        text-decoration: none;
     472        width: 100%;
     473        height: 100%;
    362474        color: #fff;
    363         height: auto;
    364         line-height: 1;
    365         padding: 5px 10px;
     475        padding: 0 13px;
    366476        font-weight: 600;
    367         border-radius: 3px;
    368         border: 1px solid transparent;
    369 }
     477}
     478
    370479#nav li a:hover,
    371 #wporg-header-menu li :link:hover {
    372         color: #ddeedd;
    373 }
    374 #nav li a.active {
    375         color: #fff;
    376 }
    377 
    378 #subnav,
    379 body.buddypress.trac #subnav,
    380 body.bbpress.trac #subnav {
    381         background: #eee;
    382         border-bottom: #ddd solid 1px;
    383         font-size: 12px;
    384         margin-top: 81px;
    385 }
    386 body.trac #metanav {
    387     font-size: 12px;
    388     margin-top: 81px;
    389     position: static;
    390     top: auto;
    391     right: auto;
    392     line-height:24px;
    393     padding-top: .5em;
    394 }
    395 #metanav:after {
    396     clear: both;
    397     display: block;
    398 }
    399 
    400 body.trac #metanav a,
    401 body.trac #metanav a:visited,
    402 body.trac #metanav form.trac-logout button {
    403     color: initial;
    404 }
    405 
    406 body.trac #metanav li.last {
    407     padding-right: .75em;
    408 }
    409 
    410 #subnav-inner {
    411         width: 100%;
    412         margin: 0 auto;
    413         padding: 5px 0;
    414         color: #555;
    415 }
    416 #subnav-inner ul {
    417         margin: 0;
    418 }
    419 #subnav-inner ul li {
    420         display: inline;
    421         float: left;
    422         list-style: none;
    423 }
    424 #subnav-inner ul li a {
    425         text-decoration: none;
    426         color: #555;
    427 }
    428 
    429 #nav-secondary li {
    430         margin: 0 30px 0 0;
    431 }
    432 
    433 #nav-user {
    434         float: right;
    435 }
    436 
    437 #nav-user li {
    438         margin: 0 10px 0 20px;
     480#nav li a.active,
     481#wporg-header #wporg-header-menu li :link:hover,
     482#wporg-header #wporg-header-menu li :link:active {
     483        background-color: rgba(255,255,255,0.3);
     484}
     485
     486#nav li.current-menu-item a,
     487#nav li.current-page-ancestor a,
     488#nav li.current a {
     489
     490        /* Match body for strong emphasis */
     491        background-color: #fff;
     492        color: #111;
    439493}
    440494
    … …  
    446500
    447501nav.pagination span.page-numbers.current {
    448         font-weight: bold;
     502        font-weight: 600;
    449503}
    450504
    … …  
    454508h2 {
    455509        font-size: 20px;
    456         color: #000;
    457         margin: 0 0 24px 0;
     510        color: var(--bbase-darkest-black);
     511        margin: 0 0 30px 0;
    458512}
    459513h2.graphic {
    460         top: 60px;
     514        top: 80px;
    461515        position: absolute;
    462516        line-height: 1em;
    … …  
    469523        font-size: 2.5em;
    470524        color: #555;
    471         text-shadow: 1px -1px 0 #aaa;
     525        text-shadow: none;
     526        text-decoration: none;
    472527}
    473528
    … …  
    479534
    480535h3.tour {
    481         background: #eee;
    482         color: #000;
     536        background: var(--bbbase-grey-background-low-contrast);
     537        color: var(--bbase-darkest-black);
    483538        padding: 6px 15px;
    484539        margin: 0 0 12px 0;
    485         border-bottom: #ccc solid 1px;
     540        border-bottom: var(--bbbase-grey-border-low-contrast) solid 1px;
    486541        font-size: 18px;
    487542}
    … …  
    512567}
    513568dl dt {
    514         font-weight: bold;
     569        font-weight: 600;
    515570        color: #333;
    516571}
    … …  
    533588dl.help dt {
    534589        font-size: 14px;
    535         color: #000;
     590        color: var(--bbase-darkest-black);
    536591}
    537592dl.help dd {
    538593        margin: 0 0 24px 0;
    539594        padding: 0 0 24px 0;
    540         border-bottom: #ccc solid 1px;
     595        border-bottom: var(--bbbase-grey-border-low-contrast) solid 1px;
    541596}
    542597
    … …  
    546601a {
    547602        text-decoration: none;
     603        color: var(--bbbase-link-color);
    548604}
    549605a:hover {
    550606        text-decoration: underline;
     607        color: var(--bbbase-link-color-hover);
    551608}
    552609
    … …  
    556613img {
    557614        height: auto;
    558         max-width: 100%;
    559615}
    560616
    … …  
    562618        max-width: 680px;
    563619        padding: 10px;
    564         border: 1px solid #ccc;
    565         background: #eee;
     620        border: 1px solid var(--bbbase-grey-border-low-contrast);
     621        background: var(--bbbase-grey-background-low-contrast);
    566622        position: relative;
    567623}
    568624
    569625div.wp-caption img {
    570         border: 5px double #ddd;
     626        border: 5px double var(--bbbase-grey-border-low-contrast);
    571627        position: relative;
    572628        display: block;
    … …  
    592648        font-style: italic;
    593649        font-size: 15px;
    594         border: 1px dotted #ddd;
     650        border: 1px dotted var(--bbbase-grey-border-low-contrast);
    595651        padding: 10px;
    596652        margin: 0 0 15px 0;
    … …  
    615671body.single cite {
    616672        font-family: sans-serif;
    617         font-size: 12px;
     673        font-size: 14px;
    618674        font-style: normal;
    619         color: #999;
     675        color: #aaa;
    620676        display: block;
    621677        margin-bottom: 15px;
    622678}
    623679div.single-post {
    624         border-bottom: 1px solid #eee;
    625680        margin-bottom: 15px;
    626681        padding-bottom: 10px;
    … …  
    658713}
    659714div.action a:hover {
    660         color: #000;
     715        color: var(--bbase-darkest-black);
    661716}
    662717
    … …  
    671726        position: absolute !important;
    672727        width: 1px;
    673         word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
     728
     729        /* Many screen reader and browser combinations announce broken words as they would appear visually. */
     730        word-wrap: normal !important;
    674731}
    675732
    … …  
    684741        font-size: 14px;
    685742        font-size: 0.875rem;
    686         font-weight: 700;
     743        font-weight: 600;
    687744        height: auto;
    688745        left: 5px;
    … …  
    692749        top: 5px;
    693750        width: auto;
    694         z-index: 100000; /* Above WP toolbar. */
     751
     752        /* Above WP toolbar. */
     753        z-index: 100000;
    695754}
    696755
    … …  
    710769-------------------------------------------------------------- */
    711770
    712 input {
     771input,
     772select {
    713773        font: 14px/16px sans-serif;
    714         padding: 3px;
     774        padding: 5px 10px;
    715775        color: #333;
    716776        border: 1px solid #ccc;
    717         border-radius: 3px;
     777        border-radius: 8px;
    718778}
    719779input.submit {
    720         border: 0;
    721         padding: 4px 5px;
    722         font-weight: bold;
     780        border: none;
     781        font-weight: 600;
    723782        cursor: pointer;
    724783}
    … …  
    730789}
    731790
    732 /* =Clear Floats
    733 -------------------------------------------------------------- */
    734 
    735 #header-inner:after,
    736 #headline-inner:after,
    737 #signup-inner:after,
    738 #subnav-inner:after,
    739 #showcase-inner:after,
    740 #main:after,
    741 #footer:after,
    742 div.group:after,
    743 div.action:after,
    744 div.free-page:after {
    745         content: ".";
    746         display: block;
    747         height: 0;
    748         clear: both;
    749         visibility: hidden;
    750 }
    751 
    752 /* =HasLayout (ie6)
    753 -------------------------------------------------------------- */
    754 
    755 * html #header-inner,
    756 * html #headline-inner,
    757 * html #signup-inner,
    758 * html #subnav-inner,
    759 * html #showcase-inner,
    760 * html #main,
    761 * html #footer,
    762 * html div.action,
    763 * html div.free-page {
    764         height: 1%;
    765 }
    766 
    767 /* =HasLayout (ie7)
    768 -------------------------------------------------------------- */
    769 
    770 *:first-child+html #header-inner,
    771 *:first-child+html #headline-inner,
    772 *:first-child+html #signup-inner,
    773 *:first-child+html #subnav-inner,
    774 *:first-child+html #showcase-inner,
    775 *:first-child+html #main,
    776 *:first-child+html #footer,
    777 *:first-child+html div.action,
    778 *:first-child+html div.free-page {
    779         min-height: 1px;
    780 }
    781791
    782792/* =Hidden
    … …  
    837847#commentform input,
    838848#commentform textarea {
    839         font: 0.9em "Lucida Grande", Verdana, Arial, Sans-Serif;
     849        font: 100 16px/1.5 Inter, sans-serif;
    840850}
    841851.commentlist {
    … …  
    847857        padding: 5px 5px 0 10px;
    848858        list-style: none;
    849         font-weight: bold;
    850859        position: relative;
    851860}
    852861.commentlist li .avatar {
    853862        float: left;
    854         border: 1px solid #eee;
     863        border: 1px solid var(--bbbase-grey-background-low-contrast);
    855864        padding: 2px;
    856865        margin: 0 10px 10px 0;
    … …  
    862871        font-size: 1em;
    863872}
     873.commentlist span.says {
     874        display: none;
     875}
    864876.commentlist .comment-author.vcard cite,
    865877.commentlist .comment-author.vcard cite a {
    866         font-weight: bold;
     878        font-weight: 600;
    867879        font-style: normal;
    868880        margin: 5px 0;
    … …  
    870882.commentlist .comment-body p {
    871883        clear: both;
    872         font-weight: normal;
    873884        line-height: 1.5em;
    874885        text-transform: none;
    875         margin: 10px 5px 10px 0;
     886        margin: 15px;
    876887}
    877888.commentmetadata {
    … …  
    879890        top: 8px;
    880891        position: absolute;
    881         font-weight: normal;
     892        font-weight: 400;
    882893        font-size: .8em;
    883894        margin: 0;
    … …  
    902913        margin: 0 0 5px auto;
    903914        float: right;
    904 }
    905 #respond {
    906         border-top: 1px dotted #ddd;
    907915}
    908916#respond:after {
    … …  
    926934}
    927935.depth-1 {
    928         border: 1px solid #ddd;
     936        border: 1px solid var(--bbbase-grey-border-low-contrast);
    929937}
    930938a.reply {
    … …  
    938946-------------------------------------------------------------- */
    939947
     948#bbpress-forums {
     949        line-height: 1.5;
     950        font-size: 100%;
     951}
     952
     953hr,
     954#bbpress-forums hr {
     955        margin: 40px;
     956        border: 1px solid var(--bbbase-grey-background-low-contrast);
     957}
     958
    940959div.sidebar #bbpress-forums {
    941960        margin-bottom: 0;
    … …  
    943962
    944963#bbpress-forums .bbp-author-role {
    945         margin: 5px;
    946         padding: 2px;
    947         border: 1px solid #ddd;
    948         background-color: #eee;
     964        margin: 5px 0;
     965        padding: 0;
     966        border: none;
     967        background-color: transparent;
     968        border-radius: 0;
     969        font-size: 10px;
     970        line-height: 10px;
     971        font-style: normal !important;
     972}
     973
     974#bbpress-forums .bbp-author-role,
     975#bbpress-forums .bbp-topic-ip,
     976#bbpress-forums .bbp-reply-ip {
     977        display: inline-block;
    949978}
    950979
    … …  
    954983#bbpress-forums ul.bbp-replies {
    955984        border: none;
     985        font-size: 14px;
     986}
     987
     988#bbpress-forums li.bbp-body ul:hover {
     989        background-color: var(--bbbase-list-hover-helper-background);
     990}
     991
     992#bbpress-forums li.bbp-footer,
     993#bbpress-forums li.bbp-header,
     994#bbpress-forums li.bbp-body ul.forum,
     995#bbpress-forums li.bbp-body ul.topic {
     996        padding: 15px;
     997}
     998
     999#bbpress-forums li.bbp-topic-freshness a:first-child {
     1000        font-size: 12px;
    9561001}
    9571002
    9581003#bbp-your-profile fieldset input,
     1004#bbp-your-profile fieldset select,
    9591005#bbp-your-profile fieldset textarea {
    960         padding: 7px;
     1006        padding: 15px;
     1007}
     1008
     1009#bbpress-forums fieldset.bbp-form input[type=password],
     1010#bbpress-forums fieldset.bbp-form input[type=text],
     1011#bbpress-forums fieldset.bbp-form select {
     1012        appearance: none;
     1013        height: auto;
     1014        min-height: auto;
     1015        margin-top: 10px;
     1016        padding: 15px;
     1017        min-width: 50%;
    9611018}
    9621019
    … …  
    9671024#bbpress-forums #bbp-your-profile fieldset label {
    9681025        white-space: nowrap;
     1026}
     1027
     1028#bbpress-forums #bbp_topic_title {
     1029        width: 80%;
    9691030}
    9701031
    … …  
    9801041        color: #888;
    9811042        float: none;
     1043        display: flex;
     1044        align-items: center;
     1045        padding: 40px 0;
     1046        margin: 0;
    9821047}
    9831048
    … …  
    9851050        display: inline-block;
    9861051        float: none;
     1052        order: 1;
     1053        margin-right: auto;
    9871054}
    9881055
    9891056#bbpress-forums .bbp-pagination-links {
    990         display: inline-block;
    991         float: right;
    992 }
    993 
     1057        float: none;
     1058        order: 2;
     1059        margin-left: auto;
     1060}
     1061
     1062#bbpress-forums .bbp-pagination-links span,
     1063#bbpress-forums .bbp-pagination-links span.current,
     1064#bbpress-forums .bbp-pagination-links a:hover,
     1065#bbpress-forums .bbp-pagination-links a {
     1066        border: 1px solid transparent;
     1067        border-radius: 8px;
     1068        font-size: 16px;
     1069        padding: 4px 8px;
     1070        margin: 0;
     1071}
     1072
     1073#bbpress-forums .bbp-pagination-links span.dots {
     1074        padding: 0;
     1075        margin: 0;
     1076}
     1077
     1078#bbpress-forums .bbp-pagination-links span.current {
     1079        font-weight: 600;
     1080}
     1081
     1082#bbpress-forums fieldset.submit button,
    9941083#bbpress-forums fieldset.bbp-form button {
    9951084        padding: 10px;
    … …  
    10121101}
    10131102
    1014 body.forum #bbpress-forums .bbp-topic-form {
    1015         border-top: 1px solid #eee;
    1016 }
    1017 
    10181103body.reply-edit #bbpress-forums fieldset.bbp-form,
    10191104body.topic-edit #bbpress-forums fieldset.bbp-form {
    1020         border-top: none;
     1105        border: none;
    10211106        padding: 0;
    10221107}
    … …  
    10261111        border-width: 0;
    10271112        padding-top: 0;
     1113}
     1114
     1115#bbpress-forums .bbp-reply-form fieldset.bbp-form p,
     1116#bbpress-forums .bbp-topic-form fieldset.bbp-form p {
     1117        padding: 15px 0;
     1118        margin: 0;
    10281119}
    10291120
    … …  
    10441135#bbpress-forums div.bbp-reply-content,
    10451136#bbpress-forums div.bbp-topic-content {
    1046         padding: 12px 12px 12px 10px;
     1137        padding: 30px;
     1138        margin: 0;
     1139}
     1140
     1141#bbpress-forums div.bbp-forum-content p,
     1142#bbpress-forums div.bbp-reply-content p,
     1143#bbpress-forums div.bbp-topic-content p {
     1144        font-size: 15px;
     1145        line-height: 1.6;
     1146        margin-bottom: 15px;
     1147}
     1148
     1149#bbpress-forums div.bbp-forum-content p:last-child,
     1150#bbpress-forums div.bbp-reply-content p:last-child,
     1151#bbpress-forums div.bbp-topic-content p:last-child {
     1152        margin-bottom: 0;
    10471153}
    10481154
    … …  
    10531159        background-color: #f0f0f0;
    10541160        max-height: 40em;
     1161}
     1162
     1163#bbpress-forums p.form-allowed-tags code {
     1164        font-size: 12px;
     1165        padding: 20px;
    10551166}
    10561167
    … …  
    10711182#bbpress-forums .bbp-topic-form select {
    10721183        padding: 6px 8px;
     1184        border-radius: 8px;
    10731185}
    10741186
    … …  
    10801192#bbpress-forums fieldset.bbp-form legend,
    10811193#bbpress-forums fieldset.bbp-form legend {
    1082         font-weight: bold;
     1194        font-weight: 600;
    10831195        font-size: 15px;
    10841196        color: #333;
    … …  
    10861198}
    10871199
    1088 .sidebar .bbp-forums-list,
    1089 .sidebar .bbp-breadcrumb {
    1090         display: none;
    1091 }
    1092 
    1093 .sidebar .bbp-forums .bbp-forum-info {
    1094         width: 80%
    1095 }
    1096 .sidebar .bbp-forums .bbp-forum-reply-count,
    1097 .sidebar .bbp-forums .bbp-forum-topic-count {
    1098         width: 20%;
    1099 }
    1100 .sidebar .forum-info,
    1101 .sidebar .topic-info {
    1102         font-size: 12px;
    1103 }
    1104 
    11051200#bbp-search-form {
    11061201        right: 0;
    1107         margin-top: -40px;
     1202        margin-top: -55px;
    11081203        position: absolute;
    11091204}
    11101205
    11111206#bbp_search,
    1112 .sidebar #ts,
    1113 .sidebar #rs {
    1114         width: 140px;
    1115         margin-top: -1px;
    1116         margin-right: 8px;
    1117         margin-bottom: 20px;
    1118         padding: 3px;
    1119 }
    1120 
    1121 .sidebar div ul {
    1122         margin: 0 0 24px 0;
    1123 }
    1124 
    1125 .sidebar div li {
    1126         list-style: none;
    1127 }
    1128 
    1129 .sidebar .forum-info li:before,
    1130 .sidebar .topic-info li:before,
    1131 .sidebar div ul li a:before {
    1132         font: normal 16px/1 'dashicons';
    1133         margin-right: 5px;
    1134         float: left;
    1135         padding-top: 3px;
    1136         color: #000;
    1137 }
    1138 
    1139 .sidebar a.feed:before {
    1140         content: '\f303';
    1141 }
    1142 
    1143 .sidebar a.bbp-view-title:before {
    1144         content: '\f109';
    1145 }
    1146 
    1147 .sidebar .forum-info li.topic-count:before {
    1148         content: '\f450';
    1149 }
    1150 
    1151 .sidebar .topic-info li.topic-forum:before {
    1152         content: '\f449';
    1153 }
    1154 
    1155 .sidebar .topic-info li.voice-count:before {
    1156         content: '\f307';
    1157 }
    1158 
    1159 .sidebar .topic-info li.reply-count:before,
    1160 .sidebar .forum-info li.reply-count:before {
    1161         content: '\f451';
    1162 }
    1163 
    1164 .sidebar .topic-info li.topic-freshness-author:before,
    1165 .sidebar .forum-info li.forum-freshness-author:before {
    1166         content: '\f338';
    1167 }
    1168 
    1169 .sidebar .topic-info li.topic-freshness-time:before,
    1170 .sidebar .forum-info li.forum-freshness-time:before {
    1171         content: '\f469';
    1172 }
    1173 
    1174 .sidebar .forum-info li.forum-subscribe:before,
    1175 .sidebar .topic-info li.topic-subscribe:before {
    1176         content: '\f147';
    1177 }
    1178 
    1179 .sidebar .topic-info li.topic-favorite:before {
    1180         content: '\f155';
    1181 }
    1182 
    1183 #bbpress-forums li.bbp-body {
    1184         border-bottom: 1px solid #eee;
     1207#ts,
     1208#rs {
     1209        padding: 9px 15px;
     1210        min-width: 175px;
     1211}
     1212
     1213#bbpress-forums div.odd,
     1214#bbpress-forums ul.odd {
     1215        background-color: transparent;
     1216}
     1217
     1218#bbpress-forums li.bbp-body div.hentry {
     1219        padding: 0;
     1220        margin: 0;
    11851221}
    11861222
    … …  
    12051241}
    12061242
    1207 #bbpress-forums ul.sticky li.bbp-topic-title a.bbp-topic-permalink:before,
    1208 #bbpress-forums ul.super-sticky li.bbp-topic-title a.bbp-topic-permalink:before {
    1209         font: normal 16px/1 'dashicons';
     1243#bbpress-forums li.bbp-topic-title a.bbp-topic-permalink {
     1244        display: inline-block;
     1245        margin-bottom: 10px;
     1246        font-weight: 400;
     1247        font-size: 16px;
     1248}
     1249
     1250#bbpress-forums ul.sticky li.bbp-topic-title:before,
     1251#bbpress-forums ul.super-sticky li.bbp-topic-title:before {
     1252        font: normal 20px/20px 'dashicons';
    12101253        content: '\f450';
    12111254        margin-right: 5px;
    … …  
    12151258}
    12161259
    1217 #bbpress-forums ul.sticky.status-closed li.bbp-topic-title a.bbp-topic-permalink:before,
    1218 #bbpress-forums ul.super-sticky.status-closed li.bbp-topic-title a.bbp-topic-permalink:before {
     1260#bbpress-forums ul.sticky.status-closed li.bbp-topic-title:before,
     1261#bbpress-forums ul.super-sticky.status-closed li.bbp-topic-title:before {
    12191262        color: #bbb;
    12201263}
    … …  
    12301273
    12311274#bbpress-forums p.bbp-topic-meta {
    1232         margin: 4px 0 0;
     1275        display: block;
    12331276}
    12341277
    … …  
    12391282
    12401283#bbpress-forums p.bbp-topic-meta .bbp-topic-started-in a {
    1241         color: #eee;
    1242         background-color: #888;
    1243         padding: 2px 5px;
    1244         border-radius: 3px;
     1284        color: #999;
     1285        background-color: var(--bbbase-grey-background-low-contrast);
     1286        padding: 3px 8px;
     1287        border-radius: 10px;
     1288        border: 0.5px solid #999;
    12451289        font-size: 10px;
    1246         font-weight: bold;
     1290        font-weight: 400;
    12471291}
    12481292
    12491293#bbpress-forums div.bbp-template-notice {
    1250         margin-top: 0;
     1294        margin: 30px 0;
     1295}
     1296
     1297.bbp-lead-topic + .bbp-no-reply {
     1298        margin-top: 60px;
    12511299}
    12521300
    12531301#bbpress-forums div.bbp-topic-tags p {
    12541302        margin-bottom: 15px;
     1303}
     1304
     1305#bbpress-forums li.bbp-body {
     1306        padding: 0;
    12551307}
    12561308
    … …  
    12601312}
    12611313
    1262 #bbpress-forums li.bbp-body div.type-reply {
    1263         border-top: 1px solid #eee;
    1264 }
    1265 
    12661314#bbpress-forums li.bbp-body div.type-topic span.bbp-admin-links,
    12671315#bbpress-forums li.bbp-body div.type-reply span.bbp-admin-links {
     1316        float: none;
     1317        position: absolute;
     1318        right: 0;
     1319        top: 70px;
     1320        text-align: right;
     1321        padding: 0;
     1322        margin: 5px 15px 5px 5px;
    12681323        display: none;
     1324        color: rgba(0,0,0,0.05);
    12691325}
    12701326
    … …  
    12721328#bbpress-forums li.bbp-body div.type-reply:hover span.bbp-admin-links {
    12731329        display: block;
    1274         position: absolute;
    1275         right: 30px;
    1276         bottom: 10px;
    12771330}
    12781331
    … …  
    12811334#bbpress-forums ul.bbp-forums,
    12821335#bbpress-forums ul.bbp-replies {
    1283         margin-bottom: 15px;
    1284 }
    1285 
    1286 #bbpress-forums div.bbp-topic-author,
    1287 #bbpress-forums div.bbp-reply-author {
    1288         width: 130px;
     1336        margin-bottom: 0;
     1337}
     1338
     1339#bbpress-forums li.bbp-body div.bbp-topic-author,
     1340#bbpress-forums li.bbp-body div.bbp-reply-author {
     1341        width: calc(100% - 30px);
     1342        float: none;
     1343        padding: 15px;
     1344        margin: 0;
     1345        text-align: left;
     1346        display: flex;
     1347        align-items: flex-start;
     1348        gap: 15px;
     1349        position: relative;
     1350        background: rgba(0,0,0,0.05);
     1351}
     1352
     1353#bbpress-forums li.bbp-body div.bbp-topic-author .bbp-author-link,
     1354#bbpress-forums li.bbp-body div.bbp-reply-author .bbp-author-link {
     1355        display: flex;
     1356        order: 0;
     1357        margin: 0;
     1358}
     1359
     1360#bbpress-forums div.bbp-topic-author span.bbp-author-avatar,
     1361#bbpress-forums div.bbp-reply-author span.bbp-author-avatar {
     1362        line-height: 0;
     1363        font-size: 0;
    12891364}
    12901365
    12911366#bbpress-forums div.bbp-topic-author img.avatar,
    12921367#bbpress-forums div.bbp-reply-author img.avatar {
    1293         width: 100px;
    1294         height: 100px;
    1295         max-width: 100px;
    1296         max-height: 100px;
    1297         border-radius: 20%;
    1298 }
     1368        padding: 0;
     1369        margin: 0;
     1370        width: 40px;
     1371        height: 40px;
     1372        max-width: 40px;
     1373        max-height: 40px;
     1374        border-radius: 8px;
     1375}
     1376
     1377#bbpress-forums li.bbp-body div.bbp-topic-author .bbp-topic-author-info,
     1378#bbpress-forums li.bbp-body div.bbp-reply-author .bbp-reply-author-info {
     1379        order: 1;
     1380        flex: 1;
     1381        padding: 0;
     1382        margin: 0;
     1383        float: none;
     1384}
     1385
     1386#bbpress-forums li.bbp-body .bbp-reply-post-date,
     1387#bbpress-forums li.bbp-body .bbp-topic-post-date {
     1388        order: 2;
     1389        padding: 0;
     1390        margin: 0;
     1391        float: none;
     1392}
     1393
     1394#bbpress-forums .widget_display_replies img.avatar,
     1395#bbpress-forums .widget_display_topics img.avatar,
     1396#bbpress-forums div.bbp-template-notice img.avatar,
     1397#bbpress-forums p.bbp-topic-meta img.avatar,
     1398#bbpress-forums ul.bbp-reply-revision-log img.avatar,
     1399#bbpress-forums ul.bbp-topic-revision-log img.avatar {
     1400        border: none;
     1401        border-radius: 3px;
     1402}
     1403
     1404div.bbp-template-notice,
     1405div.indicator-hint {
     1406        border-radius: 8px;
     1407        padding: 0;
     1408        margin: 0 0 30px 0;
     1409}
     1410
     1411div.bbp-template-notice li,
     1412div.bbp-template-notice p {
     1413        font-size: 15px;
     1414        margin: 15px !important;
     1415        padding: 0 !important
     1416}
     1417
     1418#bbpress-forums fieldset.submit,
     1419#bbpress-forums div.bbp-submit-wrapper {
     1420        float: none;
     1421        text-align: right;
     1422        padding: 20px;
     1423        background: #f5f5f5;
     1424}
     1425#bbpress-forums #bbp-your-profile fieldset.submit div {
     1426        float: none;
     1427        margin: 0;
     1428}
     1429
    12991430
    13001431/* =bbPress Lead Topic
    … …  
    13031434#bbpress-forums ul.bbp-lead-topic li.bbp-body {
    13041435        border: 1px solid #dd6;
     1436        border-left-width: 10px;
    13051437}
    13061438
    … …  
    13321464}
    13331465
    1334 #bbpress-forums .bbp-reply-content pre,
    1335 #bbpress-forums .bbp-topic-content pre {
     1466#bbpress-forums div.bbp-reply-content pre,
     1467#bbpress-forums div.bbp-topic-content pre {
    13361468        background-color: #f2f2f2;
    13371469        overflow: auto;
    1338         margin: 5px;
     1470        margin: 5px 5px 15px 5px;
    13391471        padding: 10px;
    13401472        border: 1px dotted #bbb;
    … …  
    13461478#bbpress-forums fieldset.bbp-form input {
    13471479        border: 1px solid #ccc;
    1348         outline-color: rgb(131,189,102);
    1349 }
     1480        outline-color: rgb(102, 128, 189) !important;
     1481}
     1482
     1483
     1484/* =bbPress Profiles
     1485-------------------------------------------------------------- */
     1486
     1487#bbpress-forums #bbp-single-user-details #bbp-user-avatar,
     1488#bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar {
     1489        height: 200px;
     1490        width: 200px;
     1491}
     1492
     1493#bbpress-forums #bbp-single-user-details #bbp-user-navigation {
     1494        margin-top: 40px;
     1495}
     1496
     1497#bbpress-forums #bbp-single-user-details #bbp-user-navigation a {
     1498        padding: 8px 15px;
     1499        border-radius: 8px;
     1500}
     1501
     1502#bbpress-forums #bbp-user-body {
     1503        position: relative;
     1504}
     1505
     1506#bbpress-forums #bbp-user-body .bbp-search-form {
     1507        float: none;
     1508        position: absolute;
     1509        right: 0;
     1510        top: 0;
     1511}
     1512
     1513#bbpress-forums #bbp-your-profile fieldset {
     1514        padding: 30px;
     1515        margin-bottom: 30px;
     1516}
     1517
     1518#bbpress-forums #bbp-your-profile fieldset.bbp-form:nth-last-child(2) {
     1519        border: none;
     1520}
     1521
     1522body.bbp-user-page #main,
     1523body.bbp-user-edit #main {
     1524        display: block;
     1525}
     1526
     1527body.bbp-user-page div.content,
     1528body.bbp-user-edit div.content {
     1529        margin: 0;
     1530        width: 100%;
     1531}
     1532
     1533body.bbp-user-page #bbp-user-wrapper,
     1534body.bbp-user-edit #bbp-user-wrapper {
     1535        display: flex;
     1536        float: none;
     1537}
     1538
     1539body.bbp-user-page #bbp-user-wrapper #bbp-single-user-details,
     1540body.bbp-user-edit #bbp-user-wrapper #bbp-single-user-details {
     1541        order: 1;
     1542        width: 200px;
     1543}
     1544
     1545body.bbp-user-page #bbp-user-wrapper #bbp-user-body,
     1546body.bbp-user-edit #bbp-user-wrapper #bbp-user-body {
     1547        order: 2;
     1548        width: 730px;
     1549        margin-left: auto;
     1550}
     1551
     1552#bbp-user-profile h2 {
     1553        display: none;
     1554}
     1555
     1556#bbp-user-profile h3 {
     1557        font-size: 1.4em;
     1558}
     1559
     1560#bbpress-forums #bbp-your-profile fieldset input,
     1561#bbpress-forums #bbp-your-profile fieldset select,
     1562#bbpress-forums #bbp-your-profile fieldset textarea {
     1563        border-radius: 8px;
     1564        background-color: #fff;
     1565        margin-top: 0;
     1566}
     1567#bbpress-forums #bbp-your-profile fieldset input:focus,
     1568#bbpress-forums #bbp-your-profile fieldset textarea:focus {
     1569        box-shadow: none;
     1570}
     1571#bbpress-forums #bbp-your-profile fieldset label {
     1572        margin-top: 5px;
     1573}
     1574
     1575
     1576/* =Sidebar
     1577-------------------------------------------------------------- */
     1578
     1579.sidebar div ul {
     1580        margin: 0;
     1581}
     1582
     1583.sidebar h2 {
     1584        padding: 30px 0;
     1585        margin: 0;
     1586}
     1587
     1588.sidebar > div:first-child h2 {
     1589        padding-top: 0;
     1590}
     1591
     1592.sidebar div li {
     1593        list-style: none;
     1594}
     1595
     1596.sidebar .forum-info li:before,
     1597.sidebar .topic-info li:before,
     1598.sidebar div ul li a:before {
     1599        font: normal 16px/23px 'dashicons';
     1600        margin-right: 5px;
     1601        color: var(--bbase-darkest-black);
     1602}
     1603
     1604.sidebar a.feed:before {
     1605        content: '\f303';
     1606}
     1607
     1608.sidebar a.bbp-view-title:before {
     1609        content: '\f109';
     1610}
     1611
     1612.sidebar .forum-info li.topic-count:before {
     1613        content: '\f450';
     1614}
     1615
     1616.sidebar .topic-info li.topic-forum:before {
     1617        content: '\f449';
     1618}
     1619
     1620.sidebar .topic-info li.voice-count:before {
     1621        content: '\f307';
     1622}
     1623
     1624.sidebar .topic-info li.reply-count:before,
     1625.sidebar .forum-info li.reply-count:before {
     1626        content: '\f451';
     1627}
     1628
     1629.sidebar .topic-info li.topic-freshness-author:before,
     1630.sidebar .forum-info li.forum-freshness-author:before {
     1631        content: '\f338';
     1632}
     1633
     1634.sidebar .topic-info li.topic-freshness-time:before,
     1635.sidebar .forum-info li.forum-freshness-time:before {
     1636        content: '\f469';
     1637}
     1638
     1639.sidebar .forum-info li.forum-subscribe:before,
     1640.sidebar .topic-info li.topic-subscribe:before {
     1641        content: '\f147';
     1642}
     1643
     1644.sidebar .topic-info li.topic-favorite:before {
     1645        content: '\f155';
     1646}
     1647
     1648.sidebar .bbp-topic-tag-cloud {
     1649        line-height: 1;
     1650}
     1651
     1652.sidebar .bbp-forums-list,
     1653.sidebar .bbp-breadcrumb {
     1654        display: none;
     1655}
     1656
     1657.sidebar .bbp-forums .bbp-forum-info {
     1658        width: 80%
     1659}
     1660.sidebar .bbp-forums .bbp-forum-reply-count,
     1661.sidebar .bbp-forums .bbp-forum-topic-count {
     1662        width: 20%;
     1663}
     1664.sidebar .forum-info,
     1665.sidebar .topic-info {
     1666        font-size: 15px;
     1667        line-height: 2;
     1668}
     1669
    13501670
    13511671/* =Plugins
    … …  
    13531673
    13541674div.single-plugin {
    1355         border-bottom: 1px solid #eee;
    13561675        margin-bottom: 15px;
    13571676        padding-bottom: 10px;
    … …  
    13841703        padding: 10px 20px 15px 20px;
    13851704        margin-left: 20px;
    1386         background: #fafafa;
    1387         border: 1px solid #eee;
     1705        background: var(--bbbase-light-background-low-contrast);
     1706        border: 1px solid var(--bbbase-grey-background-low-contrast);
    13881707}
    13891708
    … …  
    14141733}
    14151734
    1416 #bbpress-forums .bbp-the-content-wrapper a.switch-html {
    1417 
    1418 }
    1419 
    1420 #bbpress-forums .bbp-the-content-wrapper a.switch-tmce {
    1421 
    1422 }
    1423 
    1424 #bbpress-forums div.bbp-submit-wrapper {
    1425         border: 1px solid #ddd;
    1426         float: none;
    1427         text-align: right;
    1428         padding: 15px;
    1429         background: #f5f5f5;
    1430 }
    1431 
    14321735#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar,
    14331736#bbpress-forums .wp_themeSkin tr.mceFirst td.mceToolbar {
    14341737        background: #f6f6f6;
    14351738        border: none;
    1436         border-color: #ddd;
     1739        border-color: var(--bbbase-grey-border-low-contrast);
    14371740        border-width: 1px 1px 0 1px;
    14381741        border-style: solid;
    … …  
    14571760        margin-top: 0;
    14581761        height: 210px;
     1762        border-radius: 0;
    14591763}
    14601764
    … …  
    14631767
    14641768#bbpress-forums p.bbp-user-nicename {
    1465         font-weight: bold;
    1466         color: #888;
     1769        font-weight: 600;
     1770        color: #666;
    14671771        direction: ltr;
    14681772        word-wrap: break-word;
    1469         display: inline-block;
    1470         margin: 0;
     1773        margin: 0;
     1774        padding: 0;
    14711775}
    14721776
    14731777#bbpress-forums p.bbp-topic-post-date,
    1474 #bbpress-forums div.bbp-topic-ip,
    1475 #bbpress-forums p.bbp-reply-post-date,
    1476 #bbpress-forums div.bbp-reply-ip {
    1477         margin: 0 15px;
    1478         display: inline-block;
     1778#bbpress-forums p.bbp-reply-post-date {
     1779        padding: 0;
     1780        margin: 0;
     1781        font-size: 12px;
     1782        margin: 0 0 0 auto;
    14791783}
    14801784
    … …  
    15331837#menu-bp li a:hover {
    15341838        text-decoration: none;
    1535         background: #fafafa;
     1839        background: var(--bbbase-light-background-low-contrast);
    15361840}
    15371841
    15381842#menu-bp li.current-menu-parent a {
    1539         background: #eee;
     1843        background: var(--bbbase-grey-background-low-contrast);
    15401844        color: inherit;
    15411845}
    … …  
    15971901}
    15981902
    1599 /* =Trac
    1600 -------------------------------------------------------------- */
    1601 
    1602 body.trac a.attachment {
    1603         display: inline;
    1604 }
    1605 
    1606 /* =Toolbar
    1607 -------------------------------------------------------------- */
    1608 
    1609 #wp-toolbar {
    1610         margin: 0 auto;
    1611 }
    1612 
    1613 #wp-admin-bar-my-account img.avatar {
    1614         border-radius: 50%;
    1615 }
     1903/* =HiDPI Overrides
     1904-------------------------------------------------------------- */
     1905
     1906@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
     1907        #header-inner {
     1908                background-image: var(--bbbase-header-image-url-2x);
     1909                background-size: var(--bbbase-header-image-size);
     1910        }
     1911
     1912        #header h1 a,
     1913        #header h1 :link,
     1914        #header h1 :link:hover,
     1915        #wporg-header h1 :link,
     1916        #wporg-header h1 :link:hover {
     1917                background-image: var(--bbbase-logo-image-url-2x);
     1918                background-size: var(--bbbase-logo-image-size);
     1919        }
     1920}
     1921
    16161922
    16171923/* =Responsive Overrides
    … …  
    16251931        #showcase-inner,
    16261932        #main,
    1627         #footer {
     1933        #footer-inner {
    16281934                width: 960px;
    16291935        }
    … …  
    16461952                width: 200px;
    16471953        }
    1648         #wp-toolbar {
    1649                 width: 960px;
    1650         }
    16511954}
    16521955
    16531956/* Shrink logo to make room for navigation */
    1654 @media screen and ( max-width: 835px ) {
     1957@media screen and ( max-width: 959px ) {
    16551958        #header-inner h1 a {
    16561959                width: 65px !important;
    16571960        }
     1961        #main {
     1962                display: block;
     1963        }
     1964        #header-inner {
     1965                background-position: var(--bbbase-header-image-small-screen-position);
     1966        }
    16581967}
    16591968
    16601969/* Do not fix #header for non-desktops */
    16611970@media screen and ( max-width: 782px ) {
    1662         #header {
    1663                 top: 0;
    1664                 z-index: 99999;
    1665                 position: absolute;
    1666         }
    1667         #wpadminbar {
    1668                 z-index: 88888;
    1669                 height: 56px !important;
    1670                 position: absolute;
    1671         }
    1672         #wp-toolbar {
    1673                 width: 100%;
    1674         }
    1675         #main {
    1676                 margin: 100px 10px 40px 10px;
    1677         }
    1678         body:not(.trac):not(.home-page) #main {
    1679                 margin-top: 140px;
    1680         }
    1681         #footer {
     1971        #footer-inner {
     1972                display: block;
     1973                padding: 20px 10px;
     1974        }
     1975        #footer-inner div {
    16821976                padding: 10px;
    1683                 margin: 10px;
    1684         }
    1685         #footer div.links,
    1686         #footer div.details {
    1687                 float: none;
    1688                 margin: 10px 0;
    16891977        }
    16901978        #bb-menu-icon,
    16911979        #mobile-menu-button {
    1692                 display: block;
    16931980                position: absolute;
    16941981                right: 0;
    1695                 padding: 33px 20px 33px 33px;
     1982                top: 0;
     1983                height: 80px;
     1984                width: 80px;
     1985                display: flex;
     1986                justify-content: center;
     1987                align-items: center;
    16961988                text-decoration: none;
    1697         }
     1989                border: none;
     1990                background: transparent;
     1991        }
     1992
    16981993        #header #nav,
    16991994        #wporg-header #wporg-header-menu {
    17001995                margin: 0;
    1701                 float: right;
    1702                 overflow: visible;
    17031996        }
    17041997        #header #bb-nav,
    17051998        #wporg-header #wporg-header-menu {
    17061999                position: absolute;
     2000                padding: 0;
     2001                margin: 0;
    17072002                width: 100%;
    17082003                right: 0;
    1709                 top: 81px;
    1710                 border-bottom: 1px solid #aaa;
     2004                top: 80px;
    17112005        }
    17122006        #header #bb-nav li,
    17132007        #wporg-header #wporg-header-menu li {
    1714                 width: 100%;
    17152008                text-align: center;
    17162009                margin: 0;
    … …  
    17202013        #wporg-header #wporg-header-menu li :link,
    17212014        #wporg-header #wporg-header-menu li :visited {
    1722                 display: block;
    17232015                margin: 0;
    1724                 padding: 20px;
    1725                 color: #000;
     2016                padding: 0;
     2017                color: var(--bbase-darkest-black);
    17262018                text-shadow: none;
    17272019                border-radius: 0;
    … …  
    17402032        #header #nav:focus #bb-nav,
    17412033        #wporg-header #wporg-header-menu.toggled {
    1742                 background-color: #eee;
     2034                background-color: var(--bbbase-grey-background-low-contrast);
    17432035                display: block !important;
    1744         }
    1745         #wporg-header #wporg-header-menu.toggled {
    1746                 background: #eee;
     2036                z-index: 100;
     2037        }
     2038        #header #nav:hover #bb-menu-icon,
     2039        #header #nav:focus #bb-menu-icon,
     2040        #wporg-header #mobile-menu-button[aria-expanded="true"] {
     2041                background-color: rgba(255,255,255,0.3);
    17472042        }
    17482043        #header #nav:hover #bb-menu-icon:before,
    … …  
    17512046                color: #fff;
    17522047        }
    1753         #wp-admin-bar-my-account img.avatar {
    1754                 height: 38px !important;
    1755                 width: 38px !important;
    1756         }
    17572048}
    17582049
    17592050/* Mobile */
    17602051@media only screen and (max-width: 480px) {
     2052        div.feature {
     2053                flex: 1 1 100%;
     2054        }
     2055
    17612056        #bbpress-forums div.bbp-topic-author img.avatar,
    17622057        #bbpress-forums div.bbp-reply-author img.avatar {
    1763                 width: 72px;
    1764                 height: 72px;
    1765                 margin: -5px 0 0 -5px;
    1766                 transform: rotate(-5deg);
     2058                position: relative;
    17672059        }
    17682060
    … …  
    17742066        }
    17752067
    1776         #bbpress-forums p.bbp-topic-post-date,
    1777         #bbpress-forums p.bbp-reply-post-date {
    1778                 position: absolute;
    1779                 right: -13px;
    1780                 top: -17px;
    1781                 font-size: 10px;
    1782                 margin: 0;
    1783         }
    1784 
    1785         #bbpress-forums div.bbp-topic-author .bbp-author-avatar + br,
    1786         #bbpress-forums div.bbp-reply-author .bbp-author-avatar + br,
    17872068        #bbpress-forums div.bbp-topic-ip,
    17882069        #bbpress-forums div.bbp-reply-ip {
    … …  
    17932074        #bbpress-forums li.bbp-body div.type-reply span.bbp-admin-links {
    17942075                display: block !important;
    1795                 border-top: 1px dotted #ddd;
     2076                border-top: 1px dotted var(--bbbase-grey-border-low-contrast);
    17962077                margin: 10px 10px 0 10px;
    17972078                padding: 5px 0;
    … …  
    18002081                left: 0;
    18012082        }
    1802 }
    1803 
     2083        #bbpress-forums .bbp-body div.bbp-reply-author,
     2084        #bbpress-forums .bbp-body div.bbp-topic-author {
     2085                min-height: auto;
     2086        }
     2087        #bbpress-forums .bbp-body div.bbp-reply-content,
     2088        #bbpress-forums .bbp-body div.bbp-topic-content {
     2089                margin: 15px;
     2090        }
     2091}
     2092
Note: See TracChangeset for help on using the changeset viewer.